:root{color-scheme:dark;--bg: #111316;--panel: #1b2026;--panel-2: #222932;--text: #edf1f5;--muted: #9faab7;--line: #343d49;--danger: #ff8a65}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input{font:inherit}.app{position:relative;min-height:100vh;overflow:hidden}.sidebar{position:fixed;z-index:20;left:16px;top:16px;bottom:16px;width:min(360px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#15191ef0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #00000061;padding:18px;overflow:auto;transform:translate(calc(-100% + 40px));opacity:.42;transition:opacity .16s ease,transform .18s ease}.sidebar:after{content:"Controls";position:absolute;left:calc(100% - 40px);top:18px;writing-mode:vertical-rl;text-orientation:mixed;padding:10px 8px;border-left:1px solid rgba(255,255,255,.12);border-radius:0 7px 7px 0;background:#27313bf5;color:#d9e2ec;font-size:12px;letter-spacing:0;pointer-events:none}.sidebar:hover,.sidebar:focus-within{transform:translate(0);opacity:1}.brand h1,.panel h2,.table-panel h2{margin:0;letter-spacing:0}.brand h1{font-size:22px}.brand p,.table-panel p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.panel{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.panel h2,.table-panel h2{font-size:14px;text-transform:uppercase;color:#c8d2dd}.projection-list{display:grid;gap:8px;margin-top:12px}.projection-option{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2)}.projection-option input{margin-top:2px}.projection-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.swatch,.inline-swatch{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.inline-swatch{display:inline-block;margin-right:7px}.projection-path{margin-top:3px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.3;overflow-wrap:anywhere}.word-form{display:grid;gap:10px;margin-top:12px}textarea{width:100%;resize:vertical;color:var(--text);background:#0f1215;border:1px solid var(--line);border-radius:6px;padding:10px;line-height:1.35}button{border:1px solid #425060;border-radius:6px;color:var(--text);background:#27313b;padding:8px 10px;cursor:pointer}button:hover{background:#303b47}.quick-sets,.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick-sets button{font-size:12px;padding:6px 8px}.control{display:grid;gap:8px;margin-top:12px;color:var(--muted);font-size:13px}.control input{width:100%}.status-panel div{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}.workspace{position:fixed;top:0;right:0;bottom:0;left:0;min-width:0}.canvas-wrap{position:relative;width:100vw;height:100vh;min-height:0;background:#101316}canvas{display:block;width:100%;height:100%;touch-action:none}.legend{position:absolute;right:18px;top:18px;display:flex;flex-wrap:wrap;gap:8px 12px;max-width:min(640px,calc(100% - 84px));padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f1215d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-item{display:inline-flex;align-items:center;gap:6px;color:#d9e2ec;font-size:12px}.tooltip{position:absolute;pointer-events:none;max-width:280px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#090b0df0;color:var(--text);font-size:12px;line-height:1.35}.table-panel{position:fixed;z-index:15;left:50%;right:auto;bottom:16px;width:min(1040px,calc(100vw - 32px));max-height:min(360px,42vh);min-height:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1b2026f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #00000061;padding:14px 16px;transform:translate(-50%,calc(100% - 46px));opacity:.52;transition:opacity .16s ease,transform .18s ease}.table-panel:hover,.table-panel:focus-within{transform:translate(-50%);opacity:1}.table-panel header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.table-wrap{margin-top:12px;max-height:calc(min(360px,42vh) - 76px);overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#202730;color:#cbd5df}td.num{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.missing{color:var(--danger)}@media(max-width:900px){.sidebar{top:10px;left:10px;bottom:10px;width:min(340px,calc(100vw - 20px));transform:translate(calc(-100% + 38px))}.legend{right:10px;top:10px;max-width:calc(100vw - 62px)}.table-panel{bottom:10px;width:calc(100vw - 20px);max-height:42vh;transform:translate(-50%,calc(100% - 44px))}}