@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#202235;font-synthesis:none;--ink:#202235;--muted:#777a91;--paper:#fcfcff;--soft:#f3f3fa;--line:#e7e7f0;--accent:#6570f6;--gradient:linear-gradient(135deg,#5b73f7 0%,#755ff5 48%,#a45fe9 100%);--shadow-card:0 12px 36px #272a4f12,0 2px 8px #272a4f0a;--shadow-float:0 14px 40px #44418724,0 3px 10px #44418714;--ease:cubic-bezier(.22,1,.36,1);background:#f4f5fb;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#f4f5fb;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,textarea,select,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.app-shell{background:radial-gradient(circle at 52% -20%,#7e6ff61a,#0000 34%),#f4f5fb;grid-template-rows:76px 1fr;height:100vh;display:grid}.topbar{z-index:10;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand{letter-spacing:-.65px;align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--gradient);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 8px 20px #645eea4d}.brand-mark:after{content:"";border:1px solid #ffffff59;border-radius:11px;position:absolute;inset:1px}.brand i{letter-spacing:1.5px;color:#6b61ec;background:#eeecff;border:1px solid #dedaff;border-radius:999px;margin-left:1px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.auth-area{align-items:center;gap:9px;display:flex;position:relative}.history-button{color:#5d6074;background:#ffffffc7;border:1px solid #e1e1ec;border-radius:13px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.history-button:hover{background:#fff;box-shadow:0 8px 20px #2b2d5014}.history-button b{color:#6862e4;background:#edecff;border-radius:6px;place-items:center;min-width:18px;height:18px;font-size:8px;display:grid}.history-popover{width:440px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fdfdfff7;border:1px solid #e3e2ed;border-radius:18px;padding:14px;position:absolute;top:49px;right:0}.history-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-title>div b,.history-title>div small{display:block}.history-title>div b{font-size:12px}.history-title>div small{color:#999bac;margin-top:3px;font-size:8px}.history-title>button,.history-grid article>button{color:#9294a6;background:0 0;border:0}.history-grid{grid-template-columns:1fr 1fr;gap:8px;max-height:420px;display:grid;overflow:auto}.history-grid article{cursor:pointer;background:#f8f8fc;border:1px solid #e8e7f0;border-radius:12px;grid-template-columns:64px 1fr 24px;align-items:center;gap:8px;padding:7px;display:grid;position:relative}.history-grid article:hover{background:#f4f3ff;border-color:#d2cff4}.history-grid article>img{object-fit:cover;background:#eeeef4;border-radius:8px;width:64px;height:52px}.history-grid article>div{min-width:0}.history-grid article b,.history-grid article small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.history-grid article b{font-size:8px}.history-grid article small{color:#9a9bac;margin-top:4px;font-size:7px}.history-empty{color:#858798;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:160px;display:flex}.history-empty svg{color:#756fe7}.history-empty b{font-size:10px}.history-empty span{font-size:8px}.google-button{min-height:40px;transition:.2s var(--ease);background:#ffffffdb;border:1px solid #e1e1ec;border-radius:13px;align-items:center;gap:9px;padding:0 15px 0 11px;font-size:10px;font-weight:700;display:flex;box-shadow:0 7px 20px #2b2d5012}.google-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 24px #2b2d501c}.google-button:disabled{opacity:.55;cursor:not-allowed}.google-g{color:#fff;background:linear-gradient(135deg,#4285f4 0 40%,#34a853 40% 58%,#fbbc05 58% 76%,#ea4335 76%);border-radius:7px;place-items:center;width:23px;height:23px;font-size:12px;font-weight:800;display:grid}.credit-pill{color:#5f59d8;background:#f0efff;border:1px solid #dedcff;border-radius:13px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:9px;display:flex}.credit-pill span{color:#7975a5}.credit-pill b{font-size:12px}.account-button{background:#ffffffde;border:1px solid #e2e2ec;border-radius:14px;align-items:center;gap:8px;height:42px;padding:4px 9px 4px 5px;display:flex;box-shadow:0 7px 20px #2b2d5012}.account-button>img,.account-button>span{background:var(--gradient);color:#fff;object-fit:cover;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.account-button>div{text-align:left;max-width:118px}.account-button b,.account-button small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account-button b{font-size:9px}.account-button small{color:#9799aa;margin-top:2px;font-size:7px}.account-button>svg{color:#9294a6}.account-menu{width:220px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fdfdfff5;border:1px solid #e3e2ed;border-radius:16px;padding:13px;position:absolute;top:49px;right:0}.account-menu>div{color:#6761de;background:#f0efff;border-radius:11px;justify-content:space-between;align-items:center;padding:10px;font-size:9px;display:flex}.account-menu>div b{font-size:15px}.account-menu p{color:#8d8fa1;margin:11px 4px;font-size:8px}.refresh-note{color:#a1a2b1;margin:0 4px 11px;font-size:7px;display:block}.account-menu>button{color:#5f6175;background:#fff;border:1px solid #e6e5ee;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:36px;font-size:9px;font-weight:700;display:flex}.workspace{grid-template-columns:306px minmax(440px,1fr) 294px;gap:14px;min-height:0;padding:0 18px 18px;display:grid}.control-panel,.layers-panel,.canvas-area{min-height:0;box-shadow:var(--shadow-card);background:#fcfcffe6;border:1px solid #e4e4efcc;border-radius:22px;overflow:hidden}.control-panel,.layers-panel{z-index:2;flex-direction:column;display:flex}.panel-intro{border-bottom:1px solid var(--line);background:linear-gradient(145deg,#f0f2fff2,#fcfcfffa);padding:25px 24px 21px;position:relative;overflow:hidden}.panel-intro:after{content:"";background:radial-gradient(circle at 35% 35%,#9666f542,#5b73f70f 55%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-54px;right:-56px}.eyebrow{z-index:1;letter-spacing:1.7px;color:#655ee9;margin:0 0 9px;font-size:9px;font-weight:800;position:relative}h1{z-index:1;letter-spacing:-1.25px;margin:0 0 10px;font-size:25px;font-weight:800;line-height:1.22;position:relative}.panel-intro>p:last-child{z-index:1;max-width:235px;color:var(--muted);margin:0;font-size:11px;line-height:1.65;position:relative}.controls{scrollbar-width:thin;scrollbar-color:#dcdcea transparent;padding:19px 21px;overflow:auto}.field-label{color:#383a50;margin-bottom:9px;font-size:10px;font-weight:750;display:block}.field-label span{color:#a1a3b3;margin-left:5px;font-size:8px;font-weight:550}.preset-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.preset{text-align:center;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s,background .2s;background:#f6f6fa;border:1px solid #e2e2ed;border-radius:11px;padding:10px 3px 9px;position:relative}.preset:hover{background:#fff;border-color:#cac9e7;transform:translateY(-1px)}.preset b,.preset small{display:block}.preset b{font-size:10px}.preset small{color:#9698a9;margin-top:2px;font-size:8px}.preset.active{color:#fff;background:var(--gradient);border-color:#0000;box-shadow:0 8px 18px #6560eb38}.preset.active:after{content:"";pointer-events:none;border:1px solid #ffffff40;border-radius:10px;position:absolute;inset:1px}.preset.active small{color:#ffffffb8}.field-hint{color:#a2a4b4;margin:7px 0 18px;font-size:8px}.field-heading{justify-content:space-between;display:flex}.field-heading small{color:#b0b1bf;font-size:8px}textarea{resize:none;width:100%;height:68px;color:var(--ink);background:#f5f5fa;border:1px solid #e1e1eb;border-radius:12px;padding:11px 12px;font-size:10px;line-height:1.55;transition:all .2s}textarea::placeholder{color:#aaacbb}textarea:focus{background:#fff;border-color:#aaa8ec;outline:none;box-shadow:0 0 0 4px #6867ef17}.dual-field{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.dual-field label>span,.seed>span{color:#45475d;margin-bottom:7px;font-size:9px;font-weight:700;display:block}select,.seed input{color:#3d3f54;background:#f5f5fa;border:1px solid #e1e1eb;border-radius:10px;outline:0;width:100%;padding:9px 10px;font-size:10px;transition:all .2s}select:hover,.seed input:hover{background:#fff;border-color:#cccadf}.advanced-toggle{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:11px 2px;font-size:10px;font-weight:700;display:flex}.advanced-toggle span{align-items:center;gap:7px;display:flex}.advanced-toggle svg{color:#7973ea;transition:transform .25s var(--ease)}.advanced-toggle .rotated{transform:rotate(180deg)}.advanced{opacity:0;max-height:0;transition:max-height .3s var(--ease),opacity .22s ease;overflow:hidden}.advanced.open{opacity:1;max-height:150px}.range-label{justify-content:space-between;margin:14px 0 6px;font-size:9px;display:flex}.range-label b{color:#6762e8;font-size:9px}input[type=range]{accent-color:#7468f1;width:100%}.seed{margin:12px 0;display:block}.run-area{border-top:1px solid var(--line);background:#f7f7fcf5;margin-top:auto;padding:14px 21px 16px}.status-line{color:#65677d;justify-content:space-between;margin-bottom:7px;font-size:8px;display:flex}.status-line span{align-items:center;gap:5px;display:flex}.status-line.error{color:#cf4258}.status-line.done{color:#2f9364}.progress{background:#e4e4ee;border-radius:999px;height:3px;margin-bottom:10px;overflow:hidden}.progress i{border-radius:inherit;background:var(--gradient);transform-origin:0;width:100%;height:100%;display:block}.run-button{color:#fff;background:var(--gradient);width:100%;min-height:44px;transition:transform .2s var(--ease),box-shadow .2s,filter .2s;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #675feb45}.run-button:after{content:"";pointer-events:none;border:1px solid #ffffff3d;border-radius:12px;position:absolute;inset:1px}.run-button:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 15px 28px #675feb52}.run-button:active{transform:translateY(0)}.run-button:disabled{opacity:.62;cursor:wait;transform:none}.run-area>p{color:#aaaaba;text-align:center;margin:10px 0 0;font-size:8px}.canvas-area{background:#eaeaf2;min-width:0;position:relative}.canvas-area:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffffffd9,#0000 60%);position:absolute;inset:0}.canvas-area.checker,.checker{background-color:#ededf3;background-image:linear-gradient(45deg,#e3e3eb 25%,#0000 25%),linear-gradient(-45deg,#e3e3eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e3eb 75%),linear-gradient(-45deg,#0000 75%,#e3e3eb 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.canvas-toolbar{z-index:4;height:39px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fcfcffdb;border:1px solid #e0e0ebe6;border-radius:13px;align-items:center;display:flex;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.tool-group,.zoom{border-right:1px solid var(--line);align-items:center;display:flex}.tool,.zoom button,.checker-toggle{background:0 0;border:0;place-items:center;height:38px;transition:all .18s;display:grid}.tool,.zoom button{width:34px}.tool:hover,.zoom button:hover{color:#625de4;background:#f0effb}.tool.active{color:#625de4;background:#ecebff}.zoom span{text-align:center;color:#616378;width:42px;font-size:8px;font-weight:750}.checker-toggle{color:#686a7e;align-items:center;gap:6px;padding:0 11px;font-size:8px;display:flex}.checker-toggle span{background-color:#0000;background-image:linear-gradient(45deg,#dddde6 25%,#0000 25%),linear-gradient(-45deg,#dddde6 25%,#0000 25%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #c6c6d3;border-radius:3px;width:12px;height:12px}.checker-toggle.on{color:#5e59df;background:#f0effb}.dropzone{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.25s var(--ease);background:#fdfdffc9;border:1px solid #bbbcd1bf;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:72px 42px 36px;box-shadow:inset 0 1px #ffffffe6}.dropzone:before{content:"";pointer-events:none;background:radial-gradient(circle,#7667f517,#a364eb09 45%,#0000 70%);border-radius:50%;width:min(46vw,470px);height:min(46vw,470px);position:absolute}.dropzone.dragging{background:#f8f7fff2;border-color:#7d74ef;transform:scale(.992);box-shadow:inset 0 0 0 3px #6962ea14}.drop-visual{color:#fff;place-items:center;width:106px;height:92px;margin-bottom:17px;display:grid;position:relative}.drop-visual:before{content:"";background:var(--gradient);border-radius:23px;width:72px;height:72px;position:absolute;transform:rotate(-7deg);box-shadow:0 16px 35px #6a60e947}.drop-visual svg{z-index:1;position:relative}.corner{z-index:2;opacity:.65;border-style:solid;border-color:#8d8fa5;width:18px;height:18px;position:absolute}.corner.tl{border-width:1px 0 0 1px;border-radius:5px 0 0;top:0;left:0}.corner.tr{border-width:1px 1px 0 0;border-radius:0 5px 0 0;top:0;right:0}.corner.bl{border-width:0 0 1px 1px;border-radius:0 0 0 5px;bottom:0;left:0}.corner.br{border-width:0 1px 1px 0;border-radius:0 0 5px;bottom:0;right:0}.dropzone h2{letter-spacing:-.7px;margin:0 0 6px;font-size:20px;font-weight:800;position:relative}.dropzone p{color:var(--muted);margin:0 0 17px;font-size:10px;position:relative}.dropzone>button{color:#45475c;min-width:108px;min-height:39px;transition:.2s var(--ease);background:#fff;border:1px solid #e1e0ef;border-radius:11px;font-size:10px;font-weight:750;position:relative;box-shadow:0 8px 20px #272a4f14}.dropzone>button:hover{color:#5f59df;border-color:#c8c5f0;transform:translateY(-2px);box-shadow:0 12px 24px #3839651f}.dropzone small{color:#a7a8b7;letter-spacing:.3px;margin-top:14px;font-size:8px;position:relative}.stage-wrap{place-items:center;display:grid;position:absolute;inset:55px 0 0;overflow:hidden}.stage{max-width:86%;max-height:82%;transition:transform .25s var(--ease);place-items:center;display:grid;position:relative}.stage img{object-fit:contain;filter:drop-shadow(0 22px 30px #1e1f3629);border-radius:6px;grid-area:1/1;max-width:100%;max-height:72vh}.selected-layer{filter:drop-shadow(0 0 1px #7068ee)drop-shadow(0 22px 30px #1e1f3629)!important}.file-pill{color:#f5f5fb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#202235e0;border:1px solid #ffffff21;border-radius:11px;align-items:center;gap:7px;max-width:72%;min-height:34px;padding:6px 7px 6px 11px;font-size:8px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #1f21353d}.file-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-pill button{color:#e9e9f2;background:#ffffff14;border:0;border-radius:7px;place-items:center;width:23px;height:23px;padding:0;display:grid}.processing-overlay{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#3f3d8aeb,#543989e6);border:1px solid #ffffff2e;border-radius:17px;flex-direction:column;align-items:center;gap:8px;padding:22px 30px;display:flex;box-shadow:0 20px 50px #2f296f52}.processing-overlay b{font-size:11px;font-weight:750}.processing-overlay span{color:#ddd9ff;font-size:9px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.layers-head{border-bottom:1px solid var(--line);background:linear-gradient(#fdfdff,#fafafe);justify-content:space-between;align-items:center;min-height:88px;padding:0 20px;display:flex}.layers-head .eyebrow{margin-bottom:4px}.layers-head h2{letter-spacing:-.5px;margin:0;font-size:17px;font-weight:800}.layers-head h2 span{color:#716be3;vertical-align:2px;background:#edecff;border-radius:7px;place-items:center;min-width:20px;height:20px;margin-left:4px;font-size:9px;font-weight:700;display:inline-grid}.layers-head button{color:#888a9c;background:#f1f1f7;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.layers-empty{text-align:center;color:#9698a9;margin:auto 29px}.layers-empty>div{color:#746ee6;background:linear-gradient(145deg,#f0efff,#f8f7ff);border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto 16px;display:grid;position:relative;box-shadow:0 12px 28px #5b57be1c}.layers-empty i{background:var(--gradient);color:#fff;border:3px solid #fcfcff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:-4px;right:-5px}.layers-empty h3{color:#5d5f73;margin:0 0 7px;font-size:11px;font-weight:750}.layers-empty p{margin:0;font-size:9px;line-height:1.65}.layer-list{padding:10px;overflow:auto}.layer-item{cursor:pointer;transition:.18s var(--ease);border:1px solid #0000;border-radius:13px;grid-template-columns:24px 48px 1fr 27px;align-items:center;gap:7px;margin-bottom:5px;padding:7px;display:grid}.layer-item:hover{background:#f4f4fa;transform:translate(-1px)}.layer-item.active{background:linear-gradient(135deg,#efefff,#f7f3ff);border-color:#d8d5fa;box-shadow:0 7px 17px #5752ae14}.visibility,.mini-download{color:#7c7e91;background:0 0;border:0;border-radius:8px;place-items:center;width:25px;height:25px;padding:0;display:grid}.visibility:hover,.mini-download:hover{color:#625ce0;background:#e8e7f7}.thumb{border:1px solid #dddde7;border-radius:9px;place-items:center;width:48px;height:42px;display:grid;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.layer-meta{min-width:0}.layer-meta b,.layer-meta small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.layer-meta b{color:#44465a;font-size:9px}.layer-meta small{color:#9b9dad;margin-top:3px;font-size:7px}.layer-inspector{border-top:1px solid var(--line);padding:0 20px 13px}.export-area{border-top:1px solid var(--line);background:#f8f8fc;margin-top:auto;padding:14px 15px 16px}.export-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.export-area button{color:#4a4c61;width:100%;min-height:40px;transition:.2s var(--ease);background:#fff;border:1px solid #deddea;border-radius:11px;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:8px;font-weight:750;display:flex;box-shadow:0 5px 14px #2d2f520d}.export-area button:first-child:not(:disabled){color:#fff;background:var(--gradient);border-color:#0000;box-shadow:0 8px 18px #6560eb33}.export-area button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #4140701f}.export-area button:disabled{color:#aaaab7;box-shadow:none;cursor:not-allowed;background:#eeeef3;border-color:#eeeef3}.export-area button span{opacity:.62;border:1px solid;border-radius:4px;padding:2px 3px;font-size:6px}.export-area p{color:#a1a2b1;text-align:center;margin:9px 0 0;font-size:7px}@media (width<=1100px){.workspace{grid-template-columns:278px 1fr 258px;gap:10px;padding:0 12px 12px}.topbar{padding:0 16px}.panel-intro{padding:22px 20px 19px}.controls{padding:17px 18px}}@media (width<=840px){body{overflow:auto}.app-shell{grid-template-rows:68px auto;height:auto;min-height:100vh}.topbar{gap:10px;padding:0 15px}.brand{flex-shrink:1;min-width:0}.brand i{display:none}.auth-area{flex-shrink:0;margin-left:auto}.history-button>span,.credit-pill>span,.google-button>span:last-child,.account-button>div,.account-button>svg{display:none}.account-button{width:42px;padding:4px}.workspace{grid-template-rows:64vh auto auto;grid-template-columns:1fr;gap:12px;padding:0 12px 12px}.canvas-area{grid-row:1;min-height:64vh}.control-panel{grid-row:2}.layers-panel{grid-row:3;min-height:380px}.controls{overflow:visible}.run-area{z-index:5;position:sticky;bottom:0}.dropzone{inset:67px 16px 22px}.dropzone p{text-align:center;max-width:260px}.layers-head{min-height:76px}}@media (width<=1040px) and (width>=841px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.workspace{grid-template-rows:minmax(620px,calc(100vh - 90px)) auto;grid-template-columns:minmax(260px,32%) 1fr}.control-panel{grid-area:1/1}.canvas-area{grid-area:1/2}.layers-panel{grid-area:2/1/auto/-1;min-height:340px}.layer-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.export-area{margin-top:12px}.layers-empty{min-height:230px}.workspace{padding-bottom:14px}}@media (width<=720px){body{font-size:14px}.topbar{gap:10px;min-width:0}.brand{font-size:16px}.brand-mark{width:36px;height:36px}.auth-area{gap:6px}.history-button,.google-button,.credit-pill{min-width:40px;height:40px;padding:0 10px}.history-button>span,.credit-pill>span,.google-button>span:last-child,.account-button>div,.account-button>svg{display:none}.account-button{width:42px;padding:4px}.history-popover{width:auto;max-height:calc(100dvh - 76px);position:fixed;top:64px;left:10px;right:10px;overflow:auto}.history-grid{grid-template-columns:1fr;max-height:none}.account-menu{width:auto;position:fixed;top:64px;left:10px;right:10px}.workspace{grid-template-rows:minmax(500px,68dvh) auto auto}.canvas-toolbar{top:10px}.tool-group{display:none}.dropzone{inset:60px 12px 14px}.controls{padding:20px}.panel-intro{padding:22px 20px}.preset,.dropzone>button,.run-button,select,.advanced-toggle,.history-button,.google-button,.account-button,.export-area button,.visibility,.mini-download,.layers-head button{min-height:44px}.field-label,.preset b,.dual-field label>span,.seed>span,.advanced-toggle,.dropzone p,.panel-intro>p:last-child,.layer-meta b{font-size:12px}.preset small,.field-hint,.field-heading small,.run-area>p,.layer-meta small,.export-area p{font-size:10px}textarea,select,.seed input{font-size:12px}.canvas-area,.control-panel,.layers-panel{border-radius:18px}}@media (width<=420px){.app-shell{grid-template-rows:62px auto}.topbar{padding:0 10px}.brand{gap:8px}.brand>span:nth-child(2){max-width:104px;overflow:hidden}.auth-area{gap:4px}.history-button,.google-button,.credit-pill{padding:0 8px}.workspace{grid-template-rows:minmax(450px,70dvh) auto auto;gap:8px;padding:0 8px 8px}.canvas-toolbar{max-width:calc(100% - 16px)}.checker-toggle{padding:0 8px;font-size:0}.dual-field{grid-template-columns:1fr}.history-popover,.account-menu{top:58px;left:8px;right:8px}.drop-visual{margin-bottom:8px;transform:scale(.86)}.dropzone h2{font-size:18px}.dropzone small{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}