:root{--bg:#f6f3ec;--panel:#fffdf8;--ink:#1f2a26;--muted:#6b726d;--line:#ddd6c8;--bar:#1f3a33;--bar-ink:#f1ede3;--gold:#c2a878;--verified:#2f6b4f;--planned:#2f6fd1;--estimated:#e07b1f;--assumption:#8a4fc8;--danger:#b3261e;--demo:#c62828;--radius:8px;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}a{color:var(--bar)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:5px 10px}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--bar);color:var(--bar-ink);border-color:var(--bar)}button.danger{color:var(--danger)}button.on{background:var(--gold);border-color:var(--gold);color:#1d1a12}input,select,textarea{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;min-width:0;padding:5px 8px}label{color:var(--muted);gap:3px;font-size:12px;display:grid}label>input,label>select,label>textarea{color:var(--ink);font-size:14px}h2{margin:0 0 8px;font-size:15px}h3{color:var(--muted);margin:14px 0 6px;font-size:13px;font-weight:600}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:5px 8px;font-size:13px}th{color:var(--muted);background:#f1ede3;font-weight:600;position:sticky;top:0}tr.sel td{background:#f3ead6}.app{grid-template-rows:56px 1fr auto;height:100%;display:grid}.topbar{background:var(--bar);color:var(--bar-ink);align-items:center;gap:12px;min-width:0;padding:0 14px;display:flex}.topbar .title{white-space:nowrap;font-weight:700}.topbar a,.topbar .navlink{color:var(--bar-ink);opacity:.8;text-decoration:none}.topbar a.active{opacity:1;border-bottom:2px solid var(--gold)}.topbar input,.topbar select{background:#fff}.topbar .spacer{flex:1}.savestate{opacity:.9;white-space:nowrap;font-size:12px}.savestate.conflict,.savestate.error{color:#ffb4a8}.workspace{grid-template-columns:auto 1fr auto;min-height:0;display:grid}.left,.right{background:var(--panel);border-right:1px solid var(--line);overflow:auto}.left{width:250px;padding:10px}.right{border-left:1px solid var(--line);border-right:0;width:340px;padding:12px}.collapsed{border:0;overflow:hidden;width:0!important;padding:0!important}.canvaswrap{background:#e8e4da;min-width:0;min-height:0;position:relative}.canvaswrap canvas{display:block}.overlay{pointer-events:none;position:absolute}.overlay>*{pointer-events:auto}.compass{top:10px;right:10px}.hud{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8eb;padding:6px 10px;font-size:12px;bottom:10px;left:10px}.hud-tags{flex-wrap:wrap;gap:6px;display:flex;top:10px;left:10px}.paneltoggle{z-index:2;padding:6px 2px;font-size:11px;position:absolute;top:50%}.bottombar{background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;min-height:64px;padding:8px 12px;display:flex}.group{align-items:center;gap:6px;display:flex}.group>span{color:var(--muted);font-size:12px}.tag{white-space:nowrap;background:#ffffffe6;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.tag.verified{color:var(--verified)}.tag.planned{color:var(--planned)}.tag.estimated{color:var(--estimated);border-style:dashed}.tag.assumption{color:var(--assumption);border-style:dashed}.tag.pending{color:var(--muted)}.tag.demo{color:#fff;background:var(--demo);border-color:var(--demo);font-weight:700}.tag.reference{color:#8a6d2b}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;padding:10px}.kv{grid-template-columns:88px 1fr;gap:4px 8px;font-size:13px;display:grid}.kv>dt{color:var(--muted)}.kv>dd{word-break:break-word;margin:0}.row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.row>label{flex:1;min-width:90px}.hint{color:var(--muted);font-size:12px;line-height:1.5}.warn{color:#8a4b00;background:#fff4e0;border:1px solid #f0d4a4;border-radius:6px;padding:6px 8px;font-size:12px}.err{color:var(--danger);background:#fdecea;border:1px solid #f3c1bc;border-radius:6px;padding:6px 8px;font-size:12px}.ok{color:var(--verified)}.layerrow{grid-template-columns:20px 1fr 70px;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:grid}.page{height:100%;padding:16px;overflow:auto}.page-inner{max-width:1200px;margin:0 auto}.tablewrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-height:60vh;overflow:auto}.oc-error td{background:#fdecea}.oc-needs_review td{background:#fff4e0}.oc-create td{background:#eef7f0}.oc-update td{background:#eef3fb}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.empty{color:var(--muted);text-align:center;padding:20px}.video .left,.video .right,.video .bottombar .edit-only,.video .topbar .edit-only,.video .paneltoggle{display:none!important}.safe-frame{pointer-events:none;border:2px dashed #c2a878e6;position:absolute}@media (width<=900px){.left{z-index:3;height:100%;position:absolute}.right{z-index:3;width:min(340px,100vw);height:100%;position:absolute;right:0}.topbar{overflow-x:auto}}