.desktop-mockup:where(.astro-n6bzidor){border:1px solid var(--color-rule);background:var(--color-code);overflow:hidden}.mock-titlebar:where(.astro-n6bzidor){background:var(--color-panel);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mock-dot:where(.astro-n6bzidor){border-radius:50%;width:10px;height:10px;display:inline-block}.mock-title:where(.astro-n6bzidor){color:var(--color-fg-subtle);letter-spacing:.02em;font-size:11px;font-weight:600}.mock-body:where(.astro-n6bzidor){min-height:260px;display:flex}.mock-sidebar:where(.astro-n6bzidor){background:var(--color-panel);border-right:1px solid var(--color-line);flex-direction:column;gap:4px;width:72px;padding:12px 8px;display:flex}.sidebar-item:where(.astro-n6bzidor){color:var(--color-fg-subtle);align-items:center;gap:6px;padding:6px 8px;font-size:9px;transition:all .2s;display:flex}.sidebar-item:where(.astro-n6bzidor).active{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.mock-content:where(.astro-n6bzidor){flex:1;padding:16px;position:relative;overflow:hidden}.app-frame:where(.astro-n6bzidor){opacity:0;padding:16px;animation:25s ease-in-out infinite app-frame-cycle;position:absolute;inset:0;transform:translateY(6px)}.app-frame:where(.astro-n6bzidor):first-child{animation-delay:0s}.app-frame:where(.astro-n6bzidor):nth-child(2){animation-delay:5s}.app-frame:where(.astro-n6bzidor):nth-child(3){animation-delay:10s}.app-frame:where(.astro-n6bzidor):nth-child(4){animation-delay:15s}.app-frame:where(.astro-n6bzidor):nth-child(5){animation-delay:20s}@keyframes app-frame-cycle{0%,16%{opacity:0;transform:translateY(6px)}18%,34%{opacity:1;transform:translateY(0)}36%,to{opacity:0;transform:translateY(-6px)}}.frame-header:where(.astro-n6bzidor){color:var(--color-fg);margin-bottom:10px;font-size:13px;font-weight:700}.frame-sub:where(.astro-n6bzidor){color:var(--color-fg-muted);margin-bottom:14px;font-size:10px}.frame-stats:where(.astro-n6bzidor){gap:8px;display:flex}.stat-pill:where(.astro-n6bzidor){color:var(--color-fg-muted);background:var(--color-panel);border:1px solid var(--color-line);padding:4px 10px;font-size:9px}.stat-val:where(.astro-n6bzidor){color:var(--color-accent);font-weight:700}.toggle-on:where(.astro-n6bzidor){background:var(--color-accent);border-radius:999px;width:28px;height:14px;position:relative}.toggle-knob:where(.astro-n6bzidor){background:var(--color-canvas);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}.theme-tag:where(.astro-n6bzidor){border:1px solid var(--color-line);color:var(--color-fg-muted);padding:3px 8px;font-size:9px}.active-tag:where(.astro-n6bzidor){border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.cmd-bar:where(.astro-n6bzidor){border:1px solid var(--color-line);background:var(--color-canvas);align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;display:flex}.cmd-results:where(.astro-n6bzidor){margin-bottom:6px;padding:4px}.cmd-row:where(.astro-n6bzidor){align-items:center;gap:8px;padding:6px 8px;display:flex}.cmd-row:where(.astro-n6bzidor).active{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.cmd-icon:where(.astro-n6bzidor){background:color-mix(in srgb, var(--color-accent) 12%, transparent);width:18px;height:18px;color:var(--color-accent);justify-content:center;align-items:center;font-size:10px;display:flex}.cmd-icon:where(.astro-n6bzidor).dim{background:var(--color-panel);color:var(--color-fg-subtle)}.cmd-footer:where(.astro-n6bzidor){border-top:1px solid var(--color-line);color:var(--color-fg-subtle);gap:14px;padding:6px 12px;font-size:8px;display:flex}.field-label:where(.astro-n6bzidor){color:var(--color-fg-muted);margin-bottom:3px;font-size:9px}.field-box:where(.astro-n6bzidor){border:1px solid var(--color-line);background:var(--color-canvas);height:22px;color:var(--color-fg);align-items:center;padding:0 8px;font-size:10px;display:flex}.field-box:where(.astro-n6bzidor).error{border-color:#f87171}.field-error:where(.astro-n6bzidor){color:#f87171;margin-top:2px;font-size:8px}.btn-sm-primary:where(.astro-n6bzidor){background:var(--color-accent);color:var(--color-canvas);padding:4px 10px;font-size:9px;font-weight:700}.btn-sm-ghost:where(.astro-n6bzidor){border:1px solid var(--color-line);color:var(--color-fg-muted);padding:4px 10px;font-size:9px}.cursor-blink:where(.astro-n6bzidor){background:var(--color-accent);width:1px;height:12px;margin-left:auto;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.app-frame:where(.astro-n6bzidor){opacity:1;animation:none;position:relative;transform:none}.app-frame:where(.astro-n6bzidor):nth-child(n+2){display:none}}