:root{--floor:#eceef2;--grid:#e3e7ea;--ink:#55575a;--text:#393747;--muted:#7d808a;--plate:#e1e4ed;--port:#5f6268;--port-arrow:#dee1ea;--panel:#fafbfdf5;--panel-solid:#fbfcfd;--panel-border:#3937471f;--field:#eef0f4;--field-border:#d4d8e1;--hover:#e6e9f0;--belt:#d3d5da;--belt-edge:#a9acb3;--belt-chevron:#b6b9c0;--select:#4a97df;--valid:#66bb6a;--invalid:#ef5072;--warn:#ef9d50;--pill:#55575a;--flow-on-bg:#e3f3e4;--flow-on-border:#b5dfb7;--flow-on-text:#2e7d32;--shadow:0 4px 18px #2832411a, 0 1px 3px #28324114;--radius:10px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--floor:#3e3f47;--grid:#ffffff09;--ink:#111418;--text:#e9eaef;--muted:#a4a8b3;--plate:#cfd2da;--port:#1c1e23;--port-arrow:#9ea3ad;--panel:#484c58f5;--panel-solid:#484c58;--panel-border:#ffffff12;--field:#3d4049;--field-border:#5a5e6b;--hover:#555a67;--belt:#5f626c;--belt-edge:#45474f;--belt-chevron:#7b7f8a;--pill:#26282e;--flow-on-bg:#34453a;--flow-on-border:#4b6a51;--flow-on-text:#8fdc93;--shadow:0 8px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--text);background:var(--floor);-webkit-font-smoothing:antialiased;font-size:13px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}kbd{font-family:var(--font);background:var(--field);border:1px solid var(--field-border);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.muted{color:var(--muted)}.small{font-size:11.5px}.app{width:100%;height:100%;position:relative}.canvas-wrap{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas-wrap.building{cursor:default}.canvas-wrap.panning{cursor:grabbing}.canvas{width:100%;height:100%;display:block}.grid-line{fill:none;stroke:var(--grid);stroke-width:1px}.hover-cell{fill:#4aa3df14;stroke:#4aa3df59;stroke-width:1px;pointer-events:none}.node{transition:opacity .2s}.node.dimmed{opacity:.35}.art .plate{fill:var(--plate);stroke:var(--ink);stroke-width:2.5px}.art .body,.art .body path,.art .body ellipse{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.port-tab rect{fill:var(--port)}.port-tab path{fill:var(--port-arrow)}.select-ring{fill:#4aa3df26;stroke:var(--select);stroke-width:2.5px}.node-name{fill:var(--text);paint-order:stroke;stroke:var(--floor);stroke-width:4px;stroke-linejoin:round}.node-type{fill:var(--muted);paint-order:stroke;stroke:var(--floor);stroke-width:4px;stroke-linejoin:round}.tech-pill{fill:var(--pill)}.tech-text{fill:#fff}.labels,.layer-items,.belt-tiles.belt-ghost,.ghost-building{pointer-events:none}.spin{transform-box:fill-box;transform-origin:50%}.flowing .spin{animation:4s linear infinite spin}.pulse{fill:none;stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%}.flowing .pulse{animation:2s ease-out infinite pulse}.flowing .slot{animation:1.6s ease-in-out infinite slot}.kind-icon.still .spin,.kind-icon.still .pulse,.kind-icon.still .slot{animation:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}@keyframes slot{0%,to{opacity:1}50%{opacity:.55}}.belt-tiles path{fill:none;transition:opacity .2s}.belt-edge path{stroke:var(--belt-edge);stroke-width:33px}.belt-surface path{stroke:var(--belt);stroke-width:30px}.belt-chevrons path{fill:var(--belt-chevron);stroke:none}.chev-move,.chev-turn{transform-box:view-box}.flowing .chev-move{animation:chev-move var(--belt-step) linear infinite}.flowing .chev-turn{animation:chev-turn var(--belt-step) linear infinite}@keyframes chev-move{0%{transform:translate(0)}to{transform:translate(var(--mx), var(--my))}}@keyframes chev-turn{0%{transform:rotate(0)}to{transform:rotate(var(--turn))}}.belt-glow path{stroke:var(--select);stroke-width:40px;stroke-opacity:.45}.belt-tiles .dim,.chev-tile.dim{opacity:.35}.belt-tiles.belt-ghost{opacity:.6}.belt-tiles.belt-ghost .belt-surface path{stroke:#cfe6f6}.link.dimmed{opacity:.3}.blank-item{fill:#c9ccd2;stroke:var(--ink);stroke-width:1.5px}.dead-end circle{fill:var(--invalid);stroke:#fff;stroke-width:1.5px}.dead-end path{stroke:#fff;stroke-width:1.8px;stroke-linecap:round}.belt-label rect{fill:var(--panel-solid);stroke:var(--ink);stroke-width:1.5px}.belt-label text{fill:var(--text)}.ghost-building{opacity:.6}.ghost-block{fill:#ef507259;stroke:var(--invalid);stroke-width:2px}.marquee{fill:#4aa3df1f;stroke:var(--select);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute}.icon-btn{width:30px;height:30px;color:var(--text);background:0 0;border:none;border-radius:8px;place-items:center;font-size:17px;line-height:1;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.small{flex:none;width:24px;height:24px;font-size:15px}.btn{border:1px solid var(--field-border);background:var(--panel-solid);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;height:32px;padding:0 12px;font-weight:600;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--select);border-color:var(--select);color:#fff}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover,.btn.ghost.active{background:var(--hover)}.btn.danger{color:var(--invalid)}.btn.danger:hover{background:#e8515d1a}.link-btn{color:var(--select);background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.spacer{flex:1}input,textarea,select{border:1px solid var(--field-border);background:var(--field);border-radius:8px;outline:none;width:100%;padding:7px 9px;transition:border-color .12s,box-shadow .12s}textarea{resize:vertical;min-height:38px}input:focus,textarea:focus,select:focus{border-color:var(--select);background:var(--panel-solid);box-shadow:0 0 0 3px #4aa3df26}.palette{flex-direction:column;width:264px;display:flex;top:12px;bottom:12px;left:12px;overflow:hidden}.brand{letter-spacing:-.01em;align-items:center;gap:9px;padding:14px 16px 10px;font-size:16px;font-weight:800;display:flex}.palette-scroll{flex:1;padding:0 10px 12px;overflow-y:auto}.palette-section{border-top:1px solid var(--panel-border);padding:6px 0 8px}.section-header{align-items:center;display:flex}.section-toggle{text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:7px;padding:6px 4px;display:flex}.section-toggle:hover{background:var(--hover)}.section-title{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.chevron{width:10px;color:var(--muted);font-size:10px;transition:transform .15s;display:inline-block}.chevron.collapsed{transform:rotate(-90deg)}.item-list{flex-wrap:wrap;gap:6px;padding:4px 2px 2px;display:flex}.item-list p{margin:2px 4px}.item-chip{border:1px solid var(--field-border);background:var(--panel-solid);cursor:grab;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 10px 5px 7px;font-size:12px;font-weight:600;display:inline-flex}.item-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-chip:hover{border-color:var(--muted)}.item-chip.active{border-color:var(--select);box-shadow:0 0 0 2px #4aa3df33}.item-icon{flex:none;overflow:visible}.tile-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 2px 2px;display:grid}.tile{cursor:grab;text-align:center;border:1px solid #0000;border-radius:10px;outline:none;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px 7px;display:flex;position:relative}.tile:hover,.tile:focus-visible{background:var(--hover);border-color:var(--field-border)}.tile:active{cursor:grabbing}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:600;line-height:1.2;overflow:hidden}.tile-tech{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.tile-generic .tile-name{color:var(--muted)}.tile-edit{background:var(--panel-solid);opacity:0;border:none;border-radius:6px;width:20px;height:20px;font-size:11px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #00000026}.tile:hover .tile-edit,.tile:focus-within .tile-edit{opacity:1}.tile-key{position:absolute;top:4px;right:4px}.bp-form{background:var(--field);border:1px solid var(--field-border);border-radius:10px;flex-direction:column;grid-column:1/-1;gap:8px;margin:6px 2px;padding:10px;display:flex}.bp-form-title{font-weight:700}.bp-form label,.bp-form .bp-field{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;font-weight:600;display:flex}.bp-form input{background:var(--panel-solid)}.bp-form-actions{gap:6px;display:flex}.bp-form-actions .btn{height:28px;padding:0 10px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--ink);border-radius:6px;width:20px;height:20px;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--panel-solid), 0 0 0 4px var(--select)}.topbar{align-items:center;gap:4px;height:46px;padding:0 8px;display:flex;top:12px}.topbar-left{left:288px}.topbar-right{right:12px}.pipeline-name{background:0 0;border:1px solid #0000;width:auto;padding:5px 8px;font-size:15px;font-weight:800}.pipeline-name:hover{background:var(--hover)}.save-state{color:var(--muted);white-space:nowrap;margin-right:4px;font-size:11px}.save-state.ok{color:var(--valid)}.counts{color:var(--muted);white-space:nowrap;padding:0 8px;font-size:11.5px}.divider{background:var(--panel-border);width:1px;height:22px;margin:0 4px}.flow-btn{border:1px solid var(--field-border);background:var(--panel-solid);white-space:nowrap;border-radius:8px;height:30px;padding:0 12px;font-size:12px;font-weight:700}.flow-btn.on{background:var(--flow-on-bg);border-color:var(--flow-on-border);color:var(--flow-on-text)}.zoom-level{background:0 0;border:none;border-radius:8px;min-width:48px;height:30px;font-size:12px;font-weight:700}.zoom-level:hover{background:var(--hover)}.menu-anchor{position:relative}.menu{background:var(--panel-solid);border:1px solid var(--panel-border);width:290px;box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.menu-item{text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-weight:600;display:flex}.menu-item>span:first-child{text-align:center;width:16px;color:var(--muted)}.menu-item kbd{margin-left:auto}.menu-item:hover:not(:disabled){background:var(--hover)}.menu-item:disabled{cursor:default}.menu-item.grow{flex-direction:column;align-items:flex-start;gap:1px}.menu-item.grow>span:first-child{text-align:left;width:auto;color:var(--text)}.menu-row{border-radius:8px;align-items:center;display:flex}.menu-row.current{background:#4aa3df14}.menu-list{max-height:240px;overflow-y:auto}.menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 10px 4px;font-size:10.5px;font-weight:700}.menu-sep{background:var(--panel-border);height:1px;margin:6px 4px}.inspector{width:316px;max-height:calc(100% - 82px);top:70px;right:12px;overflow-y:auto}.insp-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.insp-header{align-items:center;gap:12px;display:flex}.insp-icon{background:var(--field);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.insp-heading{flex:1;min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10.5px;font-weight:700}.insp-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{color:var(--muted);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.field-hint{opacity:.75;font-weight:500}.field-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.insp-section{border-top:1px solid var(--panel-border);flex-direction:column;gap:7px;padding-top:10px;display:flex}.insp-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.insp-section p{margin:0}.chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.item-chip.small{cursor:default;gap:0;padding:0}.item-chip.small.selectable{cursor:pointer;gap:6px;padding:4px 10px 4px 7px}.item-chip.faint:not(.active){opacity:.6}.chip-main{background:0 0;border:none;align-items:center;gap:6px;min-width:0;padding:4px 8px 4px 7px;font-size:12px;font-weight:600;display:inline-flex}.chip-x{color:var(--muted);background:0 0;border:none;padding:0 8px 0 2px;font-size:14px}.chip-x:hover{color:var(--invalid)}.add-select,.inline-input{border-radius:999px;width:auto;max-width:150px;padding:4px 8px;font-size:12px;font-weight:600}.add-select{color:var(--select);cursor:pointer}.meta-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:6px;display:grid}.meta-row input{padding:5px 8px}.conn-list{flex-direction:column;gap:2px;display:flex}.conn-row{text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:5px 6px;display:flex}.conn-row:hover{background:var(--hover)}.conn-dir{color:var(--muted);font-weight:700}.conn-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.insp-actions{border-top:1px solid var(--panel-border);gap:8px;padding-top:12px;display:flex}.insp-actions .btn{flex:1;justify-content:center}.insp-actions.wrap{flex-wrap:wrap}.insp-actions.wrap .btn{flex:calc(50% - 4px)}.belt-route{align-items:center;gap:6px;display:flex}.route-end{border:1px solid var(--field-border);background:var(--field);border-radius:9px;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.route-end span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-end:hover{border-color:var(--muted)}.route-arrow{color:var(--muted);font-weight:800}.shape-picker{gap:6px;display:flex}.shape-btn{border:1px solid var(--field-border);background:var(--field);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.shape-btn.active{border-color:var(--select);background:var(--panel-solid);box-shadow:0 0 0 2px #4aa3df33}.usage{flex-direction:column;gap:8px;display:flex}.usage>div{flex-direction:column;gap:4px;display:flex}.node-link{border:1px solid var(--field-border);background:var(--panel-solid);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 5px;font-size:12px;font-weight:600;display:inline-flex}.kind-counts{flex-wrap:wrap;gap:8px;display:flex}.kind-count{align-items:center;gap:5px;font-weight:600;display:inline-flex}.empty-state{pointer-events:none;place-items:center;padding-left:276px;display:grid;position:absolute;inset:0}.empty-card{pointer-events:none;text-align:center;max-width:440px;padding:24px 28px;position:relative}.empty-card h2{margin:12px 0 6px;font-size:18px}.empty-card p{color:var(--muted);margin:0 0 16px;line-height:1.5}.empty-icons{justify-content:center;align-items:center;display:flex}.empty-icon{align-items:center;display:inline-flex}.empty-arrow{color:var(--muted);margin:0 4px;font-weight:800}.empty-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);z-index:30;border-radius:999px;padding:9px 16px;font-weight:600;animation:.18s ease-out toast;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}}.modal-backdrop{z-index:40;background:#141a244d;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal{background:var(--panel-solid);width:min(560px,100%);max-height:calc(100% - 32px);padding:18px 22px 22px;position:relative;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:17px}.legend{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 8px;display:grid}.legend-row{align-items:center;gap:10px;display:flex}.controls{border-collapse:collapse;width:100%;margin-top:10px}.controls td{border-top:1px solid var(--panel-border);vertical-align:top;padding:5px 4px}.controls td:first-child{width:46%}@media (width<=900px){.counts{display:none}}@media (width<=760px){.palette{width:auto;height:38%;inset:auto 8px 8px}.topbar-left{top:8px;left:8px}.topbar-right{top:62px;right:8px}.inspector{z-index:5;width:auto;height:50%;inset:auto 8px 8px}.empty-state{padding-bottom:40%;padding-left:0}.flow-btn{width:32px;padding:0;font-size:0}.flow-btn:first-letter{font-size:13px}}.hotbar-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:14px;left:288px;right:12px}.hotbar{pointer-events:auto;gap:6px;padding:6px;display:flex;position:relative}.hot-slot{background:var(--field);border:2px solid #0000;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;position:relative}.hot-slot:hover{border-color:var(--field-border)}.hot-slot.active{border-color:var(--select);background:#4aa3df2e}.hot-slot kbd{background:0 0;border:none;padding:0 4px;font-size:10px;font-weight:800;position:absolute;top:2px;left:3px}.tool-hint{color:#fff;background:#282a30d9;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex}.tool-hint kbd{color:#fff;background:#ffffff26;border-color:#0000}.tool-hint .rot{transition:transform .12s;display:inline-block}.belt-icon .bi-edge{fill:var(--belt-edge)}.belt-icon .bi-surface{fill:var(--belt)}.belt-icon .bi-chevron{fill:var(--belt-chevron)}.tile.active{border-color:var(--select);background:#4aa3df26}.rotate-row{align-items:center;gap:8px;display:flex}.rotate-row .btn{height:28px;padding:0 10px}.facing{text-align:center;flex:1;font-weight:600}.route-end.open-end{color:var(--invalid);border-style:dashed;justify-content:center}@media (width<=760px){.hotbar-wrap{bottom:calc(38% + 16px);left:8px;right:8px}.hot-slot{width:44px;height:44px}.tool-hint span:last-child{display:none}}.canvas-wrap.picking{cursor:crosshair}.export-marquee{fill:#4aa3df14;stroke-dasharray:none;stroke-width:2px}.pick-hint{color:#fff;pointer-events:none;white-space:nowrap;background:#282a30e0;border-radius:999px;padding:7px 14px;font-size:12px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.pick-hint kbd{color:#fff;background:#ffffff26;border-color:#0000}.menu-check{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-weight:600;display:flex}.menu-check input{width:auto}.segmented{background:var(--field);border:1px solid var(--field-border);border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:6px;flex:1;padding:5px 4px;font-size:12px;font-weight:600}.segmented button.on{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 3px #0000001f}.recipe{background:var(--field);border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.recipe-part{align-items:center;gap:6px;display:inline-flex}.recipe-op{color:var(--muted);font-weight:800}.chip-badge{background:var(--pill);color:#fff;border-radius:4px;place-items:center;width:15px;height:15px;font-size:9.5px;font-weight:800;display:inline-grid}.derived-note{background:var(--field);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.derived-note p{margin:0}.tank-window{fill:#fff;stroke:var(--ink);stroke-width:1.6px}.arrow{cursor:pointer;transition:opacity .2s}.arrow.dimmed{opacity:.3}.arrow-hit{fill:none;stroke:#0000;stroke-width:16px}.arrow-line{fill:none;stroke-width:2.6px;stroke-linecap:round}.arrow-head{stroke:none}.arrow-glow{fill:none;stroke:var(--select);stroke-width:9px;stroke-opacity:.35;stroke-linecap:round}.arrow-label rect{fill:var(--panel-solid);stroke-width:1.5px}.arrow-label text{fill:var(--text)}.arrow-preview{pointer-events:none;opacity:.55}.arrow-preview.valid{opacity:1}.link-icon .li-block{fill:var(--plate);stroke:var(--ink);stroke-width:1.8px}.link-icon .li-line{fill:none;stroke:#ef5072;stroke-width:2.2px;stroke-linecap:round}.link-icon .li-head{fill:#ef5072}.icon-picker{position:relative}.icon-current{border:1px solid var(--field-border);background:var(--field);width:100%;color:var(--text);text-align:left;text-transform:capitalize;border-radius:8px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;font-weight:600;display:flex}.icon-current .chev{color:var(--muted);margin-left:auto;font-size:10px}.icon-none{width:24px;height:24px;color:var(--muted);place-items:center;font-weight:800;display:inline-grid}.icon-popover{z-index:30;background:var(--panel-solid);border:1px solid var(--panel-border);min-width:250px;box-shadow:var(--shadow);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0}.icon-search{margin-bottom:8px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px;max-height:260px;display:grid;overflow-y:auto}.icon-cell{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px 4px;display:flex}.icon-cell:hover{background:var(--hover)}.icon-cell.on{border-color:var(--select);background:#4aa3df1f}.icon-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:9.5px;overflow:hidden}.icon-image{flex:none}.channel-pill{z-index:25;background:var(--panel-solid);border:1px solid var(--panel-border);max-width:min(420px,100vw - 24px);box-shadow:var(--shadow);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:11.5px;text-decoration:none;display:flex;position:absolute;top:68px;left:288px}.channel-pill:hover{border-color:var(--warn)}.channel-name{background:var(--warn);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.channel-time{color:var(--muted);white-space:nowrap}.channel-msg{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}@media (width<=760px){.channel-pill{max-width:calc(100vw - 16px);inset:8px auto auto 8px}}.area-fill{fill-opacity:.12;stroke-opacity:.55;stroke-width:2px;stroke-dasharray:8 6;pointer-events:none}.area.selected .area-fill{fill-opacity:.18;stroke-opacity:.95;stroke-dasharray:none}.area-label{cursor:move}.area-label text{fill:#1d1f24}.area-handle{cursor:nwse-resize}.area-handle circle{stroke:var(--panel-solid);stroke-width:2.5px}.area-handle path{stroke:#1d1f24;stroke-width:1.6px;stroke-linecap:round;fill:none}.area-preview{fill:#66a7ff1f;stroke:#66a7ff;stroke-width:2px;stroke-dasharray:8 6;pointer-events:none}.area-icon .li-block{fill:var(--plate);stroke:var(--ink);stroke-width:1.5px}