.desktop-mockup:where(.astro-sruwkfzo){border-radius:12px;border:1px solid rgba(245,158,11,.15);background:#00000080;overflow:hidden;backdrop-filter:blur(16px);box-shadow:0 25px 60px #00000080,0 0 80px #f59e0b0d}.mock-titlebar:where(.astro-sruwkfzo){display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0006;border-bottom:1px solid rgba(255,255,255,.06)}.mock-dot:where(.astro-sruwkfzo){width:10px;height:10px;border-radius:50%;display:inline-block}.mock-title:where(.astro-sruwkfzo){font-size:11px;font-weight:600;color:#ffffff80;letter-spacing:.02em}.mock-body:where(.astro-sruwkfzo){display:flex;min-height:260px}.mock-sidebar:where(.astro-sruwkfzo){width:72px;padding:12px 8px;background:#0000004d;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}.sidebar-item:where(.astro-sruwkfzo){display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;font-size:9px;color:#ffffff59;transition:all .2s}.sidebar-item:where(.astro-sruwkfzo).active{color:#f59e0b;background:#f59e0b1a}.mock-content:where(.astro-sruwkfzo){flex:1;padding:16px;position:relative;overflow:hidden}.app-frame:where(.astro-sruwkfzo){position:absolute;inset:0;padding:16px;opacity:0;transform:translateY(6px);animation:app-frame-cycle 25s ease-in-out infinite}.app-frame:where(.astro-sruwkfzo):nth-child(1){animation-delay:0s}.app-frame:where(.astro-sruwkfzo):nth-child(2){animation-delay:5s}.app-frame:where(.astro-sruwkfzo):nth-child(3){animation-delay:10s}.app-frame:where(.astro-sruwkfzo):nth-child(4){animation-delay:15s}.app-frame:where(.astro-sruwkfzo):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-sruwkfzo){font-size:13px;font-weight:700;color:#e4e4e7;margin-bottom:10px}.frame-sub:where(.astro-sruwkfzo){font-size:10px;color:#fff6;margin-bottom:14px}.frame-stats:where(.astro-sruwkfzo){display:flex;gap:8px}.stat-pill:where(.astro-sruwkfzo){font-size:9px;color:#fff6;padding:4px 10px;border-radius:20px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.12)}.stat-val:where(.astro-sruwkfzo){color:#f59e0b;font-weight:700}.toggle-on:where(.astro-sruwkfzo){width:28px;height:14px;border-radius:999px;background:#f59e0b;position:relative}.toggle-knob:where(.astro-sruwkfzo){position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#0c0c0f}.theme-tag:where(.astro-sruwkfzo){font-size:9px;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08);color:#fff6}.active-tag:where(.astro-sruwkfzo){border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.cmd-bar:where(.astro-sruwkfzo){display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(245,158,11,.25);border-radius:8px;background:#0a0a10e6;margin-bottom:6px}.cmd-results:where(.astro-sruwkfzo){padding:4px;margin-bottom:6px}.cmd-row:where(.astro-sruwkfzo){display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}.cmd-row:where(.astro-sruwkfzo).active{background:#f59e0b14}.cmd-icon:where(.astro-sruwkfzo){width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#f59e0b26;font-size:10px;color:#f59e0b}.cmd-icon:where(.astro-sruwkfzo).dim{background:#ffffff0a;color:#ffffff4d}.cmd-footer:where(.astro-sruwkfzo){display:flex;gap:14px;padding:6px 12px;border-top:1px solid rgba(255,255,255,.04);font-size:8px;color:#ffffff40}.field-label:where(.astro-sruwkfzo){font-size:9px;color:#fff6;margin-bottom:3px}.field-box:where(.astro-sruwkfzo){height:22px;border-radius:5px;border:1px solid rgba(245,158,11,.15);background:#00000040;padding:0 8px;display:flex;align-items:center;font-size:10px;color:#e4e4e7}.field-box:where(.astro-sruwkfzo).error{border-color:#f8717166}.field-error:where(.astro-sruwkfzo){font-size:8px;color:#f87171;margin-top:2px}.btn-sm-primary:where(.astro-sruwkfzo){font-size:9px;padding:4px 10px;border-radius:5px;background:#f59e0b;color:#0c0c0f;font-weight:700}.btn-sm-ghost:where(.astro-sruwkfzo){font-size:9px;padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.08);color:#fff6}.cursor-blink:where(.astro-sruwkfzo){display:inline-block;width:1px;height:12px;background:#f59e0b;margin-left:auto;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.app-frame:where(.astro-sruwkfzo){animation:none;position:relative;opacity:1;transform:none}.app-frame:where(.astro-sruwkfzo):nth-child(n+2){display:none}}