:root{color:#e8e8e3;font-synthesis:none;background:#111315;font-family:Microsoft YaHei UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0,#1d3133 0,#0000 32rem),#111315;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.36}.app-shell{max-width:1540px;min-height:100vh;margin:auto;padding:0 28px 22px}.topbar{border-bottom:1px solid #353a3d;justify-content:space-between;align-items:center;height:72px;display:flex}.brand,.panel-title,.eyebrow,.vision-note span,.export-block p,footer{letter-spacing:.11em;font-family:Bahnschrift,Arial Narrow,Microsoft YaHei UI,sans-serif}.brand{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand-mark{object-fit:contain;background:0 0;border:0;width:34px;height:34px;display:block}.brand em{color:#8a9492;margin-left:6px;font-size:12px;font-style:normal}.terminal-status{color:#aeb7b5;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#78dfcb;width:7px;height:7px;box-shadow:0 0 12px #78dfcb}.hero{justify-content:space-between;align-items:end;gap:24px;padding:46px 4px 34px;display:flex}.eyebrow{color:#78dfcb;margin:0 0 8px;font-size:13px}h1{letter-spacing:.035em;margin:0;font-family:Bahnschrift,Arial Narrow,Microsoft YaHei UI,sans-serif;font-size:clamp(35px,4vw,60px);font-weight:600;line-height:.94}h1 strong{color:#f4aa4f;font-weight:600}.vision-note{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:#1b2022;border-left:3px solid #78dfcb;grid-template-columns:1fr auto;min-width:270px;padding:13px 16px;display:grid}.vision-note span{color:#9fa8a6;font-size:11px}.vision-note b{color:#78dfcb;letter-spacing:.08em;font:600 14px Bahnschrift,sans-serif}.vision-note small{color:#6f7a78;grid-column:1/-1;margin-top:5px;font-size:10px}.workbench{grid-template-columns:minmax(230px,.85fr) minmax(420px,1.25fr) minmax(250px,.8fr);align-items:start;gap:14px;display:grid}.panel{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(145deg,#232729f5,#181b1dfa);border:1px solid #41484a;position:relative}.panel-title{color:#d3d8d5;border-bottom:1px solid #3b4244;justify-content:space-between;padding:13px 15px;font-size:13px;font-weight:600;display:flex}.panel-title small{color:#77817e;font-size:10px}.source-panel{padding-bottom:15px}.source-preview{aspect-ratio:1;background:#151719;border:1px dashed #596463;width:calc(100% - 30px);margin:15px;padding:0;display:block;overflow:hidden}.source-preview canvas{touch-action:none;width:100%;height:100%;display:block}.upload-trigger{background:0 0;border:0;width:100%;height:100%;padding:0}.upload-empty{color:#aab2af;text-align:center;place-content:center;gap:5px;height:100%;font-size:12px;display:grid}.upload-empty i{color:#78dfcb;font-size:36px;font-style:normal;font-weight:300}.upload-empty small{color:#6c7472;letter-spacing:.06em;font-size:10px}.range-label{color:#b8c0be;grid-template-columns:1fr auto;gap:6px;margin:0 15px;font-size:12px;display:grid}.range-label output{color:#f3ad58;font-family:Bahnschrift}.range-label input{accent-color:#78dfcb;grid-column:1/-1;width:100%}.hint{color:#7d8784;margin:6px 15px 10px;font-size:10px}.secondary-action{color:#b9cbc7;text-align:left;background:0 0;border:1px solid #4e605e;width:calc(100% - 30px);margin:0 15px 7px;padding:8px 10px;font-size:11px}.secondary-action:after{content:"↻";float:right;color:#78dfcb;font-size:14px;line-height:10px}.primary-action{color:#15201f;clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%);background:#78dfcb;border:0;width:calc(100% - 30px);margin:0 15px;padding:11px;font-size:12px;font-weight:700}.primary-action span{float:right;font-size:17px;line-height:10px}.ai-workflow-title{color:#96a5a2;letter-spacing:.08em;justify-content:space-between;font:600 11px Bahnschrift,sans-serif;display:flex}.ai-workflow-title i{color:#78dfcb;letter-spacing:0;font-size:10px;font-style:normal}.ai-workflow textarea{resize:vertical;color:#d8dedb;background:#16191a;border:1px solid #465150;outline-color:#78dfcb;width:100%;min-height:50px;margin-top:8px;padding:7px 8px;font-size:11px}.ai-action{color:#78dfcb;text-align:left;background:#78dfcb12;border:1px solid #78dfcb;width:100%;margin-top:7px;padding:8px 10px;font-size:11px}.ai-action:after{content:"AI";float:right;font:700 11px Bahnschrift,sans-serif}.ai-status{color:#aab5b1;word-break:break-word;background:#151819;border-left:2px solid #53605e;min-height:28px;margin:7px 0 0;padding:6px 7px;font-size:10px;line-height:1.45}.ai-status.loading{color:#78dfcb;border-color:#78dfcb}.ai-privacy{color:#78817f;margin:7px 0 0;font-size:9px;line-height:1.45}.ai-suggestion{background:#171b1c;border-left:2px solid #f3ad58;margin-top:10px;padding:8px 9px}.ai-suggestion b{color:#f3ad58;font-size:12px}.ai-suggestion p{color:#c2cbc7;margin:4px 0;font-size:10px;line-height:1.55}.ai-suggestion small{color:#89938f;font-size:9px;display:block}.ai-suggestion button{color:#d3dbd8;text-align:left;background:0 0;border:1px solid #566160;width:100%;margin-top:8px;padding:6px 7px;font-size:10px}.ai-workflow{border-top:0;margin:15px;padding-top:0}.ai-workflow-title{align-items:center}.ai-workflow-title button{color:#78dfcb;background:0 0;border:0;padding:0;font-size:10px}.ai-workflow textarea{min-height:64px}.api-settings{background:#171a1b;border:1px solid #44504f;margin-top:8px;padding:9px}.api-settings label{color:#9eaaa6;gap:4px;margin-bottom:7px;font-size:10px;display:grid}.api-settings input{color:#d8dedb;background:#101213;border:1px solid #3d4746;outline-color:#78dfcb;width:100%;padding:6px;font-size:10px}.api-settings p{color:#77817e;margin:2px 0 0;font-size:9px;line-height:1.45}.palette-divider{border-top:1px solid #3a4243;margin:15px 15px 0}.panel-title.compact{margin-top:0;padding-top:11px}.api-settings .clear-saved-config{color:#dfa092;text-align:left;background:0 0;border:1px solid #76534e;width:100%;margin-top:9px;padding:6px;font-size:10px}.desktop-download-card{background:linear-gradient(135deg,#78dfcb1a,#171a1be6);border:1px solid #44504f;margin:15px;padding:14px}.desktop-download-card b{color:#dbe6e3;font-size:13px}.desktop-download-card p{color:#9ba6a2;margin:8px 0 12px;font-size:11px;line-height:1.6}.desktop-download-card a{color:#78dfcb;background:#78dfcb14;border:1px solid #78dfcb;padding:10px;font-size:11px;font-weight:700;text-decoration:none;display:block}.desktop-download-card a span{float:right;font-size:16px;line-height:10px}.desktop-download-card small{color:#7f8a87;margin-top:9px;font-size:9px;display:block}.canvas-panel{padding-bottom:14px}.canvas-wrap{background:repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 8px);padding:20px}.pixel-grid{aspect-ratio:1;touch-action:none;border:2px solid #78dfcb;grid-template-columns:repeat(24,1fr);width:min(100%,560px);margin:auto;display:grid;box-shadow:0 0 0 5px #15191a,0 0 25px #78dfcb1f}.pixel{border:0;outline:1px solid #0e11124d;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.pixel span{color:#101314cc;letter-spacing:-.05em;text-shadow:0 1px #ffffff57,0 0 2px #ffffff73;pointer-events:none;font:700 clamp(5px,1.25vw,8px)/1 Bahnschrift,sans-serif}.pixel:hover{z-index:1;outline:1px solid #fff}.canvas-tools,.history-tools{flex-wrap:wrap;gap:7px;padding:0 15px;display:flex}.canvas-tools button,.history-tools button,.export-block button{color:#c6cfcc;background:#202527;border:1px solid #4a5354;padding:7px 10px;font-size:11px}.canvas-tools button.active{color:#78dfcb;border-color:#78dfcb}.canvas-tools .danger{color:#e39783;border-color:#8f554b;margin-left:auto}.history-tools{margin-top:8px}.history-tools button{color:#9ca5a3;background:0 0;border-color:#0000;padding:3px 0}.history-tools button+button{margin-left:10px}.palette-panel{padding-bottom:15px}.selected-color{background:#171a1b;border:1px solid #394143;align-items:center;gap:10px;margin:15px;padding:10px;display:flex}.selected-color i{border:1px solid #77817f;width:31px;height:31px}.selected-color b,.selected-color small{display:block}.selected-color b{font-size:13px}.selected-color small{color:#8a9592;letter-spacing:.08em;margin-top:2px;font:12px Bahnschrift,sans-serif}.palette-grid{grid-template-columns:repeat(8,1fr);gap:6px;padding:0 15px;display:grid}.palette-grid button{aspect-ratio:1;border:1px solid #ffffff3d;padding:0;position:relative}.palette-grid button span{color:#0a0c0dbf;text-shadow:0 1px #ffffff4d;font:700 8px Bahnschrift;position:absolute;bottom:1px;right:2px}.palette-grid button.selected{z-index:1;box-shadow:0 0 0 2px #78dfcb,0 0 12px #78dfcb}.export-block{border-top:1px solid #3a4243;gap:6px;margin:18px 15px 0;padding-top:13px;display:grid}.export-block p{color:#f3ad58;margin:0 0 2px;font-size:11px}.export-block button{text-align:left;position:relative}.export-block button:after{content:"↓";float:right;color:#78dfcb}footer{color:#626c6a;justify-content:space-between;padding:24px 3px 0;font-size:10px;display:flex}.visually-hidden{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (width<=1050px){.workbench{grid-template-columns:minmax(230px,.8fr) minmax(420px,1.2fr)}.palette-panel{grid-column:1/-1}.palette-grid{grid-template-columns:repeat(10,1fr)}.export-block{grid-template-columns:repeat(3,1fr);align-items:end}.export-block p{grid-column:1/-1}}@media (width<=720px){.app-shell{padding:0 14px 18px}.topbar{height:58px}.terminal-status{display:none}.hero{flex-direction:column;align-items:start;padding:30px 1px 24px}.vision-note{width:100%;min-width:0}.workbench{grid-template-columns:1fr}.palette-panel{grid-column:auto}.source-preview{max-width:360px;margin-inline:auto}.canvas-wrap{padding:16px 11px}.palette-grid{grid-template-columns:repeat(8,1fr)}.export-block{grid-template-columns:1fr}.export-block p{grid-column:auto}.canvas-tools .danger{margin-left:0}footer{gap:10px;font-size:9px}}