@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";.brand,.brand:link,.brand:visited,.brand:hover,.brand:active{box-shadow:none;border-bottom:0!important;text-decoration:none!important}.brand>span:nth-child(2){border-bottom:0!important;text-decoration:none!important}.app-toast{z-index:100;color:#3e4054;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:min(420px,100vw - 28px);max-width:560px;animation:toast-in .35s var(--ease) both;background:#fdfdfff7;border:1px solid #d8d5f5;border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 15px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #2d2e592e}.app-toast>svg{color:#fff;background:linear-gradient(135deg,#4ab77e,#6b67e8);border-radius:6px;flex:none;padding:3px}.app-toast span{flex:1;font-size:10px;line-height:1.5}.app-toast button{color:#7f8192;background:#f1f1f7;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}: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: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}}.brand{color:inherit;cursor:pointer;background:0 0;border:0}.history-button.active{color:#625ce0;background:#efeeff;border-color:#d7d4ff}.layer-item{grid-template-columns:13px 22px 38px minmax(40px,1fr) 58px 23px 23px;gap:4px}.thumb{width:38px;height:38px}.drag-handle{color:#b0b1c0;cursor:grab;touch-action:none;place-items:center;height:28px;display:grid}.drag-handle:active{cursor:grabbing}.layer-item.dragging{opacity:.42;transform:scale(.98)}.delete-layer{color:#a0a1b0;background:0 0;border:0;border-radius:8px;place-items:center;width:23px;height:25px;padding:0;display:grid}.delete-layer:hover{color:#d34e64;background:#fdecef}.layer-opacity{min-width:0}.layer-opacity span{color:#9395a6;white-space:nowrap;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:6px;display:flex}.layer-opacity b{color:#6762e8;font-size:7px}.layer-opacity input{accent-color:#7468f1;cursor:pointer;width:100%;height:10px;margin:0;display:block}.export-area button{gap:7px;min-height:48px;padding:8px 7px}.export-copy{text-align:left;min-width:0;opacity:1!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}.export-copy b,.export-copy small{white-space:nowrap;display:block}.export-copy b{font-size:8px}.export-copy small{opacity:.68;margin-top:3px;font-size:6px;font-weight:550}.export-area p{line-height:1.45}.creation-center{background:radial-gradient(circle at 75% 0,#7668f11a,#0000 30%),#f6f7fc;min-height:0;padding:42px clamp(24px,6vw,92px) 52px;overflow:auto}.creation-heading{max-width:1280px;margin:0 auto 28px}.creation-heading>button{color:#686a7d;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:34px;padding:0;font-size:10px;font-weight:700;display:flex}.creation-heading>button:hover{color:#625ce0}.creation-heading .eyebrow{margin-bottom:8px}.creation-heading h1{letter-spacing:-1.5px;margin:0 0 8px;font-size:clamp(28px,3vw,42px)}.creation-heading>p:last-child{color:#848698;margin:0;font-size:11px}.creation-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;max-width:1280px;margin:0 auto;display:grid}.creation-card{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;background:#fdfdff;border:1px solid #e3e3ed;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px #2a2d4e0f}.creation-card:hover{border-color:#d2cff2;transform:translateY(-3px);box-shadow:0 16px 34px #2a2d4e1a}.creation-preview{aspect-ratio:4/3;place-items:center;display:grid;position:relative;overflow:hidden}.creation-preview img{object-fit:cover;width:100%;height:100%}.creation-preview span{color:#f7f7ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#25273cc2;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:700;position:absolute;bottom:10px;right:10px}.creation-info{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.creation-info>div{min-width:0}.creation-info b,.creation-info small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.creation-info b{font-size:11px}.creation-info small{color:#9698a8;margin-top:5px;font-size:8px}.creation-info button{color:#999baa;background:#f3f3f8;border:0;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.creation-info button:hover{color:#d34e64;background:#fdecef}.creation-empty{text-align:center;max-width:560px;box-shadow:var(--shadow-card);background:#fdfdff;border:1px solid #e3e3ed;border-radius:24px;margin:90px auto 0;padding:54px}.creation-empty svg{color:#716be5}.creation-empty h2{margin:15px 0 8px;font-size:18px}.creation-empty p{color:#9294a5;margin:0;font-size:10px}.creation-empty button{color:#fff;background:var(--gradient);border:0;border-radius:11px;margin-top:20px;padding:11px 20px;font-size:10px;font-weight:750}.creation-storage-note{color:#a1a2b0;max-width:1280px;margin:22px auto 0;font-size:8px}@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(2,minmax(0,1fr));gap:6px;display:grid}.layer-item{grid-template-columns:13px 24px 42px minmax(48px,1fr) 72px 25px 25px}.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,.delete-layer,.layers-head button{min-height:44px}.layer-item{grid-template-columns:14px 44px 44px minmax(60px,1fr) 80px 44px 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}.creation-center{padding:28px 14px 40px}.creation-heading>button{margin-bottom:26px}.creation-grid{grid-template-columns:1fr}.creation-storage-note{text-align:center}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell{width:100%;min-width:0}.topbar{position:relative}.workspace,.canvas-area,.control-panel,.layers-panel{width:100%;min-width:0}.stage{max-width:92%}.stage img{max-width:100%;height:auto}.processing-overlay{max-width:calc(100vw - 54px)}.app-toast{top:10px}.lang-en .panel-intro h1{font-size:22px}.lang-en .run-button{font-size:10px}}@media (width<=520px){.app-shell{grid-template-rows:58px auto}.topbar{padding:0 8px}.brand-mark{width:34px;height:34px}.brand>span:nth-child(2){font-size:14px}.auth-area{gap:3px}.history-button,.google-button,.credit-pill,.account-button{min-width:38px;height:38px;padding:0 8px}.workspace{grid-template-rows:minmax(430px,67dvh) auto auto;padding:0 7px 7px}.canvas-toolbar{max-width:calc(100% - 14px);height:38px}.zoom button{width:30px}.zoom span{width:35px}.checker-toggle{padding:0 7px}.dropzone{inset:56px 9px 10px}.processing-overlay{width:calc(100vw - 52px);padding:18px;min-width:0!important}.layer-item{grid-template-columns:13px 40px 40px minmax(44px,1fr) 62px 40px 40px;gap:3px;padding:5px}.layer-opacity span{font-size:0}.layer-opacity span b{font-size:8px}.thumb{width:40px;height:38px}}@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}}.tool:disabled{opacity:.38;cursor:not-allowed}.tool:disabled:hover{color:inherit;background:0 0}.stage-wrap>.processing-overlay{z-index:6;pointer-events:none;min-width:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.processing-overlay span{text-align:center;max-width:260px;line-height:1.45}.processing-overlay strong{font-size:16px}.canvas-filebar{z-index:7;align-items:center;gap:6px;max-width:calc(100% - 28px);display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.canvas-filebar .file-pill{max-width:min(310px,45vw);position:static;transform:none}.canvas-filebar>button{color:#5e6075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#fcfcffeb;border:1px solid #dcdce8f0;border-radius:11px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:8px;font-weight:750;display:flex;box-shadow:0 8px 22px #1f21351f}.canvas-filebar>button:hover:not(:disabled){color:#625ce0;background:#fff}.canvas-filebar>button.clear-image:hover:not(:disabled){color:#d34e64;background:#fff5f6}.canvas-filebar>button:disabled{opacity:.48;cursor:not-allowed}@media (width<=720px){.canvas-filebar{bottom:12px}.canvas-filebar .file-pill{max-width:34vw}.canvas-filebar>button{height:38px;padding:0 8px}.stage-wrap>.processing-overlay{top:46%}}@media (width<=420px){.canvas-filebar .file-pill{display:none}.canvas-filebar>button{font-size:10px}}.auto-mode{background:#f7f7fc;border:1px solid #dedff0;border-radius:13px;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;margin-bottom:22px;padding:13px;display:grid}.auto-mode>span{color:#625ddd;background:#eae9fb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.auto-mode>div{min-width:0}.auto-mode b,.auto-mode small{display:block}.auto-mode b{color:#383a50;font-size:11px}.auto-mode small{color:#9294a5;margin-top:4px;font-size:8px;line-height:1.45}.auto-mode>svg{color:#32a273}.controls-note{color:#9698a9;margin:11px 1px 0;font-size:8px;line-height:1.6}.controls textarea{height:82px}.controls .field-heading{margin-top:0}@media (width<=720px){.auto-mode b{font-size:13px}.auto-mode small,.controls-note{font-size:10px}.controls textarea{height:92px}}:root{--ink:#222a38;--muted:#737c8c;--paper:#fff;--soft:#f5f6f8;--line:#e3e6eb;--accent:#5963c8;--gradient:linear-gradient(135deg,#5665cf,#7061d2);--shadow-card:0 6px 20px #1c26380e;--shadow-float:0 14px 36px #1c26381f}body,.app-shell{background:#f2f3f5}.topbar{background:#f9f9f8f0;border-bottom:1px solid #e4e6ea}.brand-mark{background:#5963c8;border-radius:9px;box-shadow:0 5px 14px #3541912e}.brand-mark:after{display:none}.brand i{color:#687083;background:#eceef2;border:0;border-radius:5px}.history-button,.google-button,.account-button{box-shadow:none;background:#fff;border-radius:9px}.history-button:hover,.google-button:hover:not(:disabled){box-shadow:none;border-color:#cfd3db;transform:none}.workspace{gap:10px;padding:10px}.control-panel,.layers-panel,.canvas-area{box-shadow:var(--shadow-card);background:#fff;border-color:#dfe2e7;border-radius:13px}.panel-intro{background:#fff;padding:24px}.panel-intro:after{display:none}.eyebrow{color:#5963c8;letter-spacing:1.25px}.controls{padding:21px 22px}.auto-mode{background:#f5f6f8;border-radius:9px}.auto-mode>span{color:#5963c8;background:#e9ebf5;border-radius:7px}.controls textarea{background:#f6f7f8;border-radius:9px}.run-area{background:#fafafa}.run-button{background:#5963c8;border-radius:9px;box-shadow:0 7px 16px #3541912e}.run-button:after{display:none}.run-button:hover{filter:none;transform:translateY(-1px);box-shadow:0 9px 20px #35419138}.canvas-area{background:#e7e9ed}.canvas-area:before,.dropzone:before{display:none}.canvas-toolbar{background:#fffffff0;border-radius:9px;box-shadow:0 7px 20px #1f28371c}.dropzone{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffd1;border-radius:12px}.drop-visual:before{background:#5963c8;border-radius:16px;transform:none;box-shadow:0 9px 22px #35419133}.dropzone>button{box-shadow:none;border-radius:8px}.dropzone>button:hover{box-shadow:none;border-color:#bfc5d1;transform:none}.layers-head{background:#fff}.layers-empty>div{color:#5963c8;box-shadow:none;background:#f0f1f6;border-radius:14px}.layers-empty i{background:#5963c8}.layer-item{border-radius:9px}.layer-item:hover{transform:none}.layer-item.active{box-shadow:none;background:#f2f3f8;border-color:#d8dbe9}.export-area,.export-area.ready{background:#fafafa}.export-area.ready .export-ready>span,.export-area button:first-child:not(:disabled){box-shadow:none;background:#5963c8}.history-popover,.account-menu,.app-toast{box-shadow:var(--shadow-float);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:12px}.processing-overlay:before{display:none}.stage-wrap>.processing-overlay{border-radius:13px;box-shadow:0 16px 42px #282d4824}.controls .preset-row{margin-bottom:0}.controls .preset{background:#f5f6f8;border-radius:9px}.controls .preset.active{color:#fff;background:#5963c8;border-color:#5963c8;box-shadow:0 6px 14px #35419129}.controls .preset.active:after{display:none}.controls .field-hint{margin-bottom:22px}.history-title small{max-width:310px;line-height:1.4}.layer-item{position:relative}.layer-item.drop-before:before,.layer-item.drop-after:after{content:"";z-index:3;background:#ee405d;border-radius:999px;height:2px;position:absolute;left:8px;right:8px;box-shadow:0 0 0 2px #ee405d1f}.layer-item.drop-before:before{top:-4px}.layer-item.drop-after:after{bottom:-4px}.layer-item.drop-before:after,.layer-item.drop-after:before{content:"";z-index:4;background:#ee405d;border-radius:50%;width:7px;height:7px;position:absolute;left:5px}.layer-item.drop-before:after{top:-6px}.layer-item.drop-after:before{bottom:-6px}.workspace-language-link{color:#747b89;font-size:9px;font-weight:700;text-decoration:none}.workspace-language-link:hover{color:#5963c8}@media (width<=720px){.workspace-language-link{display:none}}.stage-wrap>.processing-overlay{color:#34364e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fbfbfff0;border:1px solid #6e66e52e;border-radius:20px;min-width:232px;padding:22px 24px 20px;box-shadow:0 22px 55px #3230692e,inset 0 1px #fffc}.processing-overlay:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0,#7b69ef24,#0000 55%);position:absolute;inset:0}.processing-overlay svg{color:#6c63e7;filter:drop-shadow(0 5px 10px #685be038);width:30px;height:30px;padding:0;position:relative}.processing-overlay b{color:#292b40;font-size:12px;position:relative}.processing-overlay span{color:#7e8094;font-size:9px;position:relative}.processing-overlay strong{color:#645ee0;letter-spacing:-.5px;font-size:18px;position:relative}.processing-track{background:#e8e7f1;border-radius:999px;width:100%;height:4px;margin-top:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #595b9b0f}.processing-track i{border-radius:inherit;transform-origin:0;width:100%;height:100%;transition:transform .35s var(--ease);background:linear-gradient(90deg,#5e72f4,#9959e9);display:block}.export-ready{align-items:center;gap:8px;margin-bottom:10px;display:flex}.export-ready>span{color:#999bac;background:#ececf2;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.export-ready b,.export-ready small{display:block}.export-ready b{color:#717385;font-size:9px}.export-ready small{color:#aaabb8;margin-top:2px;font-size:7px}.export-area.ready{background:linear-gradient(#fafaff,#f5f4ff)}.export-area.ready .export-ready>span{color:#fff;background:linear-gradient(135deg,#47b980,#6a67ed);box-shadow:0 5px 12px #5676c233}.export-area.ready .export-ready b{color:#3f4155}.export-area.ready .export-buttons button{position:relative;overflow:hidden}.export-area.ready .export-buttons button:after{content:"下载";color:currentColor;letter-spacing:.3px;background:#ffffff29;border-radius:4px;padding:2px 4px;font-size:5px;font-weight:800;position:absolute;top:6px;right:7px}.export-area.ready .export-buttons button:nth-child(2){color:#5e59d8;background:#f1f0ff;border-color:#d5d2f7}.export-area.ready>p{color:#7773a5;font-weight:650}