:root{color-scheme:dark;--bg: #05070d;--panel: #0d1424;--panel-2: #111a2e;--line: #1e2a44;--text: #dbe7ff;--muted: #7f93b3;--neon: #22d3ee;--neon-2: #ff2bd6;--neon-soft: rgba(34, 211, 238, .22);--danger: #ff5c7a;--ok: #39ffb0;--radius: 14px;--font-head: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--shadow-btn: 0 3px 0 rgba(0, 0, 0, .55), 0 6px 16px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .07);--shadow-btn-press: 0 1px 0 rgba(0, 0, 0, .55), inset 0 2px 7px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,PingFang SC,sans-serif;color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 600px at 12% -8%,rgba(34,211,238,.1),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(255,43,214,.08),transparent 55%);background-attachment:fixed;min-height:100vh}.app{max-width:640px;margin:0 auto;padding:16px}.app-header{font-family:var(--font-head);font-weight:700;font-size:18px;letter-spacing:.12em;color:var(--neon);text-shadow:0 0 12px var(--neon-soft);margin:4px 0 14px}.app-header:before{content:"> ";color:var(--neon-2)}h2,h3{font-family:var(--font-head);letter-spacing:.03em;color:var(--text)}h2{font-size:20px}h3{font-size:16px}button{font-size:15px;font-weight:600;letter-spacing:.04em;padding:12px 16px;min-height:44px;width:100%;border-radius:12px;cursor:pointer;color:var(--text);border:1px solid var(--line);border:1px solid color-mix(in srgb,var(--neon) 50%,var(--line));background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-btn);transition:transform .06s ease,box-shadow .06s ease,border-color .15s,filter .15s}button:hover:not(:disabled){border-color:var(--neon);filter:brightness(1.12);box-shadow:var(--shadow-btn),0 0 12px var(--neon-soft)}button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-btn-press)}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--neon)}button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.4)}button.active,.style-chip.active,.tabs button.active{color:#04121a;border-color:var(--neon);background:linear-gradient(180deg,var(--neon),#10a8c4);box-shadow:0 0 16px var(--neon-soft),var(--shadow-btn)}button.active:focus-visible,.style-chip.active:focus-visible,.tabs button.active:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--neon)}button.secondary{background:transparent;border-color:var(--line);color:var(--muted)}button.secondary:hover:not(:disabled){color:var(--text);border-color:var(--neon)}input,textarea,select{width:100%;font-size:16px;padding:12px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-soft)}input[type=checkbox]{width:auto;accent-color:var(--neon)}input[type=file]{padding:10px}input[type=file]::file-selector-button{font:inherit;font-weight:600;margin-right:12px;padding:8px 12px;color:var(--text);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:8px;cursor:pointer}input[type=file]::file-selector-button:hover{border-color:var(--neon)}.card{background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--line);border-left:2px solid color-mix(in srgb,var(--neon) 55%,var(--line));border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0a}img.result{width:100%;border-radius:12px;border:1px solid var(--line)}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted)}.label{font-size:13px;color:var(--muted);display:block}.error-text{color:var(--danger)}.stopped-text{color:var(--muted)}.w-auto{width:auto}.style-grid{display:flex;flex-wrap:wrap;gap:8px}.style-chip{width:auto;padding:10px 14px;border-radius:999px}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{width:auto;flex:1}.canvas-wrap{background:#02040a;border:1px solid var(--line);border-radius:12px;overflow:hidden}.asset-list{display:flex;gap:8px;overflow-x:auto}.asset-list button{width:auto;padding:6px;min-height:0}.asset-list img{height:48px;border-radius:6px}.progress-track{height:8px;border-radius:999px;background:#0a1120;border:1px solid var(--line);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--neon),var(--neon-2));box-shadow:0 0 10px var(--neon-soft);border-radius:999px;transition:width .4s ease}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:var(--muted)}.edit-preview{width:100%;border-radius:12px;margin-bottom:12px;display:block;border:1px solid var(--line)}.edit-stage{position:relative;line-height:0;-webkit-user-select:none;user-select:none;margin-bottom:12px}.edit-stage.edit-region-active{cursor:crosshair}.edit-stage .edit-preview{margin-bottom:0}.edit-region-box{position:absolute;border:2px solid var(--neon);background:#22d3ee38;pointer-events:none}.edit-brush-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;opacity:.6}.edit-controls{display:grid;gap:8px}.edit-progress{margin-top:12px}.edit-error{color:var(--danger);margin-top:8px}.manual-stage{margin-bottom:12px}.manual-canvas{position:relative;line-height:0;-webkit-user-select:none;user-select:none}.manual-canvas.manual-crop-active{cursor:crosshair}.manual-preview{width:100%;border-radius:12px;display:block;border:1px solid var(--line)}.manual-crop-box{position:absolute;border:2px solid var(--neon);background:#22d3ee38;pointer-events:none}.manual-slider{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--muted)}.manual-slider input{padding:0}.manual-actions{display:flex;gap:8px;margin:8px 0}.manual-actions button{width:auto;flex:1}.manual-export{margin-top:4px}.manual-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:12px;background:radial-gradient(circle at 50% 50%,#0000 40%,#000000d9)}.manual-overlay-text{position:absolute;transform:translate(-50%,-50%);cursor:move;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:5}.manual-overlay-sticker{position:absolute;transform:translate(-50%,-50%);cursor:move;z-index:4}.preset-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.preset-row button{width:auto}.preset-chip{display:inline-flex;align-items:center;gap:2px}.preset-chip .preset-del{padding:4px 8px;min-height:0;color:var(--danger)}.manual-text-row{display:flex;gap:8px;align-items:center;margin:8px 0}.manual-text-row input[type=text]{flex:1}.manual-text-row input[type=color]{width:44px;padding:2px}.manual-text-row input[type=range]{width:90px;padding:0}.reference-preview{margin:8px 0}.reference-preview .result{max-width:240px}.verbatim-toggle{display:flex;align-items:center;gap:8px;margin:8px 0 12px;font-size:14px;color:var(--muted)}.verbatim-toggle input{width:auto}.history-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.history-toolbar label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.history-toolbar button{width:auto}.history-cell{position:relative}.history-check{position:absolute;top:8px;left:8px;background:#05070dcc;border:1px solid var(--line);border-radius:6px;padding:2px 6px}.history-download{position:absolute;top:8px;right:8px;min-height:0;padding:4px 10px;font-size:13px}.history-star{position:absolute;top:8px;right:68px;min-height:0;padding:4px 8px;font-size:13px}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.history-cell img{cursor:zoom-in}.skeleton{background:linear-gradient(100deg,var(--panel-2) 30%,var(--line) 50%,var(--panel-2) 70%);background-size:200% 100%;border-radius:12px;animation:shimmer 1.2s infinite linear}.history-skeleton{aspect-ratio:1 / 1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#02040aeb;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:12px;border:1px solid var(--line)}.lightbox-download{position:absolute;right:16px;bottom:16px}.lightbox-share{position:absolute;right:16px;bottom:64px}.compare{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);line-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.compare-img{width:100%;display:block}.compare-clip{position:absolute;top:0;left:0;height:100%;overflow:hidden}.compare-clip .compare-img{width:auto;height:100%;max-width:none}.compare-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--neon);box-shadow:0 0 8px var(--neon-soft)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}button:active:not(:disabled){transform:none}}