:root{color-scheme:dark}html,body{height:100%}body{margin:0;overflow:hidden;background:#0e1412;color:#dce5e0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%}.shell{display:flex;flex-direction:column;height:100%}.body{display:flex;flex:1;min-height:0}[data-toolbar],[data-palette],[data-problems-panel]{display:contents}.toolbar{display:flex;flex:none;align-items:center;gap:8px;padding:0 16px;height:56px;background:#151c19;border-bottom:1px solid #26332d}.toolbar .spacer{flex:1}.brand{font-family:ui-monospace,monospace;letter-spacing:.14em;color:#86968f;font-size:13px}.palette{width:268px;flex:none;overflow:auto;overscroll-behavior:contain;background:#131a17;border-right:1px solid #26332d}.problems{width:300px;flex:none;overflow:auto;overscroll-behavior:contain;background:#131a17;border-left:1px solid #26332d;display:flex;flex-direction:column}.problems .disclaimer{margin-top:auto;padding:14px 16px;font-size:11px;color:#6c7b75}.problems .disclaimer p{margin:0}.canvas{flex:1;min-width:0;position:relative;display:flex}.scene-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;align-content:start;justify-items:center}.refusal{position:absolute;left:16px;right:16px;bottom:16px;margin:0;padding:10px 14px;background:#182220;border:1px solid #2b3831;border-radius:7px;font-size:13px;color:#6c7b75;pointer-events:none}.refusal:empty{display:none}.palette h2,.problems h2{font-size:10px;letter-spacing:.14em;color:#86968f;padding:14px 16px 8px;margin:0;font-family:ui-monospace,monospace}.palette h3{font-size:10px;letter-spacing:.12em;margin:12px 0 6px 16px;font-family:ui-monospace,monospace}.palette button{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:2px;align-items:center;width:calc(100% - 24px);margin:0 12px 6px;padding:8px 10px;background:#182220;color:#dce5e0;border:1px solid #253029;border-radius:7px;font:inherit;font-size:13px;text-align:left;cursor:pointer}.palette button[aria-pressed=true]{border-color:#e3a63c;background:#e3a63c24}.palette button>svg{grid-row:1 / span 2}.palette .label{grid-column:2 / span 2}.palette .hint{grid-column:2}.palette .width{grid-column:3;justify-self:end}.palette .hint,.palette .width{font-family:ui-monospace,monospace;font-size:10px;color:#6c7b75}.problems button{display:block;width:calc(100% - 32px);margin:0 16px 8px;padding:10px;text-align:left;background:#182220;color:#dce5e0;border:1px solid #2b3831;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.problems .ok{margin:0 16px;font-size:13px;color:#9faea7}.toolbar button{padding:7px 11px;background:transparent;color:#c3d0ca;border:1px solid transparent;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}.toolbar button[disabled]{color:#56645e;cursor:default}.toolbar button[data-mode-toggle]{position:relative;flex:none;width:38px;height:21px;padding:0;background:#202b26;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background-color .15s ease}.toolbar button[data-mode-toggle][aria-checked=true]{background:#e3a63c}.toolbar button[data-mode-toggle]:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#dce5e0;transition:left .15s ease,background-color .15s ease}.toolbar button[data-mode-toggle][aria-checked=true]:after{left:19px;background:#0e1412}.toolbar button[data-mode-toggle]:focus-visible{outline:2px solid #e3a63c;outline-offset:2px}.mode{font-size:12px;color:#7e8e87}.mode strong{color:#dce5e0;font-weight:600}.toolbar:has([data-mode-toggle][aria-checked=true]) .mode strong{color:#e3a63c}.name{width:150px;padding:7px 10px;background:#0e1412;color:#dce5e0;border:1px solid #2e3d36;border-radius:6px;font:inherit;font-size:13px}