:root{--bg:#f6f7f3;--paper:#fff;--ink:#24352d;--muted:#798279;--line:#e4e8e0;--green:#294f3d;--green-light:#edf3e8;--accent:#cce4b1;--orange:#a5663c;--shadow:0 4px 22px #20372c05;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{min-width:0}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #8bb577}button,a,input,select,textarea{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled),a:hover{filter:brightness(.98)}[hidden]{display:none!important}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:15px}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fcfcf9;padding:34px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 14px 49px;font-size:31px;font-weight:750;letter-spacing:-1.8px;line-height:1}.brand-symbol{height:42px;width:42px;border-radius:13px;background:var(--green);color:#d9edbd;display:grid;place-items:center}.brand-symbol .icon{width:29px;height:29px;fill:currentColor;stroke-width:.5}.brand small{display:block;font-size:9px;letter-spacing:2.3px;font-weight:450;margin-top:9px;color:#838c7e}.nav-label{font-size:10px;letter-spacing:1.4px;color:#a0a79a;padding-left:16px;margin-bottom:14px}.sidebar nav{display:grid;gap:7px}.nav{display:flex;align-items:center;gap:12px;padding:13px 15px;color:#788172;border-radius:9px;font-size:13px;min-height:46px}.nav:hover{background:#f0f2eb}.nav.active{color:#31513a;background:#e9efdf;font-weight:600}.nav .icon{width:18px;height:18px}.nav-dot{width:5px;height:5px;border-radius:50%;background:#6d8c52;margin-left:auto}.sidebar-note{margin:56px 15px 20px;border-top:1px solid var(--line);padding-top:25px}.note-star{font-size:35px;color:#90a672;line-height:1}.sidebar-note p{font-size:16px;line-height:1.9;letter-spacing:1px;color:#6f7c62;margin:15px 0}.sidebar-note>span:last-child{font-size:8px;letter-spacing:1.7px;color:#a3aa9a}.sidebar-bottom{margin-top:auto}.connection{margin:13px 10px 5px;display:flex;align-items:center;gap:7px;font-size:10px;color:#927b5b;padding:9px 0}.connection i{width:6px;height:6px;border-radius:50%;background:#b69258}.connection.ready{color:#5e8050}.connection.ready i{background:#799964}.connection-arrow{margin-left:auto}.local-note{display:flex;align-items:center;gap:7px;padding:10px;font-size:9px;color:#a2a99a}.local-note .icon{width:12px;height:12px}main{margin-left:222px;padding:0 38px;max-width:1840px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#818a7b;font-size:11px}.slash{margin:0 12px;color:#c2c8bb}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-right i{width:6px;height:6px;background:#8ba377;border-radius:50%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#89937f;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.4;margin:8px 0 10px;font-weight:650}.page-header p{font-size:12px;color:#899080;margin:0}h2{font-size:16px;line-height:1.5;font-weight:600;margin-bottom:0}h3{font-size:12px;font-weight:600;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border-radius:8px;font-size:12px;font-weight:550;line-height:1.5;white-space:nowrap;border:1px solid transparent}.button .icon{height:17px;width:17px}.button.primary{background:var(--green);color:white}.button.primary:hover:not(:disabled){background:#1c3f2e;box-shadow:0 4px 12px #294f3d22}.button.secondary{background:#fff;border-color:#dfe5d8;color:#516348}.button.small{font-size:11px;min-height:34px;padding:8px 13px}.full-width{width:100%}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center}.icon-button:hover{background:#edf2e7}.text-button,.text-link{background:none;display:inline-flex;align-items:center;gap:6px;color:#708363;font-size:11px;padding:0}.text-button .icon,.text-link .icon{width:15px;height:15px}.text-link:hover,.text-button:hover{color:var(--green)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.setup-banner{display:flex;align-items:center;gap:14px;padding:15px 20px;border:1px solid #e9dfc6;background:#f7f2e5;border-radius:10px;margin-bottom:23px}.banner-icon{width:32px;height:32px;display:grid;place-items:center;background:#ece1c9;border-radius:9px;color:#8d7447}.setup-banner strong{font-size:12px;font-weight:550;color:#80704f}.setup-banner p{margin:3px 0 0;font-size:11px;color:#9b8c70}.setup-banner .button{margin-left:auto;border-color:#e4d8bb;color:#8b7343;background:#fffcf4;flex:none}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:23px;align-items:start}.composer{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.panel-title h2{font-size:14px}.subtle{color:#909888;font-size:10px}.prompt-box{border:1px solid #dfe6d6;border-radius:9px;background:#fcfdf9;overflow:hidden}.prompt-box:focus-within{border-color:#83a36d;box-shadow:0 0 0 3px #83a36d12}.prompt-box textarea{width:100%;display:block;min-height:145px;resize:vertical;max-height:350px;border:0;background:transparent;padding:15px;font-size:12px;line-height:1.9;outline:none}.prompt-box textarea::placeholder{color:#a2aa97}.prompt-tools{display:flex;justify-content:space-between;align-items:center;padding:0 13px 12px;color:#9da58f;font-size:9px}.reference-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.reference-heading h3 span{font-weight:400;font-size:10px;color:#a1a991;margin-left:6px}#dropzone{display:flex;align-items:center;gap:10px;border:1px dashed #cfdac5;border-radius:9px;background:#fafcf7;padding:14px 11px;cursor:pointer}#dropzone.drag{background:#eaf2df;border-color:#6a9252;box-shadow:0 0 0 3px #6a925215}.upload-symbol{display:grid;place-items:center;width:35px;height:35px;background:#eef3e7;color:#8b9e79;border-radius:8px;flex:none}#dropzone strong{font-size:11px;font-weight:450}#dropzone em{font-style:normal;color:#567d42}#dropzone small{display:block;font-size:9px;color:#9ca48e;margin-top:3px}.references{display:flex;gap:8px;flex-wrap:wrap}.references:empty{display:none}.reference{position:relative;margin-top:10px}.reference img{width:61px;height:61px;border-radius:7px;object-fit:cover;border:1px solid var(--line)}.reference button{position:absolute;right:-4px;top:-4px;background:#35513b;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:14px}.config-divider{height:1px;background:var(--line);margin:21px 0}.field{display:block;font-size:11px;font-weight:550;color:#62725a;margin-bottom:15px}.field input,.field textarea,.field select{margin-top:8px}input:not([type=hidden]),select,textarea{border:1px solid #dfe5d9;border-radius:7px;background:#fff;padding:10px 12px;font-size:12px;width:100%}select{appearance:auto;min-height:40px}input::placeholder,textarea::placeholder{color:#a8af9e}.ratio-field{padding:0;margin:0 0 16px;border:0;min-width:0}.ratio-field legend{font-size:11px;color:#62725a;font-weight:550;margin-bottom:9px;padding:0}.ratio-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ratio-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:white;border:1px solid #e2e7dc;border-radius:7px;min-height:76px;font-size:11px;color:#728066}.ratio-options button>span:last-child{font-size:8px;color:#9aa48e}.ratio-options button[aria-pressed=true]{background:#f0f5e9;border-color:#86a26d;color:#496937}.ratio-options button[aria-pressed=true]>span:last-child{color:#789263}.ratio-shape{display:block;border:1.4px solid #8b9b7c;border-radius:2px;margin:2px 0 4px;height:16px;width:16px}.ratio-shape.landscape{height:12px;width:18px;margin:4px 0 6px}.ratio-shape.portrait{width:12px}.ratio-shape.auto{border-style:dashed;font-size:11px;line-height:14px;text-align:center}.quality-field{display:grid;grid-template-columns:65px 1fr;align-items:center;margin-bottom:0}.quality-field select{margin-top:0}.composer-bottom{margin-top:22px}.generate-button{width:100%;height:45px;font-size:13px}.key-hint{margin-left:auto;font-size:10px;opacity:.6;border:1px solid #ffffff26;border-radius:4px;padding:1px 5px}.generate-button>.icon{margin-right:auto}.generate-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#98a08d;font-size:9px;margin-top:12px}.live-dot{height:5px;width:5px;border-radius:50%;background:#93a87c}#cancel{margin-top:9px}.error{color:#b05c4b;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:12px}.error:empty{display:none}.canvas-column{min-width:0}.preview-panel{overflow:hidden}.preview-heading{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 21px}.preview-heading h2{font-size:12px}.status{font-size:9px;font-weight:500;padding:4px 9px;background:#f1f4eb;border-radius:20px;color:#849471;white-space:nowrap}.status.busy{background:#e7efd9;color:#62804a}.status.error{background:#f9ede6;color:#a96e53}.canvas{position:relative;background:#eff2e9;min-height:480px;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#cdd6c0 .6px,transparent .6px);background-size:16px 16px}#canvas-welcome{position:absolute;inset:0}.hero-art{height:100%;width:100%;object-fit:cover}.art-label{position:absolute;right:17px;top:15px;font-size:8px;letter-spacing:1px;color:#f1f4e8;background:#24433340;border:1px solid #f1f4e82b;padding:4px 7px;border-radius:4px}.welcome-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#244334b8);padding:48px 28px 26px;color:white}.welcome-caption>span{font-size:8px;letter-spacing:2px;opacity:.76}.welcome-caption h2{font-size:25px;font-weight:450;line-height:1.6;letter-spacing:.4px;margin:7px 0 17px}.canvas-cta{background:#f5f6eeed;color:#475b3c;font-size:10px;min-height:34px;padding:8px 12px}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;color:#98a08e;font-size:10px;min-height:51px}.preview-foot-icon{color:#a2b38b}.preview-foot-icon .icon{width:17px;height:17px}.canvas-tip{display:flex;gap:10px;margin:17px 3px;color:#98a489}.canvas-tip>.icon{width:16px;height:16px;margin-top:2px}.canvas-tip p{font-size:10px;color:#8d9881;line-height:1.9;margin:0}.canvas-tip strong{font-weight:550;margin-right:8px;color:#6c805a}#result{max-width:100%;max-height:700px;width:100%;height:100%;object-fit:contain;padding:16px}.expand-result{position:absolute;right:13px;top:13px;background:#ffffffdf}.result-actions{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px}.generation-state{text-align:center;padding:40px;position:absolute;z-index:2;background:#eff2e9e8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.generation-orbit{width:72px;height:72px;border:1px solid #c9d8ba;border-radius:22px;display:grid;place-items:center;margin-bottom:25px;color:#68894f}.generation-orbit .icon{height:37px;width:37px;animation:turn 7s linear infinite;fill:#c8deb0}.generation-state h3{font-size:19px;font-weight:450;margin-bottom:8px}.generation-state p{font-size:12px;color:#97a087}.generation-state>span:last-child{font-size:11px;color:#7a8f66}.generation-state.failed .generation-orbit .icon{animation:none}.generation-state.failed .generation-orbit{color:#ad785f;border-color:#deccc0}.inspiration{margin-top:33px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.section-heading h2{font-size:16px}.section-heading h2 span{color:#91a779;margin-left:7px}.section-heading p{font-size:11px;color:#919b85;margin:5px 0 0}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.preset-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-width:0}.preset-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #294f3d0b}.preset-use{display:block;padding:0;background:transparent;width:100%;text-align:left;flex:1}.preset-visual{position:relative;height:130px;overflow:hidden;background:#e9efdf}.preset-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.preset-card:hover img{transform:scale(1.04)}.preset-badge{position:absolute;top:11px;left:11px;font-size:8px;border-radius:4px;padding:3px 6px;background:#fdfdf8db;color:#738463}.preset-arrow{position:absolute;right:11px;bottom:11px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fdfdf8e0;color:#527145;font-size:15px}.preset-text{padding:14px 16px}.preset-text h3{font-size:12px;font-weight:550;overflow-wrap:anywhere}.preset-text p{font-size:10px;color:#94a086;margin:6px 0 0;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.preset-actions{border-top:1px solid #eff2ea;padding:10px 14px;display:flex;gap:16px;align-items:center}.preset-actions button{font-size:10px;color:#8a997d;background:none;padding:4px 0}.preset-actions button:first-child{color:#537941;margin-right:auto;font-weight:550}.preset-actions button.danger{color:#a1806b}.custom-art{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2edd5,#a7bb99);color:#f5faea;font-size:58px}.page-footer{display:flex;justify-content:space-between;padding:29px 0 22px;margin-top:30px;border-top:1px solid var(--line);font-size:9px;color:#b1b8a7}.page-footer>span:first-child{letter-spacing:2px}.collection-summary{border:1px solid #dfe7d7;background:#edf2e5;border-radius:12px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.collection-summary>div{display:flex;align-items:center;gap:15px;font-size:12px;color:#6c7b5e}.collection-number{font-size:34px;line-height:1;color:#5d7849;font-weight:500}.collection-summary p{font-size:11px;color:#93a084;margin:0}.library-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 22px;flex-wrap:wrap}.tabs{display:flex;gap:4px;align-items:center}.tabs button{padding:9px 13px;border-radius:6px;color:#95a088;background:transparent;font-size:11px;white-space:nowrap}.tabs button.active{background:white;color:#54723f;box-shadow:0 1px 4px #3a582c0b}.search-row{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:white;width:230px}.search-box .icon{height:15px;width:15px;color:#a1ad95}.search-box input{border:0;outline:none;padding:10px 3px;background:transparent;font-size:11px}.search-box:focus-within{outline:2px solid #8bb577;outline-offset:2px}.compact-select{width:auto;font-size:11px;min-height:38px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.history-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white;min-width:0}.history-image{position:relative;aspect-ratio:1.15;background:#edf1e6}.history-image>button:first-child{padding:0;background:none;width:100%;height:100%;display:block;overflow:hidden}.history-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.history-image>button:first-child:hover img{transform:scale(1.025)}.favorite-button{position:absolute;right:12px;top:12px;border:0;background:#ffffffdd;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#6d7b60}.favorite-button .icon{width:16px;height:16px}.favorite-button[aria-pressed=true]{color:#ba705a}.favorite-button[aria-pressed=true] .icon{fill:#ead0c3}.history-details{padding:15px}.history-details>p{font-size:12px;color:#637359;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:8px 0 14px;min-height:42px}.history-meta{font-size:9px;color:#a0ac94;display:flex;justify-content:space-between;gap:10px}.history-actions{display:flex;gap:13px;border-top:1px solid #edf0e6;padding-top:12px;align-items:center}.history-actions a,.history-actions button{font-size:10px;color:#7c906b;background:none;padding:0}.history-actions .delete{margin-left:auto;color:#a0917e}.empty-state{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;padding:45px 20px 55px;text-align:center;border:1px dashed #dfe6d6;border-radius:13px;background:#fafbf7;min-height:380px}.empty-art-stack{position:relative;width:260px;height:170px;margin-bottom:24px}.empty-art-stack img{position:absolute;top:15px;width:125px;height:143px;object-fit:cover;border:6px solid white;border-radius:8px;box-shadow:0 8px 22px #294f3d16}.empty-art-stack img:nth-child(1){left:7px;transform:rotate(-12deg)}.empty-art-stack img:nth-child(2){right:7px;transform:rotate(12deg)}.empty-art-stack img:nth-child(3){left:67px;top:0;transform:rotate(-1deg)}.empty-state h2{font-size:20px;font-weight:450}.empty-state p{font-size:12px;color:#929f84;margin:9px 0 20px}.empty-state .empty-icon{font-size:35px;color:#9eaf8f;margin-bottom:20px}.preset-intro{background:#eaf0e1;border:1px solid #dfe7d4;padding:27px 30px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.preset-intro h2{font-size:21px;font-weight:450;margin:9px 0 8px}.preset-intro p{font-size:11px;color:#8c9b7d;margin:0}.intro-art{display:flex;gap:15px;align-items:center;color:#8aab68;transform:rotate(-10deg);margin-right:20px}.intro-art span:first-child{font-size:78px}.intro-art span:nth-child(2){font-size:42px;color:#b1c18b}.intro-art span:last-child{font-size:56px;color:#506f43}.library.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library .preset-visual{height:174px}.library .preset-text p{-webkit-line-clamp:3;min-height:54px}.library .preset-text h3{font-size:14px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}.settings-panel{padding:29px;max-width:700px}.settings-panel .panel-title{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.settings-panel .panel-title h2{font-size:16px}.settings-panel .panel-title p{margin:6px 0 0}.settings-panel .field{margin-bottom:8px}.field-hint{font-size:10px;line-height:1.8;color:#97a289;margin:9px 0 20px}.key-label{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.saved-key{display:flex;align-items:center;gap:4px;color:#7f9a64;font-size:10px}.saved-key .icon{width:12px;height:12px}.password-input{position:relative}.password-input input{padding-right:60px}.password-input button{position:absolute;right:4px;top:4px;bottom:4px;background:transparent;color:#89a174;font-size:11px;padding:0 10px}.privacy-note{display:flex;gap:10px;background:#f5f8ef;border-radius:8px;padding:16px;margin:22px 0;color:#91a37b}.privacy-note .icon{width:17px;height:17px;margin-top:2px}.privacy-note p{font-size:10px;line-height:1.9;color:#95a187;margin:0}.privacy-note strong{display:block;font-weight:550;color:#71865d;font-size:11px;margin-bottom:4px}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px}.settings-guide{padding:20px 0 20px 8px;max-width:340px}.guide-symbol{width:52px;height:52px;background:#e5ecd9;color:#839f62;border-radius:14px;display:grid;place-items:center;margin-bottom:22px}.guide-symbol .icon{width:29px;height:29px}.settings-guide h2{font-size:20px;font-weight:450}.settings-guide ol{list-style:none;padding:0;margin:26px 0}.settings-guide li{display:flex;gap:17px;margin:0 0 25px}.settings-guide li>span{font-size:11px;color:#acb89b;margin-top:2px;font-variant-numeric:tabular-nums}.settings-guide strong{font-size:12px;font-weight:500;color:#748665}.settings-guide li p{font-size:11px;line-height:1.9;color:#9ba58d;margin:5px 0 0}.success{color:#5c8643;background:#eef5e7;font-size:11px;padding:12px;border-radius:7px}dialog{border:1px solid #dce4d2;border-radius:15px;padding:28px;width:min(550px,calc(100% - 32px));max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 30px 100px #25362930;overflow:auto}dialog::backdrop{background:#1d2d2273;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:15px}.dialog-heading h2{font-size:21px;font-weight:500;margin-top:7px}dialog textarea{min-height:180px;resize:vertical;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid var(--line);margin-top:20px}.image-dialog{width:min(1100px,calc(100% - 32px));background:#eef2e8}.image-dialog>button{position:absolute;top:15px;right:15px;z-index:2}.image-dialog img{width:100%;max-height:80dvh;object-fit:contain}.detail-dialog{padding:0;width:min(1050px,calc(100% - 32px));overflow:auto}.detail-close{position:absolute;right:13px;top:13px;z-index:2}.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.detail-image-wrap{background:#eaf0e2;display:flex;align-items:center;justify-content:center;padding:22px}.detail-image-wrap img{width:100%;max-height:75dvh;object-fit:contain}.detail-body{padding:35px 28px}.detail-body h2{font-size:23px;font-weight:500;margin:8px 0}.detail-body h3{margin-top:28px}.detail-prompt{font-size:12px;line-height:1.9;max-height:170px;overflow:auto;overflow-wrap:anywhere;margin:10px 0 12px;white-space:pre-wrap}.detail-meta{display:grid;grid-template-columns:50px 1fr;font-size:11px;border-block:1px solid var(--line);padding:15px 0;gap:8px;margin:25px 0}.detail-meta dt{color:#95a387}.detail-meta dd{margin:0;color:#718660}.detail-body>.button{margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:#2f4b39;color:#f6faee;padding:14px 17px;border-radius:10px;font-size:12px;box-shadow:0 7px 30px #1f332126;z-index:100;max-width:calc(100% - 28px);width:max-content}.toast-close{background:none;color:#bfcdaf;font-size:18px}.toast>button:not(.toast-close){background:none;color:#d8e9bf;white-space:nowrap;text-decoration:underline}.page-header,.workspace,.preset-intro,.collection-summary{animation:arrive .4s ease both}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1500px){main{padding-inline:55px}.workspace{grid-template-columns:400px minmax(0,1fr);gap:28px}.composer{padding:25px}.prompt-box textarea{min-height:165px}.canvas{max-height:680px}.preset-visual{height:165px}.page-header{padding-block:38px}.library.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1180px){.sidebar{width:195px;padding-inline:13px}main{margin-left:195px;padding-inline:25px}.workspace{grid-template-columns:330px minmax(0,1fr);gap:18px}.composer{padding:18px}.canvas{min-height:490px}.welcome-caption{padding:35px 20px 24px}.welcome-caption h2{font-size:21px}.setup-banner p{max-width:350px}.brand{margin-left:10px}.preset-grid{gap:12px}.preset-visual{height:115px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{gap:25px}.library.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-art{margin-right:0}.intro-art span:first-child{font-size:55px}.intro-art span:last-child{font-size:40px}}@media(max-width:960px){.sidebar{width:175px;padding-inline:10px}.nav{padding:12px 10px;font-size:12px;gap:9px}.sidebar-note{margin-inline:10px}.brand{font-size:28px;gap:8px}.brand-symbol{height:36px;width:36px}main{margin-left:175px;padding-inline:20px}.workspace{grid-template-columns:minmax(285px,1fr) minmax(0,1fr);gap:15px}.composer{padding:16px}.canvas{min-height:500px}.preview-heading{padding-inline:14px}.preview-heading h2{font-size:11px}.status{font-size:8px}.welcome-caption h2{font-size:19px}.setup-banner{padding:13px;gap:10px}.setup-banner p{max-width:300px;font-size:10px}.setup-banner strong{font-size:11px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-visual{height:150px}h1{font-size:26px}.settings-layout{grid-template-columns:1fr}.settings-guide{max-width:none;padding:10px 5px}.settings-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.settings-guide li{gap:9px}.settings-guide .guide-symbol{display:none}.collection-summary{padding:20px}.collection-summary p{max-width:210px}.intro-art span:nth-child(2),.intro-art span:last-child{display:none}.detail-layout{grid-template-columns:1fr}.detail-image-wrap img{max-height:40dvh}}@media(max-width:760px){.sidebar{position:sticky;inset:0;top:0;width:100%;height:auto;padding:13px 18px;flex-direction:row;align-items:center;gap:20px;border-right:0;border-bottom:1px solid var(--line);background:#fcfcf9f2;backdrop-filter:blur(12px)}.brand{margin:0 auto 0 0;font-size:24px;gap:8px}.brand small{display:none}.brand-symbol{width:31px;height:31px;border-radius:10px}.brand-symbol .icon{width:22px;height:22px}.sidebar nav{display:flex;gap:3px}.nav{padding:9px 10px;min-height:36px;gap:5px}.nav .icon{width:17px;height:17px}.nav span:not(.nav-dot){font-size:11px}.nav-dot,.nav-label,.sidebar-note,.sidebar-bottom .connection,.local-note{display:none}.sidebar-bottom{margin:0}.sidebar-bottom .nav span{display:none}.sidebar-bottom .nav{padding:9px}.sidebar{gap:8px}main{margin-left:0;padding-inline:20px}.topbar{height:48px;font-size:10px}.page-header{padding:25px 0}.page-header h1{font-size:25px}.header-action{font-size:11px;padding:8px 12px;min-height:37px}.page-header p{font-size:11px}.workspace{grid-template-columns:1fr}.composer{padding:22px}.canvas{aspect-ratio:1.1;min-height:390px;max-height:550px}.canvas-column{margin-top:4px}.canvas-tip{margin-bottom:0}.prompt-box textarea{min-height:125px}.composer-bottom{position:sticky;bottom:0;background:white;padding-top:5px;padding-bottom:4px;z-index:3}.setup-banner p{display:none}.setup-banner{padding:13px;margin-bottom:18px}.setup-banner .banner-icon{display:none}.setup-banner .button{font-size:10px}.welcome-caption h2{font-size:26px}.preset-visual{height:150px}.settings-panel{max-width:none}.topbar-right{font-size:9px}.intro-art{display:none}.preset-intro{padding:23px}.preset-intro h2{font-size:18px}.collection-summary p{font-size:10px}.collection-summary>div{gap:10px;font-size:11px}.collection-number{font-size:29px}.search-row{width:100%}.search-box{flex:1}.history-grid{gap:14px}.library-controls>.search-box{width:100%}.settings-guide ol{grid-template-columns:1fr}.page-footer{margin-top:25px}}@media(max-width:440px){main{padding-inline:15px}.sidebar{padding:11px 12px;gap:3px}.brand{font-size:21px}.brand-symbol{width:27px;height:27px}.nav{padding:8px 7px}.nav span:not(.nav-dot){font-size:10px}.nav .icon{display:none}.sidebar-bottom .nav .icon{display:block}.page-header{align-items:flex-start}.header-action .icon{display:none}.header-action{font-size:10px;padding:8px 10px}.page-header h1{font-size:23px}.eyebrow{font-size:7px;letter-spacing:1.5px}.page-header p{max-width:225px;line-height:1.8}.composer{padding:18px}.canvas{min-height:350px}.setup-banner strong{font-size:10px}.setup-banner .button .icon{display:none}.preset-text{padding:12px}.preset-visual{height:122px}.preset-text h3{font-size:11px}.section-heading h2{font-size:14px}.section-heading .text-link{font-size:10px}.section-heading h2 span{display:none}.history-grid,.library.preset-grid{grid-template-columns:1fr}.library .preset-visual{height:200px}.collection-summary{padding:18px}.collection-summary p{display:none}.settings-panel{padding:20px}.settings-guide{padding-inline:8px}.result-actions{padding:12px;gap:8px}.result-actions .button{font-size:10px;padding:8px 10px}.toast{font-size:11px;gap:10px}.empty-state{padding-inline:12px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the primary action inside the first desktop screen. */
body[data-page=studio] .topbar{height:54px}body[data-page=studio] .page-header{padding:24px 0 22px}body[data-page=studio] .setup-banner{padding:12px 17px;margin-bottom:19px}.composer .panel-title{margin-bottom:12px}.prompt-box textarea{min-height:112px}.prompt-tools{padding-bottom:10px}.reference-heading{margin-top:17px;margin-bottom:8px}#dropzone{padding:11px}.config-divider{margin:17px 0}.config-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px}.config-grid .quality-field{display:block;margin-bottom:15px}.config-grid .quality-field select{margin-top:8px}.ratio-options button{min-height:66px}.ratio-field{margin-bottom:0}.composer-bottom{margin-top:18px}.canvas{aspect-ratio:auto;height:550px;min-height:0}.page-header,.workspace,.preset-intro,.collection-summary{animation:none}@media(min-width:1500px){.canvas{height:575px}.prompt-box textarea{min-height:130px}}@media(max-width:960px) and (min-width:761px){.config-grid{grid-template-columns:1fr}.config-grid .quality-field{display:grid;grid-template-columns:65px 1fr}.config-grid .quality-field select{margin-top:0}.canvas{height:610px}}@media(max-width:760px){.canvas{height:450px}.composer-bottom{position:static}.config-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media(max-width:440px){.canvas{height:370px}.config-grid{gap:8px}}
.field-hint,.preset-text p,.page-header p,.settings-guide li p{color:#7e8b71}.prompt-box textarea{font-size:13px}.preset-text p{font-size:11px}.settings-note,.privacy-note p{color:#7d8d6e}@media(max-width:760px){.library-controls>.search-box{flex:1 1 100%;width:100%}.search-row>.search-box{flex:1 1 auto}.prompt-box textarea{font-size:16px;line-height:1.7;min-height:145px}.field input,dialog textarea,.settings-panel input{font-size:16px}.field-hint{font-size:11px}.preset-actions{padding:3px 14px}.preset-actions button{min-height:42px;font-size:12px}.history-actions a,.history-actions button{font-size:12px;min-height:40px;display:inline-flex;align-items:center}.favorite-button{height:40px;width:40px}.reference button{height:28px;width:28px}.button{min-height:44px;font-size:12px}.preset-text h3{font-size:14px}.preset-text p{font-size:12px}.tabs button{min-height:40px;font-size:12px;padding-inline:11px}.text-button{min-height:32px}.ratio-options button{min-height:76px}.ratio-options button>span:last-child{font-size:9px}.generate-button{font-size:14px;min-height:47px}.page-header p{font-size:12px}.icon-button{height:40px;width:40px}}
/* One-window workspace: page chrome stays fixed, only long fields/dialogs scroll. */
html,body{height:100%;overflow:hidden}body{height:100dvh}body[data-page] main{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:0 26px 16px;overflow:hidden}body[data-page] .topbar{height:42px;flex:0 0 42px}body[data-page] .page-header{padding:15px 0 16px;flex:none;gap:12px}body[data-page] .page-header>div{margin-right:auto}body[data-page] .page-header .eyebrow{display:none}body[data-page] .page-header h1{font-size:25px;margin:0 0 4px}body[data-page] .page-header p{font-size:11px}body[data-page] .page-footer{display:none}.sidebar{padding-top:25px}.brand{margin-bottom:32px}.sidebar-note{margin-top:35px}body[data-page=studio] .setup-banner{flex:none;margin-bottom:12px;padding:6px 12px;min-height:40px}body[data-page=studio] .setup-banner p{display:none}body[data-page=studio] .banner-icon{height:25px;width:25px}body[data-page=studio] .setup-banner .button{min-height:28px;padding:5px 10px}body[data-page=studio] .setup-banner strong{font-size:11px}
.workspace{flex:1;min-height:0;align-items:stretch;grid-template-columns:340px minmax(0,1fr);gap:18px}.composer{height:100%;min-height:0;padding:16px;display:flex;flex-direction:column;overflow:hidden}.composer>.panel-title{flex:none;margin-bottom:10px}.composer-fields{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;padding:2px 2px 4px}.prompt-box{flex:1;min-height:104px;display:flex;flex-direction:column}.prompt-box textarea{min-height:66px;height:0;flex:1;max-height:none;resize:none;padding:10px 12px;font-size:13px}.prompt-tools{flex:none;padding:3px 10px 8px;min-height:27px}.reference-heading{flex:none;margin:12px 0 7px}#dropzone{flex:none;padding:8px;min-height:46px}#dropzone small{font-size:8px}.upload-symbol{width:29px;height:29px}.references{flex:none;flex-wrap:nowrap}.reference{margin-top:7px}.reference img{width:44px;height:44px}#reference-hint{margin:5px 0 0;font-size:9px;flex:none}.config-divider{margin:11px 0;flex:none}.config-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:9px;flex:none}.config-grid .field,.config-grid .quality-field{display:block;margin:0 0 11px;font-size:11px}.config-grid select,.config-grid .quality-field select{margin-top:6px;padding:7px 9px;min-height:35px}.ratio-field{margin:0;flex:none}.ratio-field legend{margin-bottom:6px}.ratio-options button{min-height:57px}.ratio-options button .ratio-shape{height:12px;width:12px;margin:0 0 2px}.ratio-options button .ratio-shape.landscape{width:16px;height:10px;margin-block:1px 3px}.ratio-options button .ratio-shape.portrait{height:13px;width:9px}.ratio-options button .ratio-shape.auto{height:13px;width:13px}.composer-bottom{position:static;flex:none;padding:10px 2px 0;margin:0;border-top:1px solid var(--line);background:white}.generate-button{height:42px;min-height:42px}.generate-note{margin-top:7px;font-size:9px}.composer-bottom .error{max-height:55px;overflow:auto;margin:0 0 8px;font-size:11px}.canvas-column{display:flex;flex-direction:column;height:100%;min-height:0;margin:0}.preview-panel{display:flex;flex-direction:column;flex:1;min-height:0}.preview-heading{height:46px;flex:0 0 46px;gap:8px;padding-inline:16px}.preview-heading h2{margin-right:auto}.canvas{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto;flex:1}.hero-art{object-fit:cover;object-position:center 44%}.welcome-caption{padding:40px 22px 22px}.welcome-caption h2{font-size:24px;margin-bottom:13px}#result{position:absolute;inset:0;max-height:none;width:100%;height:100%;padding:12px}.preview-footer{flex:none;min-height:36px;padding:8px 15px}.result-actions{flex:none;padding:10px;gap:8px}.canvas-tip{flex:none;margin:8px 2px 0}.canvas-tip p{font-size:9px}.workspace-tabs{display:none}.studio-history-link{display:none}.inspiration-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 40px)}.inspiration-dialog .inspiration{margin:0}.inspiration-dialog .section-heading{padding-right:42px}.inspiration-close{position:absolute;top:20px;right:20px;font-size:20px}.inspiration-dialog .preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inspiration-dialog .preset-visual{height:125px}.inspiration-dialog .empty-state{min-height:160px}.inspiration-dialog .section-heading h2{font-size:16px}
/* Catalogs use viewport-sized pages instead of a long document. */
body[data-page=history] .collection-summary{flex:none;padding:10px 18px}.collection-number{font-size:25px}.collection-summary p{font-size:10px}body[data-page=presets] .preset-intro{display:none}.library-controls{flex:none;margin:15px 0 12px;gap:10px}.tabs button{padding:8px 11px}.history-grid,.library.preset-grid{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(var(--card-columns,3),minmax(0,1fr));grid-template-rows:repeat(var(--card-rows,1),minmax(0,1fr));gap:14px;align-items:stretch}.history-card,.library .preset-card{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.history-image{flex:1;min-height:60px;aspect-ratio:auto}.history-details{flex:none;padding:12px}.history-details>p{font-size:11px;min-height:0;line-height:1.6;margin:6px 0 10px}.history-actions{padding-top:9px}.library .preset-use{min-height:0;display:flex;flex-direction:column}.library .preset-visual{height:auto;min-height:50px;flex:1;width:100%}.library .preset-visual img{position:absolute;inset:0}.library .preset-text{flex:none;padding:12px;max-height:105px;overflow:hidden}.library .preset-text h3{font-size:13px}.library .preset-text p{font-size:11px;-webkit-line-clamp:2;min-height:0;line-height:1.65}.library .preset-actions{flex:none;padding:6px 12px}.preset-card:hover{transform:none}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:12px;flex:none;min-height:46px}.pagination .page-info{margin-right:auto;font-size:10px;color:#8b987f}.pagination .page-position{font-size:11px;color:#6b7e5d;min-width:37px;text-align:center}.pagination .button{min-height:30px;padding:6px 10px;font-size:10px}.empty-state{height:100%;grid-row:1/-1;min-height:0;padding:18px;justify-content:center;overflow:auto}.empty-art-stack{height:132px;width:220px;margin-bottom:17px;flex:none}.empty-art-stack img{width:104px;height:117px}.empty-art-stack img:nth-child(3){left:58px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px;margin-bottom:15px}
/* Settings keep the form and save action together; help is on demand. */
.settings-layout{display:flex;flex:1;min-height:0;overflow:hidden}.settings-panel{width:100%;max-width:790px;min-height:0;padding:22px;display:flex;flex-direction:column}.settings-panel .panel-title{flex:none;margin-bottom:17px;padding-bottom:16px}.settings-panel .panel-title h2{font-size:14px}#settings-form{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:2px}.settings-panel .field-hint{margin-bottom:14px}.settings-panel .key-label{margin-top:18px}.privacy-note{padding:12px;margin:16px 0}.settings-actions{margin-top:16px;position:sticky;bottom:0;padding:8px 0 0;background:white}.settings-panel .success,.settings-panel .error{margin-bottom:8px}.settings-guide{max-width:none;padding:12px 0}.settings-guide ol{display:block}.guide-close{position:absolute;right:18px;top:18px}
@media(min-width:1500px){.workspace{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:1100px){.sidebar{width:178px}.brand{font-size:27px;gap:8px}.brand-symbol{width:35px;height:35px}body[data-page] main{margin-left:178px;padding-inline:18px}.workspace{grid-template-columns:310px minmax(0,1fr);gap:14px}.composer{padding:13px}.welcome-caption h2{font-size:21px}.canvas-tip{display:none}.history-grid,.library.preset-grid{gap:12px}.settings-panel{padding:20px}}
@media(max-height:760px){.sidebar-note{display:none}.brand{margin-bottom:25px}body[data-page] .page-header{padding:11px 0 12px}body[data-page] .page-header h1{font-size:23px}.composer .panel-title h2{font-size:12px}.composer .panel-title{margin-bottom:8px}.prompt-box{min-height:83px}.prompt-box textarea{min-height:52px}.reference-heading{margin-top:8px;margin-bottom:5px}.config-divider{margin:8px 0}.config-grid .field{margin-bottom:8px}.ratio-options button{min-height:49px}.ratio-options button .ratio-shape{display:none}.ratio-field legend{margin-bottom:5px}.composer{padding:12px}.composer-bottom{padding-top:8px}.reference img{height:34px;width:34px}#reference-hint{display:none}.welcome-caption{padding:25px 18px 18px}.welcome-caption h2{font-size:21px}.empty-art-stack{height:96px;margin-bottom:12px}.empty-art-stack img{height:86px;width:84px}.empty-art-stack img:nth-child(1){left:28px}.empty-art-stack img:nth-child(2){right:28px}.empty-art-stack img:nth-child(3){left:68px}.settings-panel .panel-title{margin-bottom:12px;padding-bottom:12px}.settings-panel .key-label{margin-top:12px}.privacy-note{margin:10px 0}.settings-panel .field-hint{font-size:10px;margin-bottom:10px}}
@media(max-width:760px){body{display:flex;flex-direction:column}.sidebar{position:relative;inset:auto;flex:0 0 56px;height:56px;width:100%;padding:9px 12px}.sidebar .brand{margin:0 auto 0 0;font-size:22px}.sidebar .brand-symbol{height:29px;width:29px}.sidebar nav{gap:2px}.sidebar .nav{padding:8px 7px;min-height:36px}.sidebar .nav span:not(.nav-dot){font-size:10px}.sidebar-bottom .nav{padding:8px}.sidebar-note{display:none}body[data-page] main{margin-left:0;height:auto;flex:1;min-height:0;padding:0 13px 12px}body[data-page] .topbar{display:none}body[data-page] .page-header{padding:12px 0;gap:9px}body[data-page] .page-header h1{font-size:22px;margin:0}body[data-page] .page-header p{display:none}.page-header .button{min-height:34px;padding:7px 10px;font-size:11px}body[data-page=studio] .setup-banner{padding:5px 9px;margin-bottom:8px;min-height:33px}body[data-page=studio] .setup-banner strong{font-size:10px}.workspace-tabs{display:flex;flex:none;gap:3px;background:#eaf0e1;border-radius:8px;padding:3px;margin-bottom:9px}.workspace-tabs button{flex:1;background:transparent;color:#8b997b;font-size:12px;min-height:33px;border-radius:6px}.workspace-tabs button[aria-pressed=true]{background:white;color:#4a693b;box-shadow:0 1px 4px #243a2010}#preview-indicator{font-size:10px}.workspace{display:flex;gap:0;overflow:hidden}.workspace .composer,.workspace .canvas-column{width:100%;height:100%;flex:1}.workspace[data-pane=compose] .canvas-column{display:none}.workspace[data-pane=preview] .composer{display:none}.composer{padding:14px}.composer-fields{padding-inline:2px}.prompt-box{min-height:107px}.prompt-box textarea{font-size:16px;min-height:74px}.prompt-tools .text-button{min-height:24px}.config-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.config-grid .quality-field{display:block}.config-grid .quality-field select{margin-top:6px}.ratio-options button{min-height:61px}.ratio-options button .ratio-shape{display:block}.ratio-options button>span:last-child{font-size:9px}.generate-button{min-height:43px;height:43px;font-size:13px}.composer-bottom .button#cancel{min-height:35px;margin-top:6px}.preview-heading{height:44px;flex-basis:44px}.preview-heading .button{min-height:30px;padding:5px 8px;font-size:10px}.preview-footer{padding:8px 12px;min-height:36px}.result-actions .button{min-height:36px;font-size:10px}.canvas-column{margin:0}.welcome-caption h2{font-size:23px}.inspiration-dialog .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-dialog{padding:20px}.inspiration-dialog .section-heading{display:block}.inspiration-dialog .section-heading p{margin-bottom:9px}.inspiration-dialog .preset-visual{height:95px}.inspiration-dialog .preset-text{padding:10px}.inspiration-dialog .preset-text h3{font-size:12px}.inspiration-dialog .preset-text p{font-size:10px}.collection-summary{display:none}.library-controls{margin:4px 0 10px;gap:8px}.tabs{gap:2px}.tabs button{font-size:11px;padding:7px 10px;min-height:33px}.search-row{width:100%;gap:7px}.library-controls>.search-box{flex:1 1 100%;width:100%}.search-box input{padding-block:8px;font-size:12px}.compact-select{min-height:35px;padding-block:7px}.history-grid,.library.preset-grid{gap:10px}.pagination{gap:6px;padding-top:9px;min-height:41px}.pagination .page-info{font-size:9px}.pagination .button{min-height:32px;font-size:10px;padding:6px 9px}.history-actions a,.history-actions button{min-height:32px;font-size:11px}.library .preset-actions button{min-height:31px;font-size:11px}.library .preset-text{max-height:108px}.library .preset-text h3{font-size:14px}.library .preset-text p{font-size:12px}.history-details>p{font-size:12px}.empty-state{padding:13px}.empty-art-stack{height:118px}.empty-art-stack img{height:100px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.settings-panel{padding:17px;max-width:none}.settings-panel .field input,.settings-panel input{font-size:15px}.settings-panel .field-hint{font-size:11px}.settings-panel .panel-title{padding-bottom:13px}.settings-panel .key-label{margin-top:15px}.settings-guide ol{display:block}.guide-symbol{display:none}.settings-guide{padding-top:25px}.toast{bottom:13px;font-size:11px}}
@media(max-width:760px) and (max-height:650px){.sidebar{flex-basis:48px;height:48px}.sidebar .brand-symbol{height:26px;width:26px}body[data-page] .page-header{padding:8px 0}body[data-page] .page-header h1{font-size:20px}body[data-page=studio] .setup-banner{display:none}.workspace-tabs{margin-bottom:7px}.workspace-tabs button{min-height:29px}.composer{padding:10px}.prompt-box{min-height:77px}.prompt-box textarea{min-height:45px}.reference-heading{margin-top:7px}.ratio-options button{min-height:43px}.ratio-options button .ratio-shape{display:none}#dropzone small{display:none}#dropzone{min-height:37px;padding:5px 8px}.upload-symbol{height:24px;width:24px}.config-grid select{min-height:32px;padding-block:5px}.generate-note{display:none}.composer-bottom{padding-top:7px}.generate-button{height:37px;min-height:37px}.privacy-note{display:none}.settings-panel .panel-title p{display:none}.library-controls .search-box input{padding-block:6px}.library-controls .tabs button{min-height:29px}.history-details>p{-webkit-line-clamp:1}.library .preset-text p{-webkit-line-clamp:1}.pagination{padding-top:6px}.empty-art-stack{display:none}}
/* Keep connection diagnostics visible beside the settings actions. */
.connection-result{font-size:12px;line-height:1.7;padding:10px 12px;border-radius:8px;background:#f4f6ef;margin:12px 0}.connection-result.error{background:#fbf0e9}.settings-actions{flex-wrap:wrap;gap:10px}.generation-state #generation-settings{margin-top:15px;flex:none}.generation-state.failed{overflow:auto;padding:18px}.generation-state.failed .generation-orbit{flex-shrink:0}.generation-state.failed #generation-description{max-width:350px;overflow-wrap:anywhere}body[data-page=studio] .composer-bottom .error:empty{display:none}@media(max-height:650px){.generation-state.failed .generation-orbit{height:52px;width:52px;margin-bottom:12px}.generation-state.failed h3{font-size:18px;margin:10px 0}.generation-state.failed p{font-size:12px;margin-bottom:8px}.generation-state.failed #elapsed{display:none}.connection-result{font-size:11px;padding:8px 10px}}
.response-mode{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#62725a;font-size:11px;font-weight:550}.response-mode>span{flex:none}.response-mode select{flex:1;min-height:31px;padding:5px 8px;font-size:11px;background:#f8faf4}@media(max-width:760px){.response-mode select{font-size:12px}}
@media(max-width:760px) and (max-height:650px){.composer .config-divider{margin-block:5px}.composer .config-grid .field{margin-bottom:6px}.composer .reference{margin-top:5px}}
@media(max-width:760px){.sidebar .nav{padding-inline:5px}.sidebar .nav span:not(.nav-dot){font-size:9px}.sidebar .brand{font-size:20px}.sidebar .brand-symbol{width:25px;height:25px}.sidebar .nav .icon{width:15px;height:15px}}

.toast.toast-in-dialog{position:static;bottom:auto;left:auto;transform:none;width:100%;max-width:none;margin:16px 0 0;box-shadow:none;text-align:left;flex-shrink:0}.toast-in-dialog #toast-message{min-width:0;overflow-wrap:anywhere;flex:1}.toast-in-dialog .toast-close{flex:none}

.preset-editor-dialog{width:min(650px,calc(100% - 28px));padding:24px}.preset-editor-dialog #preset-content{min-height:95px;height:110px}.preset-parameters{border:0;border-top:1px solid #e2e8dc;margin:14px 0 0;padding:12px 0 0;min-width:0}.preset-parameters legend{font-size:13px;font-weight:600;color:#47603d;padding-right:10px}.preset-parameters>.field-hint{margin:0 0 8px}.preset-parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}.preset-parameter-grid .field{margin:0;font-size:11px}.preset-parameter-grid select{margin-top:5px;min-height:35px;padding:7px 9px;font-size:12px}.preset-editor-dialog .dialog-actions{margin-top:16px}.library .preset-text{max-height:160px}.preset-parameter-summary{font-size:10px;line-height:1.7;color:#758868;margin-top:7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.preset-actions{flex-wrap:wrap;gap:8px}.preset-actions a{color:#60784e;font-size:10px;display:inline-flex;align-items:center;min-height:25px}.preset-actions button{white-space:nowrap}@media(max-width:760px){.preset-editor-dialog{padding:20px}.preset-parameter-grid{gap:8px 10px}.preset-parameter-grid select{font-size:14px}.library .preset-text{max-height:175px}.preset-parameter-summary{font-size:11px}.preset-actions a{min-height:31px;font-size:11px}}
.preset-editor-dialog .dialog-heading{margin-bottom:14px}.preset-editor-dialog #preset-form>label.field{margin:10px 0}.preset-editor-dialog #preset-name{padding-block:9px}.preset-editor-dialog #preset-content{height:90px;min-height:90px}.preset-editor-dialog .preset-parameters{margin-top:10px}.preset-editor-dialog .dialog-actions{margin-top:12px}

body[data-page=history] .history-details{display:flex;flex-direction:column;gap:8px}

/* History uses a compact, four-row thumbnail gallery. */
body[data-page=history] .history-grid{gap:8px}
body[data-page=history] .history-card{border-radius:8px}
body[data-page=history] .history-image{min-height:0}
body[data-page=history] .history-image img{object-fit:contain}
body[data-page=history] .history-details{display:flex;flex-direction:row;align-items:center;gap:3px;padding:3px 5px;min-height:28px}
body[data-page=history] .history-meta{font-size:9px;white-space:nowrap;min-width:0;flex:none}
body[data-page=history] .history-actions{border:0;padding:0;margin-left:auto;gap:2px;flex:none}
body[data-page=history] .history-actions a,body[data-page=history] .history-actions button{height:22px;width:22px;min-height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}
body[data-page=history] .history-actions a:hover,body[data-page=history] .history-actions button:hover{background:#eef3e8}
body[data-page=history] .history-actions .icon{height:13px;width:13px}
body[data-page=history] .favorite-button{top:5px;right:5px;height:24px;width:24px}
body[data-page=history] .favorite-button .icon{width:14px;height:14px}
@media(max-width:760px){body[data-page=history] .history-grid{gap:8px}body[data-page=history] .history-details{min-height:36px;padding:2px 6px}body[data-page=history] .history-actions a,body[data-page=history] .history-actions button{width:30px;height:30px;min-height:30px}body[data-page=history] .history-actions .icon{width:16px;height:16px}body[data-page=history] .favorite-button{height:30px;width:30px}}

.preset-scope{font-size:9px;color:#829175;margin-top:4px}.preset-visibility-note{font-size:11px;color:#657b52;background:#eff4e9;padding:7px 10px;border-radius:7px;margin:10px 0}.legacy-preset-notice{flex:none;padding:10px 12px;background:#faf3e4;border:1px solid #ecdfbd;border-radius:8px;color:#8c7851;margin-bottom:10px;font-size:11px}.legacy-preset-notice p{margin:0 0 8px}.legacy-preset-notice>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.library .preset-text{max-height:150px}.library .preset-text h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}