@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}}
@layer base{
:root{color-scheme:dark;--bg:#0c0a13;--panel:#110f1a;--panel2:#171320;--border:#2d263d;--muted:#a59bb8;--text:#f0eaf9;--pink:#f52cb9;--cyan:#78e5ef;--green:#52e5bd;--radius:5px}
html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5;min-height:100vh;background-image:radial-gradient(ellipse at 2% 0%,#73245416,transparent 35%),radial-gradient(ellipse at 95% 80%,#12394212,transparent 40%)}
button{color:inherit;border:1px solid var(--border);background:transparent;border-radius:var(--radius);transition:background .18s,border-color .18s,transform .18s}button:hover{background:#ffffff08;border-color:#766081}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}small,.meta{font-size:.75rem;color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@layer components{
.topbar{height:84px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--border);gap:52px;background:#0b0911e8}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand strong{font-size:1.4rem;font-weight:760;letter-spacing:-.6px}.brand-studio{display:block;color:var(--cyan);font-size:.65rem;letter-spacing:4.5px;line-height:1.3}.brand-mark{position:relative;color:var(--pink);font-size:2.65rem;font-weight:850;font-style:italic;line-height:1;letter-spacing:-8px;width:45px}.brand-mark span{font-size:1.4rem;color:var(--cyan);position:relative;left:3px;top:0}.main-nav{align-self:stretch;display:flex;gap:10px}.main-nav a{display:flex;align-items:center;position:relative;padding:0 23px;font-size:.9rem;color:var(--muted);transition:color .2s,background .2s}.main-nav a:hover{color:var(--text);background:#ffffff03}.main-nav a.active{color:var(--pink);background:linear-gradient(0deg,#f52cb912,transparent);font-weight:650}.main-nav a.active:after{position:absolute;content:"";height:3px;bottom:0;left:16px;right:16px;background:var(--pink);box-shadow:0 -3px 17px #f52cb944}.top-right{margin-left:auto;display:flex;align-items:center;gap:20px}.demo-badge{font-size:.65rem;letter-spacing:1.4px;padding:4px 8px;border:1px solid #584151;color:#d7abc8}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px}.account{border-radius:50%;color:var(--cyan);background:#19383e36;border-color:#294048}
.workspace{display:grid;grid-template-columns:310px minmax(0,1fr) 174px;gap:18px;padding:24px 24px 0;max-width:2000px;margin:auto;min-height:calc(100vh - 129px)}.panel{position:relative;background:linear-gradient(140deg,#15101c99,#0e0c1599);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.panel:before{position:absolute;top:-1px;left:12px;width:24px;height:1px;background:var(--pink);content:""}.panel:after{position:absolute;right:-1px;top:-1px;width:11px;height:11px;background:linear-gradient(45deg,transparent 44%,#a2438050 45%,#a2438050 56%,var(--bg) 57%);content:"";pointer-events:none}.settings{padding:21px 19px;display:flex;flex-direction:column}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-title h1{font-size:1.2rem;letter-spacing:-.4px;font-weight:650}.section-title>span{font-size:.7rem;color:#7b587e;letter-spacing:2px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:4px;background:#0b091180;padding:3px;margin-bottom:23px}.mode-switch button{border:0;padding:9px 2px;font-size:.8rem;color:var(--muted)}.mode-switch button.selected{color:#ffeaf9;background:#69265058;box-shadow:inset 0 0 0 1px #bb358980}
.field{margin-bottom:20px}.field-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.field-top label,.field-label{font-size:.875rem;font-weight:550;color:#d3c8e3}.text-button{padding:0;border:0;background:none;font-size:.75rem;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.text-button:hover{color:var(--pink);background:none}.text-button svg{width:13px;height:13px;color:var(--pink)}.selection-card{display:flex;align-items:center;width:100%;padding:0;text-align:left;overflow:hidden;background:#ffffff02;min-height:70px}.selection-card img,.selection-art{width:63px;height:70px;object-fit:cover;flex-shrink:0}.selection-card img{object-position:center 23%}.selection-card .selection-info{padding:8px 10px;min-width:0;flex:1}.selection-info strong{font-size:.875rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-info small{display:block;font-size:.7rem;margin-top:5px}.selection-card>svg{width:15px;margin-right:9px;color:var(--muted)}.selection-art{display:flex;align-items:center;justify-content:center;color:var(--pink);background:radial-gradient(at 20% 90%,#174852,transparent 60%),linear-gradient(145deg,#241830,#531547)}.selection-art svg{width:27px;height:27px}.style-art{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 9px,#72edf31c 10px 11px),linear-gradient(140deg,#102433,#6b1057 55%,#071e27)}.style-art:after{content:"";width:8px;height:90%;position:absolute;left:60%;top:-10%;background:var(--pink);transform:rotate(26deg);box-shadow:0 0 18px #f52cb9,16px 2px 0 #62e6ef}.style-art.ink{filter:grayscale(1)}.style-art.sunset{background:linear-gradient(35deg,#41205d,#f86687,#f4bd8b)}.style-art.sunset:after{background:#ffb4ae;box-shadow:0 0 30px #d04e8d}
textarea,input[type=text],input[type=password],select{width:100%;color:var(--text);border:1px solid var(--border);border-radius:4px;background:#0c0a13;padding:11px 12px;font-size:.875rem}textarea{resize:vertical;min-height:100px;line-height:1.6}textarea::placeholder,input::placeholder{color:#776d89}.prompt-hint{font-size:.7rem;color:#8c809c;margin-top:6px;display:flex;justify-content:space-between;gap:8px}.upload-zone{width:100%;min-height:77px;border:1px dashed #51415f;background:#ffffff01;display:flex;justify-content:center;align-items:center;gap:11px;color:var(--muted);font-size:.8rem}.upload-zone:hover,.upload-zone.dragging{color:var(--cyan);border-color:var(--cyan);background:#78e5ef08}.upload-zone svg{color:var(--cyan)}.reference-list{display:grid;gap:7px;margin-bottom:7px}.reference{display:flex;align-items:center;gap:7px}.reference img{width:38px;height:42px;object-fit:cover;border-radius:3px}.reference select{padding:6px;font-size:.75rem;min-width:0}.reference .icon-button{width:28px;height:28px;padding:5px}.settings-bottom{margin-top:auto;padding-top:17px;border-top:1px solid var(--border)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:9px 0 17px}.settings-grid label{font-size:.75rem;color:var(--muted)}.settings-grid select{margin-top:6px;padding:10px;font-size:.85rem}.primary{background:var(--pink);border-color:var(--pink);color:#160713;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;font-size:.9rem}.primary:hover{background:#ff5bc9;border-color:#ff5bc9;box-shadow:0 0 24px #f52cb922}.generate-button{width:100%;justify-content:space-between}.demo-note{color:#a694ac;font-size:.7rem;text-align:center;margin-top:9px;line-height:1.5}.demo-note b{font-weight:450;color:#c7acc1}
.canvas-panel{padding:16px;display:flex;flex-direction:column;min-height:680px}.canvas-top{display:flex;align-items:center;gap:13px;min-height:39px;margin-bottom:13px}.canvas-top h2{font-size:1rem;font-weight:650;letter-spacing:-.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.status{font-size:.7rem;color:var(--green);display:flex;align-items:center;gap:6px;white-space:nowrap}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.canvas-tools{display:flex;gap:6px;align-items:center;margin-left:auto}.canvas-tools .icon-button{width:31px;height:31px}.canvas-tools .meta{margin-right:6px}.art-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:490px;overflow:hidden;background:#080810;border:1px solid #35293e;border-radius:2px}.art-stage:before{position:absolute;inset:0;content:"";background-image:linear-gradient(#30263730 1px,transparent 1px),linear-gradient(90deg,#30263730 1px,transparent 1px);background-size:36px 36px;opacity:.4}.main-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:art-in .45s ease-out}.art-caption{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.art-caption span{font-size:.65rem;letter-spacing:1px;background:#0b0813c9;border:1px solid #b695d22b;padding:5px 8px;color:#e6d9ef;backdrop-filter:blur(12px)}.result-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.1fr;gap:8px;padding-top:13px}.result-actions button,.result-actions a{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 4px;font-size:.75rem;border:1px solid var(--border);border-radius:4px;min-height:45px;text-align:center;transition:background .2s,border .2s}.result-actions button:hover,.result-actions a:hover{background:#f52cb910;border-color:#a0457c}.result-actions a{color:var(--cyan);border-color:#33525a}.result-actions svg{width:17px;height:17px}.result-foot{display:flex;justify-content:space-between;gap:10px;font-size:.65rem;color:#8d7f9c;margin-top:10px}.recent-panel{padding:18px 13px;display:flex;flex-direction:column}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.recent-heading h2{font-size:.9rem;font-weight:550}.recent-heading a{color:var(--muted)}.recent-heading svg{width:16px;height:16px}.recent-item{display:block;width:100%;padding:0;overflow:hidden;text-align:left;margin-bottom:15px;background:#14101d;position:relative}.recent-item.selected{border-color:#aa3a81}.recent-item.selected:before{content:"";height:3px;position:absolute;left:0;right:0;bottom:0;background:var(--pink);z-index:1}.recent-item img{width:100%;aspect-ratio:1/1.15;object-fit:cover;object-position:50% 20%;transition:transform .4s}.recent-item:hover img{transform:scale(1.04)}.recent-meta{display:flex;justify-content:space-between;padding:8px;font-size:.65rem;color:var(--muted)}.recent-bottom{margin-top:auto;padding-top:25px}.recent-bottom>span{font-size:1.75rem;letter-spacing:5px;font-weight:300;color:#6d4a79}.recent-bottom p{font-size:.6rem;color:#8c698f;letter-spacing:2px;margin-top:5px}.recent-bottom .line{height:1px;background:var(--border);margin-bottom:17px}.app-footer{display:flex;justify-content:space-between;padding:15px 27px;color:#786985;font-size:.6rem;letter-spacing:1.4px}.tiny-cross{color:var(--pink);margin-right:8px}.footer-slash{color:var(--pink);margin:0 9px}
.loading-overlay{position:absolute;inset:0;background:#0c071bd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;z-index:2;text-align:center;padding:20px}.loading-overlay h3{font-size:1.1rem}.loading-overlay p{color:var(--muted);font-size:.85rem;max-width:300px}.orbit{width:52px;height:52px;border:1px solid #8f347455;border-top:2px solid var(--pink);border-right:2px solid var(--cyan);border-radius:50%;animation:spin 1.2s linear infinite}.secondary{padding:9px 15px;font-size:.85rem}.collection-page{max-width:1500px;padding:37px 32px 60px;margin:auto;min-height:calc(100vh - 130px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.eyebrow{color:var(--pink);font-size:.65rem;letter-spacing:2px;margin-bottom:8px}.page-heading h1{font-size:2rem;font-weight:600;letter-spacing:-1px}.page-heading p{font-size:.9rem;color:var(--muted);margin-top:8px}.page-count{font-size:.8rem;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.collection-card{overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:5px;position:relative}.card-image-button{padding:0;border:0;border-radius:0;width:100%;display:block;overflow:hidden;background:#080810}.card-image-button img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s}.card-image-button:hover img{transform:scale(1.035)}.collection-card .style-art{aspect-ratio:3/2}.card-body{padding:16px}.card-body h2{font-size:1rem;font-weight:600;margin-bottom:6px}.card-body p{color:var(--muted);font-size:.8rem;line-height:1.6;margin-bottom:16px}.card-body button{width:100%;font-size:.8rem;padding:9px}.default-label{position:absolute;left:12px;top:12px;padding:5px 9px;background:#0a071bcc;border:1px solid #67d9e950;border-radius:3px;font-size:.7rem;color:var(--cyan)}.empty-state{padding:65px 20px;text-align:center;border:1px dashed var(--border);border-radius:5px}.empty-state>svg{color:var(--pink);width:35px;height:35px;margin-bottom:15px}.empty-state p{color:var(--muted);margin:10px auto 22px;max-width:410px;font-size:.9rem}.empty-state .primary{display:inline-flex}
dialog{padding:0;border:1px solid #634263;border-radius:8px;color:var(--text);background:#13101d;max-width:min(92vw,580px);width:580px;box-shadow:0 25px 130px #000c}dialog::backdrop{background:#07050dc9;backdrop-filter:blur(9px)}.dialog-inner{padding:27px}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-header h2{font-size:1.25rem;font-weight:600;letter-spacing:-.3px}.dialog-lead{color:var(--muted);font-size:.875rem;margin-bottom:22px}.dialog-field{display:block;margin:17px 0;font-size:.875rem;color:#d0c4de}.dialog-field input,.dialog-field textarea{margin-top:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.save-preview{height:110px;width:100%;object-fit:cover;object-position:50% 24%;border-radius:3px}.picker-list{display:grid;gap:12px}.picker-item{display:flex;align-items:center;text-align:left;padding:10px;gap:14px;min-width:0}.picker-item img,.picker-item .selection-art{height:70px;width:65px;object-fit:cover;object-position:50% 20%;border-radius:3px}.picker-item strong{font-size:.95rem;display:block}.picker-item p{font-size:.8rem;color:var(--muted);margin-top:4px}.picker-item>span:nth-child(2){flex:1}.picker-item svg{color:var(--cyan);width:17px}.checkbox-label{display:flex;gap:10px;align-items:center;font-size:.875rem;color:var(--muted);margin-top:14px}.checkbox-label input{accent-color:var(--pink);width:17px;height:17px}.form-error{color:#ffa1c8;font-size:.85rem;margin-top:12px}.full-image-dialog{width:auto;max-width:94vw;max-height:94vh;background:#090711}.full-image-dialog .dialog-header{padding:12px 17px;margin:0}.full-image-dialog img{max-height:80vh;max-width:90vw;object-fit:contain;margin:auto}.full-image-dialog .dialog-header h2{font-size:.9rem}.login-hero{padding:24px 0 12px}.login-hero .brand{justify-content:center;margin-bottom:25px}.login-hero h2{text-align:center;font-size:1.6rem}.login-subtitle{text-align:center;color:var(--muted);font-size:.85rem;margin:8px 0 25px}.login-form .primary{width:100%;margin-top:25px}.login-fine{font-size:.75rem;text-align:center;color:var(--muted);margin:16px 0 4px}.login-close{position:absolute;right:15px;top:15px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);padding:12px 20px;background:#21182deF;border:1px solid #814067;border-radius:5px;box-shadow:0 7px 35px #0007;font-size:.875rem;max-width:calc(100vw - 32px);text-align:center;opacity:0;pointer-events:none;z-index:10;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes art-in{from{opacity:.4;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}
}
@layer responsive{
@media(min-width:1600px){.workspace{grid-template-columns:340px minmax(0,1fr) 205px;gap:22px;padding:28px 30px 0}.settings{padding:25px}.field{margin-bottom:23px}.art-stage{min-height:650px}.recent-item img{aspect-ratio:1/1.2}.canvas-panel{padding:20px}.topbar{gap:80px}.result-actions button,.result-actions a{font-size:.85rem;padding:15px 8px}}
@media(max-width:1200px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:14px;padding:18px 18px 0}.recent-panel{display:none}.topbar{gap:24px;padding:0 20px}.main-nav a{padding:0 17px}.top-right{gap:10px}.result-actions{grid-template-columns:1fr 1fr}.canvas-panel{min-height:730px}.canvas-top h2{max-width:55%}.canvas-tools .meta{display:none}}
@media(max-width:820px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;gap:0;padding:16px 18px 0}.brand strong{font-size:1.2rem}.brand-mark{font-size:2.2rem;width:39px}.brand-studio{font-size:.6rem}.main-nav{order:3;width:100%;height:51px;margin-top:12px;justify-content:space-between;gap:0}.main-nav a{padding:0 12px;font-size:.85rem;justify-content:center;flex:1}.main-nav a.active:after{left:10px;right:10px}.top-right{margin-left:auto}.workspace{grid-template-columns:265px minmax(0,1fr);gap:12px;padding:14px 12px 0}.settings{padding:17px 13px}.section-title h1{font-size:1.1rem}.canvas-panel{padding:11px}.canvas-top{flex-wrap:wrap;gap:8px}.canvas-top h2{font-size:.875rem}.status{font-size:.65rem}.canvas-tools{margin-left:auto}.canvas-tools .icon-button{width:26px;height:26px;padding:4px}.art-stage{min-height:400px}.result-actions button,.result-actions a{font-size:.7rem;flex-direction:column;gap:5px}.result-foot{display:none}.app-footer{font-size:.5rem;padding:15px}.collection-page{padding:28px 20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.page-heading h1{font-size:1.6rem}}
@media(max-width:620px){.workspace{display:flex;flex-direction:column;padding:12px;gap:14px}.settings{order:2;padding:21px}.canvas-panel{order:1;min-height:0;padding:12px}.canvas-top{flex-wrap:nowrap;min-height:30px;margin-bottom:10px}.canvas-top h2{max-width:55%;font-size:.95rem}.canvas-top .status{display:none}.art-stage{min-height:0;aspect-ratio:3/3.3;flex:auto}.main-art{object-fit:contain}.result-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:10px}.result-actions button,.result-actions a{font-size:.65rem;line-height:1.4;padding:8px 3px;min-height:59px}.result-actions svg{width:17px;height:17px}.art-caption{bottom:9px;left:9px;right:9px}.art-caption span{font-size:.55rem}.mode-switch button{font-size:.85rem}.selection-card{min-height:76px}.selection-card img,.selection-art{height:76px;width:72px}.selection-info strong{font-size:.95rem}.selection-info small{font-size:.8rem}.field-top label,.field-label{font-size:.95rem}.text-button{font-size:.8rem}textarea{font-size:1rem}.prompt-hint,.demo-note{font-size:.75rem}.settings-grid select{font-size:1rem}.primary{font-size:.95rem;min-height:48px}.main-nav a{font-size:.8rem;padding:0 7px}.app-footer>span:first-child{font-size:.5rem;letter-spacing:.6px}.page-heading{align-items:flex-start;gap:10px}.page-heading p{font-size:.85rem}.page-count{font-size:.75rem;white-space:nowrap;margin-top:10px}.card-grid{gap:12px}.card-body{padding:12px}.card-body h2{font-size:.9rem}.card-body p{font-size:.75rem}.dialog-inner{padding:22px}.dialog-header h2{font-size:1.1rem}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.collection-page{padding:25px 15px}.recent-panel{display:none}.top-right{gap:8px}.demo-badge{font-size:.55rem}.brand strong{font-size:1.18rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
@layer components {
.locked .main-nav,.locked .top-right,.locked .app-footer{visibility:hidden}.locked-surface{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.canvas-empty{position:relative;text-align:center;padding:30px;color:var(--muted)}.canvas-empty>svg{width:48px;height:48px;color:var(--pink);margin:0 auto 24px}.canvas-empty h2{font-size:1.3rem;font-weight:500;color:var(--text);margin-bottom:15px}.canvas-empty p{font-size:.9rem;line-height:1.8}.reference-controls{flex:1;min-width:0}.reference-controls small{display:block;font-size:.75rem}.error-text{color:#ff98bb!important}.job-placeholder{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted);background:#110c1d}.job-placeholder svg{width:40px;height:40px}.more-button{display:block;margin:30px auto}.account-stats{display:grid;gap:12px;margin-bottom:25px}.account-stats p{display:flex;justify-content:space-between;gap:16px;font-size:.875rem;color:var(--muted)}.account-stats strong{color:var(--text);font-weight:500}.dialog-field textarea[readonly]{color:var(--muted)}.card-body p{overflow-wrap:anywhere}.resolution-note{font-size:.68rem;color:var(--muted);margin:-8px 0 13px;line-height:1.35}.delete-button{margin-top:9px;color:#ff9dbd!important;border-color:#8c3d5b!important}.delete-button:hover{background:#a41d4a22!important;border-color:#ef5e93!important}.mode-switch button{font-size:.875rem}.result-actions button,.result-actions a{font-size:.875rem}.text-button{font-size:.8rem}
}
@media(min-width:821px) and (max-height:850px){
 .topbar{height:60px;padding:0 18px;gap:28px}.brand strong{font-size:1.15rem}.brand-mark{font-size:2.15rem;width:39px}.brand-studio{font-size:.55rem;letter-spacing:3px}.main-nav a{padding:0 16px;font-size:.8rem}.app-footer{display:none}
 .workspace{min-height:calc(100dvh - 60px);height:auto;grid-template-columns:218px minmax(0,1fr) 128px;gap:10px;padding:10px 14px;overflow:visible}
 .settings{zoom:.82;padding:10px}.section-title{margin-bottom:7px}.section-title h1{font-size:.9rem}.mode-switch{margin-bottom:8px}.mode-switch button{padding:5px 2px;font-size:.68rem}.field{margin-bottom:7px}.field-top{margin-bottom:4px}.selection-card{min-height:42px}.selection-card img,.selection-art{width:39px;height:42px}.selection-card .selection-info{padding:4px 6px}.selection-info strong{font-size:.72rem}.selection-info small{font-size:.56rem;margin-top:0}
 textarea{min-height:48px;font-size:.72rem;padding:7px 8px}.prompt-hint{font-size:.56rem;margin-top:2px}.upload-zone{min-height:38px;font-size:.64rem}.settings-bottom{padding-top:7px}.settings-grid{margin:4px 0 8px;gap:6px}.settings-grid select{margin-top:3px;padding:5px;font-size:.68rem}.resolution-note{margin:-3px 0 6px;font-size:.54rem}.primary{padding:8px 10px;font-size:.72rem;min-height:34px}.demo-note{display:none}
 .canvas-panel{min-height:0;padding:12px}.canvas-top{min-height:29px;margin-bottom:8px}.art-stage{min-height:0}.result-actions{padding-top:8px;gap:6px}.result-actions button,.result-actions a{padding:8px 4px;min-height:37px;font-size:.68rem}.result-foot{padding-top:7px}.recent-panel{padding:12px}.recent-heading{margin-bottom:10px}.recent-item{gap:7px;padding:5px 0}.recent-item img{width:38px;height:43px}.recent-meta{font-size:.6rem}.recent-bottom{margin-top:12px}
}
@media(min-width:821px) and (max-width:1400px) and (max-height:850px){body{zoom:.8;width:125%}}