.component-editor{min-height:140px;max-height:55vh;color:var(--foreground);overflow:auto}.component-editor .cm-editor{background:0 0;min-height:140px}.component-editor .cm-scroller{overflow:auto}.component-editor canvas{max-width:100%;height:auto!important}.composition-reference-chip{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 10%, var(--background));white-space:nowrap;vertical-align:baseline;border:1px solid;border-radius:4px;padding:0 6px;font:12px/1.5 Inter,sans-serif;display:inline-block}.component-editor .cm-slider input{vertical-align:middle;width:64px;margin-right:4px}.composition-error{border:1px solid var(--paper-accent);color:var(--panel-foreground,var(--paper-ink));font:var(--ui-small-font-size,12px)/1.5 var(--ui-font,sans-serif);overflow-wrap:anywhere;border-radius:5px;flex-shrink:0;margin:8px;padding:9px 12px}.paper-graph-inspector{--graph-background:var(--panel-background,var(--paper-bg));--graph-foreground:var(--panel-foreground,var(--paper-ink));--graph-border:var(--panel-border,var(--paper-border));--graph-muted:var(--panel-foreground,var(--paper-muted));--graph-accent:var(--panel-highlight,var(--paper-accent));box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:0;color:var(--panel-foreground,var(--paper-ink));background:var(--panel-background,var(--paper-bg));font:var(--ui-font-size,14px)/1.5 var(--ui-font,sans-serif);flex:1;padding:12px;overflow:auto;container-type:inline-size}.paper-graph-inspector *,.paper-graph-inspector :before,.paper-graph-inspector :after{box-sizing:border-box}.paper-graph-inspector [hidden]{display:none!important}.paper-graph-inspector button,.paper-graph-inspector input,.paper-graph-inspector select{border:1px solid var(--graph-border);min-width:0;max-width:100%;min-height:44px;color:inherit;background:var(--graph-background);font:inherit;border-radius:5px;padding:8px 10px}.paper-graph-inspector button{cursor:pointer;white-space:normal;overflow-wrap:anywhere}.paper-graph-inspector button:disabled{cursor:default;opacity:.5}.paper-graph-inspector :is(button,input,select):focus-visible{outline:2px solid var(--graph-accent);outline-offset:2px}.paper-graph-inspector input::placeholder{color:var(--graph-muted);opacity:1}.paper-graph-inspector label{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.paper-graph-inspector h3{font:inherit;overflow-wrap:anywhere;margin:0 0 7px;font-weight:600}.paper-graph-heading label{width:100%}.paper-graph-hint{color:var(--graph-muted);font-size:var(--ui-small-font-size,.9em);overflow-wrap:anywhere;margin:8px 0}.paper-graph-tabs{border-bottom:1px solid var(--graph-border);flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:8px;display:flex}.paper-graph-tabs button{flex:auto}.paper-graph-tabs button[aria-selected=true]{border-color:var(--graph-accent);color:var(--graph-foreground);font-weight:600}.paper-graph-search{margin-bottom:12px}.paper-graph-search input{width:100%}.paper-graph-view{min-width:0}.paper-graph-diagnostics,.paper-graph-error{border:1px solid var(--graph-accent);overflow-wrap:anywhere;border-radius:5px;margin:10px 0;padding:10px}.paper-graph-diagnostics{max-height:220px;overflow:auto}.paper-graph-diagnostics button{text-align:left;width:100%;margin-top:5px;display:block}.paper-graph-components{gap:6px;max-height:350px;display:grid;overflow:auto}.paper-graph-components button{text-align:left;flex-direction:column;align-items:start;gap:3px;display:flex}.paper-graph-components button[aria-current=true]{border-color:var(--graph-accent)}.paper-graph-components button span{color:var(--graph-muted)}.paper-graph-inspector pre{border:1px solid var(--graph-border);background:color-mix(in srgb, var(--graph-foreground) 2%, var(--graph-background));max-width:100%;font-family:var(--code-font,monospace);tab-size:2;border-radius:5px;margin:12px 0;padding:12px;line-height:1.6;overflow:auto}.paper-graph-bindings button{text-align:left;flex-wrap:wrap;gap:6px 12px;width:100%;margin:6px 0;display:flex}.paper-graph-bindings code{overflow-wrap:anywhere}.paper-graph-actions{border-top:1px solid var(--graph-border);margin-top:12px;padding-top:12px}.paper-graph-selected{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.paper-graph-selected h3,.paper-graph-selected p{flex-basis:100%;margin:0}.paper-graph-selected p{margin-bottom:5px}.paper-graph-action-row{flex-wrap:wrap;align-items:end;gap:8px;min-width:0;margin-top:12px;display:flex}.paper-graph-action-row label{flex:180px}.paper-graph-action-row label>:is(select,input){width:100%}.paper-graph-action-row .paper-graph-hint{flex-basis:100%;margin:0}.paper-graph-blank{border-top:1px solid var(--graph-border);padding-top:12px}.paper-graph-song-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.paper-graph-diagram-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.paper-graph-diagram-toolbar p{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.paper-graph-diagram-controls{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.paper-graph-edge-key{border-top:2px solid var(--graph-accent);width:20px;display:inline-block}.paper-graph-edge-key.binding{border-top-style:dashed;border-color:var(--graph-muted)}.paper-graph-scroll{border:1px solid var(--graph-border);background:radial-gradient(var(--graph-border) .7px, transparent .7px) 0 0 / 18px 18px;border-radius:5px;width:100%;min-width:0;overflow:auto}.paper-graph-diagram-resize{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:44px;display:flex}.paper-graph-diagram-resize>span{border-block:1px solid var(--graph-border);width:48px;height:5px}.paper-graph-diagram-resize:is(:hover,:focus-visible)>span{border-color:var(--graph-accent)}.paper-graph-diagram-resize:focus-visible{outline:2px solid var(--graph-accent);outline-offset:-2px}.paper-graph-inspector[data-diagram-expanded=true]{flex-direction:column;display:flex;overflow:hidden}.paper-graph-inspector[data-diagram-expanded=true] .paper-graph-view,.paper-graph-inspector[data-diagram-expanded=true] .paper-graph-diagram{flex-direction:column;flex:1;min-height:0;display:flex}.paper-graph-inspector[data-diagram-expanded=true] .paper-graph-diagram-toolbar{flex:none;padding-bottom:8px}.paper-graph-inspector[data-diagram-expanded=true] .paper-graph-scroll{flex:1;min-height:0}.paper-graph-stage{position:relative}.paper-graph-lines{position:absolute;inset:0;overflow:visible}.paper-graph-edge{color:var(--graph-accent);cursor:pointer}.paper-graph-edge.binding{color:var(--graph-muted)}.paper-graph-edge>path{fill:none;stroke:currentColor;stroke-width:1.5px}.paper-graph-edge.binding>path:not(.paper-graph-edge-hit){stroke-dasharray:5 4}.paper-graph-edge>path.paper-graph-edge-hit{stroke:#0000;stroke-width:20px;pointer-events:stroke}.paper-graph-edge text{fill:var(--graph-foreground);font:var(--ui-small-font-size,12px) var(--ui-font,sans-serif);paint-order:stroke;stroke:var(--graph-background);stroke-width:4px;stroke-linejoin:round}.paper-graph-edge:focus-visible{outline:none}.paper-graph-edge:focus-visible>path:not(.paper-graph-edge-hit){stroke-width:4px}.paper-graph-inspector .paper-graph-node{text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:start;gap:3px;width:220px;min-height:100px;padding:10px 12px;display:flex;position:absolute}.paper-graph-node[aria-pressed=true]{border-color:var(--graph-accent);box-shadow:0 0 0 1px var(--graph-accent)}.paper-graph-node :is(span,small){color:var(--graph-muted);font-size:var(--ui-small-font-size,.9em)}.paper-graph-node>strong{overflow-wrap:anywhere;max-width:100%}@container (width<=340px){.paper-graph-action-row>button{width:100%}.paper-graph-song-actions>button{flex:100%}}.routing-inspector{min-width:0;color:var(--paper-ink);font:var(--ui-font-size)/1.45 var(--ui-font);padding:12px}.routing-inspector *,.routing-inspector :before,.routing-inspector :after{box-sizing:border-box}.routing-inspector button,.routing-inspector input,.routing-inspector select{color:inherit;font:inherit;border:1px solid var(--paper-border);background:var(--paper-bg);border-radius:4px;min-width:0;max-width:100%;min-height:32px;padding:5px 8px}.routing-inspector button{cursor:pointer}.routing-inspector :is(button,input,select):focus-visible{outline:2px solid var(--paper-accent);outline-offset:2px}.routing-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.routing-heading strong{font-size:var(--ui-font-size);font-weight:600}.routing-mode,.routing-note,.routing-fragment p,.routing-outputs>span,.routing-input-title>span,.routing-source,.routing-reference,.routing-create label{color:var(--paper-muted);font-size:var(--ui-small-font-size)}.routing-mode{border:1px solid var(--paper-border);border-radius:4px;padding:2px 6px}.routing-fragment p,.routing-note{margin:0 0 9px}.routing-code-help{color:var(--paper-muted);font-size:var(--ui-small-font-size);margin-bottom:12px}.routing-code-help p{margin:0 0 8px}.routing-code-help>code{color:var(--paper-ink);overflow-wrap:anywhere;margin:4px 0;display:block}.routing-migration{margin-bottom:12px}.routing-resolved-source{overflow-wrap:anywhere;margin:0}.routing-outputs{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:10px;display:flex}.routing-outputs code{border:1px solid var(--paper-border);overflow-wrap:anywhere;border-radius:4px;padding:2px 6px;font-size:12px}.routing-input{border-top:1px solid var(--paper-border);padding:10px 0}.routing-input-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;display:flex}.routing-input-title code{font-size:14px}.routing-input-title>span:last-child{margin-left:auto}.routing-source,.routing-reference,.routing-create label{flex-direction:column;gap:4px;display:flex}.routing-source select,.routing-reference select{width:100%;color:var(--paper-ink);font-size:var(--ui-font-size)}.routing-input-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.routing-references{gap:8px;display:grid}.routing-reference{border-top:1px solid var(--paper-border);padding-top:8px}.routing-diagnostics{color:var(--paper-muted);font-size:var(--ui-small-font-size);overflow-wrap:anywhere;margin:8px 0;padding-left:20px}.routing-error{border:1px solid var(--paper-accent);overflow-wrap:anywhere;font-size:var(--ui-small-font-size);border-radius:4px;margin:0 0 8px;padding:8px}.routing-create{border-top:1px solid var(--paper-border);flex-wrap:wrap;align-items:end;gap:6px;margin-top:10px;padding-top:10px;display:flex}.routing-create label{flex:140px}.routing-create input{width:100%;color:var(--paper-ink);font-size:var(--ui-font-size)}@media (width<=640px){.routing-inspector :is(button,input,select){min-height:44px}.routing-create button{flex:100%}}