:root{font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#212724;background:#f7f8fa;font-synthesis:none;--green:#167855;--muted:#7b8580;--line:#e8ece9;--sidebar:238px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #65b391;outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:2px solid #167855;outline-offset:2px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:250px;background:white;padding:16px;z-index:30}.skip-link:focus{top:10px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:31px 20px 24px;display:flex;flex-direction:column;z-index:5;overflow:auto}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:750;letter-spacing:.5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;font-size:29px;width:38px;height:42px;border-radius:11px;flex-shrink:0}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:#969e99;margin-top:5px}.nav-label{color:#979f9a;font-size:12px;letter-spacing:1.3px;margin:49px 12px 14px;display:flex;justify-content:space-between}.nav-label span{font-size:11px}.nav-all,.category-button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:13px 14px;text-align:left;font-size:14px;border-radius:8px;transition:background .15s}.nav-all.active,.category-button.active{background:#edf5f0;color:var(--green);font-weight:650}.nav-icon{font-size:20px;line-height:20px}.count{margin-left:auto;font-size:12px;background:#dcece2;min-width:23px;padding:2px 5px;border-radius:5px;text-align:center}.category-heading{margin-top:34px}.categories{display:flex;flex-direction:column;gap:4px}.category-button{padding:11px 14px;color:#717a74;line-height:1.4}.category-button:hover{background:#f3f6f4}.category-button .category-count{margin-left:auto;font-size:12px;color:#a0a7a3}.category-symbol{width:20px;text-align:center;color:#8e9992;font-size:17px}.sidebar-footer{margin-top:auto;padding:34px 10px 0;display:flex;gap:10px;font-size:12px;align-items:flex-start;line-height:1.6;color:#5d6e63}.local-dot{width:6px;height:6px;border-radius:50%;background:#3f9c72;display:inline-block;margin-top:7px;flex-shrink:0}.sidebar-footer small{display:block;font-size:12px;color:#929b95;margin-top:3px}.main-wrap{margin-left:var(--sidebar)}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:13px;color:#919a94}.breadcrumb strong{font-weight:500;color:#515e55}.breadcrumb span{color:#c6ccc8}.source-link{font-size:13px;color:#65756a;display:flex;align-items:center;gap:13px}.source-link:hover{color:var(--green)}main{padding:40px 42px 0;max-width:1900px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:center;padding:6px 0 33px}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;gap:7px;align-items:center;color:#738a7b;font-weight:650}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#3f9c72}.page-intro h1{font-size:34px;line-height:1.4;letter-spacing:-1px;font-weight:650;margin:12px 0}.title-dot{color:#238058}.page-intro p{font-size:14px;color:#879089;margin:0;line-height:1.7}.library-stamp{border-left:1px solid #dce3dd;padding:2px 0 2px 25px;display:flex;flex-direction:column;gap:7px;min-width:129px}.library-stamp strong{font-size:34px;font-weight:400;line-height:1;letter-spacing:-1px}.library-stamp span{font-size:12px;color:#87928a}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid #e1e7e3}.collection-heading{display:flex;align-items:center;gap:10px;flex-shrink:0}.collection-heading h2{margin:0;font-size:17px;font-weight:650}.collection-icon{color:#53806a;font-size:22px}.result-count{font-size:12px;color:#7b897f;background:#e9eeeb;border-radius:5px;padding:3px 7px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e6e1;border-radius:8px;padding:10px 13px;width:326px;color:#8c9790}.search-box:focus-within{border-color:#459976;box-shadow:0 0 0 3px #1678550c}.search-box svg{height:18px;width:18px;flex-shrink:0}.search-box input{min-width:0;flex:1;border:0;background:transparent;outline:none;font-size:13px;color:#303d35}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#9ba39f}.search-box kbd{font-size:12px;background:#f8faf8;border:1px solid #e7ebe8;border-radius:4px;padding:0 5px;color:#a0aaa4}.mobile-categories{display:none}.active-filter{font-size:13px;color:#6c7a70;margin-bottom:20px}.active-filter button{border:0;background:transparent;color:var(--green);font-size:13px;margin-left:8px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;outline:none}.style-card{border:1px solid #e5eae6;border-radius:13px;background:white;overflow:hidden;box-shadow:0 2px 2px #223c2902;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}.style-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #223c290b;border-color:#cfdcd3}.card-open{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left}.card-image{position:relative;width:100%;aspect-ratio:1.36;overflow:hidden;background:#edf1ef}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.style-card:hover img{transform:scale(1.035)}.card-number{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:1px;color:#3c5142;background:#fffffff0;backdrop-filter:blur(8px);padding:5px 7px;border-radius:4px;z-index:1}.card-arrow{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;background:#fff;box-shadow:0 2px 6px #0001;border-radius:50%;font-size:17px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.style-card:hover .card-arrow,.card-open:focus-visible .card-arrow{opacity:1;transform:none}.card-body{padding:19px 18px 18px}.card-category{font-size:11px;color:#939c96;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.card-category::before{content:"";width:4px;height:4px;background:#739783;border-radius:50%}.card-body h3{font-size:18px;line-height:1.45;margin:0 0 7px;font-weight:600}.card-description{color:#8b948e;font-size:13px;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px}.card-tags{display:flex;gap:5px;min-width:0;overflow:hidden}.tag{background:#f3f5f3;border:1px solid #edf0ed;border-radius:4px;padding:3px 7px;font-size:11px;color:#7a867d;white-space:nowrap}.template-label{font-size:10px;color:#a2aca5;white-space:nowrap;letter-spacing:.5px}.page-footer{margin-top:44px;border-top:1px solid #e1e7e3;padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#9da79f}.page-footer>span:first-child{letter-spacing:1.5px}.page-footer p{margin:0}.page-footer a{color:#708376}.empty-state{text-align:center;padding:70px 20px 90px}.empty-state>span{font-size:50px;color:#95ac9d}.empty-state h2{font-size:21px}.empty-state p{font-size:15px;color:#859088}.button{border:1px solid #dde6df;border-radius:7px;padding:12px 19px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white}.button-primary{background:var(--green);color:white;border-color:var(--green)}.button-primary:hover{background:#126547}.button svg{width:18px;height:18px}dialog{padding:0;border:1px solid #dfe6e1;border-radius:17px;width:min(1050px,calc(100% - 48px));max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 28px 100px #071c193a}dialog::backdrop{background:#192d2566;backdrop-filter:blur(5px)}.detail-layout{display:grid;grid-template-columns:46% 54%;min-height:640px}.detail-visual{background:#f0f3f0;padding:24px;display:flex;flex-direction:column;align-items:center}.detail-image-wrap{width:100%;height:480px;display:grid;place-items:center;background:#e7ece8;border-radius:9px;overflow:hidden}.detail-image-wrap img{width:100%;height:100%;object-fit:contain}.image-caption{display:flex;justify-content:space-between;gap:15px;width:100%;font-size:12px;color:#7d8b80;margin:14px 0}.image-caption a{color:#557961}.example-thumbnails{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:8px}.thumbnail{border:2px solid transparent;padding:0;background:white;width:62px;height:62px;border-radius:7px;overflow:hidden}.thumbnail.selected{border-color:var(--green)}.thumbnail img{width:100%;height:100%;object-fit:cover}.detail-content{position:relative;padding:36px 32px 25px;min-width:0}.close-button{position:absolute;top:16px;right:16px;border:0;border-radius:50%;background:#f2f5f3;color:#6c7b70;width:30px;height:30px;font-size:24px;display:grid;place-items:center;line-height:1}.close-button:hover{background:#e5ece7}.detail-content>.eyebrow{font-size:12px;letter-spacing:.5px;padding-right:22px}.detail-content h2{font-size:27px;line-height:1.4;margin:12px 0 4px}.detail-english{font-size:12px;color:#93a096;margin:0;letter-spacing:.3px}.detail-description{font-size:14px;color:#718078;line-height:1.8;margin:17px 0 14px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tabs{display:flex;gap:24px;border-bottom:1px solid #e7ece8;margin:24px 0 20px}.detail-tabs button{padding:0 0 12px;background:none;border:0;border-bottom:2px solid transparent;font-size:14px;color:#8a968e}.detail-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:650}.prompt-topline{display:flex;justify-content:space-between;font-size:12px;color:#708578;margin-bottom:10px}.prompt-topline span{font-size:11px;color:#9ca69f}#prompt-text{display:block;width:100%;min-height:245px;resize:vertical;border:1px solid #e1e7e2;border-radius:8px;background:#f8faf8;padding:15px;color:#536458;font-size:13px;line-height:1.85}.prompt-help{font-size:12px;line-height:1.7;color:#929d96;margin:11px 0 16px}.copy-button{width:100%}.detail-source{font-size:11px;display:flex;justify-content:space-between;gap:15px;color:#a0aaa3;border-top:1px solid #ebeeeb;padding-top:18px;margin-top:23px}.detail-source a{color:#738e7c}#guide-panel h3{font-size:15px;margin:0 0 10px;color:#456b53}#guide-panel ul{margin:0 0 24px;padding-left:20px;color:#77867b;font-size:14px;line-height:1.9}.example-entry{border:1px solid #e4eae6;border-radius:8px;margin-bottom:12px;overflow:hidden}.example-entry summary{cursor:pointer;list-style:none;padding:13px 14px;display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:500}.example-entry summary::after{content:"+";color:#7b9383}.example-entry[open] summary::after{content:"−"}.example-entry pre{white-space:pre-wrap;font:12px/1.9 "Segoe UI","Microsoft YaHei",sans-serif;padding:0 14px;color:#718477;max-height:280px;overflow:auto}.example-entry .example-actions{padding:0 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.example-actions button{border:0;background:#edf4ef;color:#387350;padding:7px 10px;border-radius:4px}.example-actions a{color:#7c9083}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#214d38;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 7px 20px #1b382e33;font-size:14px;z-index:100;max-width:calc(100% - 40px);text-align:center}.loading-error{padding:50px 0;grid-column:1/-1;color:#6d7e72}.image-error{object-fit:contain!important;padding:30px;background:#eaf1ec}
@media(min-width:1600px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}main{padding-left:48px;padding-right:48px}.card-image{aspect-ratio:1.22}}@media(max-width:1200px){:root{--sidebar:218px}.sidebar{padding-left:14px;padding-right:14px}.topbar{padding:0 28px}main{padding:32px 28px 0}.gallery{gap:20px 16px}.card-body{padding:16px 14px}.card-body h3{font-size:16px}.card-description{font-size:12px}.card-tags .tag:nth-child(n+3){display:none}.page-intro h1{font-size:29px}.template-label{display:none}.library-stamp{min-width:110px;padding-left:20px}.brand{font-size:12px;gap:9px}.brand small{font-size:11px}.page-footer>span:last-child{display:none}}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.search-box{width:280px}.library-stamp{display:none}.detail-layout{grid-template-columns:42% 58%}.detail-content{padding:34px 24px 24px}.detail-visual{padding:20px}.detail-image-wrap{height:400px}.detail-tabs{gap:18px}.page-intro h1{font-size:31px}.page-footer{font-size:10px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:63px;padding:0 22px}.breadcrumb{font-size:12px;gap:10px}.source-link{font-size:12px;gap:5px}main{padding:27px 20px 0}.page-intro{padding:3px 0 26px}.eyebrow{font-size:10px;letter-spacing:1.6px}.page-intro h1{font-size:28px;letter-spacing:-.6px;margin:11px 0 10px}.page-intro p{font-size:13px}.library-toolbar{padding:20px 0 15px;flex-wrap:wrap;gap:15px}.collection-heading h2{font-size:16px}.search-box{width:100%;padding:12px}.search-box input{font-size:14px}.search-box kbd{display:none}.mobile-categories{display:flex;gap:8px;overflow-x:auto;padding-bottom:17px;margin-bottom:3px;scrollbar-width:none}.mobile-categories button{border:1px solid #e0e7e2;background:white;border-radius:6px;font-size:12px;padding:8px 12px;white-space:nowrap;color:#76857a}.mobile-categories button.active{background:#e8f2eb;border-color:#ccdfd2;color:var(--green)}.gallery{gap:17px 13px}.card-image{aspect-ratio:.98}.card-number{font-size:9px;top:9px;left:9px}.card-body{padding:14px 12px}.card-body h3{font-size:15px;margin-bottom:7px}.card-category{font-size:10px;margin-bottom:6px}.card-description{font-size:12px;line-height:1.7;min-height:41px}.card-bottom{margin-top:12px}.tag{font-size:10px;padding:3px 5px}.card-tags .tag:nth-child(n+3){display:none}.style-card{border-radius:10px}.style-card:hover{transform:none}.page-footer{align-items:flex-start;flex-direction:column;gap:8px;margin-top:28px;padding:20px 0}.page-footer p{font-size:11px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.detail-layout{display:block}.detail-visual{padding:18px 18px 10px}.detail-image-wrap{height:280px}.image-caption{margin-bottom:6px}.example-thumbnails{margin-bottom:6px}.thumbnail{width:48px;height:48px}.detail-content{padding:24px 22px}.detail-content h2{font-size:24px;padding-right:20px}.detail-content>.eyebrow{font-size:11px}.close-button{position:fixed;top:24px;right:24px;z-index:2;background:#fffffff2;border:1px solid #dce6df}.detail-tabs{gap:22px;margin-top:23px}.detail-tabs button{font-size:13px}#prompt-text{min-height:235px;font-size:14px}.detail-source{font-size:10px}.toast{bottom:20px;font-size:13px}.card-arrow{opacity:1;width:26px;height:26px;font-size:14px;bottom:9px;right:9px}.active-filter{font-size:12px}.skip-link{left:20px}}
@media(max-width:380px){main{padding-left:15px;padding-right:15px}.gallery{gap:14px 10px}.page-intro h1{font-size:25px}.card-body{padding:12px 10px}.card-tags .tag:nth-child(n+2){display:none}.breadcrumb{font-size:11px}.source-link{font-size:11px}.detail-content{padding:24px 18px}.detail-tabs{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.header-actions{display:flex;align-items:center;gap:22px}.mobile-history{display:none;background:none;border:0;color:#597765;font-size:13px;padding:5px 0}.history-nav{margin-top:5px;color:#77877c}.history-nav .category-count{margin-left:auto;font-size:12px}.history-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px}.history-intro p{font-size:14px;color:#7f8c83;line-height:1.8;margin:0}.history-intro .button{white-space:nowrap;font-size:13px;padding:10px 14px}.history-record{background:white;border:1px solid #e1e8e3;border-radius:10px;margin-bottom:12px}.history-record>summary{display:flex;align-items:center;gap:18px;padding:20px;cursor:pointer;list-style:none}.history-record summary::-webkit-details-marker{display:none}.history-type{background:#f0f4f1;color:#74887a;font-size:12px;padding:6px 9px;border-radius:5px;white-space:nowrap}.history-type.type-copy,.history-type.type-copy-example{background:#edf5ef;color:#3e8159}.history-type.type-edit{background:#fff7e8;color:#9a8041}.history-type.type-restore{background:#eef2fb;color:#647daa}.history-summary{display:flex;flex:1;flex-direction:column;gap:7px}.history-summary strong{font-size:15px;font-weight:550}.history-summary small{font-size:12px;color:#92a097}.history-record time{font-size:12px;color:#8a978e;white-space:nowrap}.history-record>summary>span:last-child{color:#92a197}.history-details{border-top:1px solid #ecf0ed;padding:22px}.history-meta{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5;color:#96a39a;overflow-wrap:anywhere}.history-meta a{color:#52785f}.history-details h3{font-size:14px;font-weight:550;margin:20px 0 10px}.history-details pre{margin:0;background:#f7f9f7;border:1px solid #e8eee9;border-radius:7px;padding:18px;font:14px/1.9 "Segoe UI","Microsoft YaHei",sans-serif;color:#5c7062;max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.history-record-actions{display:flex;gap:10px;margin-top:18px}.previous-version{margin-top:13px}.previous-version>summary{font-size:13px;color:#829588;padding:6px 0 12px;cursor:pointer}.history-empty{text-align:center;padding:70px 20px 100px;color:#81988a}.history-empty>span{font-size:44px}.history-empty h3{font-size:20px;color:#536b5d;font-weight:500}.history-empty p{font-size:14px}.prompt-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;color:#9aa69d;font-size:12px}.prompt-actions button{border:0;background:#edf4ef;color:#4b805e;border-radius:4px;padding:6px 10px;font-size:12px}#prompt-variant{width:100%;padding:9px 10px;font-size:13px;color:#5b7965;background:#fff;border:1px solid #dde6e0;border-radius:6px;margin-bottom:12px}.card-description{font-size:14px;min-height:47px}.card-category,.tag,.card-number{font-size:12px}.card-image{isolation:isolate}.detail-description{font-size:16px}#prompt-text{font-size:15px}.example-entry pre{font-size:14px}.sidebar-footer{font-size:13px}.source-link,.breadcrumb,.search-box input{font-size:14px}.card-body h3{font-size:18px}.page-intro p{font-size:16px}.detail-image-wrap{flex-shrink:0}.image-caption{line-height:1.6}.image-caption>span{max-width:72%}.image-caption a{flex-shrink:0}.detail-content>.eyebrow{line-height:1.6}.sidebar .category-button{font-size:14px;gap:9px}.page-footer a:hover{text-decoration:underline}
@media(max-width:1200px){.card-body h3{font-size:17px}.sidebar .category-button{font-size:13px}.category-symbol{width:16px}.sidebar .category-count{font-size:11px}}
@media(max-width:760px){.header-actions{gap:17px}.mobile-history{display:block}.topbar .source-link{display:none}.breadcrumb{font-size:12px}.card-body h3{font-size:15px}.card-description{font-size:13px;min-height:43px}.card-category,.tag{font-size:11px}.card-number{font-size:10px}.page-intro p{font-size:14px}.history-intro{align-items:flex-start;gap:10px}.history-intro p{font-size:13px}.history-record>summary{padding:15px 12px;gap:10px;flex-wrap:wrap}.history-type{font-size:11px;padding:5px 7px}.history-summary{min-width:50%}.history-summary strong{font-size:14px}.history-summary small{font-size:11px}.history-record time{margin-left:auto;font-size:11px}.history-details{padding:16px}.history-meta{font-size:11px}.history-details pre{font-size:13px}.history-record-actions .button{font-size:13px;padding:10px 14px}.history-record>summary>span:last-child{display:none}#prompt-text{font-size:16px}.detail-description{font-size:15px}.detail-source{flex-wrap:wrap}.prompt-actions{font-size:11px}.history-intro .button{font-size:12px;padding:10px}.detail-image-wrap{height:260px}}
.source-heading{margin-top:25px}.category-heading{margin-top:25px}.source-button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:7px;padding:9px 13px;font-size:13px;color:#6f7e74;text-align:left}.source-button>span:last-child{margin-left:auto;font-size:11px;color:#a0aaa3}.source-button.active{background:#f0f4f1;color:#3f7252}.source-mini-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;font-size:11px;font-weight:700;background:#edf4ed;color:#438659}.source-mini-mark.mono{background:#eef0f6;color:#496391}.source-button:hover{background:#f2f5f3}#manual-copy-dialog{max-width:580px;padding:28px}#manual-copy-dialog h2{font-size:22px}#manual-copy-dialog p{font-size:14px;line-height:1.7;color:#77887b}#manual-copy-dialog textarea{width:100%;height:260px;border:1px solid #dbe5dd;border-radius:8px;background:#f7faf8;font:15px/1.8 "Segoe UI","Microsoft YaHei",sans-serif;padding:14px;color:#506c59;margin:5px 0 20px}#manual-copy-dialog>div{display:flex;gap:10px;flex-wrap:wrap}.source-document{max-width:980px;padding:48px 30px;margin:auto}.source-document>a{color:var(--green);font-size:14px}.source-document h1{font-size:32px;margin:32px 0 15px}.source-document>p{line-height:1.8;color:#78897e;font-size:16px}.source-document article{padding:28px;border:1px solid #e1e9e3;background:white;border-radius:12px;margin:24px 0}.source-document h2{font-size:23px;margin-top:0}.source-document article p,.source-document li{font-size:15px;line-height:1.9;color:#76897d}.source-document a:hover{text-decoration:underline}.source-document article a{color:var(--green)}.source-document .commit{font:12px/1.8 monospace;overflow-wrap:anywhere;color:#92a499}.source-document ul{padding-left:20px}.source-document .source-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.palette-list{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.palette-swatch{display:inline-flex;gap:6px;align-items:center;background:#f5f7f5;border:1px solid #e5ebe6;border-radius:5px;padding:7px 9px;font-size:12px;color:#687f6f}.palette-swatch i{width:12px;height:12px;border-radius:3px;display:inline-block}.cover-note{font-size:11px;color:#8ba191;line-height:1.6;margin:8px 0 0}
@media(max-height:950px) and (min-width:761px){.sidebar{padding-top:23px}.nav-label{margin-top:25px}.category-heading{margin-top:20px}.categories{gap:1px}.sidebar .category-button{padding-top:8px;padding-bottom:8px}.sidebar-footer{padding-top:24px}}
.source-example{border:1px solid #e2eae5;border-radius:8px;padding:17px;margin:12px 0}.source-example strong{font-size:15px}.source-example p{font-size:14px;line-height:1.8;color:#7b8e82}.source-example a{font-size:13px;color:#4a805d}.palette-swatch{line-height:1.6}
.header-create{border:0;border-radius:7px;background:#edf5ef;color:var(--green);font-size:13px;font-weight:600;padding:10px 14px}.header-create:hover{background:#dfeee5}.mobile-workspace{display:none}.workspace-title{padding:6px 0 25px}.workspace-title h1{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-.6px;margin:12px 0}.workspace-title p{font-size:15px;color:#738479;line-height:1.8;margin:0}.api-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #e8dfcc;background:#fbf7ef;border-radius:9px;padding:13px 16px;color:#816d46;font-size:13px;line-height:1.7;margin-bottom:24px}.api-banner.connected{border-color:#d7e7dc;background:#eff6f1;color:#427455}.api-banner button{border:0;background:transparent;white-space:nowrap;font-size:12px;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:6px}.studio-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:26px;align-items:start}.studio-form{background:#fff;border:1px solid #e1e8e3;border-radius:12px;padding:24px;min-width:0}.field-label{display:block;font-size:13px;font-weight:600;color:#536b5c;margin:23px 0 10px}.field-label:first-child{margin-top:0}.studio-form input,.studio-form select,.studio-form textarea{width:100%;border:1px solid #dce5df;border-radius:7px;background:#fff;color:#405c4b;font-size:14px;padding:11px 12px;min-width:0;line-height:1.6}.studio-form textarea{min-height:270px;resize:vertical;font-size:14px;line-height:1.85}.studio-form input::placeholder,.studio-form textarea::placeholder{color:#96a299}.studio-form select:focus-visible{outline:2px solid #167855;outline-offset:2px}.selected-style{display:flex;align-items:center;gap:13px;margin-top:12px;background:#f5f8f5;border-radius:8px;padding:10px}.selected-style img{width:62px;height:62px;object-fit:cover;border-radius:5px;flex-shrink:0}.selected-style>div{min-width:0}.selected-style strong{display:block;font-size:13px;color:#4f6d5a;margin-bottom:5px}.selected-style span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;color:#788b7e;line-height:1.65}.field-help{font-size:12px;line-height:1.75;color:#7c8b81;margin:8px 0 0}.generation-options{display:grid;grid-template-columns:1.35fr 1fr .75fr;gap:10px;margin-top:22px}.generation-options label{min-width:0;font-size:12px;color:#6e8476}.generation-options select{margin-top:8px;font-size:12px;padding:10px 6px}.generate-button{width:100%;margin-top:24px;justify-content:center;font-size:15px;min-height:47px}.button:disabled,button:disabled{opacity:.55;cursor:not-allowed}.generation-note{font-size:11px;color:#819286;line-height:1.7;text-align:center;margin:10px 0 0}.studio-output{position:sticky;top:24px;min-width:0;border:1px solid #dfe7e1;border-radius:12px;background:#eef3ef;overflow:hidden}.output-empty{display:flex;min-height:580px;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;background-image:radial-gradient(#859b9025 1px,transparent 1px);background-size:20px 20px}.output-star{font-size:68px;color:#64836e;line-height:1.2}.output-empty h2{font-size:22px;font-weight:500;color:#4b6856;margin:24px 0 12px}.output-empty p{font-size:14px;line-height:1.9;color:#7c9283;max-width:360px;margin:0}.output-hint{font-size:10px;letter-spacing:1.4px;color:#8b9f92;margin-top:38px}.generated-preview{padding:18px;display:flex;align-items:center;justify-content:center;min-height:320px;background-image:linear-gradient(45deg,#dfe8e1 25%,transparent 25%),linear-gradient(-45deg,#dfe8e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe8e1 75%),linear-gradient(-45deg,transparent 75%,#dfe8e1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.generated-preview img{display:block;max-width:100%;max-height:680px;object-fit:contain;box-shadow:0 5px 24px #253b2920}.result-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 0;font-size:15px}.result-caption strong{font-weight:550;overflow-wrap:anywhere}.result-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:19px}.result-actions .button{font-size:12px;padding:11px 13px;text-align:center;line-height:1.4}.studio-output>.result-actions{padding:18px 20px 22px}.studio-output>.field-help{padding:0 20px 20px}.job-status{display:inline-flex;align-items:center;font-size:11px;line-height:1.5;border-radius:5px;padding:4px 8px;color:#677b6d;background:#edf2ee;white-space:nowrap}.status-completed{color:#377d52;background:#e1f0e6}.status-running,.status-queued{color:#6b7b95;background:#edf1f8}.status-failed,.status-interrupted{color:#98615a;background:#faeeeb}.generation-spinner{width:42px;height:42px;border:3px solid #d7e3da;border-top-color:#578567;border-radius:50%;animation:generation-spin 1.2s linear infinite}@keyframes generation-spin{to{transform:rotate(360deg)}}.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e0e8e2;padding:22px 0;color:#788b7e;font-size:13px}.works-toolbar .button{font-size:12px;padding:9px 13px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.works-grid>.history-empty{grid-column:1/-1;background:#f0f5f1;border:1px dashed #cddcd2;border-radius:12px}.works-grid .history-empty .button{margin-top:18px;display:inline-flex}.work-card{border:1px solid #e0e8e2;border-radius:11px;overflow:hidden;background:white;min-width:0}.work-card-open{padding:0;background:none;border:0;text-align:left;width:100%;display:block}.work-image{height:240px;position:relative;background:#e9f0eb;display:grid;place-items:center;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover}.work-image>.job-status{position:absolute;top:12px;left:12px;box-shadow:0 1px 6px #1b352714}.work-state{display:flex;flex-direction:column;gap:18px;align-items:center;font-size:13px;color:#8a9b8e}.work-state>span{font-size:44px;color:#6a8774}.work-card-body{padding:18px}.work-card-body h3{font-size:16px;font-weight:600;line-height:1.6;margin:0 0 7px;overflow-wrap:anywhere}.work-card-body p,.work-card-body time{font-size:12px;color:#7e8e83;line-height:1.7;margin:0}.work-card-body time{display:block;margin-top:10px;font-size:11px;color:#96a299}.template-cta{display:flex;gap:10px;margin-top:14px}.template-cta .copy-button{flex:1;margin:0;width:auto;background:white;color:#4e705b;border:1px solid #d9e6dd}.template-cta .button-primary{flex:1.3}.template-cta button{padding:13px 10px;font-size:13px;justify-content:center}#work-dialog{max-width:1020px;padding:0;background:#f9fbf9}#work-dialog>.close-button{position:absolute;right:18px;top:18px;background:#fffffff0;z-index:2}.work-detail-image{background:#e6eee8;display:flex;justify-content:center;padding:24px}.work-detail-image img{max-height:660px;max-width:100%;object-fit:contain;display:block}.work-detail-content{padding:30px}.work-detail-content h2{font-size:26px;line-height:1.5;margin:12px 0}.work-metadata{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;margin:24px 0}.work-metadata>div{min-width:0}.work-metadata dt{font-size:12px;color:#8d9c92;margin-bottom:5px}.work-metadata dd{font-size:13px;color:#536f5d;margin:0;line-height:1.7;overflow-wrap:anywhere}.work-prompt{border-top:1px solid #e1e9e3;margin-top:17px;padding-top:17px}.work-prompt summary{font-size:13px;color:#567460;cursor:pointer}.work-prompt pre{font:13px/1.9 "Segoe UI","Microsoft YaHei",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;background:#f0f5f1;border-radius:7px;padding:17px;color:#637d6c}.work-source{display:inline-block;color:#688c74;font-size:12px;margin-top:22px}.work-error{background:#faefed;padding:13px;border-radius:7px;color:#99625b;font-size:13px;line-height:1.8}.history-type.type-generate{background:#e1f0e6;color:#377d52}.history-type.type-generate-error{background:#faeeeb;color:#98615a}
@media(max-width:1200px){.studio-layout{grid-template-columns:minmax(290px,1fr) minmax(0,1fr);gap:20px}.studio-form{padding:20px}.generation-options{grid-template-columns:1fr 1fr}.generation-options label:first-child{grid-column:1/-1}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-title h1{font-size:29px}.work-image{height:260px}}
@media(max-width:980px){.studio-layout{grid-template-columns:1fr}.studio-output{position:static}.output-empty{min-height:360px}.generation-options{grid-template-columns:1.35fr 1fr .75fr}.generation-options label:first-child{grid-column:auto}.work-image{height:210px}}
@media(max-width:760px){.mobile-workspace{display:flex;gap:4px;background:#e9efeb;padding:4px;border-radius:9px;margin:-4px 0 28px}.mobile-workspace button{flex:1;border:0;background:transparent;border-radius:6px;font-size:13px;padding:9px 5px;color:#718378}.mobile-workspace button.active{background:white;color:var(--green);box-shadow:0 1px 4px #37523f10;font-weight:600}.topbar .mobile-history{display:none}.header-create{font-size:12px;padding:8px 10px}.workspace-title h1{font-size:27px;letter-spacing:-.6px}.workspace-title p{font-size:14px}.api-banner{font-size:12px;gap:9px;margin-bottom:18px;padding:11px 12px}.api-banner button{font-size:11px}.studio-form{padding:19px}.studio-form input,.studio-form textarea,.studio-form select{font-size:16px}.studio-form textarea{min-height:250px}.generation-options select{font-size:12px}.studio-layout{gap:19px}.field-label{font-size:13px}.output-empty{min-height:340px}.output-empty h2{font-size:21px}.output-hint{font-size:9px;letter-spacing:.8px}.works-grid{gap:14px}.work-image{height:180px}.work-card-body{padding:13px}.work-card-body h3{font-size:14px}.work-card-body p{font-size:11px}.work-card-body time{font-size:10px}.work-detail-content{padding:23px 18px}.work-metadata{grid-template-columns:1fr;gap:13px}.work-detail-content h2{font-size:23px}.work-detail-image{padding:12px}.template-cta{flex-wrap:wrap}.template-cta button{font-size:13px}.result-caption{font-size:14px}}
@media(max-width:400px){.workspace-title h1{font-size:24px}.generation-options{grid-template-columns:1fr 1fr}.generation-options label:first-child{grid-column:1/-1}.work-image{height:145px}.works-grid{gap:11px}.work-card-body{padding:11px}}
.history-record-actions{flex-wrap:wrap}
.pinterest-mark{color:#bd3546;font-weight:800;font-family:Georgia,serif;font-size:22px}.pinterest-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:26px;align-items:start}.board-form{position:sticky;top:20px}.board-form textarea{min-height:145px}.pinterest-links{display:flex;flex-wrap:wrap;gap:12px;margin:13px 0;font-size:12px;color:var(--green)}.pinterest-links button{border:0;background:none;color:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.pinterest-links a:hover{text-decoration:underline}.pinterest-connection{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:12px;line-height:1.8;color:#748478}.pinterest-connection summary{cursor:pointer;color:#536b5c}.pinterest-connection a{color:var(--green)}.pinterest-collection{min-width:0}.pinterest-collection .works-toolbar{padding-top:0;border-top:0}.board-list{display:grid;gap:8px}.board-card{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e1e8e3;border-radius:8px;text-align:left;width:100%;min-width:0}.board-card.selected{border-color:#75a188;background:#eff6f1}.board-card>span:nth-child(2){flex:1;min-width:0}.board-card strong{font-size:13px;display:block}.board-card small{display:block;font-size:11px;color:#819186;margin-top:6px}.board-status{font-size:13px;line-height:1.8;color:#617668;margin:23px 0}.board-status p{margin:6px 0}.pin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.pin-card{background:white;border:1px solid #e1e8e3;border-radius:9px;overflow:hidden;min-width:0}.pin-open{width:100%;border:0;padding:0;position:relative;display:block;text-align:left;background:white}.pin-open img{width:100%;height:220px;object-fit:cover;display:block;background:#edf2ee}.pin-open:hover img{filter:brightness(.94)}.pin-number{position:absolute;top:10px;left:10px;font-size:10px;background:#ffffffeb;color:#617568;border-radius:4px;padding:4px 6px}.pin-caption{padding:12px;display:block}.pin-caption strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;font-size:12px;line-height:1.6;height:39px}.pin-caption>span{display:block;font-size:12px;color:var(--green);margin-top:13px}.pin-source{display:block;padding:0 12px 12px;font-size:10px;color:#8a978e}.analysis-archive{margin-top:45px}.analysis-archive h2{font-size:17px;color:#4e6657;margin:0}.analysis-record{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:8px;padding:16px;margin:9px 0;min-width:0}.analysis-record>span:nth-child(2){min-width:0;flex:1}.analysis-record strong{font-size:14px;display:block;font-weight:550}.analysis-record small{font-size:12px;color:#8a9a90;display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-record>span:last-child{font-size:12px;color:var(--green);white-space:nowrap}#pin-dialog{width:min(1080px,calc(100% - 36px));max-width:1080px;padding:0;background:#f9fbf9}#pin-dialog>.close-button{position:absolute;right:14px;top:14px;z-index:2;background:white}.pin-detail-layout{display:flex;align-items:start;min-height:440px}.pin-reference{width:40%;padding:25px;background:#eef3ef;flex-shrink:0}.pin-reference img{max-width:100%;max-height:660px;object-fit:contain;display:block;margin:auto}.pin-reference a{display:block;margin-top:18px;font-size:12px;color:#698471}.pin-analysis{padding:34px 30px;flex:1;min-width:0}.pin-analysis h2{font-size:23px;line-height:1.5;margin:15px 26px 12px 0}.pin-analysis textarea{width:100%;min-height:265px;resize:vertical;border:1px solid #dce5df;border-radius:7px;padding:14px;background:white;font-family:inherit;font-size:13px;line-height:1.9;color:#506858}.pin-analysis select{display:block;margin-top:8px;padding:10px;border:1px solid #dce5df;border-radius:6px;background:white;width:100%;color:#536f5d}.pin-analysis .generation-options{grid-template-columns:1fr 1fr}.pin-analysis .generation-options label:first-child{grid-column:auto}.visual-summary{font-size:13px;line-height:1.85;color:#738879}.pin-wait{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.9;color:#7b9082}.source-mini-mark.amazon{background:#fff2df;color:#9d6b27}.reference-provenance{margin-top:14px;font-size:12px;color:var(--green);line-height:1.7;overflow-wrap:anywhere}
@media(max-width:1300px){.pin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pinterest-layout{grid-template-columns:280px minmax(0,1fr);gap:18px}.pin-open img{height:240px}}
@media(max-width:980px){.pinterest-layout{grid-template-columns:1fr}.board-form{position:static}.pin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pin-open img{height:210px}.pin-detail-layout{display:block}.pin-reference{width:100%;padding:20px}.pin-reference img{max-height:280px}.pin-analysis{padding:26px}}
@media(max-width:760px){.pin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pin-open img{height:215px}.pin-analysis{padding:22px 18px}.pin-analysis h2{font-size:20px}.pin-analysis textarea{font-size:16px}.analysis-record{gap:9px;padding:12px}.analysis-record strong{font-size:12px}.analysis-record>span:last-child{display:none}.pin-caption{padding:10px}.pinterest-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none;border-top-color:#578567}}
.works-toolbar-actions{display:flex;align-items:center;gap:9px}.works-toolbar-actions [hidden]{display:none}.work-trash-card .work-card-body .button{margin-top:14px;width:100%}.work-delete-button{color:#a94438;border-color:#e9c9c3}.work-delete-button:hover{background:#fff3f0;border-color:#dca99e}
@media(max-width:760px){.works-toolbar{align-items:flex-start;flex-wrap:wrap}.works-toolbar-actions{width:100%;flex-wrap:wrap}.works-toolbar-actions .button{flex:1;min-width:125px}}
.curated-navigator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.curated-navigator button{position:relative;min-width:0;min-height:102px;padding:15px 17px 14px;border:1px solid #dfe8e2;border-radius:11px;background:#fff;text-align:left;transition:border-color .15s,background .15s,transform .15s}.curated-navigator button:hover{border-color:#86aa94;transform:translateY(-2px)}.curated-navigator button[aria-pressed="true"]{border-color:#27805b;background:#edf6f0;box-shadow:inset 0 0 0 1px #27805b}.curated-nav-kicker{display:block;margin-bottom:8px;color:#8b9c90;font-size:10px;letter-spacing:1.1px;font-weight:700}.curated-navigator strong{display:block;padding-right:28px;color:#2d4637;font-size:15px;line-height:1.4}.curated-navigator small{display:block;margin-top:4px;color:#809186;font-size:11px;line-height:1.5}.curated-navigator b{position:absolute;right:16px;top:17px;color:#2b835b;font-size:17px;font-weight:650}.source-mini-mark.curated{background:#e7f2ea;color:#167855}@media(max-width:1120px){.curated-navigator{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.curated-navigator{gap:8px}.curated-navigator button{min-height:94px;padding:12px}.curated-navigator strong{font-size:13px}.curated-navigator small{font-size:10px}.curated-navigator b{right:11px;top:12px;font-size:14px}}