:root{--bg: #ececec;--panel: #ffffff;--border: #d8d8d8;--text: #333333;--muted: #8d8d8d;--accent: #2196f3;--accent-2: #1e88e5;--danger: #e53935;--topbar: 52px;--work: 380px;--font: "Roboto", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #c8c8c8;background:#fff;border-radius:2px;padding:.45rem .85rem}button:hover{background:#f5f5f5}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}button.primary:hover{background:var(--accent-2)}button.danger{border-color:#ef9a9a;color:var(--danger)}input[type=text],input:not([type]),input[type=search],input[type=number]{background:#fff;border:1px solid #cfcfcf;border-radius:2px;padding:.55rem .7rem;width:100%}input:focus{outline:none;border-color:var(--accent)}input[type=checkbox]{width:auto;margin:0;accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);padding:0}.shell{height:100%;display:grid;grid-template-rows:var(--topbar) 1fr;min-height:0}.topbar{display:flex;align-items:stretch;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px #00000008;min-width:0}.brand{display:flex;align-items:center;gap:.45rem;padding:0 .9rem;height:100%;font-weight:700;letter-spacing:.02em;border-right:1px solid #eee;color:#263238;flex:0 0 auto}.modules{display:flex;flex:1;min-width:0;overflow-x:auto}.modules button{flex:0 0 auto;min-width:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 10px 2px;color:#757575;font-size:11px;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent}.modules button:hover{color:#424242;background:#fafafa}.modules button.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.modules button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand .pin{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.domain{margin-left:auto;display:flex;align-items:center;padding:0 .9rem;border-left:1px solid #eee;color:var(--muted);font-size:12px;flex:0 0 auto}.workspace{height:100%;display:grid;grid-template-columns:var(--work) 1fr;min-height:0}.workspace.collapsed{grid-template-columns:0 1fr}.workspace.collapsed .work{display:none}.work{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;min-width:0}.work-head{height:40px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .75rem;border-bottom:1px solid var(--border);background:#fafafa;font-weight:500;flex:0 0 auto}.work-head .count{color:var(--muted);font-weight:400;font-size:12px}.work-tools{padding:.65rem .75rem;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:.5rem}.upload-btn{width:100%;height:38px}.drop{border:1px dashed #90caf9;background:#f7fbff;color:#607d8b;text-align:center;padding:.7rem .6rem;font-size:12px}.work.over .drop,.drop.over{background:#e3f2fd;color:#1565c0}.progress{position:relative;background:#f3f3f3;border:1px solid #eee;min-height:26px}.progress.slim{margin:0 .7rem .45rem 2rem}.progress .bar{position:absolute;inset:0 auto 0 0;background:#bbdefb}.progress span{position:relative;display:block;padding:.3rem .5rem;font-size:12px}.error{color:var(--danger);font-size:12px}.note{color:#555;font-size:12px}.unit-list{overflow:auto;flex:1;min-height:0}.empty{color:var(--muted);padding:.8rem .75rem}.file-card{border-bottom:1px solid #eee}.file-head,.tree-row{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem}.file-head:hover,.tree-row:hover{background:#f7fbff}.grow{flex:1;min-width:0;border:none;background:transparent;text-align:left;padding:0;border-radius:0}.grow:hover{background:transparent}.name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.file-head .name{flex:1;min-width:0}.tree-row .name{font-weight:400;flex:1}.sub{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:.1rem}.sub.inline{display:inline;margin:0;flex:0 0 auto}.icon-btn{width:28px;height:28px;padding:0;flex:0 0 auto;display:grid;place-items:center;color:#546e7a}.icon-btn.danger{color:var(--danger)}.icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-btn.on{color:var(--accent);border-color:#90caf9;background:#e3f2fd}.file-settings{padding-bottom:.35rem}.opacity{display:block;padding:0 .7rem .35rem 2rem;color:#777;font-size:12px}.twist{width:16px;height:22px;border:none;background:transparent;padding:0;color:#777;flex:0 0 auto}.settings-body{padding:.7rem .75rem .9rem;overflow:auto;flex:1;min-height:0}.settings-body .opacity{padding-left:0;padding-right:0}.field-label{font-size:12px;color:#777;margin:.55rem 0 .25rem}.chips{display:flex;gap:.3rem;flex-wrap:wrap}.chips button{padding:.2rem .5rem;font-size:12px;color:#666}.chips button.on{background:#e3f2fd;border-color:#90caf9;color:#1565c0}.hint{margin:0;color:#777;font-size:12px;line-height:1.35}.create-row{display:flex;gap:.4rem}.create-row input{flex:1;min-width:0}.create-row button{flex:0 0 auto}button:disabled{opacity:.55;cursor:default}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#26323859}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 48px));background:#fff;border:1px solid #e0e0e0;box-shadow:0 16px 48px #0000002e;display:flex;flex-direction:column;min-height:0}.modal-head,.modal-tools{display:flex;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid var(--border);flex:0 0 auto}.modal-head{align-items:center;background:#fafafa}.modal-head input{flex:1;min-width:0}.modal-tools{flex-direction:column}.modal-body{overflow:auto;min-height:0;flex:1}.settings-body .hint{margin-top:.8rem}.viewer-wrap{position:relative;min-width:0;min-height:0;background:#14171c}.viewer-wrap.light{background:#d5dbe1}.viewer-wrap .stage{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-wrap .stage canvas{display:block;width:100%;height:100%}.viewer-wrap.measure .stage canvas{cursor:crosshair}.map-tools{position:absolute;top:10px;right:12px;z-index:2;display:flex;gap:.3rem}.map-tools button.on{background:#e3f2fd;border-color:#90caf9;color:#1565c0}.panel-tab{position:absolute;left:0;top:8px;z-index:2;width:22px;height:36px;padding:0;border-left:none;background:#fff}.map-status{position:absolute;right:8px;bottom:6px;z-index:2;background:#fffffff0;border:1px solid #e0e0e0;padding:.22rem .5rem;font-size:12px;color:#555;display:flex;gap:.75rem}.legend{position:absolute;left:36px;bottom:12px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;color:#e8e8e8;font-size:11px}.viewer-wrap.light .legend{color:#333}.legend .bar{width:12px;height:120px;border-radius:2px;background:linear-gradient(#d9382e,#f2d93f,#33b873,#218cd9,#2e3191)}.viewer-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;align-content:center;gap:.35rem;text-align:center;color:#d7dde4;pointer-events:none;padding:1rem}.viewer-wrap.light .viewer-empty{color:#37474f}.viewer-empty p{margin:0;max-width:360px;color:inherit}.measure-label{position:absolute;z-index:2;transform:translate(-50%,-140%);background:#263238;color:#fff;font-size:12px;padding:.15rem .4rem;pointer-events:none}.measure-label[hidden]{display:none}@media(max-width:900px){.domain{display:none}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(240px,46vh) 1fr}.workspace.collapsed{grid-template-columns:1fr;grid-template-rows:0 1fr}.work{border-right:none;border-bottom:1px solid var(--border)}}