:root{--bg:#d4dae1;--panel:rgba(250,249,246,0.9);--panel-strong:#f7f4ed;--ink:#1d1a1c;--muted:#5f6671;--line:rgba(29,26,28,0.14);--accent-audio:#f6ba00;--accent-cv:#0b88d8;--accent-mod:#d8171f;--accent-neutral:#6f8798;--shadow:0 20px 60px rgba(22,30,38,0.12);--card-shadow:0 10px 24px rgba(22,30,38,0.1);--radius:22px}html.theme-dark{--bg:#11171c;--panel:rgba(25,31,38,0.88);--panel-strong:#1b2229;--ink:#eef3f7;--muted:#a9b6c3;--line:rgba(238,243,247,0.14);--shadow:0 24px 70px rgba(0,0,0,0.35);--card-shadow:0 14px 34px rgba(0,0,0,0.32)}*{box-sizing:border-box}body,html{margin:0;height:100%;color-scheme:light;background:radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 32%),radial-gradient(circle at bottom right,rgba(11,136,216,.15),transparent 28%),linear-gradient(180deg,#d7dde4,#c9d2db);color:var(--ink);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif}body{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{height:100vh;padding:18px}.app-frame{height:100%;max-width:1580px;margin:0 auto;display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:20px;gap:20px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar{display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;min-height:0}.sidebar-section{padding:18px 18px 0}.sidebar-title{margin:0;font-size:1.85rem;line-height:1;letter-spacing:-.04em}.sidebar-copy{margin:8px 0 0}.sidebar-copy,.sidebar-credit{color:var(--muted);line-height:1.45}.sidebar-credit{margin:12px 0 0;font-size:.83rem}.sidebar-credit a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}.control-stack{display:grid;grid-gap:10px;gap:10px}.patch-meta{display:grid;grid-gap:2px;gap:2px}.patch-meta-label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.patch-meta-name{font-size:1rem}.sidebar-status{margin:2px 0 0;color:var(--muted);font-size:.83rem;line-height:1.4}.search-input,.select-input{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);color:var(--ink);padding:12px 14px}.symbol-list{padding:14px 18px 18px;overflow:auto;display:grid;grid-gap:10px;gap:10px;align-content:start;min-height:0}.symbol-button{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;padding:10px 12px;border:1px solid transparent;border-radius:18px;background:rgba(255,255,255,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-align:left;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.symbol-button:hover{transform:translateY(-1px);border-color:rgba(29,26,28,.18);box-shadow:var(--card-shadow)}.symbol-meta{min-width:0}.symbol-name{font-size:.96rem;font-weight:700;line-height:1.2;color:var(--ink)}.symbol-category{margin-top:4px;color:var(--muted);font-size:.82rem;text-transform:capitalize}.workspace{padding:18px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);grid-gap:16px;gap:16px;min-height:0;overflow:hidden}.toolbar{display:grid;grid-gap:8px;gap:8px}.toolbar-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.zoom-controls{display:inline-flex;align-items:center;gap:8px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72)}.zoom-readout{min-width:52px;text-align:center;color:var(--muted);font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar button,.toolbar select{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);padding:10px 14px}.toolbar-icon-button{width:38px;min-width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;line-height:1;vertical-align:middle;flex:0 0 auto}.toolbar-icon{display:block;width:18px;height:18px;overflow:visible}.toolbar button.active{background:var(--ink);color:white}.toolbar .danger{color:#9b1e23}.toolbar button:disabled{opacity:.45;cursor:not-allowed}.toolbar-note{color:var(--muted);font-size:.92rem}.toolbar-spacer{flex:1 1 auto}.canvas{position:relative;height:100%;min-height:0;overflow:hidden;border-radius:28px;border:1px solid rgba(29,26,28,.12);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(242,239,230,.72));cursor:default;touch-action:none}.canvas.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.canvas-stage{position:absolute;left:0;top:0;transform-origin:0 0;background:linear-gradient(rgba(255,255,255,.38) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));background-size:32px 32px,32px 32px,auto;box-shadow:inset 0 0 0 2px rgba(29,26,28,.18),0 0 0 1px rgba(255,255,255,.28)}.canvas-overlay{position:absolute;inset:0;pointer-events:auto;z-index:1}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;color:rgba(29,26,28,.45);letter-spacing:.02em;text-align:center;padding:24px}.palette-drag-preview{position:fixed;background:rgba(248,244,236,.92);box-shadow:0 18px 40px rgba(22,30,38,.18);pointer-events:none;opacity:.92;z-index:50}.node-card,.palette-drag-preview{width:122px;height:104px;padding:8px 10px 10px;border-radius:18px;border:1px solid rgba(29,26,28,.16)}.node-card{position:absolute;background:rgba(248,244,236,.95);box-shadow:var(--card-shadow);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.node-card.selected{outline:3px solid rgba(11,136,216,.22)}.node-card.selected .anchor,.node-card:hover .anchor{opacity:1;transform:scale(1)}.node-icon{display:grid;place-items:center}.node-label{margin-top:6px;font-size:.74rem;line-height:1.15;text-align:center}.node-note-badge,.port-note{position:absolute;font-size:.66rem;line-height:1.2;color:#231d1f;white-space:nowrap;background:rgba(255,253,248,.94);border:1px solid rgba(29,26,28,.14);border-radius:999px;padding:4px 8px;box-shadow:0 6px 16px rgba(22,30,38,.08);z-index:2;max-width:168px;overflow:hidden;text-overflow:ellipsis}.node-note-badge{top:8px;left:calc(100% + 10px)}.port-note-top{left:calc(50% + 12px);top:-22px}.port-note-right{left:calc(100% + 12px);top:calc(50% - 12px)}.port-note-bottom{left:calc(50% + 12px);bottom:-22px}.port-note-left{right:calc(100% + 12px);top:calc(50% - 12px)}.anchor{position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid #231d1f;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 0 1px rgba(29,26,28,.18);background:#faf7f0;opacity:.52;transform:scale(.92);transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease;z-index:3}.anchor.input{left:-9px;background:#faf7f0}.anchor.output{right:-9px;background:#231d1f;border-color:#faf7f0;box-shadow:0 0 0 2px rgba(29,26,28,.7),0 0 0 1px rgba(255,255,255,.16)}.anchor.left{left:-9px;right:auto;top:50%;margin-top:-9px}.anchor.right{right:-9px;left:auto;top:50%;margin-top:-9px}.anchor.top{top:-9px}.anchor.bottom,.anchor.top{left:50%;right:auto;margin-top:0;margin-left:-9px}.anchor.bottom{top:auto;bottom:-9px}.anchor:hover{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px rgba(29,26,28,.16)}.connection-path{pointer-events:stroke;cursor:pointer}.selection-box{position:absolute;border:1.5px solid rgba(11,136,216,.9);background:rgba(11,136,216,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);pointer-events:none;z-index:4}.canvas-legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.9rem}.tool-help{margin:-6px 0 2px;color:var(--muted);font-size:.86rem;line-height:1.4;max-width:840px}.legend-swatch{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.56);padding:8px 12px;color:inherit;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.legend-swatch:before{content:"";width:18px;height:4px;border-radius:999px;background:currentColor}.legend-swatch:hover{transform:translateY(-1px);border-color:rgba(29,26,28,.16);box-shadow:var(--card-shadow)}.legend-swatch.selected{background:rgba(255,255,255,.9);border-color:currentColor;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}.legend-swatch.select-tool{color:var(--ink)}.legend-swatch.select-tool:before{width:auto;height:auto;border-radius:0;background:transparent;content:"↖";font-size:.82rem;font-weight:700}.legend-swatch.text-tool{color:var(--ink)}.legend-swatch.text-tool:before{width:auto;height:auto;border-radius:0;background:transparent;content:"T";font-size:.82rem;font-weight:700}.file-panel{display:grid;grid-gap:10px;gap:10px}.note-editor-section{padding-top:0;padding-bottom:18px;overflow:auto}.note-editor{display:grid;grid-gap:12px;gap:12px}.note-field{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:.82rem}.note-textarea,.port-note-input{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78);color:var(--ink)}.note-textarea{resize:vertical;min-height:78px;padding:10px 12px}.port-note-grid{display:grid;grid-gap:10px;gap:10px}.hidden-file-input{display:none}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row.icon-row{flex-wrap:nowrap}.button-row.compact button{padding:8px 10px;border-radius:12px;font-size:.86rem}.button-row button{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.8);padding:10px 12px}.button-row .primary-button{background:#231d1f;color:#faf7f0;border-color:#231d1f}.button-row .primary-button:hover{background:#111012}.patch-library{display:grid;grid-gap:8px;gap:8px;margin-top:4px;max-height:240px;overflow:auto}.patch-library-empty{margin:0;color:var(--muted);font-size:.85rem}.patch-library-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.patch-library-delete,.patch-library-open{border:1px solid var(--line);background:rgba(255,255,255,.72)}.patch-library-open{display:grid;grid-gap:2px;gap:2px;text-align:left;border-radius:14px;padding:10px 12px}.patch-library-open span:last-child{color:var(--muted);font-size:.78rem}.patch-library-delete{border-radius:12px;padding:10px 12px;color:#9b1e23}html.theme-dark,html.theme-dark body{background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at bottom right,rgba(11,136,216,.16),transparent 26%),linear-gradient(180deg,#121920,#0b1015)}html.theme-dark .panel{border-color:rgba(255,255,255,.08)}html.theme-dark .button-row button,html.theme-dark .legend-swatch,html.theme-dark .note-textarea,html.theme-dark .patch-library-delete,html.theme-dark .patch-library-open,html.theme-dark .port-note-input,html.theme-dark .search-input,html.theme-dark .select-input,html.theme-dark .toolbar button,html.theme-dark .toolbar select,html.theme-dark .zoom-controls{background:rgba(255,255,255,.06);color:var(--ink);border-color:var(--line)}html.theme-dark .symbol-button{background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}html.theme-dark .legend-swatch:hover,html.theme-dark .symbol-button:hover{border-color:rgba(255,255,255,.14)}html.theme-dark .canvas{border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,20,26,.92),rgba(11,16,21,.96))}html.theme-dark .canvas-stage{background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.05)}html.theme-dark .canvas-empty{color:rgba(238,243,247,.42)}html.theme-dark .node-card,html.theme-dark .palette-drag-preview{border-color:rgba(255,255,255,.1);background:rgba(30,37,44,.92)}html.theme-dark .node-note-badge,html.theme-dark .port-note{color:var(--ink);background:rgba(30,37,44,.96);border-color:rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.28)}html.theme-dark .anchor{border-color:#dbe5ec;box-shadow:0 0 0 2px rgba(11,16,21,.85),0 0 0 1px rgba(255,255,255,.12);background:#f3f6f8}html.theme-dark .anchor.output{background:#11161b;border-color:#f3f6f8;box-shadow:0 0 0 2px rgba(243,246,248,.3),0 0 0 1px rgba(255,255,255,.1)}html.theme-dark .selection-box{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}html.theme-dark .legend-swatch.selected{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}html.theme-dark .button-row .primary-button{background:#f0f5f8;color:#12171c;border-color:#f0f5f8}html.theme-dark .button-row .primary-button:hover{background:#ffffff}@media (max-width:1100px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.app-frame{grid-template-columns:1fr;height:auto}.workspace{grid-template-rows:auto auto auto;overflow:visible}.canvas{min-height:620px;height:620px}}