@charset "UTF-8";
:root{--bg:#f7f7f2;--paper:#fff;--ink:#28352e;--muted:#8a8f87;--green:#314e40;--green-hover:#223b2f;--line:#e7e9e0;--pale:#edf1e8;--warm:#b78d68;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;--sans:"Inter","Segoe UI","Microsoft YaHei",sans-serif;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #819b6e;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.4;letter-spacing:.01em}h2{font-size:18px;font-weight:600}h3{font-size:16px;font-weight:600}p{line-height:1.8}small{font-size:11px}.icon{width:18px;height:18px;flex:none;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:#8b9587;line-height:1.4}.label{display:block;color:#9a9d93;font-size:10px;letter-spacing:.12em}.compact{font-size:12px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:43px;border-radius:7px;font-weight:500;font-size:12px;line-height:1.4;transition:background .15s,transform .15s;white-space:nowrap;background:#eef1e9}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-hover)}.button.ghost{border-color:#dfe3d8;background:transparent;color:#52604f}.button.ghost:hover{background:#edf0e6}.button.light{background:#f4f5e8;color:#344b3e}.button.danger{background:#a45544;color:white}.button.small{min-height:34px;padding:8px 12px;font-size:11px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;border-radius:7px;border:0;background:transparent;color:#8a9486}.icon-button:hover{background:#e9ede2;color:var(--green)}.icon-button.selected{color:#a46b51;background:#f6eae2}.icon-button.selected .icon{fill:#a46b511f}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:4px;background:#edf2e8;color:#536c4e;font-size:10px;font-weight:500;white-space:nowrap}.badge.neutral{background:#eeeee7;color:#8c9286}.badge.success{background:#e6efe3;color:#4a6f45}.badge.warning{background:#fbf1dd;color:#a37a3c}.badge.error{background:#f8e9e3;color:#a06354}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field>span{font-size:12px;color:#53604f;font-weight:500}.field>span small{float:right;color:#a4aa9c;font-weight:400}.input{display:block;min-width:0;width:100%;border:1px solid #e0e5da;border-radius:7px;padding:10px 12px;background:#fcfcf9;color:#384934;line-height:1.6;transition:border-color .2s}select.input{padding-right:24px}textarea.input{resize:vertical}.input:focus{border-color:#8ea07e;outline:none;box-shadow:0 0 0 3px #819b6e12}.input:disabled{background:#f4f4ef;color:#99a08f}input::placeholder,textarea::placeholder{color:#afb4a8}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.data-table th{font-weight:500;color:#969c8f;font-size:10px;letter-spacing:.05em;padding:13px 15px;border-bottom:1px solid var(--line);background:#fafbf6;white-space:nowrap}.data-table td{padding:16px 15px;border-bottom:1px solid #edf0e7}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fafbf7}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#fff;border:1px solid var(--line);padding:22px;border-radius:10px}.stat>span{color:#929b88;font-size:12px}.stat strong{display:block;font-size:30px;font-weight:500;line-height:1.5}.empty{padding:65px 30px;text-align:center;color:#8d9685}.empty h3{font-family:var(--serif);font-size:22px;color:#526048;margin-bottom:9px}.empty .button{margin-top:20px}
.sidebar{position:fixed;inset:0 auto 0 0;width:218px;z-index:40;background:#f1f2e9;border-right:1px solid #e3e6da;display:flex;flex-direction:column;padding:33px 22px 0}.brand{display:flex;align-items:center;gap:12px;width:max-content;margin-bottom:57px}.brand>span:last-child{font-family:var(--serif);font-size:28px;letter-spacing:.22em;line-height:1.2}.brand small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:.14em;margin-top:8px;color:#87917f;white-space:nowrap}.brand-symbol{width:34px;height:34px;border:1.5px solid #4b614d;border-radius:50%;position:relative;display:grid;place-items:center}.brand-symbol:before{content:"";position:absolute;width:25px;height:25px;border:1px solid #6e8467;border-radius:50% 50% 0 50%;transform:rotate(45deg)}.brand-symbol i{display:block;width:8px;height:8px;background:#4b614d;border-radius:50%}.workspace-label{font-size:10px;color:#a0a693;margin-bottom:16px;padding-left:13px;letter-spacing:.08em}.nav-link{display:flex;gap:12px;align-items:center;font-size:12px;padding:12px 13px;border-radius:7px;margin-bottom:5px;color:#7b8672;transition:background .15s}.nav-link.active{background:#e2e8d9;color:#354e35;font-weight:600}.nav-link:hover{background:#e7ebdf}.nav-count{margin-left:auto;font-size:10px;color:#899a7c}.sidebar-note{padding:55px 13px 20px;color:#96a18b}.little-star{font-size:26px;font-weight:300;color:#a3ad92}.sidebar-note p{margin:13px 0 16px;font-family:var(--serif);font-size:15px;line-height:1.9}.sidebar-note>span:last-child{font-size:6px;letter-spacing:.14em}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-link{font-size:11px;padding-left:10px}.mode-switch{border-top:1px solid #dfe5d5;display:flex;align-items:center;gap:9px;font-size:11px;color:#8d9880;padding:19px 8px}.mode-switch>span{margin-left:auto}.profile-card{display:flex;align-items:center;gap:10px;border-top:1px solid #dfe5d5;padding:19px 1px}.profile-card b{font-size:11px;font-weight:500;display:block}.profile-card small{display:block;font-size:9px;color:#9ca58f}.profile-card>.icon{margin-left:auto;width:12px;height:12px;color:#acb39f}.avatar{display:grid;place-items:center;background:#dfe6d3;color:#718363;font-family:var(--serif);font-size:15px;width:34px;height:34px;flex:none;border-radius:50%}.avatar.large{width:56px;height:56px;font-size:24px}.page-body{margin-left:218px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#fbfbf6}.breadcrumb{font-size:10px;letter-spacing:.08em;color:#969c8c}.topbar-right{display:flex;gap:23px;align-items:center}.demo-indicator{font-size:10px;color:#959c8d;display:flex;align-items:center;gap:6px}.demo-indicator i{width:5px;height:5px;background:#9ba989;border-radius:50%}.quota-chip{display:flex;gap:7px;align-items:center;color:#8c9580;font-size:10px}.quota-chip .icon{width:13px;height:13px}.quota-chip b{font-size:12px;color:#63744f}.main-content{padding:36px 42px 45px;flex:1;max-width:1650px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.page-heading .eyebrow{margin-bottom:11px}.page-heading h1{margin-bottom:9px}.page-heading p{font-size:12px;color:#8e9587}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.site-footer{padding:24px 42px;display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:8px;color:#a8ae9e;border-top:1px solid #e9ebdf}.site-footer button{border:0;background:none;color:#8a9780;font-size:8px;padding:0 0 0 9px;text-decoration:underline}.footer-sep{margin:0 9px;color:#c2c8b6}.mobile-toggle{display:none}
.editorial-feature{height:278px;display:grid;grid-template-columns:1.05fr .95fr;background:#e8ecdf;overflow:hidden;position:relative;border-radius:11px;margin-bottom:28px}.feature-copy{padding:30px 39px;position:relative;z-index:2;background:linear-gradient(110deg,#e8ecdf,#e4e9dc)}.feature-copy .eyebrow{font-size:8px;color:#8d9b7b;letter-spacing:.16em}.feature-copy h2{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.5;margin:14px 0 10px;letter-spacing:.06em;color:#42563c}.feature-copy p{font-size:10px;color:#8c987d;line-height:1.9;margin-bottom:16px}.feature-copy .button{font-size:10px;min-height:33px;padding:8px 12px;background:#fbfcf2c9;border-color:#d8e1ca}.feature-copy .button .icon{width:13px;height:13px;margin-left:13px}.feature-image{position:relative;overflow:hidden}.feature-image:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#e4e9dc77,transparent 25%,transparent 80%,#e8ecdf44)}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.feature-image>span{position:absolute;right:22px;top:28px;writing-mode:vertical-rl;font-family:var(--serif);color:#6e785d;font-size:10px;letter-spacing:.25em;z-index:1}.feature-index{position:absolute;bottom:19px;right:23px;color:#7d896e;font-size:8px;letter-spacing:.13em;z-index:2}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #e3e7db}.filter-tabs{display:flex;gap:6px;align-items:center}.filter-tabs button{background:transparent;border:0;color:#98a08e;font-size:11px;padding:8px 13px;border-radius:5px;white-space:nowrap}.filter-tabs button:first-child{margin-left:-1px}.filter-tabs button.active{background:#e6ecdf;color:#4c6543;font-weight:600}.filter-tabs small{font-size:9px;padding-left:3px;color:#91a07f}.search-field{display:flex;align-items:center;gap:7px;color:#a1ac94;background:#fff;border:1px solid #e5e9dc;padding:7px 11px;border-radius:6px;min-width:210px}.search-field input{border:0;outline:0;background:transparent;font-size:10px;width:100%;min-width:0;color:#516347}.search-field .icon{width:13px;height:13px}.collection-caption{display:flex;justify-content:space-between;align-items:center;margin:20px 0 17px;font-size:8px;letter-spacing:.12em;color:#9aa28e}.collection-caption b{font-size:10px;font-weight:400;margin-left:5px;color:#798967}.collection-caption>span:last-child{font-size:9px;letter-spacing:.03em}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.style-card{position:relative;min-width:0}.style-image{aspect-ratio:1.28;display:block;position:relative;overflow:hidden;background:#e9ecdf;border-radius:8px}.style-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .5s}.style-card:hover .style-image img{transform:scale(1.04)}.image-category{position:absolute;left:13px;top:13px;background:#ffffffe3;color:#67715e;font-size:8px;padding:4px 7px;border-radius:3px;backdrop-filter:blur(5px)}.image-open{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#20321fb0);padding:24px 15px 13px;color:#fff;font-size:10px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .25s}.image-open .icon{width:16px}.style-card:hover .image-open,.style-card:focus-within .image-open{opacity:1}.favorite-button{position:absolute;top:11px;right:11px;width:29px;height:29px;background:#fffdf1df;border:0;border-radius:50%;display:grid;place-items:center;color:#8a967b;backdrop-filter:blur(5px)}.favorite-button .icon{width:14px;height:14px}.favorite-button.selected{color:#866f4c}.favorite-button.selected .icon{fill:#bba57f55}.style-card-body{padding:13px 2px 0}.style-card-title{display:flex;align-items:center;justify-content:space-between}.style-card-title>a{font-family:var(--serif);font-size:18px;color:#4a5b41;letter-spacing:.05em}.style-card-title>span{font-size:7px;color:#aab19e;letter-spacing:.07em}.style-card-meta{display:flex;align-items:center;justify-content:space-between;color:#a1a893;font-size:9px;margin-top:6px;gap:9px}.palette-mini{display:flex;gap:4px}.palette-mini i{height:7px;width:7px;border-radius:50%}.wide-empty{grid-column:1/-1}.gallery-end{text-align:center;color:#adb6a0;font-family:var(--serif);font-size:12px;margin:42px 0 0;letter-spacing:.08em}.gallery-end span{margin:0 15px;color:#c5cdb8}.back-link{display:inline-block;font-size:11px;color:#8c997d;margin-bottom:27px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.detail-art{position:relative;overflow:hidden;border-radius:9px;background:#e8ebdd}.detail-art img{width:100%;max-height:690px;object-fit:cover;object-position:top}.detail-art-label{position:absolute;inset:auto 0 0;background:#24352380;color:#f9faed;padding:17px 20px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.15em;backdrop-filter:blur(9px)}.detail-copy{padding-top:20px}.detail-copy h1{font-size:42px;margin:14px 0 20px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:10px;background:#eaf0e1;color:#849672;padding:4px 9px;border-radius:4px}.detail-description{font-family:var(--serif);font-size:17px;color:#8c967e;line-height:2;margin:25px 0}.detail-section{border-top:1px solid #e0e6d7;padding:20px 0}.detail-section>p{margin-top:12px;font-size:12px;color:#809071}.detail-section>.muted{display:block;font-size:10px;margin-top:9px}.swatch-row{display:flex;gap:12px;margin-top:15px}.swatch-row>div{flex:1}.swatch-row i{display:block;height:35px;border-radius:4px}.swatch-row small{font-size:8px;color:#a4ad97;display:block;text-align:center;margin-top:6px}.quiet-note{font-size:10px;color:#a0a995;line-height:1.8;margin-top:16px}
.studio-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:25px;align-items:start}.studio-form{padding:23px;position:sticky;top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-title h2{font-family:var(--serif);font-size:19px;font-weight:500}.section-title>span{font-size:8px;letter-spacing:.1em;color:#a8b198}.chosen-style{display:flex;align-items:center;gap:12px;border:1px solid #e6eadf;background:#f9faf5;border-radius:7px;padding:8px;margin:-6px 0 23px}.chosen-style img{width:43px;height:48px;object-fit:cover;object-position:top;border-radius:4px}.chosen-style b{display:block;font-size:11px;font-weight:500;color:#6e805f}.chosen-style small{display:block;font-size:8px;color:#9daa8e;margin-top:3px}.chosen-style>.icon{margin-left:auto;color:#abb69b;width:13px}.creative-input{min-height:134px;font-size:12px;line-height:1.9}.suggestions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:-7px 0 23px}.suggestions>span{font-size:8px;color:#adb79b;margin-bottom:2px}.suggestions button{background:#f4f6ee;border:0;color:#879b72;font-size:9px;padding:4px 7px;border-radius:4px;text-align:left}.studio-form .grid-2{gap:12px}.studio-form .field>span{font-size:10px}.studio-form .input{font-size:11px}.advanced{border-top:1px solid #e9ede1;padding:13px 0;margin-bottom:10px}.advanced summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:10px;list-style:none;color:#9aab86}.advanced summary .icon{width:13px;height:13px}.advanced .field{margin-top:15px}.generate-button{width:100%;font-size:12px;padding:13px 14px}.generate-button>span{font-size:9px;font-weight:400;margin-left:auto;opacity:.65}.form-footnote{font-size:8px;text-align:center;margin-top:10px;color:#a2ae91;line-height:1.7}.studio-output{min-width:0;display:flex;flex-direction:column;gap:21px}.result-panel{padding:25px}.result-empty{padding:30px 10px 46px;text-align:center}.empty-orbit{width:150px;height:150px;position:relative;display:grid;place-items:center;margin:0 auto 20px}.empty-orbit>span{width:67px;height:67px;border-radius:50%;background:#eff3e7;display:grid;place-items:center;color:#94aa77}.empty-orbit .icon{height:26px;width:26px}.empty-orbit i{position:absolute;width:108px;height:108px;border:1px solid #eef1e7;border-radius:50%}.empty-orbit i:last-child{width:145px;height:145px;border-style:dashed;transform:rotate(20deg)}.result-empty h3{font-family:var(--serif);font-size:23px;font-weight:400;color:#7b8b67;margin-bottom:14px}.result-empty p{font-size:11px;color:#a6b195;line-height:2}.tiny-steps{display:flex;justify-content:center;gap:16px;color:#9caf85;font-size:8px;margin-top:30px}.tiny-steps i{font-style:normal;color:#c5d2b4}.divergence-placeholder{display:flex;align-items:center;gap:17px;border:1px dashed #dae3cb;padding:24px;border-radius:10px}.divergence-placeholder>span:first-child{color:#94a97c}.divergence-placeholder h3{font-size:12px;font-weight:500;color:#82976b}.divergence-placeholder p{font-size:9px;color:#a6b497;margin-top:5px}.divergence-placeholder>.badge{margin-left:auto;font-size:7px;background:transparent;color:#a1b18c}.generation-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:345px;gap:17px;color:#859a70}.generation-progress h3{font-family:var(--serif);font-size:22px;font-weight:400}.generation-progress p{font-size:10px;color:#a7b496}.loading-ring{height:38px;width:38px;border:2px solid #e9eedf;border-top-color:#738c5a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#9aa98a;margin-bottom:18px}.result-id{margin-left:auto;font-size:7px;color:#c0c9b3}.result-title{font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:15px;color:#667d52}.prompt-output{border:1px solid #e8eddf;background:#fafbf7;width:100%;min-height:220px;resize:vertical;color:#61734f;line-height:2;font-size:12px;border-radius:7px;padding:17px}.result-actions{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.result-trace{border-top:1px solid #eef1e7;margin-top:19px;padding-top:13px;font-size:8px;color:#a9b69b}.result-trace span{padding:0 6px}.negative-note{font-size:10px;color:#9ca78e;margin-top:10px}.negative-note b{font-size:8px;margin-right:7px;color:#b5bda9}.divergence-panel .section-title{margin-bottom:9px}.diverge-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0 14px}.diverge-options>label{cursor:pointer;position:relative}.diverge-options input{position:absolute;opacity:0;pointer-events:none}.diverge-options span{display:block;border:1px solid #e5eadc;padding:12px 10px;border-radius:6px}.diverge-options b{display:block;font-size:10px;font-weight:500;color:#8a9a78}.diverge-options small{display:block;font-size:8px;color:#b0bca0;margin-top:4px}.diverge-options input:checked+span{border-color:#8ea579;background:#eff4e9}.diverge-options input:checked+span b{color:#587647}.diverge-options input:focus-visible+span{outline:2px solid #91a27c;outline-offset:2px}.diverge-submit{display:grid;grid-template-columns:minmax(0,1fr) 62px auto;gap:8px}.diverge-submit .input{font-size:10px;padding:8px 10px}.diverge-submit .button{font-size:10px;padding:8px 12px;min-height:39px}.diverge-submit .icon{height:13px;width:13px}.variant-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.variant-card{border:1px solid #e8eddf;border-radius:8px;padding:18px}.variant-card>div:first-child{display:flex;align-items:center;gap:9px}.variant-card h3{font-size:12px;font-weight:500;color:#6e8459}.variant-card .badge{margin-left:auto;font-size:8px}.variant-number{font-size:9px;color:#aabb95}.variant-card>p{font-size:11px;color:#98a588;white-space:pre-line;margin:13px 0;line-height:1.9}.variant-card .button{font-size:9px;padding:6px 10px;min-height:28px}.inline-progress{font-size:10px;color:#8fa477;padding-top:16px}.record-list{display:flex;flex-direction:column;gap:14px;margin-top:22px}.record-card{display:flex;gap:22px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:9px;align-items:center}.record-card>img{height:113px;width:98px;object-fit:cover;object-position:top;border-radius:5px}.record-text{flex:1;min-width:0}.record-topline{display:flex;justify-content:space-between;gap:10px}.record-topline .eyebrow{font-size:7px}.record-topline small{font-size:8px;color:#acb79d}.record-text h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:8px 0;color:#647c51}.record-text p{font-size:10px;color:#a2ae95;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-tags{display:flex;gap:12px;margin-top:9px;font-size:8px;color:#98a787}.record-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end;padding-left:10px}.record-actions .button{font-size:10px}.record-actions .icon-button{height:28px;width:28px}.record-actions .icon{height:14px;width:14px}.small-gallery .style-image{aspect-ratio:1.6}.small-gallery{margin-bottom:33px}.account-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;max-width:1000px}.account-person{display:flex;align-items:center;gap:15px;padding-bottom:28px;margin-bottom:26px;border-bottom:1px solid #e8edde}.account-person>.badge{margin-left:auto}.account-person h2{font-family:var(--serif);font-size:23px;font-weight:400}.account-person p{font-size:10px;margin-top:4px}.quota-panel{background:#e7eddd;border:1px solid #dce5cd;border-radius:12px;padding:35px;color:#6c8255}.quota-panel h2{font-family:var(--serif);font-size:28px;font-weight:400;margin-top:18px}.quota-value{font-size:65px;font-weight:300;line-height:1.3;margin:25px 0}.quota-value span{font-size:10px;margin-left:12px;color:#99ab83}.quota-panel p{font-size:11px;color:#91a37b}.quota-panel small{font-size:9px;color:#a0ae8b}.quota-bar{height:3px;background:#d7e1c7;margin:23px 0 14px}.quota-bar i{height:100%;display:block;background:#7e9666}.backend-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eaf0df;border-radius:9px;padding:21px;font-size:10px;color:#9aae81;margin-bottom:25px}.backend-flow span{color:#6b8453}.backend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.backend-card h2{font-family:var(--serif);font-size:22px;font-weight:400;margin:14px 0 12px}.backend-card p{font-size:11px;color:#9aa88b}.config-needed{font-size:10px;color:#8b9c79;margin-top:18px;border-top:1px solid #edf1e4;padding-top:14px}.backend-note{margin-top:25px}.backend-note h3{font-family:var(--serif);font-size:22px;font-weight:400;margin-bottom:15px}.backend-note p{color:#95a385;font-size:12px;margin-bottom:12px}.backend-note code{font-size:10px;background:#f0f4e9;padding:2px 5px;border-radius:3px}
.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%,15px);background:#2e4839;color:#f0f6e7;padding:12px 22px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;box-shadow:0 10px 35px #1d30271a;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#2133214d;backdrop-filter:blur(5px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:min(600px,100%);max-height:90vh;overflow:auto;background:#fcfdf7;border:1px solid #e6edda;border-radius:14px;padding:35px;position:relative;box-shadow:0 20px 100px #23351e33}.modal-close{position:absolute;top:12px;right:12px}.modal h2{font-family:var(--serif);font-size:27px;font-weight:400;color:#526e40;margin:10px 0 16px}.modal p{font-size:12px;color:#8da078;margin:12px 0 20px}.modal .button-row{justify-content:flex-end;margin-top:24px}.modal textarea{margin-top:15px}
@media(min-width:1700px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editorial-feature{height:320px}.feature-copy{padding:38px 45px}.feature-copy h2{font-size:36px}.feature-copy p{font-size:12px}.feature-copy .button{font-size:12px}.main-content{padding-left:55px;padding-right:55px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:16px;padding-right:16px}.page-body{margin-left:190px}.main-content{padding:30px 28px}.topbar{padding:0 28px}.site-footer{padding-left:28px;padding-right:28px}.page-heading h1{font-size:30px}.studio-layout{grid-template-columns:300px minmax(0,1fr);gap:18px}.studio-form{padding:19px}.result-panel,.divergence-panel{padding:20px}.diverge-options{grid-template-columns:1fr}.diverge-options span{display:flex;justify-content:space-between;align-items:center;padding:9px 11px}.diverge-options small{margin:0}.diverge-submit{grid-template-columns:1fr 60px}.diverge-submit>.button{grid-column:1/-1}.detail-layout{gap:32px}.gallery-grid{gap:24px 18px}.feature-copy{padding:30px}.feature-copy h2{font-size:27px}.filter-tabs button{padding:7px 9px}.search-field{min-width:170px}.backend-grid{grid-template-columns:repeat(2,1fr)}.record-actions{padding-left:0}.site-footer{font-size:7px}}
@media(max-width:980px){.sidebar{width:175px}.page-body{margin-left:175px}.brand{gap:8px}.brand>span:last-child{font-size:25px}.brand small{font-size:6px}.brand-symbol{width:30px;height:30px}.main-content{padding:25px 23px}.heading-actions .button{font-size:10px}.page-heading{gap:12px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-feature{height:255px}.feature-copy{padding:25px}.feature-copy h2{font-size:25px}.feature-copy p{font-size:9px}.feature-image img{object-position:48% 25%}.library-toolbar{align-items:flex-start;flex-wrap:wrap}.search-field{min-width:200px}.studio-layout{grid-template-columns:270px minmax(0,1fr);gap:15px}.studio-layout{grid-template-columns:270px minmax(0,1fr)}.studio-form{padding:16px}.result-meta{flex-wrap:wrap}.result-id{display:none}.divergence-placeholder{padding:17px}.divergence-placeholder>.badge{display:none}.section-title h2{font-size:17px}.section-title>span{font-size:7px}.detail-copy h1{font-size:32px}.detail-description{font-size:15px}.detail-copy .button{font-size:10px}.detail-layout{gap:25px}.detail-section{padding:16px 0}.account-grid{grid-template-columns:1fr}.backend-flow{flex-wrap:wrap;justify-content:flex-start}.site-footer{flex-direction:column;align-items:flex-start}.record-card{gap:15px;padding:17px}.record-card>img{width:77px;height:105px}.record-actions .button{font-size:8px;padding:7px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:20px 0 70px #283b2222}.sidebar.mobile-open{transform:translateX(0)}.sidebar-note{padding-top:28px}.page-body{margin-left:0}.topbar{height:57px;padding:0 18px;position:sticky;top:0;z-index:30;background:#fbfbf6ed;backdrop-filter:blur(8px)}.mobile-toggle{display:inline-flex}.breadcrumb{margin-right:auto;margin-left:9px;font-size:9px}.topbar-right{gap:13px}.topbar-right>.icon-button{display:none}.demo-indicator{font-size:8px}.quota-chip{font-size:9px}.quota-chip .icon{display:none}.main-content{padding:25px 20px 35px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.heading-actions>.button{font-size:9px;padding:8px 11px;min-height:33px}.heading-actions>.badge{font-size:8px}.page-heading .heading-actions{padding-top:22px}.editorial-feature{height:240px;grid-template-columns:1.2fr 1fr}.feature-copy{padding:24px 20px}.feature-copy h2{font-size:23px;margin-top:15px}.feature-copy .eyebrow{font-size:6px}.feature-copy p{font-size:8px}.feature-copy .button{font-size:8px;padding:7px 9px;min-height:28px}.feature-copy .button .icon{margin-left:3px;width:11px}.feature-image>span{font-size:8px;right:12px;top:17px}.feature-index{font-size:6px;right:13px;bottom:13px}.filter-tabs{gap:3px;max-width:100%;overflow-x:auto}.filter-tabs button{font-size:10px;padding:7px 9px}.search-field{width:100%}.collection-caption{font-size:7px}.collection-caption>span:last-child{font-size:8px}.gallery-grid{gap:22px 14px}.style-image{aspect-ratio:.88}.style-card-title>a{font-size:17px}.style-card-title>span{display:none}.style-card-meta{font-size:8px;gap:5px}.palette-mini{gap:3px}.palette-mini i{width:5px;height:5px}.favorite-button{top:9px;right:9px;height:26px;width:26px}.image-category{left:8px;top:9px;font-size:7px;padding:3px 5px}.image-open{display:none}.gallery-end{font-size:10px;margin-top:30px}.detail-layout{grid-template-columns:1fr;gap:24px}.detail-art img{max-height:500px;width:100%;object-position:40% 25%}.detail-copy{padding:0}.detail-copy h1{font-size:36px}.detail-copy .button{font-size:12px}.detail-description{font-size:17px}.studio-layout{grid-template-columns:1fr}.studio-form{position:static;padding:23px}.studio-form .input{font-size:12px}.studio-form .field>span{font-size:11px}.studio-output{gap:17px}.diverge-options{grid-template-columns:repeat(3,1fr)}.diverge-options span{display:block;padding:10px 8px}.diverge-options b{font-size:9px}.diverge-options small{font-size:7px;margin-top:4px}.diverge-submit{grid-template-columns:minmax(0,1fr) 60px}.diverge-submit>.button{grid-column:1/-1}.result-meta{font-size:10px}.result-empty{padding-bottom:30px}.record-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px}.record-card>img{height:94px;width:66px}.record-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #edf0e4;padding-top:12px}.record-actions .button{font-size:10px}.record-text h3{font-size:18px;margin:6px 0}.record-topline .eyebrow{font-size:6px}.record-topline small{font-size:7px}.record-tags{font-size:7px;gap:7px}.record-text p{font-size:9px}.backend-grid{grid-template-columns:1fr}.backend-card{padding:22px}.backend-flow{font-size:9px;padding:17px;gap:8px}.account-person>.badge{font-size:8px}.toast{left:50%;font-size:11px;bottom:20px;max-width:90vw;width:max-content}.site-footer{padding:20px}.modal{padding:27px}.grid-3{grid-template-columns:1fr}.grid-2{gap:12px}.stat-grid{gap:12px}.stat{padding:17px}.stat strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}


/* ---------- 登录 / 真数据 ---------- */
.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#faf8f0}
.auth-card{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:34px 30px 26px;border:1px solid rgba(46,69,60,.08);box-shadow:0 18px 50px rgba(46,69,60,.09)}
.auth-mark{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.auth-mark .brand-symbol{width:42px;height:42px}
.auth-brand{display:flex;flex-direction:column;line-height:1.25;font-size:19px;font-weight:600;letter-spacing:.14em;color:#2e453c}
.auth-brand small{font-size:8.5px;font-weight:400;letter-spacing:.24em;color:#9a9a90}
.auth-card h1{margin:0 0 8px;font-size:23px;font-weight:600;color:#22302a}
.auth-sub{margin:0 0 22px;font-size:13px;line-height:1.7;color:#7c8179}
.auth-notice{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:#f4f1e7;color:#7a6b44;font-size:12.5px}
.auth-error{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#fdf0ee;color:#a34632;font-size:12.5px}
.auth-card .field{margin-bottom:16px}
.auth-submit{width:100%;margin-top:6px}
.auth-foot{margin:18px 0 0;text-align:center;font-size:12px;color:#a0a49b}
.auth-loading{margin:18px 0 4px;text-align:center;font-size:13px;color:#7c8179}
.style-card-line{margin:8px 0 0;font-size:12.5px;line-height:1.65;color:#7c8179;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 生图进度 ---------- */
.job-panel{padding:2px}
.job-status{margin:18px 0 10px;font-size:15px;font-weight:500;color:#22302a}
.job-bar{height:4px;border-radius:2px;background:#e8e9e0;overflow:hidden;margin-bottom:12px}
.job-bar>i{display:block;height:100%;background:#2e453c;transition:width .6s ease}
.job-eta{margin:0;font-size:12px;line-height:1.7;color:#8b9088}
.job-image{display:block;width:100%;border-radius:12px;margin:14px 0 16px}


/* ---------- 我的风格 ---------- */
.style-image{position:relative}
.style-image-text{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;border-radius:14px;background:linear-gradient(150deg,#eef0e6,#dde2d2)}
.style-image-text span{font-size:52px;font-weight:600;color:#8f9887;letter-spacing:.04em}
.fav-remove{position:absolute;top:10px;left:10px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#6d7368;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}
.style-card:hover .fav-remove{opacity:1}
.fav-remove:hover{background:#fff;color:#a34632}
.mystyle-form .field{margin-bottom:14px}


/* ---------- 发散面板 ---------- */
.expand-panel .expand-base{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin:12px 0 16px}
.expand-panel .diverge-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.expand-panel .variant-list{margin-top:14px}
.expand-panel .variant-card{margin-bottom:10px}

.expand-billing{margin:0 0 14px;padding:9px 11px;border-radius:10px;background:#f3f5ec;color:#5d6558;font-size:12.5px;line-height:1.65}
.expand-billing b{color:#22302a}