:root{--bg:#eef0f4;--panel:#f8f9fb;--panel-border:#d5d9e0;--text:#23272e;--text-dim:#6a7280;--accent:#1553b7;--accent-soft:#dce7f8;--ok:#178a3a;--danger:#c23636;--warn:#b57a12;color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex}.ribbon{background:var(--panel);border-bottom:1px solid var(--panel-border);z-index:90;position:relative}.appbar{border-bottom:1px solid #e3e6eb;align-items:center;gap:2px;padding:3px 8px;display:flex}.toolbar-logo{color:var(--accent);letter-spacing:.5px;padding:0 10px 0 4px;font-size:15px;font-weight:700}.logo-menu-wrap{display:inline-flex;position:relative}.logo-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:3px;display:inline-flex}.logo-btn:hover{background:var(--accent-soft)}.logo-mode{background:var(--accent);color:#fff;border-radius:4px;padding:1px 5px;font-size:11px}.logo-menu{min-width:300px;top:calc(100% + 4px)}.menu-sep{background:var(--panel-border);height:1px;margin:4px 6px}.ab-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:4px 8px;font-size:16px;line-height:1}.ab-btn:hover:not(:disabled){background:var(--accent-soft)}.ab-btn:disabled{opacity:.4;cursor:default}.doc-tab{border:1px solid var(--panel-border);background:#fff;border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:3px 10px;display:flex}.doc-tab-icon{font-size:13px}.doc-dirty{color:var(--accent);font-size:10px}.doc-name{text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;width:130px;padding:2px 4px;font-size:13px;font-weight:600}.doc-name:hover,.doc-name:focus{border-color:var(--panel-border);background:#fff;outline:none}.toolbar-sep{background:var(--panel-border);width:1px;height:24px;margin:0 6px}.toolbar-flex{flex:1}.ribbon-tabs{border-bottom:1px solid #e3e6eb;align-items:center;padding:0 10px;display:flex}.ribbon-tab{letter-spacing:.6px;color:var(--text-dim);cursor:default;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 14px 5px;font-size:12px;font-weight:700}.ribbon-tab-active{color:var(--text);border-bottom-color:var(--accent)}.rb-finish{background:var(--ok);color:#fff;letter-spacing:.4px;cursor:pointer;border:none;border-radius:5px;margin:2px 0;padding:5px 14px;font-size:12px;font-weight:700}.rb-finish:hover{background:#12702f}.ribbon-row{flex-wrap:wrap;align-items:stretch;gap:2px;padding:4px 8px 0;display:flex;overflow:visible}.rb-group{border-right:1px solid #e3e6eb;flex-direction:column;padding:0 6px;display:flex;position:relative}.rb-group:last-child{border-right:none}.rb-items{flex:1;align-items:stretch;gap:2px;display:flex}.rb-group-label{text-align:center;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;background:0 0;border:none;padding:3px 4px 4px;font-size:10.5px;font-weight:600}.rb-group-menu{cursor:pointer;border-radius:4px}.rb-group-menu:hover{background:var(--accent-soft);color:var(--accent)}.rb-btn{cursor:pointer;min-width:56px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 7px 4px;display:flex}.rb-btn:hover:not(:disabled){background:var(--accent-soft);border-color:#c3d4ef}.rb-btn:disabled{opacity:.4;cursor:default}.rb-btn-icon{font-size:22px;line-height:1.15}.rb-btn-label{white-space:nowrap;font-size:11px}.rb-active{color:#fff;background:var(--accent)!important;border-color:var(--accent)!important}.rb-caret{opacity:.7;margin-left:3px;font-size:8px}.rb-grid{grid-template-rows:repeat(2,1fr);grid-auto-flow:column;align-content:center;gap:2px;display:grid}.rb-small{cursor:pointer;color:var(--text);white-space:nowrap;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 7px;font-size:12.5px}.rb-small:hover{background:var(--accent-soft);border-color:#c3d4ef}.rb-flyout{align-items:stretch;display:inline-flex;position:relative}.rb-flyout-caret{cursor:pointer;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:5px;align-self:stretch;padding:0 3px;font-size:9px}.rb-flyout-caret:hover{background:var(--accent-soft);color:var(--accent)}.rb-menu{border:1px solid var(--panel-border);z-index:120;background:#fff;border-radius:8px;min-width:250px;padding:4px;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 6px 20px #141e2d2e}.rb-group .rb-menu{top:100%}.rb-menu button{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.rb-menu button:hover:not(:disabled){background:var(--accent-soft)}.rb-menu button:disabled{opacity:.4;cursor:default}.rb-menu .mi-icon{text-align:center;width:24px;font-size:17px}.rb-menu .mi-label{flex:1}.rb-menu .mi-shortcut{color:var(--text-dim);padding-left:12px;font-size:11px}.rb-menu .mi-check{color:var(--accent);font-weight:700}.main-row{flex:1;min-height:0;display:flex}.feature-tree{background:var(--panel);border-right:1px solid var(--panel-border);flex-shrink:0;width:230px;padding:6px;overflow-y:auto}.panel-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:4px;padding:4px 2px 8px;font-size:12px;font-weight:700;display:flex}.panel-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-collapsed{width:26px;padding:4px 2px}.tree-collapse{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:13px}.tree-collapse:hover{background:var(--accent-soft);color:var(--accent)}.tree-empty{color:var(--text-dim);padding:12px 8px;line-height:1.6}.tree-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:6px;padding:5px 6px;display:flex}.tree-item:hover{background:var(--accent-soft)}.tree-selected{background:var(--accent-soft);outline:1px solid #b9cdec}.tree-suppressed .tree-name{color:var(--text-dim);text-decoration:line-through}.tree-icon{text-align:center;width:18px}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-badge{text-align:center;border-radius:50%;width:16px;height:16px;font-size:11px;font-weight:700;line-height:16px}.tree-error{background:var(--danger);color:#fff}.tree-warn{color:var(--warn)}.tree-actions{gap:2px;display:none}.tree-item:hover .tree-actions{display:inline-flex}.tree-action{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:11px}.tree-action:hover{background:#fff}.viewport{flex:1;min-width:0;position:relative;overflow:hidden}.viewport canvas{display:block}.viewport-sketch{cursor:crosshair}.viewport-hint{border:1px solid var(--panel-border);color:var(--text-dim);pointer-events:none;background:#ffffffd9;border-radius:6px;max-width:70%;padding:4px 10px;position:absolute;bottom:8px;left:10px}.viewcube-wrap{z-index:30;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;right:16px}.viewcube-scene{perspective:380px;width:72px;height:72px}.viewcube{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.vc-face{backface-visibility:hidden;color:var(--text-dim);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fbeb;border:1px solid #aab3c0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.vc-face:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.vc-home{border:1px solid var(--panel-border);cursor:pointer;width:26px;height:24px;color:var(--text-dim);background:#ffffffeb;border-radius:6px;font-size:14px;line-height:1}.vc-home:hover{background:var(--accent-soft);color:var(--accent)}.viewport-buttons{border:1px solid var(--panel-border);background:#ffffffeb;border-radius:8px;gap:2px;padding:2px;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #141e2d1f}.viewport-buttons button{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:30px;font-size:15px}.viewport-buttons button:hover{background:var(--accent-soft)}.dim-label{color:#4a3f10;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform;background:#fff8dc;border:1px solid #d8c98a;border-radius:4px;padding:1px 5px;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.dim-label:hover{background:#fff2b8}.dim-input{border:2px solid var(--accent);z-index:50;border-radius:4px;width:90px;padding:3px 6px;font-size:13px;position:fixed}.dim-ghost{pointer-events:none;opacity:.85;z-index:40;position:fixed}.gesture-wheel{pointer-events:none;z-index:60;filter:drop-shadow(0 2px 8px #141e2d40);position:absolute}.gw-seg{fill:#fffffff0;stroke:#b9c2cf;stroke-width:1px}.gw-on .gw-seg{fill:#2f6fd6;stroke:#2456a8}.gw-icon{text-anchor:middle;fill:#333c48;-webkit-user-select:none;user-select:none;font-size:15px}.gw-label{text-anchor:middle;fill:#4a5563;-webkit-user-select:none;user-select:none;font-size:10px}.gw-on .gw-icon,.gw-on .gw-label{fill:#fff}.prop-panel{background:var(--panel);border-left:1px solid var(--panel-border);flex-shrink:0;width:250px;padding:8px;overflow-y:auto}.field{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.field>span{color:var(--text-dim);font-size:12px}.field input,.field select{border:1px solid var(--panel-border);background:#fff;border-radius:5px;padding:6px 8px;font-size:13px}.field input:focus,.field select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field-info{color:var(--text-dim);margin-bottom:10px;line-height:1.5}.field-help{color:var(--text-dim);border-top:1px solid var(--panel-border);margin-top:6px;padding-top:10px;font-size:12px;line-height:1.55}.btn-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0 0 10px;font-size:12.5px;display:inline-block}.btn-link:hover{text-decoration:underline}.panel-buttons{gap:6px;margin-top:12px;display:flex}.btn-ok{background:var(--ok);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-weight:600}.btn-ok:disabled{opacity:.4;cursor:default}.btn-ok:hover:not(:disabled){background:#12702f}.btn-cancel{border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:8px}.btn-cancel:hover{background:#f2dede;border-color:#dcb3b3}.plane-btn{text-align:left;border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:6px;width:100%;margin-bottom:6px;padding:9px 10px;font-size:13px;display:block}.plane-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.status-bar{background:var(--panel);border-top:1px solid var(--panel-border);align-items:center;gap:8px;min-height:34px;padding:3px 10px;display:flex}.timeline{align-items:center;gap:3px;max-width:45%;padding:1px 2px;display:flex;overflow-x:auto}.tl-chip{border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:5px;flex-shrink:0;width:28px;height:26px;font-size:13px;line-height:1}.tl-chip:hover{background:var(--accent-soft);border-color:#c3d4ef}.tl-selected{border-color:var(--accent);outline:1px solid var(--accent)}.tl-suppressed{opacity:.45}.tl-error{border-color:var(--danger);background:#fbeaea}.status-msg{color:var(--danger);opacity:0;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s;overflow:hidden}.status-visible{opacity:1}.status-chip{color:var(--text-dim);white-space:nowrap;font-size:12px}.status-ok{color:var(--ok)}.status-error{color:var(--danger)}.canvas2d-col{flex-direction:column;flex:1;min-width:0;display:flex}.canvas2d{cursor:none;touch-action:none;flex:1;width:100%;min-height:0;display:block}.cmdline{border-top:1px solid var(--panel-border);color:#d7dae0;background:#2a2e35;font-family:Cascadia Mono,Consolas,Menlo,monospace;font-size:12.5px}.cmdline-history{white-space:pre-wrap;color:#aab2bf;height:74px;padding:4px 10px;line-height:1.45;overflow-y:auto}.cmdline-row{border-top:1px solid #3a3f48;align-items:center;gap:8px;padding:4px 10px 6px;display:flex}.cmdline-prompt{color:#7cc4ff;white-space:nowrap}.cmdline-input{color:#f2f2f2;font:inherit;background:0 0;border:none;outline:none;flex:1}.layer-panel{background:var(--panel);border-right:1px solid var(--panel-border);flex-shrink:0;width:190px;padding:6px;overflow-y:auto}.layer-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:7px;padding:5px 6px;display:flex}.layer-item:hover{background:var(--accent-soft)}.layer-current{background:var(--accent-soft);outline:1px solid #b9cdec}.layer-color{cursor:pointer;border:1px solid #9aa2ad;border-radius:3px;width:14px;height:14px;padding:0}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-linetype{cursor:pointer;letter-spacing:-1px;color:var(--text-dim);white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:10px}.layer-linetype:hover{background:var(--accent-soft);color:var(--accent)}.layer-item:hover .tree-actions{display:inline-flex}.coords2d{min-width:140px;font-family:Cascadia Mono,Consolas,monospace}.loading-overlay{z-index:100;background:#eef0f4f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-box{text-align:center;width:380px}.loading-title{color:var(--accent);letter-spacing:1px;margin-bottom:18px;font-size:34px;font-weight:800}.loading-text{color:var(--text-dim);margin-bottom:10px}.loading-bar{background:#dde1e8;border-radius:4px;height:8px;overflow:hidden}.loading-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .15s}.loading-note{color:var(--text-dim);margin-top:12px;font-size:12px;line-height:1.5}.loading-error{color:var(--danger);line-height:1.6}.sketch-status{border-radius:6px;margin-bottom:8px;padding:6px 8px;font-weight:700}.st-defined{color:#14532d;background:#e6efe8}.st-under{background:var(--accent-soft);color:var(--accent)}.st-conflict{color:var(--danger);background:#f7dddd}.panel-subtitle{color:var(--text-dim);padding:10px 0 4px;font-size:12px;font-weight:700}.rel-list{border:1px solid var(--panel-border);background:#fff;border-radius:6px;max-height:220px;overflow-y:auto}.rel-item{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.rel-item:last-child{border-bottom:none}.rel-item button{cursor:pointer;color:var(--danger);background:0 0;border:none;border-radius:4px;padding:2px 5px}.rel-item button:hover{background:#f7dddd}.viewport{touch-action:none}@media (width<=900px){.feature-tree{width:180px}.prop-panel{width:210px}.layer-panel{width:150px}}@media (width<=640px){.feature-tree{width:140px}.prop-panel{width:180px}.layer-panel{width:120px}.rb-btn{min-width:44px;padding:4px 4px 3px}.ribbon-tab{padding:5px 9px 4px}.appbar{padding:3px 4px}.cmdline-input{font-size:16px}.status-bar{font-size:11px}.viewport-hint{display:none}}.sketch-cmdline .cmdline-history{max-height:54px}