body{background-color:#16181c;color:#f4f6f8}
.site-header{background-color:#23262c;border-block-end:1px solid #3e444e}
.brand{display:flex;align-items:center;gap:8px;min-width:0}
.icon-swatch{width:20px;height:20px;flex:none;display:block;color:#ff5ca8}
.workbench-frame{background-color:#23262c;border:1px solid #3e444e;border-radius:var(--radius);padding:var(--s3);min-width:0;max-width:100%}
.hero-preview{height:12px;border-radius:999px;margin-block-end:var(--s3);background-image:linear-gradient(90deg,#ff5ca8 0%,#3dd6c6 100%)}
.workbench-kicker{display:flex;align-items:center;gap:8px;margin:0 0 var(--s2);color:#c4ccd6;font-size:.9rem;font-weight:600;letter-spacing:.02em}
.workbench-stage{min-width:0;padding:var(--s3);border-radius:var(--radius);background-color:#1b1d22;background-image:linear-gradient(45deg,#2a2d34 25%,transparent 25%),linear-gradient(-45deg,#2a2d34 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2d34 75%),linear-gradient(-45deg,transparent 75%,#2a2d34 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px,16px 16px,16px 16px,16px 16px}
.workbench-page,.home{min-width:0}
.site-footer{background:#16181c;border-block-start:1px solid #3e444e}
.card{background:#23262c;border-color:#3e444e}
@media (max-width:320px){
  .workbench-frame{padding:var(--s2)}
  .hero-preview{height:8px}
}