.ws-test-shell{max-width:900px;margin:24px auto 8px}.ws-test-preview{min-height:270px;border:1px solid var(--border,#ddd);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--surface,#fafafa);overflow:hidden;position:relative}.ws-test-icon{font-size:48px;font-weight:700}.ws-test-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}.ws-tool-output{max-width:760px;margin:12px auto}.ws-tool-output table{width:100%;border-collapse:collapse}.ws-tool-output th,.ws-tool-output td{padding:9px;border-bottom:1px solid var(--border,#ddd);text-align:start}.ws-test-fullscreen{position:fixed;inset:0;z-index:2147483000;background:#000;cursor:crosshair}.ws-test-nav{position:fixed;z-index:2147483002;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;background:rgba(0,0,0,.7);padding:8px;border-radius:12px}.ws-test-nav button{min-height:40px}.ws-gradient-field{width:100%;height:100%;background:linear-gradient(90deg,#000,#fff)}.ws-touch-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:320px;touch-action:none}.ws-touch-cell{border:1px solid rgba(128,128,128,.2)}.ws-touch-cell.is-hit{background:currentColor}.ws-tool-card-icon{display:flex;align-items:center;justify-content:center;font-size:30px;background:var(--surface,#f7f7f7)}.ws-control-label{display:grid;gap:6px;margin-top:10px;font-size:.9rem}.ws-format{width:100%}.ws-wake.is-active{font-weight:700}.ws-light-controls{display:flex;gap:8px;flex-wrap:wrap}.ws-info-grid{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:1px;background:var(--border,#ddd);border:1px solid var(--border,#ddd)}.ws-info-grid>*{background:var(--surface,#fff);padding:9px}
@media(max-width:640px){.ws-test-preview{min-height:220px}.ws-info-grid{grid-template-columns:1fr}.ws-test-nav{width:calc(100% - 24px);justify-content:center}}
.ws-refresh-track{width:min(620px,90%);height:34px;border:1px solid var(--border,#ddd);position:relative;overflow:hidden;background:#111}.ws-refresh-track span{position:absolute;width:42px;height:100%;background:#fff;animation:wsRefreshSweep 1s linear infinite}.ws-motion-field{position:absolute;inset:0;overflow:hidden;background:#777}.ws-motion-target{position:absolute;top:42%;left:0;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #000;animation:wsMotionSweep 1.4s linear infinite alternate}.ws-motion-full .ws-motion-field{position:absolute;inset:0}.dim-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.dim-row label{display:flex;gap:6px;align-items:center}.dim-row input{width:120px}.ws-img-preset,.ws-img-format{max-width:360px}.ws-light-brightness{width:min(420px,100%)}@keyframes wsRefreshSweep{from{transform:translateX(-60px)}to{transform:translateX(680px)}}@keyframes wsMotionSweep{from{left:2%}to{left:calc(98% - 64px)}}@media(prefers-reduced-motion:reduce){.ws-refresh-track span,.ws-motion-target{animation-duration:4s}}