@layer components{.ws-top{grid-template-columns:minmax(0,1fr) clamp(420px,36.2vw,520px);align-items:start;gap:28px;display:grid}.ws-top .ws-frame{margin-top:44px}.ws-in{margin-top:28px;position:relative}.ws-in .pg-composer{max-width:none}.ws-log+.ws-in{margin-top:16px}.ws-frame{border-radius:var(--r3);background:var(--surf);box-shadow:inset 0 0 0 1px var(--line), var(--sh2);overflow:hidden}.ws-bar{border-bottom:1px solid var(--line);color:var(--tx3);align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.ws-bar i{background:var(--surf3);border-radius:50%;flex-shrink:0;width:10px;height:10px}.ws-bar .url{border-radius:var(--r-pill);background:var(--surf2);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:8px;padding:4px 12px;overflow:hidden}.ws-bar .live{color:var(--ok);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-weight:600;display:inline-flex}.ws-bar .live--off{color:var(--tx3)}.ws-view{background:#fff;border:0;width:100%;height:clamp(440px,68dvh,720px);display:block}.ws-wait{min-height:280px;color:var(--tx2);text-align:center;justify-content:center;align-items:center;padding:28px;font-size:15px;line-height:1.5;display:flex}.ws-foot{border-top:1px solid var(--line);color:var(--tx3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:10px 14px 12px;font-size:13px;line-height:1.45;display:flex}.ws-foot-btn{color:var(--acc-ink);font:600 13px/1.4 var(--ff);cursor:pointer;background:0 0;border:0;padding:0}.ws-foot-btn:hover{text-decoration:underline}.ws-foot-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vg-card.ws-log{gap:0;margin-top:28px;padding:0;overflow:hidden}.ws-log-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ws-feed{flex-direction:column;gap:14px;max-height:320px;padding:16px;display:flex;overflow-y:auto}.ws-me{background:var(--surf2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px 18px 6px;align-self:flex-end;max-width:88%;padding:10px 14px;font-size:15px;line-height:1.5}.ws-bot{max-width:92%;color:var(--tx2);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5}.ws-ver{color:var(--tx3);margin-top:4px;font-size:13px;font-weight:500;display:block}.ws-code{background:var(--bg2);max-height:320px;color:var(--tx2);font:12px/1.55 var(--fm);tab-size:2;margin:0;padding:16px;overflow:auto}.ws-notice{border-radius:var(--r2);background:var(--err-soft);box-shadow:inset 0 0 0 1px var(--err-line);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;padding:12px 14px 12px 16px;font-size:14px;line-height:1.4;display:flex}.ws-notice span{overflow-wrap:anywhere;flex:1;min-width:0}.ws-hint{color:var(--tx3);white-space:nowrap;margin:6px 0 0;font-size:13px;line-height:1.4;position:absolute;top:100%;right:6px}.ws-hint kbd{border-radius:var(--r1);box-shadow:inset 0 0 0 1px var(--line2);color:var(--tx2);font:600 12px var(--ff);padding:2px 8px}@media (pointer:coarse){.ws-hint{display:none}}.pg-section.ws-sec{margin-top:56px}.ws-exw{position:relative}.vg-card.ws-ex{width:100%;height:100%;font:inherit;text-align:left;border:0;flex-direction:row;align-items:flex-start;gap:14px;padding:20px 20px 64px}.ws-ex-demo{position:absolute;bottom:16px;left:76px}.ws-ex-demo[aria-pressed=true]{background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc-line)}.ws-ex-t{min-width:0;display:block}.ws-ex-t>b{font-size:16px;font-weight:700;display:block}.ws-ex-t>span{color:var(--tx3);margin-top:4px;font-size:14px;line-height:1.45;display:block}.ws-banner{margin-top:32px}@media (max-width:1279px){.ws-top{grid-template-columns:minmax(0,1fr)}.ws-in{margin-bottom:20px}.ws-top .ws-frame{margin-top:0}}@media (max-width:639px){.ws-in .pg-composer-send{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.pg-section.ws-sec{margin-top:40px}.vg-card.ws-ex{padding:18px 18px 62px}.ws-ex-demo{bottom:14px;left:70px}.ws-in{margin-top:20px}}}