.op-app{background:var(--canvas);flex:1;min-width:0;min-height:0;display:flex}.op-main{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.op-canvas-wrap{position:absolute;inset:0}.op-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.op-tools,.op-top{top:12px}.op-status{z-index:6;background:var(--island);box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:12px;padding:6px 10px;font-size:11.5px;display:flex;position:absolute;bottom:12px;right:12px}.op-hint{z-index:6;background:var(--island);box-shadow:var(--shadow-sm);color:var(--muted);white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.op-hint.warn{color:var(--red);bottom:52px}.op-tip{z-index:12;pointer-events:none;color:#e8eef2;background:#12181d;border-radius:6px;max-width:300px;padding:7px 10px;font-size:11.5px;line-height:1.5;position:absolute;box-shadow:0 6px 18px #00000059}.op-tip-head{font-weight:700}.op-ctx{z-index:30;background:var(--menu);min-width:210px;color:var(--menu-text);box-shadow:var(--shadow);border-radius:6px;position:absolute}.op-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.op-toast{color:#fff;background:#12202a;border-radius:6px;padding:9px 14px;font-size:12.5px;font-weight:600;box-shadow:0 10px 26px #0000004d}.op-toast.error{background:#a61e1e}.op-lib{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;width:252px;min-height:0;display:flex}.op-lib-head{border-bottom:1px solid var(--border);padding:10px 10px 8px}.op-search{background:var(--input);height:32px;color:var(--muted);border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:0 4px 0 9px;display:flex}.op-search:focus-within{border-color:var(--blue);background:var(--panel)}.op-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.op-lib-list{flex:1;min-height:0;padding:4px 6px 10px;overflow-y:auto}.op-group-title{width:100%;height:30px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.op-group-title:hover{background:var(--hover);color:var(--text)}.op-group-title .section-chev{place-items:center;transition:transform .15s;display:grid;transform:rotate(90deg)}.op-group.folded .op-group-title .section-chev{transform:rotate(0)}.op-count{color:var(--faint);margin-left:auto;font-size:10.5px;font-weight:600}.op-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:2px 2px 8px;display:grid}.op-item{color:var(--text);cursor:grab;text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:7px 4px 6px;font-size:10.5px;line-height:1.2;display:flex}.op-item span{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.op-item img{pointer-events:none;width:64px;height:40px}.op-item:hover{background:var(--hover);border-color:var(--border)}.op-item:active{cursor:grabbing}.op-empty{color:var(--muted);text-align:center;padding:20px 10px}.op-lib-foot{border-top:1px solid var(--border);min-height:64px;color:var(--muted);flex-direction:column;flex:none;gap:2px;padding:9px 12px;font-size:11.5px;line-height:1.45;display:flex}.op-lib-foot b{color:var(--text);font-size:12px}.op-inspector{width:304px}.op-head{align-items:center;gap:10px;padding:12px 14px 6px;display:flex}.op-head img{flex:none;width:56px;height:35px}.op-head-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.op-head-text .muted{font-size:11.5px;line-height:1.35}.op-name{width:100%;height:30px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 7px;font-size:13.5px;font-weight:700}.op-name:hover{background:var(--input)}.op-name:focus{border-color:var(--blue);background:var(--panel)}.op-hint-text{color:var(--muted);border-bottom:1px solid var(--border);margin:0;padding:0 14px 10px;font-size:11.5px;line-height:1.5}.op-pad{padding:14px}.op-xyz{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.op-xyz.two{grid-template-columns:repeat(2,minmax(0,1fr))}.op-xyz .num-field input{min-width:0}.op-actions{align-items:center;gap:2px;display:flex}.op-actions.wrap{flex-wrap:wrap;gap:6px}.op-actions .tbtn.danger:hover{color:var(--red)}.btn.small.danger:hover{color:var(--red);border-color:var(--red)}.op-select{width:100%;height:30px}.op-textarea{resize:vertical;height:auto;min-height:64px;padding:7px 9px;line-height:1.4}.op-band{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:11.5px;display:inline-flex}.op-chip{vertical-align:-1px;border-radius:50%;flex:none;width:10px;height:10px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #00000026}.op-chips{display:inline-flex}.op-chips .op-chip{margin-right:-3px}.op-note{color:var(--muted);margin:2px 0 0;font-size:11.5px;line-height:1.45}.op-wave input[type=range]::-webkit-slider-runnable-track{background:var(--spectrum);border-radius:3px;height:6px}.op-wave input[type=range]::-moz-range-track{background:var(--spectrum);border-radius:3px;height:6px}.op-wave input[type=range]::-webkit-slider-thumb{margin-top:-5px}.op-seg2{background:var(--input);border-radius:5px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.op-seg2 button{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-weight:600}.op-seg2 button.on{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.op-sources{flex-direction:column;gap:2px;display:flex}.op-source{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:6px 8px;display:grid}.op-source:hover{background:var(--hover)}.op-source .muted{grid-column:2;font-size:11.5px}.op-ports{flex-direction:column;gap:4px;display:flex}.op-port{grid-template-columns:12px 92px 1fr;align-items:center;gap:6px;min-height:26px;font-size:12px;display:grid}.op-port-dot{border:2px solid #12b886;border-radius:50%;width:9px;height:9px}.op-port-dot.k-usb{border-color:#5c7cfa}.op-port-dot.k-power{border-color:#e8590c}.op-port-dot.k-fiber{border-color:#f59f00}.op-port-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.op-port-to{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.op-link{border:1px solid var(--border);background:var(--panel-2);max-width:100%;height:24px;color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:4px;padding:0 4px 0 7px;font-size:11.5px;display:inline-flex;overflow:hidden}.op-link svg{opacity:.6;width:12px;height:12px}.op-link:hover{border-color:var(--red)}.op-keys,.op-kv{grid-template-columns:1fr auto;gap:4px 10px;margin:0;font-size:12px;display:grid}.op-kv dt{color:var(--muted)}.op-kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.op-kv-row{display:contents}.op-keys dt{color:var(--muted)}.op-keys dd{text-align:right;margin:0}.op-readout{flex-direction:column;gap:8px;display:flex}.op-big{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.op-big-v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.op-big-u{color:var(--muted);font-size:14px;font-weight:600}.op-big-sub{color:var(--muted);flex-basis:100%;font-size:11.5px;line-height:1.45}.op-spark{background:var(--panel-2);border-radius:4px;width:100%;height:34px;display:block}.op-cam{aspect-ratio:4/3;background:#000;border-radius:5px;width:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff0f}.op-spec{width:100%;height:auto;color:var(--text);background:var(--panel-2);border-radius:5px;display:block}.op-grid{stroke:var(--border);stroke-width:1px}.op-axis{fill:var(--muted);font-size:9px;font-family:var(--font-ui)}.op-axis.strong{fill:var(--text);font-weight:700}.op-qpd{flex-direction:column;gap:4px;display:flex}.op-qpd-bar{background:linear-gradient(90deg, var(--panel-3), var(--panel-2) 50%, var(--panel-3));height:12px;box-shadow:inset 0 0 0 1px var(--border);border-radius:6px;position:relative}.op-qpd-bar:after{content:"";background:var(--muted);width:1px;position:absolute;top:2px;bottom:2px;left:50%}.op-qpd-bar span{background:var(--blue);width:18px;height:18px;box-shadow:0 0 0 3px var(--blue-soft);border-radius:50%;margin-left:-9px;transition:left 80ms linear;position:absolute;top:-3px}.op-qpd-scale{color:var(--muted);justify-content:space-between;font-size:10.5px;display:flex}.op-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:11.5px}.op-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:3px 4px;font-weight:600}.op-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:3px 4px}.op-scope{width:100%;height:auto;display:block}.op-scope-legend{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;font-weight:600;display:flex}.op-start{z-index:20;background:var(--canvas);position:absolute;inset:0;overflow-y:auto}.op-start-inner{max-width:1180px;margin:0 auto;padding:34px 28px 60px}.op-start-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.op-start-head h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px}.op-start-head p{max-width:640px;margin:0;line-height:1.55}.op-start h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:30px 0 12px;font-size:14px}.op-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.op-card,.op-card-open{border:1px solid var(--border);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;gap:5px;padding:0 0 12px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;overflow:hidden}.op-card:hover{box-shadow:var(--shadow-sm);border-color:var(--blue);transform:translateY(-2px)}.op-card b,.op-card>.muted,.op-card-open b,.op-card-open .muted{padding:0 12px}.op-card>.muted,.op-card-open .muted{font-size:11.5px;line-height:1.45}.op-card-pic{aspect-ratio:16/10;background:var(--panel-2);color:var(--muted);border-bottom:1px solid var(--border);place-items:center;margin-bottom:6px;display:grid}.op-card-pic img{object-fit:cover;width:100%;height:100%;display:block}.op-card-pic svg{width:26px;height:26px}.op-card.new .op-card-pic{background:var(--blue-soft);color:var(--blue)}.op-card.recent{background:0 0;border:0;padding:0;position:relative}.op-card.recent:hover{box-shadow:none;transform:none}.op-card-open{width:100%}.op-card-open:hover{box-shadow:var(--shadow-sm);border-color:var(--blue);transform:translateY(-2px)}.op-card-del{background:var(--island);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .12s;position:absolute;top:8px;right:8px}.op-card.recent:hover .op-card-del,.op-card-del:focus-visible{opacity:1}.op-3d{position:absolute;inset:0}.op-3d canvas{display:block}.op-3d-hint{background:var(--island);box-shadow:var(--shadow-sm);color:var(--muted);pointer-events:none;white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (width<=1100px){.op-lib{width:210px}.op-inspector{width:272px}.op-top .ib-label{display:none}.op-top .ib{min-width:36px}}@media (width<=760px),(height<=500px) and (pointer:coarse){html .op-app{flex-direction:column}html .op-lib{border-right:0;border-bottom:1px solid var(--border);width:auto;max-height:26%}html .op-inspector{border-left:0;border-top:1px solid var(--border);width:auto;max-height:40%}html .op-top{max-width:none;left:8px;right:8px;transform:none}}