:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1218;--panel:#171c25;--line:#2a3140;--text:#e6eaf2;--muted:#8b95a8;--accent:#5aa9ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 system-ui,Segoe UI,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}header{border-bottom:1px solid var(--line);background:var(--panel);align-items:baseline;gap:14px;padding:8px 14px;display:flex}header h1{letter-spacing:.4px;margin:0;font-size:16px}.tag{color:var(--muted);font-size:12px}main{flex:1;min-height:0;display:flex}aside{background:var(--bg);flex-direction:column;gap:10px;width:280px;padding:10px;display:flex;overflow:hidden auto}aside.left{border-right:1px solid var(--line)}aside.right{border-left:1px solid var(--line)}.viewport{flex:1;min-width:0;position:relative}.viewport canvas{display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.panel h3{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0 0 8px;font-size:12px}.panel h3+*{margin-top:0}.panel h3:not(:first-child){margin-top:14px}.row{grid-template-columns:62px 1fr 56px;align-items:center;gap:8px;margin:5px 0;display:grid}.row .lbl{color:var(--muted)}.row .val{text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.layer{margin:4px 0 8px}.check{cursor:pointer;align-items:center;gap:7px;display:flex}.swatch{border:1px solid #0006;border-radius:3px;width:11px;height:11px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chip{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;text-transform:capitalize;background:#202737;border-radius:999px;padding:3px 10px}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);color:#07111f;border-color:var(--accent)}.hint{color:var(--muted);margin:6px 0 0;font-size:11.5px}.inspector .name{text-transform:capitalize;margin:0 0 6px}.inspector small{color:var(--muted);text-transform:none;font-weight:400}dl{grid-template-columns:52px 1fr;gap:2px 8px;margin:0 0 8px;display:grid}dt{color:var(--muted)}dd{margin:0}.tooth-label{color:#0b1220;-webkit-user-select:none;user-select:none;background:#ffffffd0;border-radius:4px;padding:0 3px;font-size:10px;font-weight:600}.chart{grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;margin-bottom:4px;display:grid}.cell{letter-spacing:-.3px;min-width:0;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#202737;border-radius:3px;padding:4px 0;font:600 9px/1 system-ui,sans-serif;overflow:hidden}.cell:hover{border-color:var(--accent)}.cell.mid{border-left-width:2px;border-left-color:#5b6a8a}.cell.sel{color:#1b1205;background:#f0a24a;border-color:#f0a24a}.cell.gone{color:var(--muted);background:0 0;border-style:dashed;text-decoration:line-through}.cell.gone.sel{color:var(--text);background:#f0a24a55}.chip:disabled{opacity:.4;cursor:default}.chip:disabled:hover{border-color:var(--line)}.badge{color:#f0a24a;text-transform:none}.palmer{border:0 solid;padding:0 2px;line-height:1.05;display:inline-block}.palmer.q1{border-bottom-width:1.5px;border-right-width:1.5px}.palmer.q2{border-bottom-width:1.5px;border-left-width:1.5px}.palmer.q3{border-top-width:1.5px;border-left-width:1.5px}.palmer.q4{border-top-width:1.5px;border-right-width:1.5px}.cell .palmer{padding:0 1px}.seg{margin-top:0}