/* Paper, ink, and a small touch of imagination. */
:root{--blue:#3348a1;--muted:#91948e;--border:#e1e1d9;--ink:#293731;--paper:#f5f4ee;--yellow:#eed78c;color:var(--ink);background:var(--paper);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
body{background:radial-gradient(#d2d1c33b .7px,transparent .7px) 0 0/7px 7px;background-attachment:fixed}
button,a,input,select,textarea{transition:background .18s,border-color .18s,box-shadow .18s,color .18s}
button:focus-visible,a:focus-visible{outline-color:#adc0b4}
input:focus,select:focus,textarea:focus{border-color:#8b9eb5!important;box-shadow:0 0 0 3px #3348a10a}
.header{height:88px;background:#fafaf5f0;border-bottom:1px solid #dfe1d6}
.header-inner{max-width:1480px;padding:0 48px;gap:30px}
.brand{font-size:22px;gap:12px;letter-spacing:-.8px;color:#26362d}
.brand-mark{color:#35473b;background:var(--yellow);box-shadow:2px 3px 0 #33463b;width:43px;height:43px;border-radius:14px 17px 12px 17px;border:1.5px solid #33463b;transform:rotate(-5deg)}
.brand-mark svg{width:26px;height:26px;transform:rotate(5deg);stroke-width:1.5}
.brand small{font-size:8px;letter-spacing:1.4px;margin-top:5px;color:#92998a;font-weight:500}
.header-caption{font-size:11px;color:#929a8f;margin-left:auto;letter-spacing:1px;display:flex;align-items:center;gap:18px}
.header-caption span{font-size:20px;color:#bdad79}
.header-right{gap:9px}
.header-divider{background:#dadfd5}
.connection{background:#edf0e7;color:#6d7a68;font-size:11px;padding:8px 12px}
.connection.ready i{background:#718c68}
.icon-button{color:#7a8578}
.icon-button:hover{background:#e9ece2;color:#3d5541}
.workspace{max-width:1480px;padding:37px 48px 320px}
.workspace-heading{position:relative;min-height:210px;align-items:center;margin-bottom:23px;padding-bottom:20px}
.hero-copy{position:relative;z-index:1}
.eyebrow{color:#8c9683;font-size:9px;letter-spacing:2px;font-weight:600}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:8px}
.hero-copy>.eyebrow>span{width:5px;height:5px;background:#a9b28e;border-radius:50%}
.workspace-heading h1{font-size:39px;letter-spacing:-1.5px;line-height:1.6;margin:8px 0 0;font-weight:600;color:#26392c}
.hand-underline{position:relative;display:inline-block;z-index:0}
.hand-underline:after{content:"";position:absolute;bottom:11px;left:2px;right:-4px;height:13px;border-radius:60% 25% 55% 35%;background:#eed78cbf;z-index:-1;transform:rotate(-4deg)}
.heading-dot{color:#334a37;margin:0}
.hero-copy>p{font-size:12px;color:#8b9485;margin:9px 0 0;letter-spacing:1px}
.stats{margin-top:24px;gap:7px;align-items:center;color:#96a08e;font-size:10px;padding:0}
.stats strong{font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:400;color:#5c725c;letter-spacing:0}
.stats-dot{color:#bdc4b6;margin:0 10px}
.hero-art{width:350px;flex-shrink:0;position:relative;margin-right:20px;transform:rotate(1deg)}
.hero-art>svg{width:100%;height:auto;stroke:#405041;stroke-width:2;fill:none;overflow:visible;stroke-linejoin:round;stroke-linecap:round}
.art-orbit{stroke:#c3c9b6;stroke-width:1;stroke-dasharray:3 7}
.art-yellow{fill:#edd99a;stroke:#5a624b;stroke-width:1.5}
.art-sheet-back{fill:#dee3d3;stroke:#86957a}
.art-sheet{fill:#fffdf5;stroke:#4e6149}
.art-stroke{stroke:#4a5948;stroke-width:2;fill:none}
.art-purple{fill:#ddd9ec;stroke:#5e6274;stroke-width:1.6}
.art-blue{fill:#8fadd1;stroke:#495f7f;stroke-width:1.6}
.art-decoration{stroke:#afbc9f;stroke-width:2}
.art-caption{display:block;text-align:center;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:11px;color:#9aa18b;margin-top:-4px;transform:rotate(-4deg)}
.toolbar{gap:10px;border-top:1px solid #dcdfd3;padding-top:24px}
.toolbar>.icon-button{border-color:#dfe3d7;border-radius:10px;background:#fcfcf8;height:43px;width:43px;color:#84917d}
.status-select select{height:43px;border-color:#dfe3d7;border-radius:10px;background:#fcfcf8;font-size:12px;color:#657260;min-width:132px}
.search input{height:43px;border-color:#dfe3d7;border-radius:10px;background:#fcfcf8;font-size:12px;color:#465b44}
.search input::placeholder{color:#a0a794}.search>span{color:#96a38e}.search kbd{color:#b6beac;border-color:#e1e5d9}
.filter-favorite.active{color:#9a7d30!important;border-color:#d8c37f!important;background:#faf4df!important}
.section-label{font-size:12px;font-weight:600;color:#53624e;margin-top:26px;margin-bottom:18px}
.section-label #visible-count{background:#e9eddf;color:#89967a;font-size:10px;padding:3px 6px}
.save-note{font-size:10px;font-weight:400;color:#a2aa98}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{position:relative;display:flex;flex-direction:column;height:auto;border:1px solid #dddfd4;border-radius:16px;background:#fffef9;box-shadow:0 2px 0 #dadcc924;overflow:hidden}
.card:hover{border-color:#b9c2ab;box-shadow:0 9px 26px #4356370d;transform:translateY(-3px)}
.card-visual{width:100%;height:auto;aspect-ratio:1.55;background:#eceee4;background-image:radial-gradient(#bac6b23b 1px,transparent 1px);background-size:14px 14px}
.card-visual img{object-fit:cover}
.card-content{padding:15px 17px 11px;min-height:156px;flex:none}
.card-date{font-size:9px;line-height:16px;color:#a0a894;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.card-status{font-size:9px;padding:1px 6px;background:#edf3e9;color:#7c966f;border-radius:5px}
.card-status.failed{background:#f7eee6;color:#b19a82}
.card-status.running{background:#edf0f7;color:#7a90b4}
.card-prompt,.card:has(.card-error) .card-prompt{font-size:12px;line-height:1.9;color:#53614e;-webkit-line-clamp:2;min-height:45px;max-height:46px;flex:none;letter-spacing:.15px}
.card-error{font-size:10px;color:#b5987c;margin-top:4px}
.card-content>.tags{padding-top:10px;margin-top:0;gap:5px}
.tag{font-size:9px;line-height:1.5;padding:2px 6px;color:#8b947f;background:#f0f2e9;border-radius:5px}
.tag.quality-high{background:#edf0f8;color:#8a96b4}.tag.quality-medium{color:#a39565;background:#f7f2e4}
.card-actions{margin-top:10px;border-top:1px solid #eef0e7;padding-top:7px;gap:7px;justify-content:flex-end}
.card-actions .icon-button{color:#a0aa92}.card-actions .icon-button:hover{color:#557347;background:#f1f4e9}
.card-actions .is-favorite{color:#ba9a43}
.image-badges{left:12px;top:12px;gap:5px}.image-badges span{font-size:10px;font-weight:500;background:#26342cad;backdrop-filter:blur(8px);padding:4px 6px;border-radius:6px}
.image-number{right:12px;bottom:12px;background:#26342cb3;border-radius:6px}
.state-visual{gap:11px;font-size:12px}.state-visual.failed{color:#a6ad99}.state-visual.failed svg{stroke:#aeb9a0;width:39px;height:39px;stroke-width:1.2}.state-visual small{color:#adb6a2;font-size:10px}.state-visual.running{color:#8da277}.spinner{border-color:#dce4d4;border-top-color:#7c9470}
.gallery.large-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.large-cards .card{display:flex;flex-direction:row;height:210px}.gallery.large-cards .card-visual{height:100%;width:42%;aspect-ratio:auto}.gallery.large-cards .card-content{min-height:0;flex:1;min-width:0}.gallery.large-cards .card-prompt{min-height:46px}.gallery.large-cards .card-actions{margin-top:auto}
.service-banner{background:#f6f0e2;border-color:#e9dfc8;border-radius:11px;color:#a0906e;margin-top:20px;padding:13px 16px}.service-banner strong{font-size:11px}.service-banner p{font-size:10px;color:#a09278}.service-banner button{color:#9b8a60;font-size:11px}
.workspace-footer{font-size:10px;color:#b5bca8;letter-spacing:2px;margin-top:38px}.workspace-footer>span{color:#c8b57b;margin-right:8px;font-size:14px}
.empty-state{padding-top:30px}.empty-state h2{font-size:18px;color:#7a8d6d}.empty-state p{color:#a2ac97}.art-front{border-color:#d5ddc9;background:#f9fbf2;color:#97ac85}.art-back{background:#e7ecd9;border-color:#d9e1cd}.art-front i{color:#bca75f;background:#f5f4ee}.suggestions button{background:#fafbf5;border-color:#dde3d1;border-radius:12px;color:#9cab8b}.suggestions button:hover{border-color:#bfcdad;box-shadow:0 8px 16px #536c3808}.suggestions strong{color:#82956f}.suggestions button>span:last-of-type{color:#a7b199}.suggestions i{color:#b4c0a5}
.composer-wrap{bottom:23px;padding:0 28px}
.composer{max-width:1080px;border:1px solid #d4d9c8;border-radius:19px;background:#fffef8f5;backdrop-filter:blur(22px);box-shadow:0 12px 50px #35452e13,0 3px 0 #e0e4d733;padding:17px 21px 10px}
.composer-top{gap:14px;margin-bottom:11px}.mode-label{color:#6a7a5c;font-size:11px}.mode-label i{background:#90a57a}.model-label{color:#96a384}.model-label select{font-size:11px;color:#829570;max-width:220px}.shortcut{font-size:9px;color:#b6beaa}.provider-chip{border:1px solid #e0e5d6;border-radius:20px;padding:4px 9px;color:#91a080;font-size:9px;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.provider-chip:hover{background:#eff3e5}
.composer textarea{border-color:#e9ecdf;border-radius:11px;background:#f7f8f0;font-size:13px;line-height:1.75;color:#56674b;padding:12px 14px;height:70px;min-height:70px}.composer textarea::placeholder{color:#aab39c}
.parameter label{font-size:10px;color:#9da991}.parameter input,.parameter select,.size-trigger{border-color:#e3e8d8;background:#fffefb;color:#718461;border-radius:8px;font-size:11px;height:35px;box-shadow:none}.parameter input:disabled{background:#f7f8f2;color:#c0c7b5}.size-trigger:hover{background:#f6f9ef;border-color:#b8caa3}.size-trigger svg{color:#a3b293}
.attach-button{background:#edf1e3;color:#849770;border:1px solid #e3e9d8;border-radius:10px}.attach-button:hover{background:#e3ead6;color:#607b47}.generate-button{background:#334c39;box-shadow:0 3px 0 #253c2c;color:#f5f2dc;font-size:12px;border:1px solid #334c39;border-radius:10px;height:36px;min-width:96px}.generate-button:hover{background:#426346}.composer-footnote{color:#b4bda7;font-size:9px;margin-top:10px}
.reference-item img{border-color:#d5dfc9}.reference-item button{background:#6f855f}.clear-references{color:#9da98c;border-color:#dce3d0}.drop-overlay{background:#f7faefe8;border-color:#99b27e;color:#6f8c55}.drop-overlay p{color:#9aaa85}
.dialog{background:#fdfdf8;border-color:#dde3d2;color:#47583c;border-radius:20px;box-shadow:0 30px 120px #24352226}.dialog::backdrop{background:#20332166;backdrop-filter:blur(7px)}.dialog-heading h2{font-size:23px;letter-spacing:-.6px;color:#3a5032}.dialog-intro{color:#a0ad90;font-size:12px}.field{font-size:11px;color:#8c9c7c}.field input,.field select{width:100%;height:42px;margin-top:8px;padding:0 12px;border:1px solid #dfe6d4;border-radius:9px;background:#fff;font-size:12px;color:#617c4d}.field select{display:block}.field-hint{color:#b0ba9f;line-height:1.8;font-size:10px}.text-button{color:#8a9d6e;font-size:11px}.text-button:hover{color:#4f743c}.primary-button{background:#3e5940;border-color:#3e5940;color:#fbf8e9}.primary-button:hover{background:#526e47}.secondary-button{border-color:#e0e6d4;color:#8a9c71;background:#fcfdf7}.secondary-button:hover{background:#edf3e2}.dialog-actions{gap:10px}.settings-dialog{width:530px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid>.field{min-width:0}.advanced-settings{margin-top:20px;padding:14px 0;border-top:1px solid #e8edde;border-bottom:1px solid #e8edde}.advanced-settings summary{font-size:11px;color:#94a27f;cursor:pointer;list-style:none}.advanced-settings summary:before{content:"+";margin-right:8px;color:#b0bea0}.advanced-settings[open] summary:before{content:"−"}.advanced-settings summary>span{color:#bcc5ad;font-size:9px;float:right}.settings-result{background:#eff5e5;color:#8da16c;border:1px solid #e4ecd7;white-space:pre-line}.settings-result.error{background:#fbf1e9;color:#bd9780;border-color:#f0e1d5}.settings-dialog .dialog-actions{position:sticky;bottom:-27px;background:#fdfdf8;padding:15px 0 0;margin-top:18px}.help-step b{color:#bbc7a4}.help-step h3{color:#809768}.help-step p{color:#a2b28c}.help-note{background:#f1f6e7;color:#9dac85}.docs-links{color:#8b9e6e}.toast{background:#4c6344f5;color:#fffdf0}.toast.error{background:#9e7957f2}
.size-dialog{background:linear-gradient(135deg,#fffef8,#f8faf1);color:#637b50}.size-dialog-heading h2{color:#425639}.size-dialog-heading p,.size-field-title{color:#a6b18f}.size-tabs{background:#eef2e5}.size-tabs button{color:#9aab83}.size-tabs button[aria-selected=true]{color:#5a7643;background:#fffef8}.resolution-options button,.ratio-options button{border-color:#dfe6d3;color:#8fa375;background:#fdfef8}.resolution-options button[aria-pressed=true],.ratio-options button[aria-pressed=true]{background:#edf4df;color:#668545;border-color:#a8bf84}.size-auto-icon{color:#9cad6a;background:#eef4df}.size-auto-content h3{color:#7a9660}.size-auto-content p{color:#b1bea0}.size-limit-note{background:#f0f5e6;border-color:#dfe8cf;color:#8ca76a}.size-preview strong{color:#5d7946}.size-preview>span{color:#aeba98}.size-preview p{color:#acbb94}.size-dialog-actions .secondary-button{color:#9aae80;background:#eef3e4}.dimension-inputs input,.custom-ratio-inputs input{border-color:#dfe7d2;color:#89a269}.dimension-inputs label,.custom-ratio-inputs label{color:#a7b690}
/* The image viewer behaves like a small, dedicated editing workspace. */
.preview-dialog{width:min(1320px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid #d6decb;border-radius:18px;overflow:hidden;background:#f9fbf3}
.preview-dialog.expanded{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;max-width:100vw;max-height:100dvh}
.preview-toolbar{height:67px;padding:0 22px;border-bottom:1px solid #e1e7d6;background:#fcfdf8}
.preview-heading{display:flex;align-items:center;gap:11px}
.preview-logo{height:33px;width:33px;display:grid;place-items:center;background:#edf2e3;color:#8da474;border-radius:10px}.preview-logo svg{width:18px;height:18px}
.preview-heading strong{font-size:14px;color:#516e3e;display:block}.preview-heading small{font-size:9px;color:#afbd9a;display:block;margin-top:5px;letter-spacing:.2px}
.preview-toolbar>div:last-child{gap:5px;color:#9cae86;font-size:11px}.preview-separator{width:1px;height:18px;background:#e2e8d6;margin:0 7px}
.preview-layout{height:calc(100% - 67px);display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0}
.preview-workbench{background:#eef1e6;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
.preview-image-wrap{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;cursor:grab;background:radial-gradient(#b6c4a233 1px,transparent 1px) 0 0/14px 14px;scrollbar-width:thin;scrollbar-color:#c5cfb6 transparent}
.preview-image-wrap.dragging{cursor:grabbing;user-select:none}
.preview-canvas{min-width:100%;min-height:100%;width:max-content;height:max-content;display:grid;place-items:center;padding:34px}
.preview-canvas img{display:block;max-width:none;max-height:none;object-fit:contain;box-shadow:0 7px 40px #475d3020;border-radius:2px;background:repeating-conic-gradient(#fff 0% 25%,#eff1ec 0% 50%) 50%/16px 16px;user-select:none}
.preview-bottom{min-height:67px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;padding:10px 15px;border-top:1px solid #e0e6d4;background:#f5f7ef;gap:10px;flex-wrap:wrap}
.zoom-controls{display:flex;align-items:center;gap:4px;padding:3px 5px;background:#fcfdf9;border:1px solid #dfe7d3;border-radius:10px;box-shadow:0 2px 3px #657d3505}.zoom-controls>.icon-button{width:28px;height:27px;padding:6px;border-radius:6px}.zoom-controls svg{height:15px;width:15px}.zoom-controls>span{width:68px;text-align:center;font-size:10px;color:#8da473;font-variant-numeric:tabular-nums}.zoom-controls>i{height:15px;border-left:1px solid #e0e8d4;margin:0 4px}.zoom-controls>button:not(.icon-button){font-size:10px;color:#92a67a;padding:6px}.zoom-controls>button:hover{background:#edf4e1;border-radius:5px}.preview-canvas-hint{width:100%;text-align:center;font-size:8px;color:#b5c0a3;letter-spacing:.3px}
.preview-filmstrip{display:flex;align-items:center;gap:5px;max-width:190px;overflow:auto}.preview-filmstrip:empty{display:none}.preview-filmstrip button{width:33px;height:33px;padding:2px;border:1px solid #cfdcc1;border-radius:6px;flex-shrink:0}.preview-filmstrip button[aria-pressed=true]{border-color:#8fa774;background:#e5eed9}.preview-filmstrip img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.preview-details{border-left:1px solid #dde5d2;background:#fcfdf8;padding:23px 23px 17px;overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#d1dbc3 transparent;display:flex;flex-direction:column}
.preview-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-section-head .eyebrow{font-size:8px;letter-spacing:1.5px;color:#b1bf9d}.preview-section-head .icon-button{width:27px;height:27px;padding:6px}.preview-section-head .is-favorite{color:#bda458}.preview-section-head .is-favorite svg{fill:#f7eabe}
.preview-details>.tags{padding-top:7px;margin:0 0 24px}.preview-details .tag{font-size:9px;color:#a0b087;background:#f0f4e7}.preview-details h3{font-size:11px;font-weight:600;color:#839e67;margin:0}.preview-section-head.prompt-heading{margin-bottom:8px}.preview-details #preview-prompt{font-size:12px;line-height:1.9;color:#7e9271;margin:0 0 24px;max-height:210px;white-space:pre-wrap;overflow:auto;flex-shrink:0;scrollbar-width:thin}.preview-details .text-button{font-size:10px;color:#a0b185}
.preview-metadata{display:grid;grid-template-columns:1fr 1fr;column-gap:13px;row-gap:16px;padding:16px 0 22px;margin:0;border-bottom:1px solid #eaf0df;margin-bottom:19px}.preview-metadata div{min-width:0}.preview-metadata .wide{grid-column:1/-1}.preview-metadata dt{font-size:9px;color:#b3bfa0;margin-bottom:6px}.preview-metadata dd{margin:0;font-size:11px;color:#879e6f;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#preview-reference-list{display:flex;gap:7px;padding:12px 0 18px;flex-wrap:wrap}#preview-reference-list a{display:block;width:45px;height:45px;border-radius:7px;border:1px solid #dfe8d1;overflow:hidden}#preview-reference-list img{width:100%;height:100%;object-fit:cover}
.preview-primary-actions{display:flex;flex-direction:column;gap:9px;margin-top:auto;padding-top:14px}.preview-primary-actions .primary-button,.preview-primary-actions .secondary-button{height:39px;font-size:11px;border-radius:9px}.preview-primary-actions svg{width:15px;height:15px}.preview-primary-actions>.text-button{padding:6px 0;font-size:10px}
.preview-saved-note{display:flex;gap:5px;justify-content:center;align-items:center;font-size:9px;color:#bcc7ac;margin-top:16px}.preview-saved-note svg{height:12px;width:12px}
.preview-no-image{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;min-height:0}.preview-no-image>span{color:#b1c29a;display:grid;place-items:center;width:80px;height:80px;border:1px dashed #cbd8ba;border-radius:28px;background:#f4f7ed}.preview-no-image>span svg{width:34px;height:34px;stroke-width:1.3}.preview-no-image h3{font-size:18px;font-weight:500;color:#8fa77b;line-height:1.8;margin:22px 0 8px}.preview-no-image p{font-size:12px;line-height:1.9;color:#a6b995;max-width:350px;margin:0 0 22px}.preview-no-image .primary-button{font-size:11px}
.preview-diagnostics{margin:0 0 18px;padding:14px;border:1px solid #ebdfcc;background:#fbf6eb;border-radius:10px}.preview-details #preview-error{font-size:11px;line-height:1.8;color:#ae9272;max-height:none;background:none;padding:0;margin:0 0 10px}.preview-diagnostics summary{font-size:10px;color:#b29e83;cursor:pointer}.preview-diagnostics pre{font-size:9px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#b29a7f;max-height:190px;overflow:auto}.preview-diagnostics .text-button{font-size:10px;color:#ac906a;margin-top:12px}
@media(min-width:1700px){.workspace,.header-inner{max-width:1560px}.card-content{padding:16px 19px 11px;min-height:166px}.card-prompt{font-size:13px;max-height:49px}.card-visual{aspect-ratio:1.6}.tag{font-size:10px}}
@media(max-width:1150px){.header-inner{padding:0 28px}.workspace{padding-left:28px;padding-right:28px}.header-caption{display:none}.header-right{margin-left:auto}.hero-art{width:275px;margin-right:0}.workspace-heading h1{font-size:32px}.workspace-heading{min-height:200px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.large-cards{grid-template-columns:1fr}.preview-dialog{width:calc(100vw - 28px);height:calc(100dvh - 40px)}.preview-layout{grid-template-columns:minmax(0,1fr) 275px}.preview-details{padding:18px}.preview-canvas{padding:23px}.preview-toolbar{padding:0 17px}.composer{max-width:1000px}.provider-chip{max-width:125px}.shortcut{display:none}}
@media(max-width:760px){.header{height:74px}.header-inner{padding:0 18px;gap:10px}.brand{font-size:19px;gap:9px}.brand-mark{height:36px;width:36px;border-radius:11px 14px 10px 13px}.brand small{font-size:6px;letter-spacing:1px}.header-right{gap:1px}.connection{font-size:9px;padding:6px 9px;margin-right:1px;max-width:103px;overflow:hidden}.connection>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right .icon-button{width:31px}.workspace{padding:23px 18px 345px}.workspace-heading{min-height:155px;padding-bottom:9px;margin-bottom:18px;gap:5px}.workspace-heading h1{font-size:26px;letter-spacing:-.8px;line-height:1.65;white-space:nowrap}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;gap:5px}.hero-copy>p{font-size:10px;letter-spacing:0;margin-top:5px;max-width:230px}.hero-art{width:155px;margin-right:-6px}.art-caption{display:none}.stats{display:flex;margin-top:15px;font-size:9px}.stats strong{font-size:21px}.hand-underline:after{height:9px;bottom:8px}.toolbar{padding-top:17px;gap:8px}.toolbar>.icon-button{height:39px;width:39px}.status-select select{height:39px;font-size:11px;min-width:106px}.search input{height:39px;font-size:11px;padding-left:33px}.search>span{left:10px}.section-label{margin-top:23px;margin-bottom:15px;font-size:11px}.save-note{font-size:9px}.gallery{gap:13px}.card{border-radius:12px}.card-visual{height:auto;aspect-ratio:1.2}.card-content{padding:12px 10px 8px;min-height:158px}.card-date{font-size:8px;gap:3px;flex-wrap:wrap;margin-bottom:6px;line-height:1.6}.card-status{font-size:8px;padding:1px 4px}.card-prompt,.card:has(.card-error) .card-prompt{font-size:11px;line-height:1.9;min-height:42px;max-height:42px}.tag{font-size:8px;padding:2px 4px}.card-content>.tags{padding-top:8px;gap:4px}.card-actions{gap:0;justify-content:space-between;padding-top:5px;margin-top:8px}.card-actions .icon-button{width:24px;height:25px;padding:5px}.card-actions svg{width:14px;height:14px}.image-badges{left:8px;top:8px;gap:3px}.image-badges span{font-size:8px;padding:3px 4px}.card-error{font-size:9px}.state-visual{font-size:10px;gap:8px}.state-visual.failed svg{width:30px;height:30px}.state-visual small{font-size:8px}.workspace-footer{font-size:9px;margin-top:28px}.composer-wrap{padding:0 10px;bottom:12px}.composer{padding:13px 13px 10px;border-radius:17px}.composer-top{gap:7px;flex-wrap:wrap;margin-bottom:9px}.mode-label{font-size:10px}.model-label{margin-left:auto}.model-label select{font-size:10px;max-width:170px}.provider-chip{font-size:8px;max-width:115px;padding:3px 7px}.composer textarea{font-size:12px;height:66px;min-height:66px}.parameter input,.parameter select,.size-trigger{font-size:10px;height:31px}.parameter label{font-size:9px}.generate-button{height:32px;min-width:0;font-size:10px;border-radius:9px}.attach-button{height:31px;width:29px}.composer-footnote{font-size:8px;margin-top:8px}.service-banner{padding:12px;gap:9px}.service-banner p{font-size:10px}.service-banner button{font-size:10px}.size-dialog{padding:22px}.settings-dialog{padding:22px}.settings-dialog .dialog-actions{bottom:-22px}.dialog-heading h2{font-size:21px}.preview-dialog{width:calc(100vw - 20px);height:calc(100dvh - 24px);border-radius:14px}.preview-toolbar{height:58px;padding:0 13px}.preview-heading{gap:7px}.preview-heading strong{font-size:12px}.preview-heading small{font-size:8px}.preview-toolbar .icon-button{height:30px;width:29px;padding:6px}.preview-logo{width:27px;height:27px;border-radius:8px}.preview-toolbar>div:last-child{gap:1px}.preview-separator{margin:0 2px}.preview-layout{display:flex;flex-direction:column;height:calc(100% - 58px);overflow:auto}.preview-workbench{height:52vh;min-height:280px;flex-shrink:0}.preview-bottom{min-height:54px;padding:7px 10px;gap:6px}.preview-canvas-hint{display:none}.preview-canvas{padding:20px}.preview-details{border-left:0;border-top:1px solid #dde5d2;overflow:visible;padding:19px 20px;flex-shrink:0;display:block}.preview-details #preview-prompt{font-size:12px;max-height:190px}.preview-metadata{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:9px;row-gap:15px}.preview-metadata .wide{grid-column:auto}.preview-primary-actions{display:grid;grid-template-columns:1fr 1fr}.preview-primary-actions>.text-button{grid-column:1/-1}.preview-saved-note{margin-top:12px}.preview-details>.tags{margin-bottom:19px}.preview-no-image{padding:20px}.preview-no-image>span{width:52px;height:52px;border-radius:19px}.preview-no-image h3{font-size:15px;margin-top:14px}.preview-no-image p{font-size:10px;margin-bottom:15px}.preview-no-image .primary-button{font-size:10px}.zoom-controls>span{width:61px}.preview-filmstrip{max-width:135px}}
@media(max-width:480px){.hero-art{width:115px;position:absolute;right:0;top:15px;opacity:.8}.hero-copy{max-width:calc(100% - 75px)}.workspace-heading h1{font-size:24px}.hero-copy>p{font-size:9px;max-width:215px}.hero-copy>.eyebrow{font-size:6px;letter-spacing:.8px}.gallery{gap:10px}.card-date .card-status{display:none}.card-content{padding-left:9px;padding-right:9px}.provider-chip{display:none}#preview-expand{display:none}.preview-logo{display:none}.preview-metadata{grid-template-columns:1fr 1fr}.preview-filmstrip{max-width:94px}.settings-grid{gap:10px}.image-badges span{font-size:7px}.preview-toolbar .preview-separator{display:none}.preview-heading small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Readable controls, a compact workspace, and the browser-owned collection. */
:root{--muted:#687662;font-size:15px}
body{font-size:15px;line-height:1.5}
button,input,select,textarea{font-size:14px}
.header{height:82px}.header-caption{font-size:13px;color:#63715d}.brand small{font-size:10px}
.header-right{gap:8px}.connection{font-size:13px}.storage-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d6decd;border-radius:11px;color:#40583c;background:#fffef8;white-space:nowrap}.storage-button:hover{background:#eaf0e1}.storage-button svg{width:17px;height:17px}
.workspace{padding-top:25px;padding-bottom:385px}.workspace-heading{min-height:152px;margin-bottom:12px;padding-bottom:12px}.workspace-heading h1{font-size:34px;margin-top:5px}.hero-copy>.eyebrow{font-size:11px}.hero-copy>p{font-size:15px;color:#63715d;margin-top:7px}.hero-art{width:285px}.art-caption{font-size:11px}.stats{margin-top:14px;font-size:13px;color:#65725f}.stats strong{font-size:25px}
.toolbar{gap:10px;padding-top:19px}.toolbar>.icon-button,.status-select select,.search input{height:46px}.status-select select,.search input{font-size:14px}.batch-select{height:46px;min-width:62px;background:#fffef8}.batch-select[aria-pressed=true]{border-color:#8da578;background:#e9f0df;color:#334d2c}.section-label{font-size:15px;margin:25px 0 16px}.section-label #visible-count{font-size:12px}.save-note{font-size:13px;color:#6d7d62}.save-note svg{width:15px;height:15px}
.batch-actions{display:flex;align-items:center;gap:16px;padding:13px 16px;border:1px solid #cfdcc0;background:#edf3e5;border-radius:12px;margin-bottom:16px;font-size:14px}.batch-actions>span{margin-right:auto;color:#566b45}.batch-actions .secondary-button{padding:7px 12px;background:#fffef8}.batch-actions .text-button{padding:8px 0;font-size:14px;color:#916044}
.gallery{gap:20px}.card{position:relative}.card.selected{border-color:#7d995e;box-shadow:0 0 0 2px #7d995e2b}.card-visual{background:radial-gradient(#bdc9b329 1px,transparent 1px) 0 0/12px 12px,#edf0e6}.card-visual img{object-fit:contain;transform:none!important}.card-content{padding:17px 18px 12px;min-height:195px}.card-date{font-size:12px;color:#687660;gap:8px;margin-bottom:9px}.card-status{font-size:12px;padding:2px 6px}.card-title{margin:0 0 7px;font-size:16px;line-height:1.6;color:#31472e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.card-prompt,.card:has(.card-error) .card-prompt{font-size:15px;line-height:1.8;min-height:54px;max-height:54px;color:#354931;-webkit-line-clamp:2}.card-content>.tags{gap:6px;padding-top:12px}.tag{font-size:12px;padding:3px 7px;color:#597149}.card-actions{margin-top:12px;gap:5px}.card-actions .icon-button{width:34px;height:34px;padding:8px}.card-actions svg{width:17px;height:17px}.card-error{font-size:12px;color:#985e3c;line-height:1.6;min-height:19px}.image-badges span,.image-number{font-size:12px}.state-visual{font-size:14px}.state-visual.failed{color:#6d805f}.state-visual small{font-size:12px;color:#7f8c73}.card-select{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e1d1;border-radius:10px;background:#fffef8ec;box-shadow:0 2px 8px #24352212;cursor:pointer}.card-select input,input.card-select{accent-color:#536f3f;width:20px;height:20px;cursor:pointer}.card-select:has(input:checked){background:#eef5e4;border-color:#6d8954}.gallery.large-cards .card-prompt{font-size:14px;min-height:50px;max-height:50px}.gallery.large-cards .card-content{padding:15px 17px 12px}.gallery-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:28px 0 0}.gallery-pagination>span{color:#687b59;font-size:14px}.gallery-pagination .secondary-button{height:42px;padding:8px 13px;font-size:14px}.gallery-pagination svg{width:16px;height:16px}.workspace-footer{font-size:12px;color:#869378;margin-top:26px}
.composer-wrap{bottom:18px}.composer{max-width:1140px;padding:17px 21px 12px}.composer-top{gap:12px;flex-wrap:wrap}.mode-label{font-size:13px;white-space:nowrap;color:#5c714e}.model-label select{font-size:14px;color:#405b36;max-width:240px}.provider-chip{font-size:12px;color:#5b7149;padding:5px 10px;max-width:150px}.shortcut{font-size:11px;color:#7f8e71;margin-left:auto}.composer-toggle{display:flex;align-items:center;gap:5px;padding:5px 7px;font-size:12px;border-radius:7px;white-space:nowrap;color:#60794d}.composer-toggle:hover{background:#edf2e5}.composer-toggle svg{width:15px;height:15px;transition:transform .2s}.composer textarea{height:85px;min-height:85px;font-size:16px;line-height:1.7;color:#344b2d;padding:13px 15px}.composer textarea::placeholder{color:#7f8d71}.parameter label{font-size:12px;color:#63774f}.parameter input,.parameter select,.size-trigger{height:40px;font-size:14px;color:#405b36}.generate-button{font-size:15px;height:41px;min-width:100px}.generate-button span{white-space:nowrap}.attach-button{height:40px;width:40px}.composer-footnote{font-size:12px;color:#71825f;margin-top:11px;gap:12px}.reference-item{width:60px;height:60px}.clear-references{font-size:12px;width:58px;height:60px}.composer-wrap.collapsed .composer{padding-top:13px;padding-bottom:13px}.composer-wrap.collapsed .composer-top{margin-bottom:0}.composer-wrap.collapsed .composer textarea,.composer-wrap.collapsed .reference-tray,.composer-wrap.collapsed .composer-bottom,.composer-wrap.collapsed .composer-footnote{display:none!important}.composer-wrap.collapsed .composer-toggle svg{transform:rotate(180deg)}body:has(.composer-wrap.collapsed) .workspace{padding-bottom:135px}body:has(.composer-wrap.collapsed) .toast{bottom:105px}
.dialog{font-size:14px}.dialog-intro{font-size:14px;line-height:1.85;color:#617454}.field{font-size:14px;color:#546d43}.field input,.field select{font-size:15px;height:45px;color:#395330}.field-hint{font-size:12px;color:#6a7f5a;line-height:1.8}.primary-button,.secondary-button,.danger-button{font-size:14px;min-height:42px}.secondary-button,.text-button{color:#4f6c3b}.text-button{font-size:13px}.settings-dialog{width:600px}.settings-result{font-size:14px;color:#456a2c}.settings-result.error{color:#965b37}.advanced-settings summary{font-size:14px;color:#4e6b3e}.advanced-settings summary>span{font-size:12px;color:#7c8d6a}.provider-status{font-size:13px;line-height:1.85;color:#6b7d59;padding:13px 15px;border:1px dashed #d3dfc6;border-radius:10px;background:#f1f5eb;margin-top:20px;white-space:pre-line}.help-step h3{font-size:16px;color:#536e41}.help-step p{font-size:14px;color:#6a7e58}.help-note{font-size:13px;color:#6a7d57}.docs-links{font-size:13px}.confirm-dialog{width:440px}.confirm-dialog p{font-size:14px;color:#728461}.toast{font-size:14px;bottom:355px}.service-banner strong{font-size:14px}.service-banner,.service-banner p,.service-banner button{font-size:13px;color:#826735}.empty-state h2{font-size:22px}.empty-state p{font-size:14px;max-width:500px}.suggestions strong{font-size:15px}.suggestions button>span:last-of-type{font-size:12px}
.size-dialog-heading p,.size-field-title,.size-auto-content p,.size-preview p,.size-preview>span{font-size:14px;color:#6a8052}.size-tabs button,.resolution-options button,.ratio-options button,.size-limit-note{color:#526f3c}.size-limit-note p{font-size:13px}.dimension-inputs label,.custom-ratio-inputs label{font-size:14px;color:#6e8257}
.preview-dialog{width:min(1440px,calc(100vw - 48px));height:min(880px,calc(100dvh - 40px))}.preview-layout{grid-template-columns:minmax(0,1fr) 340px}.preview-heading strong{font-size:17px;color:#304a2a}.preview-heading small{font-size:12px;color:#738466}.preview-toolbar>div:last-child{font-size:13px}.preview-toolbar .icon-button{width:38px;height:38px}.preview-section-head .eyebrow{font-size:10px;color:#7b8f69}.preview-details{padding:22px}.preview-details h3{font-size:14px;color:#4d6a3b}.preview-details #preview-prompt{font-size:15px;line-height:1.85;color:#3f5735;max-height:245px}.preview-details .tag{font-size:12px;color:#5b7546}.preview-details .text-button{font-size:13px;color:#5c7943}.preview-metadata dt{font-size:12px;color:#748661}.preview-metadata dd{font-size:14px;color:#3f5b30;line-height:1.6}.preview-primary-actions .primary-button,.preview-primary-actions .secondary-button{font-size:14px;height:43px}.preview-primary-actions>.text-button{font-size:13px}.preview-saved-note{font-size:12px;color:#788b64}.preview-canvas-hint{font-size:12px;color:#788b64}.zoom-controls>.icon-button{width:32px;height:32px}.zoom-controls>span{font-size:12px;width:82px;color:#57733f}.zoom-controls>button:not(.icon-button){font-size:12px;color:#57733f}.preview-filmstrip{max-width:250px;gap:7px}.preview-filmstrip button{width:43px;height:43px}.preview-no-image h3{font-size:20px;color:#5b7846}.preview-no-image p{font-size:14px;color:#6f855b}.preview-no-image .primary-button{font-size:14px}.preview-details #preview-error,.preview-diagnostics pre,.preview-diagnostics summary{font-size:12px;color:#805e35}.preview-diagnostics .text-button{font-size:13px}.compare-button{font-size:13px;border:1px solid #d4dec6;border-radius:8px;padding:7px 10px;color:#58723f}.compare-button[aria-pressed=true]{background:#e8f0dc;border-color:#9fb582}.preview-compare-panel{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:32px 20px 20px;border-left:1px solid #d6e0ca;overflow:hidden;background:#e7ebdf}.preview-compare-panel img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 7px 30px #475d301a}.compare-label{position:absolute;left:13px;top:12px;font-size:12px;background:#f8faefe8;color:#5c714d;border-radius:5px;padding:3px 8px}.preview-workbench:has(#preview-compare-panel:not([hidden])){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto}.preview-workbench:has(#preview-compare-panel:not([hidden])) .preview-bottom{grid-column:1/-1}.preview-workbench:has(#preview-compare-panel:not([hidden])) .preview-image-wrap{position:relative}.preview-workbench:has(#preview-compare-panel:not([hidden])) .preview-image-wrap:before{content:'生成结果';position:sticky;left:13px;top:12px;z-index:1;display:inline-block;font-size:12px;background:#f8faefe8;color:#5c714d;border-radius:5px;padding:3px 8px}
.storage-dialog{width:760px}.storage-intro{padding:14px 16px;background:#f1f4e9;border:1px solid #e1e7d6;border-radius:11px;margin:0 0 22px}.storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.storage-stat{background:#fffef9;border:1px solid #e0e6d6;border-radius:12px;padding:15px}.storage-stat span{display:block;font-size:12px;color:#778869}.storage-stat strong{display:block;font-size:23px;font-weight:600;color:#3e5935;margin-top:6px;font-variant-numeric:tabular-nums}.storage-persistence{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 0}.storage-persistence strong{font-size:14px;font-weight:550;color:#4e6740}.storage-persistence p{font-size:13px;line-height:1.8;color:#748362;margin:5px 0 0}.storage-section{border-top:1px solid #e1e6d7;padding-top:21px;margin-top:21px}.storage-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.storage-section-heading h3{font-size:16px;font-weight:600;color:#425d34;margin:0}.storage-section-heading>span{font-size:12px;color:#849271}.storage-backup-actions{display:flex;gap:9px;flex-wrap:wrap}.storage-trash-tools{display:flex;gap:16px;align-items:center}.storage-trash-tools .text-button{font-size:12px}.danger-text{color:#98664a}.trash-list{max-height:290px;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:10px}.trash-list:empty:after{content:'回收站是空的';display:block;text-align:center;font-size:14px;color:#869577;padding:30px 15px;background:#f5f7ef;border-radius:11px}.trash-item{display:flex;align-items:center;gap:12px;border:1px solid #e2e7d8;border-radius:10px;padding:12px;background:#fffef9;font-size:13px}.trash-item img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#eef2e5;flex-shrink:0}.trash-item-info{min-width:0;flex:1}.trash-item-info strong,.trash-item-info p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:500}.trash-item-info small{display:block;margin-top:5px;font-size:12px;color:#889573}.trash-actions{display:flex;gap:10px;align-items:center}.trash-actions button{font-size:12px;min-height:36px;color:#5d7945}.metadata-dialog{width:520px}
@media(max-width:1150px){.header-inner{gap:15px}.header-caption{display:none}.workspace{padding-bottom:405px}.hero-art{width:250px}.workspace-heading{min-height:140px}.workspace-heading h1{font-size:31px}.gallery{gap:16px}.preview-layout{grid-template-columns:minmax(0,1fr) 310px}.preview-details{padding:18px}.composer{max-width:1000px}.composer-top{gap:9px}.model-label select{max-width:210px}.shortcut{display:none}.composer-toggle{margin-left:auto}.parameter input,.parameter select,.size-trigger{font-size:13px}.preview-toolbar{padding-left:15px;padding-right:15px}.preview-heading small{max-width:215px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
@media(max-width:760px){.header{height:75px}.header-inner{padding:0 16px;gap:8px}.brand{font-size:19px}.brand small{font-size:9px;letter-spacing:.2px}.header-right{gap:3px}.header-right .icon-button{width:35px;height:38px}.connection{font-size:12px;padding:8px;max-width:115px}.storage-button{padding:8px;font-size:12px}.workspace{padding:20px 18px 440px}.workspace-heading{min-height:120px;padding-bottom:5px;margin-bottom:15px}.workspace-heading h1{font-size:27px}.hero-copy{max-width:100%}.hero-copy>.eyebrow{font-size:10px;letter-spacing:1px}.hero-copy>p{font-size:13px;max-width:290px}.hero-art{width:180px}.stats{font-size:12px;margin-top:10px}.stats strong{font-size:22px}.toolbar{gap:7px;flex-wrap:wrap;padding-top:16px}.toolbar>.icon-button,.status-select select{height:42px}.status-select select{font-size:13px;min-width:118px}.toolbar>.search{min-width:210px;order:5;flex-basis:100%}.search input{font-size:14px;height:44px;padding-left:38px}.toolbar .batch-select{margin-left:auto;height:42px;min-height:42px;font-size:13px}.toolbar .layout-button{display:inline-flex}.section-label{font-size:14px;margin-top:22px;gap:10px}.save-note{font-size:12px}.batch-actions{font-size:13px;gap:10px;padding:10px}.batch-actions .secondary-button,.batch-actions .text-button{font-size:12px}.gallery,.gallery.large-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-content,.gallery.large-cards .card-content{padding:13px 12px 10px;min-height:185px}.card-visual,.gallery.large-cards .card-visual{height:auto;aspect-ratio:1.3;width:100%}.gallery.large-cards .card{display:block}.card-date,.card-date .card-status{font-size:12px;line-height:1.6}.card-date .card-status{display:inline-flex}.card-prompt,.gallery.large-cards .card-prompt,.card:has(.card-error) .card-prompt{font-size:14px;min-height:50px;max-height:50px}.card-title{font-size:15px}.tag{font-size:12px;padding:3px 5px}.card-actions .icon-button{width:32px;height:34px;padding:7px}.card-actions{gap:1px;flex-wrap:wrap;justify-content:flex-start}.image-badges span,.image-number{font-size:12px}.state-visual,.card-error{font-size:12px}.state-visual small{font-size:12px}.workspace-footer{font-size:12px}.gallery-pagination{gap:13px;margin-top:24px}.gallery-pagination>span{font-size:12px}.gallery-pagination .secondary-button{font-size:13px;padding:8px 10px}.composer-wrap{bottom:12px;padding:0 10px}.composer{padding:14px 15px 11px}.composer-top{gap:8px}.mode-label{font-size:12px}.model-label{margin-left:auto}.model-label select{font-size:13px;max-width:190px}.provider-chip{display:inline-block;font-size:12px;max-width:170px}.composer-toggle{font-size:12px;padding:5px 3px;margin-left:auto}.composer textarea{font-size:16px;height:78px;min-height:78px;padding:11px 13px}.composer-bottom{grid-template-columns:1.25fr 1.1fr 1fr;gap:10px}.parameter label{font-size:12px}.parameter input,.parameter select,.size-trigger{font-size:13px;height:38px;padding:0 8px}.generate-button{font-size:14px;height:39px;gap:5px;padding:0 9px}.attach-button{height:38px;width:33px}.composer-footnote{font-size:12px;margin-top:11px;flex-wrap:wrap;gap:3px}.composer-footnote span{line-height:1.6}.reference-item{height:52px;width:52px}.clear-references{height:52px;font-size:12px}.toast{bottom:415px;font-size:13px}body:has(.composer-wrap.collapsed) .workspace{padding-bottom:170px}body:has(.composer-wrap.collapsed) .toast{bottom:140px}.dialog{padding:22px}.dialog-heading h2{font-size:23px}.dialog-intro,.help-step p,.help-note,.field,.field input,.field select{font-size:14px}.field-hint{font-size:12px}.settings-dialog .dialog-actions{bottom:-22px}.advanced-settings summary{font-size:14px}.advanced-settings summary>span{font-size:12px}.preview-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:0}.preview-layout{height:calc(100% - 62px);display:flex}.preview-toolbar{height:62px;padding:0 12px}.preview-heading strong{font-size:15px}.preview-heading small{font-size:12px;max-width:190px}.preview-toolbar .icon-button{width:34px;height:36px}.preview-toolbar>div:last-child{font-size:12px;gap:1px}.preview-separator{margin:0 2px}.preview-logo{display:none}.preview-workbench{height:52vh;min-height:315px}.preview-details{padding:22px}.preview-details #preview-prompt{font-size:15px}.preview-metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preview-metadata dt,.preview-saved-note{font-size:12px}.preview-metadata dd{font-size:14px}.preview-details h3{font-size:14px}.preview-primary-actions{display:grid;grid-template-columns:1fr 1fr}.preview-primary-actions .primary-button,.preview-primary-actions .secondary-button{font-size:13px;min-height:44px}.preview-bottom{padding:10px;min-height:65px}.preview-filmstrip{max-width:180px}.preview-filmstrip button{width:40px;height:40px}.preview-no-image h3{font-size:18px}.preview-no-image p,.preview-no-image .primary-button{font-size:14px}.preview-diagnostics pre,.preview-diagnostics summary,.preview-details #preview-error{font-size:12px}.compare-button{font-size:12px;padding:6px}.preview-compare-panel{padding:35px 12px 14px}.preview-canvas{padding:20px}.compare-label,.preview-workbench:has(#preview-compare-panel:not([hidden])) .preview-image-wrap:before{font-size:12px;left:8px;top:9px}.storage-stats{gap:8px}.storage-stat{padding:12px}.storage-stat strong{font-size:21px}.storage-persistence{gap:12px;align-items:flex-start}.storage-persistence .secondary-button{font-size:12px;padding:8px 10px;flex-shrink:0}.storage-section-heading{flex-wrap:wrap}.storage-section-heading>span{font-size:12px}.storage-backup-actions>.primary-button,.storage-backup-actions>.secondary-button{font-size:13px}.trash-actions{gap:5px}.trash-item{padding:10px}.storage-trash-tools{gap:12px}.size-dialog-heading h2{font-size:21px}.size-tabs button,.resolution-options button,.ratio-options button{font-size:14px}.size-field-title,.size-dialog-heading p{font-size:14px}.size-preview p,.size-limit-note p{font-size:12px}}
@media(max-width:600px){.gallery,.gallery.large-cards{grid-template-columns:1fr}.card-visual,.gallery.large-cards .card-visual{aspect-ratio:1.6}.card-content,.gallery.large-cards .card-content{min-height:180px;padding:16px 17px 12px}.card-actions{justify-content:flex-end;gap:5px}.card-actions .icon-button{height:38px;width:38px;padding:10px}.card-date{display:flex;flex-wrap:wrap;font-size:12px}.card-prompt,.gallery.large-cards .card-prompt{font-size:15px}.hero-art{width:130px;position:absolute;right:0;top:11px;opacity:.72}.hero-copy>p{max-width:240px}.hero-copy>.eyebrow{font-size:10px}.header .connection{width:30px;height:36px;padding:0;justify-content:center;background:transparent}.header .connection>span{display:none}.header .connection i{height:7px;width:7px}.header .storage-button{width:36px;height:38px;justify-content:center;padding:8px}.header .storage-button>span:last-child{display:none}.brand small{font-size:8px}.hero-art .art-caption{display:none}.preview-metadata{grid-template-columns:1fr 1fr}.preview-filmstrip{max-width:100%;width:100%;justify-content:center}.preview-primary-actions{grid-template-columns:1fr}.preview-primary-actions>.text-button{grid-column:auto}.preview-heading small{max-width:145px}.preview-toolbar>div:last-child{gap:0}.preview-separator{display:none}.preview-toolbar .icon-button{width:31px}.preview-compare-panel img{max-height:100%}.storage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-stat:last-child{grid-column:1/-1}.storage-persistence{flex-direction:column}.storage-section-heading{align-items:flex-start}.storage-trash-tools{width:100%;justify-content:space-between}.trash-item{flex-wrap:wrap}.trash-actions{margin-left:auto}.settings-grid{grid-template-columns:1fr}.settings-dialog .dialog-actions{gap:8px}.settings-dialog .dialog-actions>*{font-size:13px;padding:9px 10px}.suggestions{flex-direction:column;gap:9px}.suggestions button{width:100%;padding:15px 17px}.suggestions strong{display:inline;margin-left:10px}.suggestions i{right:16px;top:16px}.suggestions button>span:last-of-type{display:block;margin-left:32px;font-size:12px}.empty-state p{max-width:310px;font-size:14px}.save-note{font-size:12px}.preview-canvas-hint{display:none}}
@media(max-width:380px){.brand{font-size:17px;gap:7px}.brand-mark{width:33px;height:33px}.header-inner{padding:0 12px}.brand small{font-size:7px}.workspace{padding-left:13px;padding-right:13px}.hero-art{width:103px;right:-7px}.hero-copy>p{font-size:12px;max-width:220px}.workspace-heading h1{font-size:25px}.model-label select{max-width:175px}.composer{padding-left:12px;padding-right:12px}.composer-top{gap:6px}.composer-bottom{gap:7px}.generate-button{font-size:13px;padding:0 6px}.composer-actions{gap:4px}.attach-button{width:29px}.preview-heading small{max-width:118px}.preview-toolbar{padding-left:9px;padding-right:9px}.preview-toolbar .icon-button{width:28px}.compare-button{padding:5px;font-size:12px}.preview-details{padding:18px}}

.storage-server-note{margin-top:-10px;margin-bottom:17px}.reuse-success{display:inline-block;margin-top:12px;font-size:13px;padding:5px 0}.storage-dialog .storage-result{overflow-wrap:anywhere}

/* Keep the heading, collection controls and illustration in one compact band. */
.workspace{padding-top:18px}
.workspace-heading.compact-heading{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr) 145px;align-items:center;gap:22px;min-height:0;margin-bottom:0;padding:7px 0 17px;border-bottom:1px solid #e1e5d8}
.compact-heading .hero-copy{max-width:none;min-width:0}
.compact-heading .hero-copy>.eyebrow{font-size:10px;letter-spacing:1.2px}
.compact-heading h1{font-size:28px;line-height:1.45;margin:5px 0 0;letter-spacing:-.5px;white-space:nowrap}
.compact-heading .hero-copy>p{font-size:13px;line-height:1.6;margin:5px 0 0;max-width:none}
.compact-heading .stats{margin-top:8px;font-size:12px;gap:7px;padding:0}
.compact-heading .stats strong{font-size:22px;line-height:1.2}
.compact-heading .hero-art{position:static;width:145px;margin:0;opacity:.9;justify-self:end}
.compact-heading .art-caption{display:none}
.compact-heading .toolbar{display:grid;grid-template-columns:42px 118px minmax(130px,1fr) 60px 42px;align-items:center;gap:8px;padding:0;margin:0;min-width:0;border:0}
.compact-heading .toolbar>.icon-button,.compact-heading .toolbar .status-select select,.compact-heading .toolbar .search input,.compact-heading .toolbar .batch-select{height:42px;min-height:42px;border-radius:10px}
.compact-heading .toolbar>.icon-button{width:42px}
.compact-heading .toolbar .status-select select{width:100%;min-width:0;padding-left:12px;padding-right:24px;font-size:13px}
.compact-heading .toolbar .search{min-width:0;width:100%;order:0;flex-basis:auto}
.compact-heading .toolbar .search input{font-size:13px;padding-left:36px;padding-right:26px}
.compact-heading .toolbar .search>span{left:11px}.compact-heading .toolbar .search>span svg{width:17px;height:17px}.compact-heading .toolbar .search kbd{right:10px}
.compact-heading .toolbar .batch-select{min-width:0;margin:0;font-size:13px;padding:8px 10px}
.compact-heading .toolbar .layout-button{display:inline-flex}
.workspace>.section-label{margin-top:18px;margin-bottom:13px}
.preview-reset{font-size:13px;border:1px solid #cbd8bd;border-radius:8px;padding:7px 11px;color:#435f32;background:#f0f5e7;white-space:nowrap;min-height:34px}
.preview-reset:hover{background:#e5edd9;border-color:#a0b58a}
@media(min-width:1700px){.workspace-heading.compact-heading{grid-template-columns:330px minmax(0,1fr) 170px;gap:28px}.compact-heading .hero-art{width:170px}}
@media(max-width:1250px){.workspace-heading.compact-heading{grid-template-columns:270px minmax(0,1fr) 115px;gap:17px}.compact-heading .hero-art{width:115px}.compact-heading h1{font-size:26px}.compact-heading .toolbar{grid-template-columns:40px 110px minmax(115px,1fr) 56px 40px;gap:7px}.compact-heading .toolbar>.icon-button{width:40px}.compact-heading .toolbar .search input{padding-right:12px}.compact-heading .toolbar .search kbd{display:none}}
@media(max-width:1050px){.workspace-heading.compact-heading{grid-template-columns:minmax(0,1fr) 130px;gap:12px 20px;padding:2px 0 15px}.compact-heading .hero-copy{grid-column:1;grid-row:1}.compact-heading .hero-art{grid-column:2;grid-row:1;width:130px}.compact-heading .toolbar{grid-column:1/-1;grid-row:2;grid-template-columns:42px 122px minmax(180px,1fr) 62px 42px;gap:9px}.compact-heading .hero-copy>.eyebrow{font-size:10px}.compact-heading .hero-copy>p{display:none}.compact-heading .stats{margin-top:6px}.compact-heading .toolbar>.icon-button{width:42px}}
@media(max-width:760px){.workspace{padding-top:15px}.workspace-heading.compact-heading{grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding-bottom:14px}.compact-heading h1{font-size:25px}.compact-heading .hero-art{width:112px;top:auto;right:auto}.compact-heading .hero-copy>.eyebrow{font-size:10px;letter-spacing:.7px}.compact-heading .toolbar{grid-template-columns:40px 113px minmax(135px,1fr) 56px 40px;gap:7px}.compact-heading .toolbar>.icon-button{width:40px}.compact-heading .toolbar .search input{font-size:13px}.workspace>.section-label{margin-top:15px}.preview-reset{font-size:12px;padding:6px 9px;min-height:34px}}
@media(max-width:600px){.workspace-heading.compact-heading{grid-template-columns:minmax(0,1fr) 96px;gap:11px 8px}.compact-heading h1{font-size:24px}.compact-heading .hero-art{width:96px;opacity:.85}.compact-heading .stats{font-size:12px}.compact-heading .stats strong{font-size:21px}.compact-heading .toolbar{grid-template-columns:40px 118px minmax(0,1fr) 40px;gap:7px}.compact-heading .toolbar .search{grid-row:2;grid-column:1/-1}.compact-heading .toolbar .batch-select{grid-row:1;grid-column:3;justify-self:end;min-width:62px}.compact-heading .toolbar .layout-button{grid-row:1;grid-column:4}.preview-toolbar{height:94px;padding:9px 12px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:5px}.preview-toolbar .preview-heading{width:100%;min-height:24px;align-items:center;justify-content:flex-start}.preview-toolbar .preview-heading>div{width:100%;display:flex;align-items:baseline;gap:10px;min-width:0}.preview-heading strong{font-size:15px;flex-shrink:0}.preview-heading small{font-size:12px;max-width:none;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-toolbar>div:last-child{width:100%;justify-content:flex-end;gap:4px}.preview-toolbar .icon-button{width:32px;height:34px}.preview-reset{padding:6px 9px}.preview-layout{height:calc(100% - 94px)}}
@media(max-width:380px){.workspace-heading.compact-heading{grid-template-columns:minmax(0,1fr) 77px}.compact-heading .hero-art{width:77px}.compact-heading h1{font-size:23px}.compact-heading .hero-copy>.eyebrow{font-size:9px;letter-spacing:.2px}.compact-heading .toolbar{grid-template-columns:40px 112px minmax(0,1fr) 40px;gap:6px}.preview-toolbar>div:last-child{gap:2px}.preview-toolbar .icon-button{width:29px}.preview-reset{padding:6px 7px}}