.topic-canvas.pl-canvas.canvas-wrap{aspect-ratio:1000/590;transition:box-shadow .15s}.pl-canvas svg{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:default;width:100%;height:100%}.pl-canvas.pl-drop{box-shadow:inset 0 0 0 3px var(--cad)}.legend-line.pl-hot{border-top-color:#d8341c;margin-left:10px}.pl-s{fill:none;stroke:var(--ink);stroke-width:1.6px}.pl-sf{fill:var(--ink)}.pl-bg{fill:#fbfaf6}.pl-st{fill:var(--ink);text-anchor:middle;font-size:15px;font-weight:600}.pl-sl{font-family:var(--serif);fill:var(--ink);text-anchor:middle;font-size:17px}.pl-batbox{fill:#f1efe6;stroke:var(--ink);stroke-width:1.4px}.pl-bt{font-family:var(--serif);fill:var(--ink);text-anchor:middle;font-size:18px}.pl-bp{fill:var(--ink);text-anchor:middle;font-size:16px;font-weight:600}.pl-link{stroke:var(--orange);stroke-width:2.2px}.pl-cap{fill:var(--muted);text-anchor:middle;font-size:11px}.pl-props{flex-wrap:wrap;align-items:flex-start;gap:10px 24px;min-height:62px;padding:6px 30px 14px;display:flex}#pl-props-read{flex:320px;min-width:0}.pl-props-empty{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.6}.pl-props-name{color:var(--muted);margin:0 0 6px;font-size:12px}.pl-props-name b{color:var(--ink);margin-right:6px;font-family:monospace;font-weight:600}.pl-props dl{flex-wrap:wrap;gap:4px 18px;margin:0;display:flex}.pl-props dl div{align-items:baseline;gap:6px;display:flex}.pl-props dt{color:var(--muted);font-size:10px}.pl-props dd{font-family:var(--serif);color:var(--ink);margin:0;font-size:16px}.pl-props-act{flex-wrap:wrap;flex:280px;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pl-props-act button{background:var(--light);color:var(--ink);cursor:pointer;border:1px solid #ccd2c0;padding:7px 10px;font-size:11px}.pl-props-act button:hover{border-color:var(--cad);color:var(--cad)}.pl-props-act button[aria-pressed=true]{background:var(--ink);color:var(--light);border-color:var(--ink)}.pl-props-act button.pl-main{border-color:var(--orange);color:var(--orange)}.pl-opt{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-right:6px;font-size:10px;display:flex}.pl-opt button{min-width:34px;padding:6px 7px!important}.pl-explain{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:4px 30px 16px;display:grid}.pl-card{border-left:3px solid var(--cad);background:#f4f6f1;padding:12px 16px}.pl-card.info{border-left-color:var(--sepia);background:#f6f3ec}.pl-card.warn{background:#f8f1e2;border-left-color:#c98a1b}.pl-card.danger{border-left-color:var(--orange);background:#f6e3dc}.pl-card h4{font-family:var(--serif);color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:400}.pl-card p{color:#4b5146;margin:0 0 6px;font-size:11.5px;line-height:1.75}.pl-card .pl-f{font-family:var(--serif);color:var(--ink);background:#ffffff8c;padding:6px 10px;font-size:14px;line-height:1.5}.pl-card a{color:var(--orange);font-size:11px}.pl-type{letter-spacing:1px;text-transform:uppercase;color:var(--sepia);margin-bottom:4px;font:9px monospace;display:block}.pl-card.danger .pl-type{color:var(--orange)}.pl-box{grid-template-columns:1fr;gap:5px;display:grid}.pl-box button{background:var(--light);color:var(--ink);cursor:grab;text-align:left;border:1px solid #d6d9cc;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:9px;min-width:0;padding:5px 8px;display:grid}.pl-box button svg{width:32px;height:24px;color:var(--ink);grid-row:1/3}.pl-box button b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.pl-box button small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.pl-box button:hover{border-color:var(--cad)}.pl-box button[aria-pressed=true]{border-color:var(--cad);box-shadow:inset 3px 0 0 var(--cad);background:#e5efe9}.pl-wires{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:5px;margin-top:14px;padding-top:10px;display:grid}.pl-wires p{letter-spacing:1px;color:var(--sepia);text-transform:uppercase;grid-column:1/-1;margin:0 0 2px;font:9px monospace}.pl-wires button{background:var(--light);color:var(--ink);cursor:pointer;text-align:left;border:1px solid #d6d9cc;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 8px;font-size:11px;display:flex}.pl-wires button small{color:var(--muted);font-size:9.5px}.pl-wires button[aria-pressed=true]{border-color:var(--cad);background:#e5efe9}.pl-w{border-top:2px solid var(--ink);width:34px;display:block}.pl-w.thick{border-color:#3d4a42;border-top-width:4px}.pl-actions{margin-top:10px}.pl-actions button{border:1px solid var(--orange);width:100%;color:var(--orange);background:var(--light);cursor:pointer;padding:9px;font-size:11.5px}.pl-actions button:hover{background:#f6e3dc}.pl-controls .control-tip{min-height:52px}.pl-tasks button.done{color:var(--cad);border-color:var(--cad)}.pl-tasks button.done:before{content:"✓ "}.pl-journal-box{border-top:1px solid var(--line);padding:16px 30px 20px}.pl-journal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pl-journal-head h4{margin:0;font-size:12px;font-weight:500}.pl-journal-head button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px;text-decoration:underline}.pl-journal{columns:3;font-family:var(--serif);column-gap:28px;margin:0;padding:0 0 0 20px;font-size:13px;line-height:1.5}.pl-journal li{break-inside:avoid;margin-bottom:4px}.pl-journal li.empty{font-family:var(--sans);color:var(--muted);margin-left:-20px;font-size:11px;list-style:none}@media (width<=1100px){.pl-journal{columns:2}}@media (width<=760px){.topic-canvas.pl-canvas.canvas-wrap{aspect-ratio:auto;overflow:visible}.topic-canvas.pl-canvas svg{width:100%;height:auto}.experiment>.drawing-panel>.pl-props{order:3}.experiment>.controls.pl-controls{order:4}.experiment>.drawing-panel>.pl-presets{order:5}.experiment>.drawing-panel>.pl-explain{order:6}.experiment>.drawing-panel>.metrics{order:7}.experiment>.drawing-panel>.pl-tasks,.experiment>.drawing-panel>.pl-journal-box{order:8}.pl-props{min-height:0;padding:10px 16px 12px}.pl-props-empty,.pl-props-name{font-size:13px}.pl-props dt{font-size:12px}.pl-props dd{font-size:17px}.pl-props-act{justify-content:flex-start}.pl-props-act button{min-height:42px;padding:8px 12px;font-size:13px}.pl-opt{width:100%;font-size:12px}.pl-opt button{min-width:44px;min-height:40px}.pl-controls{padding-top:16px}.pl-controls .control-heading{margin-bottom:12px}.pl-box{grid-template-columns:1fr 1fr}.pl-box button{cursor:pointer;grid-template-columns:28px 1fr;column-gap:7px;min-height:54px;padding:6px 8px}.pl-box button svg{width:28px;height:22px}.pl-box button b{white-space:normal;font-size:13px;line-height:1.25}.pl-box button small{font-size:11px}.pl-wires p{font-size:10.5px}.pl-wires button{min-height:52px;font-size:13px}.pl-wires button small{font-size:11px}.pl-actions button{min-height:46px;font-size:13px}.pl-explain{grid-template-columns:1fr;padding:4px 16px 14px}.pl-card p,.pl-card a{font-size:13.5px!important}.pl-card .pl-f{font-size:15px}.pl-type{font-size:10.5px}.pl-journal-box{padding:14px 16px 18px}.pl-journal{columns:1;font-size:14px}.pl-journal-head{flex-wrap:wrap}.pl-journal-head h4{font-size:13px}.pl-journal-head button,.pl-cap{font-size:12px}}