:root{--bg:#071117;--panel:#0d1c24;--line:#234451;--ink:#e8f3f5;--muted:#8faab2;--cyan:#4bd9ff;--red:#ff566a}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 43% 0,#123846,#071117 56%);min-height:100vh;margin:0;font:14px Inter,system-ui,sans-serif}header{border-bottom:1px solid var(--line);background:#09161d;align-items:center;gap:16px;height:58px;padding:0 24px;display:flex}.brand{color:#edfaff;font-size:17px;font-weight:800;text-decoration:none}.brand span{color:var(--cyan)}.tag,.storage-note,.usage{color:var(--muted);font-size:11px}.header-actions{gap:8px;margin-left:auto;display:flex}button,select,textarea,input{font:inherit}button{color:#e5fbff;cursor:pointer;background:#12313c;border:1px solid #397181;border-radius:7px;padding:8px 11px}button:hover{background:#194652}#xrButton{background:#1b8ba3;border-color:#4bd9ff}main{grid-template-rows:minmax(480px,1fr) 275px;grid-template-columns:minmax(380px,1.6fr) minmax(260px,.75fr);gap:12px;min-height:calc(100vh - 58px);padding:12px;display:grid}.viewer-panel,.records-panel,.chat-panel{border:1px solid var(--line);background:#0a1b23d6;border-radius:12px;overflow:hidden}.viewer-panel{position:relative}.viewer-title,.panel-head,.chat-head{justify-content:space-between;align-items:start;padding:16px 18px 0;display:flex}.viewer-title p,.panel-head p,.chat-head p{letter-spacing:.12em;color:#6bb8c8;margin:0 0 5px;font-size:10px;font-weight:800}.viewer-title h1,.panel-head h2,.chat-head h2{margin:0;font-size:17px}.budget{color:#81c2cc;background:#102b34;border:1px solid #28535e;border-radius:5px;padding:5px 7px;font-size:10px}#bodyCanvas{width:100%;height:calc(100% - 70px);display:block}.legend{color:#b7d0d4;background:#08191fcc;border:1px solid #22434d;border-radius:6px;flex-wrap:wrap;gap:13px;padding:8px;font-size:10px;display:flex;position:absolute;bottom:16px;left:16px}.legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.temporary{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.permanent{background:var(--red);box-shadow:0 0 10px var(--red)}.neutral{background:#657e87}.records-panel{padding-bottom:13px}.quiet{color:#8ebec8;background:0 0;border-color:#0000;padding:5px 7px;font-size:10px}.records{gap:7px;max-height:calc(100% - 170px);padding:13px 16px;display:grid;overflow:auto}.empty{color:#88a2a9;text-align:center;padding:20px 0;font-size:12px}.record{background:#0b222b;border:1px solid #244854;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.record-dot{border-radius:50%;flex:none;width:9px;height:9px}.record-dot.temporary{background:var(--cyan)}.record-dot.permanent{background:var(--red)}.record b{font-size:12px;display:block}.record small{color:#8eabb1;margin-top:2px;font-size:10px;display:block}.record button{color:#9ab7bd;background:0 0;border:0;margin-left:auto;padding:2px 5px}.record-form{border-top:1px solid var(--line);padding:12px 16px 0}.record-form label{color:#95b0b6;font-size:10px}.record-form input{color:#e8f3f5;background:#08191f;border:1px solid #2c5460;border-radius:5px;width:100%;margin:5px 0 7px;padding:8px;display:block}.record-form div{gap:7px;display:flex}.record-form select{color:#d8edf0;background:#102831;border:1px solid #2c5460;border-radius:5px;flex:1;min-width:0;padding:7px}.storage-note{margin:9px 0 0;padding:0 16px;line-height:1.35}.chat-panel{flex-direction:column;grid-column:1/-1;display:flex}.chat-head{padding-bottom:10px}.chat-head select{color:#e5f5f7;background:#102831;border:1px solid #2c5460;border-radius:5px;padding:6px;font-size:11px}.messages{border-top:1px solid var(--line);flex:1;align-content:start;gap:8px;padding:12px 18px;display:grid;overflow:auto}.message{border-radius:8px;max-width:min(820px,92%);padding:8px 10px;font-size:12px;line-height:1.4}.message.user{background:#155264;justify-self:end}.message.assistant{background:#102832;border:1px solid #254b56}.message.notice{color:#ffcf83;background:#382916}.chat-form{border-top:1px solid var(--line);gap:8px;padding:10px 14px;display:flex}textarea{resize:none;color:#effcff;background:#08191f;border:1px solid #2c5460;border-radius:7px;flex:1;padding:8px}.usage{font-variant-numeric:tabular-nums;padding:0 16px 9px}@media (width<=780px){header{padding:0 12px}.tag{display:none}main{padding:8px;display:block}.viewer-panel{height:54vh}.records-panel{margin-top:8px}.chat-panel{height:360px;margin-top:8px}.header-actions button:first-child{display:none}}