:root{--nm-bg: #e4e9f0;--nm-light: #ffffff;--nm-dark: #b9c2cf;--nm-dark-soft: #cdd4de;--nm-fg: #3a4352;--nm-fg-dim: #7b8595;--nm-accent: #ec7000;--nm-accent-soft: #ffb36b;--nm-r-card: 26px;--nm-r-ctl: 12px;--nm-raised: -8px -8px 18px var(--nm-light), 8px 8px 18px var(--nm-dark);--nm-raised-sm: -4px -4px 9px var(--nm-light), 4px 4px 9px var(--nm-dark);--nm-inset: inset 3px 3px 7px var(--nm-dark), inset -3px -3px 7px var(--nm-light);--nm-inset-sm: inset 2px 2px 4px var(--nm-dark), inset -2px -2px 4px var(--nm-light);--panel-w: 320px;--gutter: 24px;font-family:ui-sans-serif,-apple-system,Inter,Helvetica Neue,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--nm-bg);color:var(--nm-fg);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}.nm-raised{background:var(--nm-bg);border-radius:var(--nm-r-card);box-shadow:var(--nm-raised)}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#viewport canvas.dragging{cursor:grabbing}#viewport canvas.placing{cursor:crosshair}#hint{position:absolute;left:50%;bottom:var(--gutter);transform:translate(-50%);padding:4px 0;font-size:11px;color:var(--nm-fg-dim);white-space:nowrap;pointer-events:none}#hint b{font-weight:600;color:var(--nm-fg)}#brand{position:absolute;top:var(--gutter);left:var(--gutter);display:flex;align-items:center;gap:14px;padding:6px 0;pointer-events:none}#logo{width:84px;height:auto;opacity:.85}#title{font-size:13px;font-weight:600;letter-spacing:.03em;color:var(--nm-fg-dim);white-space:nowrap}#title i{font-style:normal;margin:0 6px;opacity:.5}#status{position:absolute;left:var(--gutter);bottom:var(--gutter);padding:4px 0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--nm-fg-dim);white-space:pre;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}#status.visible{opacity:1;transform:none}#panel{position:absolute;top:var(--gutter);right:var(--gutter);bottom:var(--gutter);width:var(--panel-w);padding:0;overflow:hidden;display:flex;flex-direction:column}#pane{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;scrollbar-width:thin;scrollbar-color:var(--nm-dark) transparent}#pane{--tp-base-font-family: ui-sans-serif, -apple-system, "Inter", "Helvetica Neue", Arial, sans-serif;--tp-base-background-color: transparent;--tp-base-shadow-color: transparent;--tp-button-background-color: var(--nm-bg);--tp-button-background-color-active: var(--nm-bg);--tp-button-background-color-focus: var(--nm-bg);--tp-button-background-color-hover: var(--nm-bg);--tp-button-foreground-color: var(--nm-fg);--tp-container-background-color: transparent;--tp-container-background-color-active: transparent;--tp-container-background-color-focus: transparent;--tp-container-background-color-hover: transparent;--tp-container-foreground-color: var(--nm-fg);--tp-groove-foreground-color: transparent;--tp-input-background-color: var(--nm-bg);--tp-input-background-color-active: var(--nm-bg);--tp-input-background-color-focus: var(--nm-bg);--tp-input-background-color-hover: var(--nm-bg);--tp-input-foreground-color: var(--nm-fg);--tp-label-foreground-color: var(--nm-fg-dim);--tp-monitor-background-color: var(--nm-bg);--tp-monitor-foreground-color: var(--nm-fg-dim)}#pane .tp-rotv{font-size:11px}#pane .tp-rotv,#pane .tp-fldv,#pane .tp-fldv_c{background:transparent!important;box-shadow:none}#pane .tp-rotv>.tp-brkv{border-left:none}#pane .tp-lblv_l{overflow:visible}#pane .tp-fldv{margin:0 0 16px}#pane .tp-fldv>.tp-fldv_b{height:36px;padding:0 14px;border-radius:var(--nm-r-ctl);background:var(--nm-bg);box-shadow:var(--nm-raised-sm);color:var(--nm-fg);font-weight:600;letter-spacing:.02em;transition:box-shadow .15s ease}#pane .tp-fldv>.tp-fldv_b:hover{box-shadow:var(--nm-raised-sm)}#pane .tp-fldv>.tp-fldv_b:active{box-shadow:var(--nm-inset-sm)}#pane .tp-fldv.tp-fldv-expanded>.tp-fldv_b{border-radius:var(--nm-r-ctl)}#pane .tp-fldv_m{color:var(--nm-fg-dim)}#pane .tp-fldv>.tp-fldv_c{padding:12px 4px 2px;border-left:none}#pane .tp-fldv>.tp-fldv_c>.tp-cntv{margin:0}#pane .tp-lblv{padding:3px 0}#pane .tp-lblv_l{padding-left:6px;color:var(--nm-fg-dim)}#pane .tp-txtv_i,#pane .tp-lstv_s,#pane .tp-mllv_i,#pane .tp-colswv_sw{background:var(--nm-bg);border-radius:10px;box-shadow:var(--nm-inset-sm);color:var(--nm-fg);height:26px}#pane .tp-txtv_i:focus,#pane .tp-lstv_s:focus{outline:none;box-shadow:var(--nm-inset)}#pane .tp-lstv_m{color:var(--nm-fg-dim)}#pane .tp-sldv_t{height:100%}#pane .tp-sldv_t:before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:var(--nm-bg);box-shadow:var(--nm-inset-sm)}#pane .tp-sldv_k{width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--nm-bg);box-shadow:var(--nm-raised-sm);top:50%;transform:translateY(-50%);transition:box-shadow .15s ease}#pane .tp-sldv_k:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--nm-accent);opacity:.9}#pane .tp-sldv:hover .tp-sldv_k,#pane .tp-sldv_t:active .tp-sldv_k{box-shadow:var(--nm-raised)}#pane .tp-sldtxtv_t{flex:0 0 52px;margin-left:6px}#pane .tp-sldtxtv_s{flex:1}#pane .tp-btnv{padding:2px 0 6px}#pane .tp-rotv>.tp-rotv_c>.tp-lblv:has(>.tp-lblv_v>.tp-btnv){margin:0 0 16px;padding:0}#pane .tp-btnv_b{height:32px;border-radius:var(--nm-r-ctl);background:var(--nm-bg);box-shadow:var(--nm-raised-sm);color:var(--nm-fg);font-weight:600;transition:box-shadow .15s ease,color .15s ease}#pane .tp-btnv_b:hover{color:var(--nm-accent)}#pane .tp-btnv_b:active{box-shadow:var(--nm-inset-sm)}#pane .tp-sprv_r{background:var(--nm-dark-soft);height:1px;margin:6px 4px}#pane .tp-p2dv_b{background:var(--nm-bg);box-shadow:var(--nm-inset-sm);border-radius:8px}#pane .tp-p2dv_b:hover,#pane .tp-p2dv_b:focus{background:var(--nm-bg)}#pane .tp-p2dv_p{background:var(--nm-bg);box-shadow:var(--nm-inset-sm);border-radius:12px}#pane .tp-p2dpv_p{background:transparent}#pane .tp-p2dpv_g{stroke:var(--nm-dark)}#pane .tp-p2dpv_m{fill:var(--nm-accent)}#pane .tp-p2dv_m{background:var(--nm-accent)}#pane .tp-ckbv_w{background:var(--nm-bg);box-shadow:var(--nm-inset-sm);border-radius:7px;width:22px;height:22px;transition:background .15s ease,box-shadow .15s ease}#pane .tp-ckbv_l:hover .tp-ckbv_w{background:var(--nm-bg)}#pane .tp-ckbv_i:checked+.tp-ckbv_w{background:var(--nm-accent);box-shadow:var(--nm-raised-sm)}#pane .tp-ckbv_i:checked+.tp-ckbv_w svg path{stroke:#fff}#pane .tp-colswv_b{border-radius:8px;box-shadow:var(--nm-raised-sm);overflow:hidden}#pane .tp-colswv_sw{border-radius:8px}#pane .tp-popv{background:var(--nm-bg);border-radius:14px;box-shadow:var(--nm-raised);padding:10px}#pane .tp-pckv_p,#pane .tp-colswv_p{background:transparent;box-shadow:none}#pane .tp-svpv_c,#pane .tp-hplv_c,#pane .tp-aplv_c{border-radius:8px}#pane .layer-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 4px 6px}#pane .layer-actions button{appearance:none;border:0;cursor:pointer;height:28px;padding:0 4px;border-radius:10px;background:var(--nm-bg);box-shadow:var(--nm-raised-sm);color:var(--nm-fg);font:inherit;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:box-shadow .15s ease,color .15s ease}#pane .layer-actions button:hover:not(:disabled){color:var(--nm-accent)}#pane .layer-actions button:active:not(:disabled){box-shadow:var(--nm-inset-sm)}#pane .layer-actions button:disabled{box-shadow:none;color:var(--nm-dark);cursor:default}#pane .tp-txtv.tp-v-disabled .tp-txtv_i,#pane .tp-mllv_i{color:var(--nm-fg-dim);box-shadow:var(--nm-inset-sm)}#mobile-gate{display:none;position:fixed;inset:0;background:var(--nm-bg);place-items:center;padding:24px;text-align:center}#mobile-gate>div{padding:40px 32px;max-width:360px}#mobile-gate img{width:110px;height:auto;opacity:.85}#mobile-gate h1{font-size:18px;margin:20px 0 8px}#mobile-gate p{font-size:14px;line-height:1.5;color:var(--nm-fg-dim);margin:0}@media(max-width:899px){#app{display:none}#mobile-gate{display:grid}}