:root{--bg: #f4f6f8;--panel: #ffffff;--border: #d8dee6;--text: #222831;--muted: #6b7682;--danger: #d23b3b;--ok: #16a34a;--accent: #1d4ed8;--accent-contrast: #ffffff;--accent-weak: rgba(29, 78, 216, .1);--accent-ring: rgba(29, 78, 216, .35);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .06);--shadow-2: 0 2px 4px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .1);--shadow-pop: 0 4px 8px rgba(0, 0, 0, .06), 0 14px 40px rgba(0, 0, 0, .16);--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 18px;--fw-med: 500;--fw-semi: 600;--island-bg: rgba(255, 255, 255, .92);--island-border: rgba(216, 222, 230, .7);--island-blur: 8px;--island-radius: var(--r-lg);--island-shadow: var(--shadow-2);--island-pad: var(--sp-2);--z-canvas-overlay: 5;--z-island: 20;--z-popover: 40;--z-modal: 50;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}.island{background:var(--island-bg);border:1px solid var(--island-border);border-radius:var(--island-radius);box-shadow:var(--island-shadow);backdrop-filter:blur(var(--island-blur));-webkit-backdrop-filter:blur(var(--island-blur))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main{position:relative;flex:1;min-height:0}.canvas-col{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;display:flex}.canvas-wrap{position:relative;flex:1;min-width:0;overflow:hidden;background:#fbfcfd}.canvas-svg{display:block;width:100%;height:100%;background:#fbfcfd;outline:none;touch-action:none}.len-hud{position:absolute;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.len-input{display:flex;align-items:center;gap:3px;padding:2px 6px;background:#fffffff5;border:1px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--shadow-1);font-size:13px}.len-input input{width:56px;border:none;outline:none;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--accent);text-align:right;pointer-events:none}.len-input span{color:var(--muted);font-size:12px}.len-hint{background:#252b33e6;color:#fff;font-size:11px;line-height:1.3;padding:2px 7px;border-radius:5px;white-space:nowrap}.dim-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.dim-lines{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.dim-ext{stroke:#9aa6b2;stroke-width:1}.dim-line,.dim-tick{stroke:var(--accent);stroke-width:1.5}.dim-input{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2px;padding:1px 5px;background:#fffffff7;border:1px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--shadow-1);pointer-events:auto}.dim-input input{width:38px;border:none;outline:none;background:transparent;font:inherit;font-size:12px;font-weight:600;color:var(--accent);text-align:right}.dim-input span{color:var(--muted);font-size:11px}.dim-snap{position:absolute;z-index:7;transform:translate(-50%,-50%);pointer-events:none;background:var(--ok);color:#fff;font-size:11px;font-weight:var(--fw-semi);padding:1px 7px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:var(--shadow-1)}.welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-canvas-overlay);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--fs-md);color:var(--muted)}.welcome-leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.welcome-leaders path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;opacity:.9}.wlabel{position:absolute;pointer-events:none;display:block;line-height:1.3;color:var(--accent);font-weight:600;font-size:var(--fs-md);white-space:nowrap}.wlabel small{display:block;color:var(--muted);font-weight:500;font-size:var(--fs-xs)}.wlabel kbd{font:inherit;background:#eef1f5;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--r-sm);padding:0 5px}.wlabel--center{transform:translate(-50%);text-align:center}.wlabel--right{text-align:right}.welcome-card{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:min(92vw,460px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.welcome-logo{display:flex;align-items:center;gap:12px}.welcome-wordmark{font-size:30px;font-weight:780;letter-spacing:-.02em;color:var(--text)}.welcome-wordmark .tld{font-weight:500;color:var(--accent)}.welcome-hero{margin:10px 0 0;font-size:var(--fs-xl);font-weight:600;color:var(--text);letter-spacing:-.01em}.welcome-hero strong{color:var(--accent);font-weight:800}.welcome-sub{margin:2px 0 0;font-size:var(--fs-sm);color:var(--muted)}.welcome-menu{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:var(--sp-3);width:min(86vw,280px);pointer-events:auto}.wmenu-item{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:1px solid transparent;border-radius:var(--r-md);font:inherit;font-size:var(--fs-md);font-weight:600;color:var(--text);text-align:left}.wmenu-item svg{flex:none;color:var(--accent)}.wmenu-item:hover{background:var(--accent-weak);border-color:var(--accent-ring)}.welcome-info{margin:2px 6px 0;max-width:40ch;font-size:var(--fs-sm);color:var(--muted);line-height:1.5;text-align:left;pointer-events:none}.welcome-templates{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;pointer-events:auto}.wchip{pointer-events:auto;cursor:pointer;padding:5px 12px;font:inherit;font-size:var(--fs-sm);color:var(--accent);background:var(--accent-weak);border:1px solid transparent;border-radius:var(--r-pill)}.wchip:hover{border-color:var(--accent)}.welcome-error{color:var(--danger);font-size:var(--fs-sm);margin-top:2px}.welcome-skip{pointer-events:auto;cursor:pointer;margin-top:var(--sp-1);background:none;border:none;color:var(--muted);font:inherit;font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:2px}.welcome-skip:hover{color:var(--accent)}.top-dock{position:absolute;top:var(--sp-3);left:50%;transform:translate(-50%);z-index:var(--z-island);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);max-width:calc(100vw - 2 * var(--sp-4))}.toolbar{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-1);max-width:100%;border-radius:var(--r-xl)}.tb-group{display:flex;gap:var(--sp-1);align-items:center}.tb-sep{width:1px;height:22px;background:var(--border);margin:0 var(--sp-1)}.tb-spacer{flex:1}.tb-label{font-size:12px;color:var(--muted);margin-right:2px}.tb-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;background:transparent;border-radius:var(--r-md);cursor:pointer;color:var(--text)}.tb-btn:hover{background:var(--accent-weak);color:var(--accent)}.tb-btn.active{background:var(--accent);color:var(--accent-contrast)}.tb-btn:disabled{opacity:.4;cursor:default}.tb-btn.menu{width:auto;gap:1px;padding:0 var(--sp-1)}.tb-btn .key{position:absolute;right:3px;bottom:1px;font-size:9px;line-height:1;font-weight:var(--fw-semi);opacity:.5;pointer-events:none}.tb-btn.active .key{opacity:.85}.tb-menu-wrap{position:relative;display:flex}.tb-menu{position:absolute;top:calc(100% + var(--sp-2));right:0;z-index:var(--z-popover);width:224px;padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.tb-menu-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:var(--sp-1)}.tb-menu-row{display:flex;gap:var(--sp-1)}.tb-chip{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);background:var(--panel);border-radius:var(--r-sm);cursor:pointer;font:inherit;font-size:var(--fs-sm);color:var(--text)}.tb-chip.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.tb-menu-divider{height:1px;background:var(--border);margin:var(--sp-1) 0}.tb-menu-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;font:inherit;font-size:var(--fs-md);color:var(--text);text-align:left}.tb-menu-item:hover,.tb-menu-item.active{background:var(--accent-weak);color:var(--accent)}.tb-menu.tb-menu-left{right:auto;left:0}.tb-menu-kbd{margin-left:auto;font-size:var(--fs-xs);opacity:.55}.tb-tip{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(3px);z-index:var(--z-popover);width:max-content;max-width:220px;padding:6px 9px;background:#2b313a;color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-2);text-align:left;opacity:0;pointer-events:none;transition:opacity .08s ease,transform .08s ease}.tb-tip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#2b313a}.tb-btn:hover .tb-tip,.tb-btn:focus-visible .tb-tip{opacity:1;transform:translate(-50%) translateY(0)}.tb-tip-title{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:var(--fw-semi);white-space:nowrap}.tb-tip-title kbd{font:inherit;font-size:10px;font-weight:var(--fw-semi);background:#ffffff29;border-radius:4px;padding:1px 5px}.tb-tip-desc{display:block;margin-top:3px;font-size:var(--fs-xs);line-height:1.35;color:#ffffffd1;white-space:normal}.project-dock{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:var(--z-island)}.project-menu{position:relative}.pm-trigger{display:inline-flex;align-items:center;gap:var(--sp-1);max-width:240px;font:inherit;font-size:var(--fs-md);padding:var(--sp-1) var(--sp-2);cursor:pointer;color:var(--text)}.pm-trigger:hover{background:var(--accent-weak)}.pm-icon{display:inline-flex;color:var(--muted)}.pm-name{font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-caret{display:inline-flex;color:var(--muted)}.pm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.pm-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:41;width:300px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0000002e;padding:12px}.pm-rename{display:flex;flex-direction:column;gap:4px}.pm-rename span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pm-rename input{font:inherit;font-size:14px;padding:5px 8px;border:1px solid var(--border);border-radius:6px}.pm-saved{margin-top:6px;font-size:11px;color:#16a34a}.pm-divider{height:1px;background:var(--border);margin:10px 0}.pm-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.pm-row{display:flex;align-items:center;gap:4px;border-radius:6px}.pm-row.current{background:#eef4ff}.pm-row-main{flex:1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left;padding:6px 8px;border-radius:6px;color:var(--text);overflow:hidden}.pm-row-main:hover{background:#0a84ff14}.pm-row-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-row.current .pm-row-name:after{content:" ●";color:var(--accent);font-size:9px}.pm-row-time{flex-shrink:0;font-size:11px;color:var(--muted)}.pm-del{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;padding:4px 6px;border-radius:5px}.pm-del:hover{background:#fdeaea;color:var(--danger)}.pm-confirm{display:flex;gap:4px}.pm-confirm button{font:inherit;font-size:11px;padding:3px 7px;border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer}.pm-confirm button.danger{border-color:var(--danger);color:var(--danger)}.pm-actions{display:flex;gap:6px}.pm-actions button{font:inherit;font-size:12px;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;color:var(--text)}.pm-actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.pm-actions button:hover{filter:brightness(.97)}.banner{background:#fff4d6;color:#7a5b00;border:1px solid #f0d98a;border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-md);max-width:100%}.shortcuts-overlay{position:absolute;right:14px;bottom:14px;z-index:5;width:172px;background:#ffffff80;border:1px solid rgba(216,222,230,.7);border-radius:10px;box-shadow:0 4px 16px #00000014;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;color:var(--text);opacity:.68;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.shortcuts-overlay:hover,.shortcuts-overlay.open{opacity:1;background:#fffffff2;box-shadow:0 10px 30px #00000029}.so-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;cursor:pointer}.so-title{font-weight:600;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.so-toggle{border:none;background:transparent;cursor:pointer;padding:2px 4px;display:flex;align-items:center;color:var(--muted)}.so-toggle:hover{color:var(--text)}.so-chevron{width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5.5px solid currentColor;transition:transform .3s ease}.shortcuts-overlay.open .so-chevron{transform:rotate(180deg)}.so-list{display:flex;flex-direction:column;gap:4px;padding:0 10px 8px}.so-row{display:flex;align-items:center;gap:8px}.so-row span{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcuts-overlay kbd{flex-shrink:0;font:inherit;font-size:11px;min-width:18px;text-align:center;background:#eef1f5;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 4px;color:var(--text)}.so-expand{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.shortcuts-overlay.open .so-expand{grid-template-rows:1fr}.so-expand-inner{overflow:hidden;min-height:0;opacity:0;transition:opacity .25s ease}.shortcuts-overlay.open .so-expand-inner{opacity:1}.so-divider{height:1px;background:var(--border);margin:0 10px 7px}.so-edit{margin:2px 10px 10px;font:inherit;font-size:12px;padding:4px 8px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;color:var(--accent)}.so-edit:hover{background:#f0f3f6}.diluxon-credit{position:absolute;right:198px;bottom:14px;z-index:5;display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;color:var(--ink-soft, #8a929c);text-decoration:none;opacity:.6;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.diluxon-credit:hover{opacity:1}.diluxon-credit img{border-radius:4px}.inspector{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:var(--z-island);width:248px;max-height:calc(100vh - 2 * var(--sp-3));overflow-y:auto;padding:var(--sp-3);animation:island-in .16s ease}@keyframes island-in{0%{opacity:0;transform:translateY(4px)}}.inspector h3{margin:0 0 10px;font-size:14px}.inspector h4{margin:6px 0;font-size:13px;color:var(--muted)}.insp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0;font-size:13px}.insp-row input[type=number],.insp-row input[type=text],.insp-row select{width:110px;padding:3px 6px;border:1px solid var(--border);border-radius:5px;font:inherit;font-size:13px}.insp-row input[type=text]{text-align:right}.insp-readonly{font-weight:600;font-variant-numeric:tabular-nums}.insp-row input[type=range]{width:120px}.insp-advanced{margin-top:8px;border-top:1px dashed var(--border);padding-top:4px}.insp-advanced>summary{cursor:pointer;font-size:12px;color:var(--muted);-webkit-user-select:none;user-select:none;padding:3px 0}.hint{color:var(--muted);font-size:13px}.hint.small{font-size:12px;line-height:1.5}.summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:10px 0}.summary div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:2px}.summary dt{color:var(--muted);font-size:12px}.summary dd{margin:0;font-weight:600}button.danger{margin-top:14px;width:100%;padding:7px;border:1px solid var(--danger);color:var(--danger);background:#fff;border-radius:6px;cursor:pointer;font:inherit}button.danger:hover{background:#fdeaea}.statusbar{position:absolute;bottom:var(--sp-3);left:50%;transform:translate(-50%);z-index:var(--z-island);display:flex;align-items:center;gap:var(--sp-3);max-width:calc(100vw - 2 * var(--sp-6));padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);color:var(--muted);pointer-events:none;white-space:nowrap;overflow:hidden}.sb-item.accent{color:var(--accent);font-weight:var(--fw-semi)}.sb-item.hint{color:var(--text);font-weight:var(--fw-med)}.zoom-cluster{position:absolute;left:var(--sp-3);bottom:var(--sp-3);z-index:var(--z-island);display:flex;gap:var(--sp-2)}.zc-group{display:flex;align-items:center;padding:3px;gap:2px;border-radius:var(--r-md)}.zc-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--text)}.zc-btn:hover{background:var(--accent-weak);color:var(--accent)}.zc-btn:disabled{opacity:.35;cursor:default}.zc-btn:disabled:hover{background:transparent;color:var(--text)}.zc-pct{min-width:46px;height:30px;border:none;background:transparent;cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semi);font-variant-numeric:tabular-nums;color:var(--text);border-radius:var(--r-sm)}.zc-pct:hover{background:var(--accent-weak);color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181e66;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:10px;padding:20px 22px;width:440px;max-width:90vw;max-height:85vh;overflow:auto;box-shadow:0 12px 40px #00000040}.modal h2{margin:0 0 12px;font-size:18px}.modal h4{margin:14px 0 6px;font-size:13px;color:var(--muted)}.key-grid{display:flex;flex-direction:column;gap:6px}.key-row{display:flex;align-items:center;justify-content:space-between}.key-row input{width:44px;text-align:center;text-transform:uppercase;padding:5px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:15px}.key-row input.dupe{border-color:var(--danger);background:#fdeaea}.warn{color:var(--danger);font-size:12px;margin:6px 0 0}.cmd-list{list-style:none;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:5px}.cmd-list li{display:flex;align-items:center;gap:10px;font-size:13px}.cmd-list kbd{min-width:78px;text-align:center;font:inherit;font-size:12px;background:#f0f3f6;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:2px 5px}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.modal-actions button{font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer}.modal-actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-actions button:disabled{opacity:.5;cursor:default}.print-only{display:none}@media print{.print-only{display:block}body>#root>*:not(.print-only){display:none!important}html,body,#root{margin:0;padding:0;background:#fff}.print-sheet{margin:0;padding:0;background:#fff;box-shadow:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}