:root{--bg-primary: #0c0c0c;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-sidebar: #080808;--bg-hover: #1a1a1a;--border: #2f2f2f;--neon: #f5f8c2;--neon-muted: #d4d7a3;--text: #ffffff;--text-secondary: #8a8a8a;--text-muted: #6a6a6a;--bear: #ff3366;--bull: #4ade80;--font: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg-primary);color:var(--text);font-family:var(--font);font-size:12px}button,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:0;padding:.4rem .7rem;text-transform:uppercase;letter-spacing:.06em;font-size:10px}button:hover:not(:disabled){background:var(--bg-hover);border-color:color-mix(in srgb,var(--neon) 30%,var(--border))}button:disabled{opacity:.35;cursor:not-allowed}button.is-active,button[aria-pressed=true]{background:#f5f8c226;color:var(--neon);border-color:#f5f8c24d}.btn-primary{background:#f5f8c21a;color:var(--neon);border-color:#f5f8c24d;font-weight:700}.btn-primary:hover:not(:disabled){background:#f5f8c233}.btn-block{width:100%;margin-top:.5rem}button.is-blocked{opacity:.55}.app-shell{display:grid;grid-template-rows:40px 1fr 24px;height:100%;min-height:0}.toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem;padding:0 .5rem;height:40px;border-bottom:1px solid var(--border);background:var(--bg-sidebar);overflow-x:auto;overflow-y:hidden}.toolbar-brand{display:flex;align-items:baseline;gap:.5rem;flex-shrink:0;margin-right:.15rem}.brand-mark{font-weight:700;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.brand-accent{color:var(--neon)}.doc-name{color:var(--text-muted);font-size:10px;letter-spacing:.04em}.seg{display:flex;align-items:stretch;border:1px solid var(--border);flex-shrink:0}.seg>button{border:none;border-radius:0;border-left:1px solid var(--border);background:var(--bg-sidebar);padding:.35rem .55rem;white-space:nowrap}.seg>button:first-child{border-left:none}.app-menu{margin-left:auto}.app-menu-pop{position:fixed;z-index:60;min-width:12rem;display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid var(--border);box-shadow:0 0 30px #00000080}.app-menu-pop button{width:100%;border:none;border-radius:0;background:transparent;text-align:left;padding:.45rem .7rem;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.app-menu-pop button:hover,.app-menu-pop button:focus-visible{background:var(--bg-hover)}.app-menu-pop button.is-disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.app-menu-pop button.is-disabled:hover{background:transparent}.app-menu-pop .has-sep{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.25rem}.menu-key{color:var(--text-muted);font-size:10px;letter-spacing:.04em}.menubar{flex-shrink:0}.zoom-readout{min-width:2.75rem;display:grid;place-items:center;color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums;border-left:1px solid var(--border);padding:0 .4rem}.workspace{display:grid;grid-template-columns:minmax(280px,320px) 1fr;min-height:0;overflow:hidden}.left-sidebar{display:flex;flex-direction:column;min-height:0;height:100%;border-right:1px solid var(--border);background:var(--bg-sidebar);overflow:hidden}.left-sidebar .panel{border-right:none}.left-sidebar .layers-panel{flex:0 0 auto;max-height:28%;border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.left-sidebar .colors-panel{flex:1 1 auto;min-height:0;border-left:none;height:auto}.panel{background:var(--bg-secondary);border-right:1px solid var(--border);padding:.65rem;min-height:0;overflow:auto}.colors-panel{display:flex;flex-direction:column;gap:.45rem;background:var(--bg-sidebar);min-height:0;overflow:hidden}.panel-title{margin:0 0 .45rem;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:400}.panel-hint{color:var(--text-muted);font-size:10px;margin:.6rem 0 0;letter-spacing:.04em}.layer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.layer-item{width:100%;display:flex;justify-content:space-between;gap:.5rem;text-align:left;border:none;border-left:2px solid transparent;border-radius:0;background:transparent;padding:.55rem .65rem;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--text-muted)}.layer-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.layer-item.is-active{border-left-color:var(--neon);background:#f5f8c20d;color:var(--neon)}.layer-meta{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:10px}.canvas-host{min-width:0;min-height:0;background:var(--bg-primary)}.map-canvas-wrap{width:100%;height:100%}.map-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.map-canvas.is-panning{cursor:grab}.palette-header{display:flex;flex-direction:column;gap:.35rem}.palette-name{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.palette-note{margin:0;color:var(--text-muted);font-size:10px}.palette-meta{margin:0;color:var(--neon-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}.palette-actions{display:flex;gap:0;border:1px solid var(--border)}.palette-actions>button{flex:1;border:none;border-radius:0;border-left:1px solid var(--border)}.palette-actions>button:first-child{border-left:none}.palette-filter{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:0;padding:.45rem .55rem;font-size:11px}.palette-filter:focus{outline:none;border-color:#f5f8c24d}.swatch-strip{display:grid;grid-template-columns:repeat(16,1fr);gap:1px;padding:.15rem 0;flex:0 0 auto;overflow:hidden;align-content:start}.swatch{aspect-ratio:1;border:1px solid transparent;padding:0;border-radius:0;min-width:0;min-height:0;width:100%}.swatch.is-active{outline:1px solid var(--neon);outline-offset:1px}.palette-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--border)}.palette-table{width:100%;border-collapse:collapse;font-size:10px}.palette-table th{position:sticky;top:0;background:var(--bg-tertiary);text-align:left;padding:.35rem;border-bottom:1px solid var(--border);color:var(--text-muted);font-weight:400;letter-spacing:.5px;text-transform:uppercase}.palette-table td{padding:.15rem .25rem;border-bottom:1px solid rgba(47,47,47,.5);vertical-align:middle}.palette-table tr:hover{background:#f5f8c204}.palette-table tr.is-active{background:#f5f8c20d}.cell-preview{display:inline-block;width:.95rem;height:.95rem;border:1px solid var(--border);vertical-align:middle}.cell-input{width:100%;background:transparent;border:1px solid transparent;border-radius:0;padding:.2rem .25rem;font-size:10px;min-width:0}.cell-input:focus{outline:none;border-color:#f5f8c24d;background:var(--bg-tertiary)}.mono{font-variant-numeric:tabular-nums}.status-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:.85rem;padding:0 .75rem;height:24px;border-top:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;font-variant-numeric:tabular-nums}.status-live{color:var(--neon)}.status-hint{margin-left:auto;color:var(--text-muted);text-transform:none;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50}.modal{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:0;padding:1rem 1.1rem;max-width:26rem;width:calc(100% - 2rem);box-shadow:0 0 30px #00000080}.modal.is-wide{max-width:48rem}.modal-tag{color:var(--text-muted);font-size:10px;letter-spacing:.08em;margin-bottom:.35rem}.modal-tag.is-error{color:var(--bear)}.modal a{color:var(--neon)}.modal p.modal-version{color:var(--text);margin-bottom:.6rem}.modal-pre{margin:0 0 1rem;padding:.6rem .7rem;max-height:22rem;overflow:auto;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font);font-size:10px;line-height:1.5;white-space:pre-wrap;word-break:break-word;text-transform:none;letter-spacing:0}.modal-actions{display:flex;gap:.4rem}.modal h3{margin:0 0 .55rem;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.modal p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.45;font-size:11px;text-transform:none;letter-spacing:0}.modal-errors{margin:0 0 1rem;padding-left:1.1rem;color:var(--text-secondary);font-size:11px;line-height:1.45;max-height:12rem;overflow:auto}.field-row{display:flex;gap:.6rem;margin-bottom:.6rem}.field{display:flex;flex-direction:column;gap:.25rem;flex:1}.field>span{color:var(--text-muted);font-size:10px;letter-spacing:.06em}.field input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text);padding:.35rem .5rem;font-family:var(--font);font-size:11px;font-variant-numeric:tabular-nums;width:100%}.field input.is-invalid{border-color:var(--bear)}.field-error{color:var(--bear);font-size:10px;line-height:1.4;margin:0 0 .7rem;text-transform:none;letter-spacing:0}*{scrollbar-width:thin;scrollbar-color:#2f2f2f var(--bg-primary)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#2f2f2f}*::-webkit-scrollbar-track{background:var(--bg-primary)}@media(max-width:720px){.workspace{grid-template-columns:1fr;grid-template-rows:minmax(220px,40%) 1fr}.left-sidebar{border-right:none;border-bottom:1px solid var(--border)}.left-sidebar .layers-panel{max-height:35%}.panel{border-right:none}}