.ws{--tool:#f97316;--tool-hover:#ea580c;--tool-text:#c2410c;--tool-soft:color-mix(in srgb, var(--tool) 14%, transparent);--tool-line:color-mix(in srgb, var(--tool) 40%, transparent);--ws-chrome:var(--bg-secondary);--ws-dot:color-mix(in srgb, var(--text-muted) 45%, transparent)}.dark .ws{--tool-text:#fdba74}.ws svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.ws button,.ws input{font:inherit;color:inherit}.ws [hidden]{display:none!important}.ws .seg{flex-wrap:wrap;gap:8px;display:inline-flex}.ws .seg button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.ws .seg button:hover{border-color:color-mix(in srgb, var(--tool) 30%, transparent)}.ws .seg button[aria-pressed=true]{background:color-mix(in srgb, var(--tool) 10%, transparent);border-color:var(--tool-line);color:var(--tool-text)}.ws .seg button[aria-pressed=true] .cv{color:var(--tool)}.ws .controls .seg{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));width:100%;display:grid}.ws .controls .seg button{justify-content:center;padding:8px}.ws .urlbar{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.ws .urlbar:focus-within{border-color:color-mix(in srgb, var(--tool) 50%, transparent)}.ws .urlbar>svg{width:18px;height:18px;color:var(--text-muted);margin-left:16px}.ws .urlbar input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;padding:16px 12px;font-size:14px}.ws .urlbar input::placeholder{color:var(--text-muted)}.ws .cta{color:#0a0a0f;cursor:pointer;background:var(--tool);white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.ws .cta:hover{background:var(--tool-hover)}.ws .cta:active{transform:scale(.95)}.ws .cta:disabled{opacity:.4;cursor:not-allowed}.ws .urlbar .cta{margin:6px}.ws .ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.ws .ghost:hover{border-color:var(--tool-line);color:var(--tool-text)}.ws .ghost:active{transform:scale(.95)}.ws .card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.ws .label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);justify-content:space-between;gap:8px;margin:0 0 8px;font-size:11px;font-weight:600;display:flex}.ws .label output{color:var(--text-primary);text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:600}.ws .hint{color:var(--text-muted);margin:6px 0 0;font-size:12px}.ws .block+.block{margin-top:20px}.ws input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--tool) var(--p,50%), var(--bg-secondary) var(--p,50%));border:0;border-radius:999px;width:100%;height:6px;margin:7px 0}.ws input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--tool);width:13px;height:13px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tool) 20%, transparent);border-radius:50%}.ws input[type=range]::-moz-range-thumb{background:var(--tool);border:0;border-radius:50%;width:13px;height:13px}.ws input[type=range]:focus-visible{outline:2px solid var(--tool);outline-offset:4px}.ws .studio{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""l""r";align-items:stretch;gap:16px;margin-top:16px;display:grid}.ws .ctlL{grid-area:l}.ws .ctlR{grid-area:r}.ws .stage{grid-area:stage}@media (min-width:720px){.ws .studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage stage""l r"}}@media (min-width:1200px){.ws .studio{grid-template-columns:280px minmax(0,1fr) 280px;grid-template-areas:"l stage r"}}.ws .controls{padding:20px}.ws .stage{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.ws .frame{border:1px solid var(--border);background:#000;border-radius:12px;width:100%;margin:0 auto;position:relative;overflow:hidden}.ws .frame .chrome{background:var(--ws-chrome);border-bottom:1px solid var(--border);align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.ws .frame .chrome i{background:var(--ws-dot);border-radius:50%;width:8px;height:8px}.ws .frame .chrome span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:11px;overflow:hidden}.ws .view{background:#fff;position:relative;overflow:hidden}.ws .view img{will-change:transform;width:100%;max-width:none;display:block;position:absolute;top:0;left:0}.ws .view video{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;pointer-events:none;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.ws .view canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ws .view .stopflag{color:var(--tool);opacity:0;background:#000000a6;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:opacity .15s;position:absolute;top:10px;right:10px}.ws .view .stopflag.on{opacity:1}.ws .pvrow{justify-content:center;align-items:flex-start;gap:12px;display:flex}.ws .pvrow .frame{flex:auto;min-width:0;margin:0}.ws .map{border:1px solid var(--border);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:8px;flex:none;position:relative;overflow:hidden}.ws .map img{opacity:.85;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.ws .map .marks i{background:#ffffff38;height:1px;position:absolute;left:0;right:0}.ws .map .pin{cursor:ns-resize;touch-action:none;z-index:2;height:14px;margin-top:-7px;position:absolute;left:0;right:0}.ws .map .pin:before{content:"";background:var(--tool);height:2px;position:absolute;top:6px;left:0;right:0;box-shadow:0 0 0 1px #0000008c}.ws .map .pin span{background:var(--tool);color:#111;text-align:center;border-radius:4px;min-width:14px;height:14px;padding:0 3px;font:700 10px/14px Inter,system-ui,sans-serif;position:absolute;top:-1px;left:2px}.ws .map .pin.out{opacity:.35}.ws .map .pinbox{border:1.5px dashed var(--tool);pointer-events:none;z-index:1;border-radius:4px;position:absolute;left:0;right:0}.ws .view.grab{cursor:grab;touch-action:none}.ws .view.grab:active{cursor:grabbing}.ws .mini-btn{border:1px solid var(--tool-line);background:color-mix(in srgb, var(--tool) 10%, transparent);color:var(--tool-text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.ws .mini-btn svg.i{width:14px;height:14px}.ws .pins{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ws .pins li{align-items:center;gap:4px;display:flex}.ws .pinrow{border:1px solid var(--border);background:var(--bg-secondary);min-width:0;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.ws .pinrow b{background:var(--tool-soft);min-width:20px;height:20px;color:var(--tool);border-radius:6px;place-items:center;font-size:11px;display:inline-grid}.ws .pinrow .at{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.ws .pinrow[aria-current=true]{border-color:var(--tool-line);color:var(--text-primary)}.ws .pinx{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.ws .pinx:hover{color:var(--text-primary);background:var(--bg-secondary)}.ws .pinnew{border:1px dashed var(--border);width:calc(100% - 34px);color:var(--text-muted);cursor:pointer;opacity:.7;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;font-size:12px;transition:opacity .15s,color .15s,border-color .15s;display:flex}.ws .pinnew:hover,.ws .pinnew:focus-visible{opacity:1;color:var(--text-secondary);border-color:var(--tool-line)}.ws .pinnew .i{width:14px;height:14px}.ws .pinnew[disabled]{opacity:.35;cursor:default}.ws .pinbar{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ws .linkish{color:var(--text-secondary);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:5px 2px;font-size:12px;text-decoration:underline}.ws a.linkish{display:inline-block}.ws .map .cut{background:repeating-linear-gradient(135deg,#000000b8 0 6px,#00000080 6px 12px);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.ws .map .cut span{color:#9ca3af;text-align:center;padding:0 2px 6px;font-size:10px;line-height:1.2}.ws .map .win{border:2px solid var(--tool);background:color-mix(in srgb, var(--tool) 14%, transparent);pointer-events:none;will-change:transform;border-radius:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 0 999px #00000040}.ws .map:focus-visible{outline:2px solid var(--tool);outline-offset:2px}.ws .playrow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ws .round{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;width:34px;height:34px;color:var(--text-primary);border-radius:50%;flex:none;place-items:center;display:grid}.ws .time{white-space:nowrap;color:var(--text-secondary);font-variant-numeric:tabular-nums;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.ws .chartbox{cursor:col-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:44px 0 20px;position:relative}.ws .chart{width:100%;height:110px;color:var(--tool);display:block;overflow:visible}.ws .phline{background:repeating-linear-gradient(to bottom, var(--tool) 0 5px, transparent 5px 9px);pointer-events:none;will-change:transform;width:2px;margin-left:-1px;position:absolute;top:38px;bottom:20px;left:0}.ws .phhead{box-sizing:border-box;background:var(--tool);color:#111;font-variant-numeric:tabular-nums;cursor:grab;will-change:transform;touch-action:none;z-index:1;border-radius:6px;place-items:center;min-width:52px;height:22px;padding:0 8px;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:18px;left:0}.ws .phhead:after{content:"";left:var(--tip,50%);background:var(--tool);z-index:-1;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.ws .chartbox.dragging,.ws .chartbox.dragging .phhead{cursor:grabbing}.ws .phhead:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.ws .axis{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex;position:absolute;left:0;right:0}.ws .axis.top{top:0}.ws .axis.bot{height:14px;display:block;bottom:0}.ws .axis.bot span{position:absolute;transform:translate(-50%)}.ws .axis.bot span:first-child{transform:none}.ws .facts{color:var(--text-secondary);flex-wrap:wrap;gap:6px 18px;font-size:12px;display:flex}.ws .facts b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.ws .pvload{z-index:3;text-align:center;background:color-mix(in srgb, var(--bg-primary) 86%, transparent);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex;position:absolute;inset:0}.ws .pvload .row{align-items:center;gap:10px;display:flex}.ws .pvload .bar{width:min(240px,70%)}.ws .spin{border:2px solid var(--tool-line);border-top-color:var(--tool);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite ws-spin}@keyframes ws-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ws .spin{animation:none}}.ws .dlbar{border-top:1px solid var(--border);padding-top:14px}.ws .dlopts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ws .dlsub{opacity:.65;font-size:12px;font-weight:500}.ws .dlnote{margin:0 0 0 auto}.ws .dljob .steps{margin-bottom:10px}.ws .dljobrow{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.ws .dldone{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.ws .dldone svg{color:var(--tool)}.ws .dldone b{color:var(--text-primary);font-weight:600}@media (max-width:560px){.ws .dlopts .cta,.ws .dlopts .ghost{flex:100%;justify-content:center}.ws .dlnote{margin:0}}.ws .steps{color:var(--text-muted);flex-wrap:wrap;gap:18px;margin-bottom:12px;font-size:13px;display:flex}.ws .steps .now{color:var(--text-primary)}.ws .steps .done{color:var(--tool-text)}.ws .bar{background:var(--bg-secondary);border-radius:99px;height:6px;overflow:hidden}.ws .bar i{background:var(--tool);border-radius:99px;width:0;height:100%;transition:width .3s linear;display:block}.ws .err{color:var(--error)}.ws .trust{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:10px;margin-top:22px;padding:14px 16px;font-size:13px;display:flex}.ws .trust svg{color:var(--tool);margin-top:2px}