.app-card-preview{display:flex;min-height:11.5rem;align-items:center;justify-content:center}.app-card-preview--drive{align-items:flex-end}.app-preview-drive-window,.app-preview-chat-window,.app-preview-back-window{width:min(100%,21rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 86%,transparent);border-radius:.85rem .85rem 0 0;background:var(--color-surface);box-shadow:0 18px 34px -22px color-mix(in srgb,var(--color-foreground) 38%,transparent)}.app-preview-window-header,.app-preview-chat-header{display:flex;min-height:3.25rem;align-items:center;gap:.5rem;border-bottom:1px solid var(--color-border);padding:.55rem .65rem;color:var(--color-foreground);font-size:.65rem;font-weight:700}.app-preview-window-header img,.app-preview-chat-header img{width:1.85rem;height:1.85rem;overflow:hidden;border-radius:.48rem;object-fit:cover}.app-preview-share{margin-left:auto;border-radius:999px;background:var(--color-primary-500);padding:.28rem .5rem;color:#fff;font-size:.56rem}.app-preview-file-row{display:grid;grid-template-columns:.95rem minmax(0,1fr) auto;align-items:center;gap:.45rem;margin:0 .65rem;padding:.58rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-muted-foreground);font-size:.56rem}.app-preview-file-row:last-child{border-bottom:0}.app-preview-file-row span:last-child{color:color-mix(in srgb,var(--color-muted-foreground) 68%,transparent)}.app-preview-file-icon{width:.75rem;height:.9rem;border-radius:.15rem;background:#ef4444}.app-preview-file-icon.is-blue{background:var(--color-primary-500)}.app-preview-file-icon.is-yellow{background:#eab308}.app-card-preview--chat{align-items:flex-end}.app-preview-chat-window{display:flex;min-height:10.8rem;flex-direction:column;border-radius:.85rem}.app-preview-chat-header small{display:block;margin-top:.12rem;color:var(--color-muted-foreground);font-size:.5rem;font-weight:500}.app-preview-online{width:.5rem;height:.5rem;margin-left:auto;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 15%,transparent)}.app-preview-chat-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.75rem;background:color-mix(in srgb,var(--color-muted) 48%,transparent)}.app-preview-message{max-width:72%;border-radius:.55rem .55rem .55rem .15rem;background:var(--color-surface);padding:.42rem .5rem;color:var(--color-foreground);font-size:.55rem;line-height:1.35}.app-preview-message.is-outgoing{align-self:flex-end;border-radius:.55rem .55rem .15rem;background:#25d366;color:#062d1a}.app-preview-chat-input{display:flex;align-items:center;justify-content:space-between;margin:.55rem .65rem;border:1px solid var(--color-border);border-radius:.45rem;padding:.38rem .45rem;color:var(--color-muted-foreground);font-size:.52rem}.app-preview-chat-input span{color:var(--color-primary-500);font-size:.75rem}.app-card-preview--back{align-items:flex-end}.app-preview-back-window{position:relative;min-height:10.8rem;border-radius:.85rem .85rem 0 0;background:linear-gradient(150deg,#e5e7eb,#f8fafc 68%)}.app-preview-browser-bar{display:flex;align-items:center;gap:.25rem;padding:.5rem .65rem;background:color-mix(in srgb,var(--color-surface) 84%,transparent)}.app-preview-browser-bar span{width:.33rem;height:.33rem;border-radius:50%;background:#d4d4d8}.app-preview-browser-bar i{width:52%;height:.45rem;margin-left:.35rem;border-radius:999px;background:var(--color-muted)}.app-preview-site-content{display:flex;width:68%;flex-direction:column;padding:1.45rem 1.15rem}.app-preview-site-kicker{color:#52525b;font-size:.46rem;font-weight:700;letter-spacing:.1em}.app-preview-site-title{margin-top:.4rem;color:#18181b;font-size:1rem;font-weight:600;letter-spacing:-.045em;line-height:1.05}.app-preview-site-line{width:85%;height:.35rem;margin-top:.7rem;border-radius:999px;background:#d4d4d8}.app-preview-back-control{position:absolute;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#18181b;padding:.42rem .65rem;color:#fff;font-size:.58rem;font-weight:600;box-shadow:0 8px 16px -8px #00000073}.app-preview-back-control b{font-size:.8rem;font-weight:400}.app-card-status{backface-visibility:hidden}@media(min-width:768px){.app-card-status{opacity:0;transform:translate3d(0,1rem,0);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.card-group:hover .app-card-status,.card-group:focus-within .app-card-status{opacity:1;transform:translateZ(0)}}@media(max-width:767px){.app-card-status{opacity:1;transform:translateZ(0)}}@media(min-width:768px)and (prefers-reduced-motion:reduce){.app-card-status{opacity:1;transform:translateZ(0);transition:none}}