.hero-preview[data-v-d00f9602]{border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface-raised);width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #1527380f,0 36px 90px -58px #1527387a}.hero-preview[data-v-d00f9602]:before{background:color-mix(in oklab, var(--ui-accent) 13%, transparent);filter:blur(80px);content:"";pointer-events:none;border-radius:999px;height:70%;position:absolute;inset:-40% 12% auto}.hero-preview__topbar[data-v-d00f9602]{z-index:1;border-bottom:1px solid var(--ui-divider);background:color-mix(in oklab, var(--ui-surface-raised) 88%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;padding-inline:clamp(16px,2.4vw,28px);display:grid;position:relative}.hero-preview__topbar[data-v-d00f9602]>:last-child{justify-self:end}.hero-preview__project[data-v-d00f9602]{border:1px solid var(--ui-border);background:var(--ui-surface-2);border-radius:999px;align-items:center;gap:8px;min-height:30px;padding-inline:12px;display:flex}.hero-preview__workspace[data-v-d00f9602]{z-index:1;grid-template-columns:190px minmax(0,1fr) 250px;min-height:470px;display:grid;position:relative}.hero-preview__rail[data-v-d00f9602],.hero-preview__inspector[data-v-d00f9602]{background:color-mix(in oklab, var(--ui-surface-2) 74%, var(--ui-surface-raised));padding:24px 18px}.hero-preview__rail[data-v-d00f9602]{border-right:1px solid var(--ui-divider)}.hero-preview__inspector[data-v-d00f9602]{border-left:1px solid var(--ui-divider);flex-direction:column;gap:24px;display:flex}.hero-preview__tool[data-v-d00f9602]{border-radius:var(--ui-radius-sm);min-width:0;min-height:34px;color:var(--ui-fg-subtle);border:1px solid #0000;align-items:center;gap:9px;padding-inline:10px;font-size:11px;font-weight:500;display:flex}.hero-preview__tool--active[data-v-d00f9602]{border-color:var(--ui-border);background:var(--ui-surface-raised);color:var(--ui-fg);box-shadow:0 1px 2px #0f172a0d}.hero-preview__canvas[data-v-d00f9602]{flex-direction:column;gap:28px;min-width:0;padding:clamp(24px,4vw,48px);display:flex}.hero-preview__palette[data-v-d00f9602]{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);grid-template-columns:repeat(6,minmax(0,1fr));min-height:116px;display:grid;overflow:hidden}.hero-preview__swatch[data-v-d00f9602]{min-width:0}.hero-preview__specimens[data-v-d00f9602]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hero-preview__specimen[data-v-d00f9602]{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-raised);flex-direction:column;min-width:0;min-height:138px;padding:16px;display:flex}.hero-preview__specimen--gradient[data-v-d00f9602]{background:linear-gradient(135deg,#173f6b,#5c92c7 52%,#d8edf8);justify-content:space-between}.hero-preview__code[data-v-d00f9602]{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised);color:var(--ui-fg-muted);font-family:var(--font-mono);grid-template-columns:18px auto 1fr;gap:6px 8px;padding:14px;font-size:9px;line-height:1.5;display:grid}@media (width<=960px){.hero-preview__workspace[data-v-d00f9602]{grid-template-columns:165px minmax(0,1fr);min-height:420px}.hero-preview__inspector[data-v-d00f9602]{display:none}}@media (width<=640px){.hero-preview__topbar[data-v-d00f9602]{grid-template-columns:1fr auto}.hero-preview__project[data-v-d00f9602]{display:none}.hero-preview__workspace[data-v-d00f9602]{min-height:auto;display:block}.hero-preview__rail[data-v-d00f9602]{border-right:0;border-bottom:1px solid var(--ui-divider);gap:4px;padding:12px;display:flex;overflow-x:auto}.hero-preview__rail[data-v-d00f9602]>:first-child{display:none}.hero-preview__rail[data-v-d00f9602]>:last-child{gap:4px;display:flex}.hero-preview__tool[data-v-d00f9602]{min-width:max-content}.hero-preview__canvas[data-v-d00f9602]{gap:18px;padding:20px}.hero-preview__canvas[data-v-d00f9602]>:first-child{align-items:center}.hero-preview__canvas[data-v-d00f9602]>:first-child>:first-child>:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-size:14px;overflow:hidden}.hero-preview__palette[data-v-d00f9602]{border-radius:var(--ui-radius);min-height:76px}.hero-preview__specimens[data-v-d00f9602]{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview__specimen[data-v-d00f9602]{min-height:110px}.hero-preview__specimen[data-v-d00f9602]:last-child{display:none}}