/* v4.26 CSS Pro Workspaces */
.wt-pro-dock{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid #dbe5f0;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(15,23,42,.06);backdrop-filter:blur(12px);position:sticky;top:12px;z-index:7;margin:0 0 14px}
.wt-pro-dock button{appearance:none;border:1px solid transparent;background:transparent;color:#475569;border-radius:11px;padding:9px 12px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.18s;white-space:nowrap}.wt-pro-dock button:hover{background:#f8fafc;color:#0f172a}.wt-pro-dock button.is-active{background:#0f172a;color:#fff;box-shadow:0 6px 16px rgba(15,23,42,.14)}.wt-pro-dock .wt-pro-all{margin-inline-start:auto;color:#2563eb}
@media(min-width:1001px){.wt-pro-enhanced .wt-pro-section{display:none!important}.wt-pro-enhanced .wt-pro-section.wt-pro-active{display:block!important}.wt-pro-enhanced.wt-pro-show-all .wt-pro-section{display:block!important}.wt-pro-enhanced .wt-pro-section[hidden].wt-pro-active{display:none!important}}
@media(max-width:1000px){.wt-pro-dock{position:static;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.wt-pro-dock::-webkit-scrollbar{display:none}.wt-pro-dock .wt-pro-all{margin-inline-start:0}.wt-pro-enhanced .wt-pro-section{display:block!important}}
/* Shadow — layer compositor */
.wt-shadow{--pro-accent:#7c3aed}.wt-shadow .wt-shadow-workspace{grid-template-columns:minmax(440px,1.08fr) minmax(360px,.92fr)}.wt-shadow .wt-shadow-card{border-radius:18px}.wt-shadow .wt-shadow-controls>.wt-pro-dock{border-color:#ddd6fe;background:rgba(250,245,255,.92)}.wt-shadow .wt-shadow-controls>.wt-pro-dock button.is-active{background:#6d28d9}.wt-shadow .wt-shadow-layers{display:grid;gap:10px}.wt-shadow .wt-shadow-layer{border-inline-start:4px solid #8b5cf6!important;box-shadow:0 7px 22px rgba(109,40,217,.05)}.wt-shadow .wt-shadow-summary{background:linear-gradient(135deg,#faf5ff,#fff)}
/* Glass — material lab */
.wt-glass{--pro-accent:#0891b2}.wt-glass .wt-glass-workspace{grid-template-columns:minmax(460px,1.12fr) minmax(350px,.88fr)}.wt-glass .wt-glass-preview-card{box-shadow:0 24px 70px rgba(8,145,178,.12)}.wt-glass .wt-glass-controls-column>.wt-pro-dock{border-color:#bae6fd;background:rgba(240,249,255,.9)}.wt-glass .wt-glass-controls-column>.wt-pro-dock button.is-active{background:#0e7490}.wt-glass .wt-glass-controls-grid{grid-template-columns:1fr}.wt-glass .wt-glass-control{background:linear-gradient(180deg,#fff,#f8fdff)}
/* Scrollbar — axis lab */
.wt-scrollbar{--pro-accent:#0f766e}.wt-scrollbar .wt-scrollbar-workspace{grid-template-columns:minmax(460px,1.05fr) minmax(360px,.95fr)}.wt-scrollbar .wt-scrollbar-controls-column>.wt-pro-dock{border-color:#99f6e4;background:rgba(240,253,250,.92)}.wt-scrollbar .wt-scrollbar-controls-column>.wt-pro-dock button.is-active{background:#0f766e}.wt-scrollbar #wt-scrollbar-separate-panel{border-style:dashed;border-color:#5eead4}.wt-scrollbar .wt-scrollbar-axis-card{box-shadow:inset 0 0 0 1px rgba(13,148,136,.08)}
/* Unit converter — calculator console, no dock */
.wt-unit{--pro-accent:#ea580c}.wt-unit .wt-unit-converter{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa;box-shadow:0 18px 50px rgba(234,88,12,.09)}.wt-unit .wt-unit-converter input,.wt-unit .wt-unit-converter select{font-size:18px!important;font-weight:850}.wt-unit .wt-unit-result{font-variant-numeric:tabular-nums}.wt-unit .wt-unit-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.wt-unit .wt-unit-summary{background:#fff7ed;border-color:#fed7aa}.wt-unit .wt-unit-card h2,.wt-unit .wt-unit-card h3{letter-spacing:-.02em}
/* Button — state studio */
.wt-button{--pro-accent:#dc2626}.wt-button .wt-button-workspace{grid-template-columns:minmax(460px,1.08fr) minmax(360px,.92fr)}.wt-button .wt-button-layout>.wt-pro-dock{border-color:#fecaca;background:rgba(254,242,242,.92)}.wt-button .wt-button-layout>.wt-pro-dock button.is-active{background:#b91c1c}.wt-button .wt-button-state-tabs{padding:5px;background:#0f172a;border-radius:13px}.wt-button .wt-button-state-tabs button{border:0!important;color:#cbd5e1!important;background:transparent!important}.wt-button .wt-button-state-tabs button.is-active{background:#fff!important;color:#0f172a!important;box-shadow:0 4px 12px rgba(0,0,0,.18)}.wt-button .wt-button-preview-card{box-shadow:0 24px 70px rgba(220,38,38,.09)}
/* Gradient — stop editor */
.wt-gradient{--pro-accent:#db2777}.wt-gradient .wt-gradient-workspace{grid-template-columns:minmax(480px,1.12fr) minmax(350px,.88fr)}.wt-gradient .wt-gradient-controls>.wt-pro-dock{border-color:#fbcfe8;background:rgba(253,242,248,.92)}.wt-gradient .wt-gradient-controls>.wt-pro-dock button.is-active{background:#be185d}.wt-gradient #wt-gradient-stops{display:grid;gap:8px}.wt-gradient .wt-gradient-stop{border-inline-start:4px solid #ec4899!important;background:linear-gradient(180deg,#fff,#fff7fb)}.wt-gradient .wt-gradient-stage{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
/* Blob — canvas studio */
.wt-blob{--pro-accent:#2563eb}.wt-blob .wt-blob-workspace{grid-template-columns:minmax(520px,1.18fr) minmax(340px,.82fr)}.wt-blob .wt-blob-controls>.wt-pro-dock{border-color:#bfdbfe;background:rgba(239,246,255,.92)}.wt-blob .wt-blob-controls>.wt-pro-dock button.is-active{background:#1d4ed8}.wt-blob .wt-blob-preview-card{background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 28px 80px rgba(37,99,235,.12)}.wt-blob .wt-blob-stage{min-height:clamp(460px,66vh,720px)}.wt-blob .wt-blob-stage-meta>div{background:#fff}.wt-blob .wt-blob-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.wt-shadow .wt-shadow-workspace,.wt-glass .wt-glass-workspace,.wt-scrollbar .wt-scrollbar-workspace,.wt-button .wt-button-workspace,.wt-gradient .wt-gradient-workspace,.wt-blob .wt-blob-workspace,.wt-unit .wt-unit-layout{grid-template-columns:1fr}.wt-blob .wt-blob-stage{min-height:360px}}