:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#d8e0e7;background:#121820;font-synthesis:none;font-weight:400;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:1000px}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid #35414d;border-radius:6px;background:#232c36;color:#d7e0e7;padding:8px 12px;white-space:nowrap;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#2f3b48;border-color:#647685}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6dd4e8;outline-offset:2px}button.primary{color:#10212b;background:#81d6df;border-color:#81d6df;font-weight:650}button.primary:hover:not(:disabled){background:#a2e5ed;border-color:#a2e5ed}button svg{width:17px;height:17px;flex-shrink:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px;border-bottom:1px solid #2b3641;background:#172029}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand-symbol{color:#8ae0e8;font-size:39px;line-height:1}.brand strong{font-size:18px;font-weight:600;letter-spacing:.2px;display:block}.brand strong b{font-weight:700;color:#92e0e9}.brand small{font-size:10px;letter-spacing:1.3px;color:#8397a7;display:block;margin-top:5px}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{width:34px;height:34px;padding:7px}.toolbar-divider{height:20px;width:1px;background:#3b4651;margin:0 3px}.documentbar{height:39px;background:#151d26;display:flex;align-items:center;gap:14px;padding:0 22px;font-size:11px;color:#7f94a5;border-bottom:1px solid #2b3540}#filename{font-size:12px;color:#d2dde7;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-pill{font-size:10px;color:#84b6b9;padding:2px 7px;border:1px solid #33585b;border-radius:4px}.state-pill.dirty{color:#d8bf88;border-color:#5c513a}.spacer{flex:1}.workspace{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(330px,1.12fr) 276px;height:calc(100dvh - 146px);min-height:520px}.view-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #34414c}.panel-heading{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#1b2530;border-bottom:1px solid #35424e;gap:8px}.panel-heading>div{display:flex;align-items:center;gap:8px}.panel-heading strong{font-size:12px;font-weight:600;white-space:nowrap}.panel-number{font:10px Consolas,monospace;color:#6b8396;letter-spacing:1px;margin-right:2px}.subtle{color:#7a91a3;font-size:10px}.small-icon{width:28px;height:28px;padding:5px;border-color:transparent;background:transparent;border-radius:5px}.small-icon svg{width:16px;height:16px}.small-icon.selected{background:#294550;color:#9ce4e8;border-color:#42656c}.view-tools{gap:3px!important}.view-tools .toolbar-divider{height:16px;margin:0 3px}#zoom-value{font-size:10px;color:#9ab0bf;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.view-body{position:relative;flex:1;min-height:0;overflow:hidden}.model-panel .view-body{background:radial-gradient(ellipse at 50% 38%,#2b3743,#1b232c 65%,#171e27)}.view-body canvas{display:block;width:100%;height:100%;touch-action:none}.sheet-panel .view-body{background-color:#e7ecef;background-image:radial-gradient(#c3cdd3 .6px,transparent .6px);background-size:14px 14px}.sheet-canvas{position:absolute;inset:0}.panel-footer{flex:0 0 30px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#1a232d;color:#8295a5;font-size:10px;border-top:1px solid #303e4b;white-space:nowrap;overflow:hidden}.assignment-bar{height:33px;flex:0 0 33px;display:flex;align-items:center;padding:0 13px;gap:7px;font-size:10px;color:#9aabb7;background:#202d38;border-bottom:1px solid #344552}.assignment-bar strong{color:#d0dde6;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.dot{height:7px;width:7px;background:#708895;border-radius:50%;display:inline-block;flex-shrink:0}.index-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}.index-toggle input{accent-color:#84dbe5;width:12px;height:12px;margin:0}.view-corner{position:absolute;left:14px;bottom:14px;display:flex;gap:5px}.view-corner button{width:27px;height:27px;padding:0;font-size:10px;background:#273440b8;color:#a4bacb;border-color:#465563}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;pointer-events:none;text-align:center}.empty-state>*{pointer-events:auto}.empty-state h2{font-size:17px;font-weight:500;margin:12px 0;color:#d2e0e9}.empty-state p{font-size:12px;line-height:1.9;color:#8b9fae;margin:0 0 23px}.empty-state small{font-size:10px;color:#6e8596;margin-top:12px}.empty-wire{font-size:84px;font-weight:100;color:#617d8b;line-height:1;filter:drop-shadow(0 0 18px #73d5e922)}.empty-sheets{font-size:80px;color:#8aa0ad;line-height:1}.empty-state.light h2{color:#526976;font-size:15px}.empty-state.light p{color:#8195a1;font-size:11px}.sidebar{min-width:0;background:#18222c;display:flex;flex-direction:column;overflow:hidden}.sidebar-heading{height:81px;padding:17px 15px 12px;display:flex;align-items:flex-start;justify-content:space-between}.sidebar-heading h2{font-size:13px;margin:0;font-weight:600;display:flex;align-items:center;gap:9px}.sidebar-heading h2 span{font-size:10px;min-width:21px;text-align:center;padding:2px 5px;color:#86a2b4;background:#2c3a47;border-radius:4px}.sidebar-heading p{font-size:10px;color:#7e94a5;margin:6px 0 0}.add-id{background:#2c404b;color:#a9d9e1;border-color:#3b5664}.search-box{display:flex;align-items:center;margin:0 13px 12px;height:32px;background:#111c26;border:1px solid #2c3d4d;border-radius:5px;padding:0 8px;gap:7px}.search-box svg{width:14px;height:14px;color:#657f92}.search-box input{background:none;border:0;outline:none;min-width:0;color:#c4d4de;width:100%;font-size:11px}.search-box input::placeholder{color:#5b7385}.id-list{overflow-y:auto;flex:1;min-height:80px;padding:0 9px 8px;scrollbar-width:thin;scrollbar-color:#405260 transparent}.id-row{border:1px solid transparent;border-radius:6px;display:flex;align-items:center;gap:8px;padding:5px 6px;margin-bottom:3px;height:47px}.id-row:hover{background:#202e3b}.id-row.active{background:#253d49;border-color:#44717d}.color-input{appearance:none;border:0;width:15px;height:20px;padding:0;background:transparent;flex:0 0 15px;cursor:pointer;border-radius:3px}.color-input::-webkit-color-swatch-wrapper{padding:3px 0}.color-input::-webkit-color-swatch{border:0;border-radius:3px}.color-input::-moz-color-swatch{border:0;border-radius:3px}.id-select{background:none;border:0;display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;padding:0;overflow:hidden}.id-select:hover:not(:disabled){background:none;border:0}.id-select strong{font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-select span{font-size:9px;color:#7890a3}.id-row.active .id-select strong{color:#c8f0f1}.id-row.active .id-select span{color:#83aeb9}.row-action{width:22px;height:25px;padding:4px;border-color:transparent;background:none;color:#7290a3;opacity:0}.id-row:hover .row-action,.id-row.active .row-action,.row-action:focus-visible{opacity:1}.row-action svg{width:13px;height:13px}.rename-input{min-width:0;flex:1;width:70px;padding:4px;border:1px solid #70c5d1;border-radius:3px;background:#10252e;color:#dcfaff;font-size:11px}.sidebar-bottom{padding:15px;border-top:1px solid #2b3a49;background:#16212c;flex-shrink:0}.legend-title{display:block;color:#668396;font-size:10px;margin-bottom:8px}.sidebar-bottom>strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom>p{font-size:9px;color:#7892a6;margin:5px 0 15px;min-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-card{background:#20303c;border-left:2px solid #507584;padding:10px 11px;border-radius:0 4px 4px 0}.hint-card b{display:block;font-size:10px;color:#a4bdca;font-weight:500;margin-bottom:5px}.hint-card span{display:block;font-size:10px;line-height:1.75;color:#6f8d9f}.sidebar-empty{padding:12px;color:#688497;font-size:11px;line-height:1.8}.statusbar{height:30px;display:flex;align-items:center;gap:12px;padding:0 15px;font-size:9px;color:#6a8397;border-top:1px solid #2d3a47;background:#111b25}.statusbar>span:first-child{max-width:65vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusbar button{font-size:9px;padding:2px 6px;color:#9bd3dc}.toast{position:fixed;bottom:47px;left:50%;transform:translate(-50%);z-index:20;background:#233e49;color:#d5eff1;border:1px solid #52828b;border-radius:7px;padding:12px 18px;font-size:12px;box-shadow:0 12px 35px #0005;max-width:80vw;line-height:1.6}.toast.error{background:#482c31;border-color:#9b5c66;color:#ffdae1}.busy{position:fixed;inset:0;background:#101922d9;backdrop-filter:blur(4px);z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.busy strong{font-size:15px}.busy span{font-size:12px;color:#8aa5b6}.spinner{height:32px;width:32px;border:2px solid #42606c;border-top-color:#8cdae7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}dialog{width:410px;border:1px solid #4c6271;border-radius:10px;background:#1b2935;color:#d4e1e8;padding:24px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0007}dialog h2{margin:0 0 14px;font-size:17px;font-weight:500}dialog p{font-size:12px;line-height:1.8;color:#9fb4c2}dialog label{font-size:11px;color:#91a9b9;display:flex;flex-direction:column;gap:8px;margin-top:20px}dialog select{padding:8px;background:#11222d;color:#d9edf3;border:1px solid #4b6779;border-radius:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}button.danger{background:#72424a;color:#ffe0e3;border-color:#9e636e}@media(min-width:1550px){.workspace{grid-template-columns:minmax(340px,1fr) minmax(400px,1.2fr) 300px}.topbar{padding:0 28px}.sidebar-heading{padding-left:18px;padding-right:18px}}@media(max-height:760px){.sidebar-bottom{padding:10px 14px}.hint-card{display:none}.sidebar-bottom>p{margin-bottom:0}.brand small{display:none}.topbar{height:64px}.workspace{height:calc(100dvh - 133px)}}.visibility-toggle{width:22px;height:25px;flex:0 0 22px;padding:3px;border-color:transparent;background:transparent;color:#9ab8c9}.visibility-toggle svg{width:16px;height:16px}.visibility-toggle[aria-pressed=false]{color:#647d8f}.sidebar-heading{height:60px;flex:0 0 60px}.sidebar-bottom>p:empty{display:none}.id-row{gap:6px}.drag-handle{width:14px;height:27px;flex:0 0 14px;padding:0;border:0;background:transparent;color:#6f889a;cursor:grab}.drag-handle svg{width:13px;height:18px;pointer-events:none}.drag-handle:active{cursor:grabbing}.id-row.is-dragging{opacity:.4}.id-row.drop-before{box-shadow:0 -2px #83dce7}.id-row.drop-after{box-shadow:0 2px #83dce7}.visibility-control{margin:0 15px 12px;flex-shrink:0}.visibility-control>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:11px;color:#9db4c4}.visibility-control output{font-variant-numeric:tabular-nums;color:#a7dce3}.visibility-control input{display:block;width:100%;height:18px;margin:0;padding:0;accent-color:#81d6df;cursor:ew-resize}