.atelier-preview-mock{border:1px solid var(--app-border);background:var(--app-card);box-shadow:var(--app-shadow-card-lg);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.atelier-preview-mock>:not(.atelier-preview-bar){align-self:center;margin-block:16px}.atelier-preview-bar{border-block-end:1px solid var(--app-border);background:var(--app-card);align-items:center;gap:6px;min-block-size:30px;padding-block:0;padding-inline:12px;display:flex}.atelier-preview-dot{background:var(--app-wash-2);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.atelier-preview-url{flex:1;justify-content:center;min-inline-size:0;display:flex}.atelier-preview-url>span{color:var(--app-text-subtle);background:var(--app-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-inline-size:100%;padding-block:2px;padding-inline:12px;font-size:10.5px;overflow:hidden}.atelier-live-dot{background:var(--status-yes);border-radius:50%;flex:none;block-size:7px;inline-size:7px;animation:2s infinite atelier-live-pulse}@keyframes atelier-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-yes) 55%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--status-yes) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-yes) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.atelier-live-dot{animation:none}}.atelier-look-card{transition:border-color var(--app-duration,.2s) var(--app-ease,ease), box-shadow var(--app-duration,.2s) var(--app-ease,ease);position:relative}.atelier-look-check{background:var(--app-accent);block-size:22px;inline-size:22px;color:var(--app-accent-fg);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--app-accent) 70%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:9px;inset-inline-end:9px}