:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #eceef1;--border: #d6d8dc;--text: #16171a;--text-muted: #5b5e66;--accent: #2563eb;--accent-contrast: #ffffff;--danger: #c0392b;--success: #1e7e34;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1b1d22;--surface: #26282f;--surface-2: #303340;--border: #3c3f4a;--text: #f1f2f4;--text-muted: #a4a7b1;--accent: #5b8def;--accent-contrast: #0b0c0f;--shadow: 0 1px 4px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{padding:1rem 1.25rem .5rem;display:flex;align-items:center;gap:.75rem}.app-header-text{flex:1;min-width:0}.install-app{flex:none;border:0;border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.85rem;font-weight:600;background:var(--accent);color:var(--accent-contrast);cursor:pointer}.app-title{margin:0;font-size:1.4rem;font-weight:700}.app-subtitle{margin:.15rem 0 0;font-size:.82rem;color:var(--text-muted)}.tabs{display:flex;gap:.25rem;padding:0 1.25rem;border-bottom:1px solid var(--border)}.tab-button{appearance:none;background:none;border:none;padding:.65rem 1rem;font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;border-radius:var(--radius) var(--radius) 0 0}.tab-button:hover{color:var(--text);background:var(--surface-2)}.tab-button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tab-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#main-content{flex:1;min-height:0;display:flex}.tab-panel{flex:1;display:flex;min-height:0;width:100%}.tab-panel[hidden]{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr);gap:0;width:100%;flex:1;min-height:0}@media (max-width: 860px){.workspace{grid-template-columns:1fr;grid-template-rows:minmax(260px,45vh) 1fr;overflow-y:auto}}.canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-area{position:relative;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;min-height:320px;touch-action:none}.canvas-area.pan-ready{cursor:grab}.canvas-area.panning{cursor:grabbing}.canvas-area canvas{image-rendering:pixelated;box-shadow:var(--shadow);background:transparent;touch-action:none}.canvas-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;padding:.6rem .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.canvas-toolbar button{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-size:.8rem;cursor:pointer;box-shadow:var(--shadow)}.canvas-toolbar button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.canvas-toolbar button.btn-primary-inline:not(:disabled){background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.canvas-toolbar button:disabled{opacity:.4;cursor:not-allowed}.zoom-controls{display:flex;align-items:center;gap:.3rem;margin-left:auto}.zoom-level{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--text-muted);min-width:3.2em;text-align:center}.side-panel{background:var(--surface);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}@media (max-width: 860px){.side-panel{border-left:none;border-top:1px solid var(--border);max-height:55vh}}.panel-section{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--surface)}.panel-section h2,.panel-section h3{margin:0 0 .6rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.field-row label{font-size:.85rem;flex:1}.field-row input[type=range]{flex:1.4}.field-row output,.field-row .value-chip{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--text-muted);min-width:2.6em;text-align:right}.hint{margin:-.2rem 0 .4rem;font-size:.78rem;color:var(--text-muted)}select,input[type=text],input[type=number]{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{flex:1;background:var(--surface-2);border:none;padding:.4rem .5rem;font-size:.78rem;cursor:pointer;color:var(--text);border-right:1px solid var(--border)}.segmented button:last-child{border-right:none}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;color:var(--text-muted);cursor:pointer;font-size:.85rem}.dropzone.dragover{border-color:var(--accent);color:var(--accent);background:var(--surface-2)}.file-list{list-style:none;margin:.5rem 0 0;padding:0;max-height:160px;overflow-y:auto;font-size:.8rem}.file-list li{display:flex;justify-content:space-between;gap:.4rem;padding:.3rem .4rem;border-radius:6px}.file-list li.active{background:var(--surface-2)}.file-list button.remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.85rem}.dims-readout{font-size:.8rem;color:var(--text-muted);line-height:1.5}.progress-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.progress-box{background:var(--surface);border-radius:var(--radius);padding:1.25rem 1.5rem;min-width:260px;box-shadow:var(--shadow)}.progress-label{font-size:.85rem;margin-bottom:.5rem}progress{width:100%}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;font-size:.85rem;box-shadow:var(--shadow);z-index:60;max-width:90vw}.toast.error{border-color:var(--danger);color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input[type=color]{width:2.2rem;height:1.8rem;padding:0;border:1px solid var(--border);border-radius:6px;background:none}.btn.saved-flash,.canvas-toolbar button.saved-flash{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important;animation:saved-pop .45s ease-out}@keyframes saved-pop{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.toast:not([hidden]){animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.canvas-toolbar button.btn-go{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:800;letter-spacing:.08em;padding:.4rem 1.1rem;animation:go-pulse 1.6s ease-in-out infinite}@keyframes go-pulse{0%,to{box-shadow:0 0 #2563eb73}50%{box-shadow:0 0 0 8px #2563eb00}}.save-folder-row{justify-content:space-between}.save-folder-name{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.btn-small{padding:.3rem .6rem;font-size:.78rem}.hint{font-size:.78rem;color:var(--text-muted);margin:.25rem 0 0}