.desktop-preview__question{border:1px solid color-mix(in srgb, var(--color-primary) 55%, transparent);background:color-mix(in srgb, var(--color-primary) 16%, color-mix(in srgb, var(--color-background) 86%, transparent));max-width:100%;color:var(--color-foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-align:left;pointer-events:auto;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.75rem;font-weight:500;line-height:1.3;display:flex}.desktop-preview__question svg{color:var(--color-primary);flex:none}.desktop-preview__question:hover{border-color:var(--color-primary)}.desktop-preview__question:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.desktop-preview__narration{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-background) 82%, transparent);max-width:100%;color:var(--color-foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-wrap:pretty;pointer-events:none;align-items:flex-start;gap:.45rem;margin:0;padding:.4rem .65rem;font-size:.75rem;line-height:1.45;display:flex}.desktop-preview__narration-icon{color:var(--color-muted-foreground);flex:none;margin-top:.15rem}.desktop-preview__narration-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.desktop-preview__narration-dismiss{width:1.4rem;height:1.4rem;color:var(--color-muted-foreground);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:-.15rem -.35rem -.15rem 0;padding:0;display:grid}.desktop-preview__narration-dismiss:hover{background:color-mix(in srgb, var(--color-foreground) 10%, transparent);color:var(--color-foreground)}.desktop-preview__narration-dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}@media (max-width:767px){.desktop-preview__narration{font-size:.7rem}.desktop-preview__question{min-height:var(--touch-target);font-size:.72rem}.desktop-preview__narration-text{-webkit-line-clamp:2;line-clamp:2}}.elowen-desktop-surface{width:100%;height:100%}.elowen-desktop-surface canvas{object-fit:contain;max-width:100%;max-height:100%;margin:auto;display:block}.elowen-desktop-surface:not([data-keyboard-claimed]) canvas{cursor:default!important}.desktop-preview{max-width:20rem;margin:.4rem 0 .6rem}.desktop-preview[data-expanded=true]{opacity:0;pointer-events:none}.desktop-preview__tile{border-radius:var(--radius-lg);cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.desktop-preview__tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.desktop-preview__tile .desktop-preview__canvas{aspect-ratio:var(--desktop-aspect,1.6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media (min-width:768px){.desktop-preview[data-placement=chat] .desktop-preview__tile .desktop-preview__canvas{aspect-ratio:1}.chat-surface-full .desktop-preview[data-chat-dock]{z-index:var(--z-fab);right:max(var(--shell-gutter,1rem), var(--safe-right,0px));bottom:calc(var(--chat-composer-height,5rem) + var(--chat-visual-bottom-offset,0px) + .75rem + var(--chat-dock-offset,0px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-background) 92%, transparent);width:min(20rem,100vw - 2rem);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0;padding:.4rem;position:absolute}.chat-surface-full .desktop-preview[data-chat-dock] .desktop-preview__tile .desktop-preview__canvas{aspect-ratio:var(--desktop-aspect,1.6)}}.desktop-preview__caption{color:var(--color-muted-foreground);font-size:var(--text-caption);align-items:center;gap:.5rem;margin-top:.375rem;display:flex}.desktop-preview__caption .desktop-preview__identity{max-width:100%}.desktop-preview__expand{z-index:2;background:color-mix(in srgb, var(--color-background) 70%, transparent);color:var(--color-muted-foreground);border-radius:999px;place-items:center;padding:.25rem;display:grid;position:absolute;top:.4rem;right:.4rem}.desktop-preview__tile:hover .desktop-preview__expand,.desktop-preview__tile:focus-visible .desktop-preview__expand{color:var(--color-foreground)}.desktop-preview__canvas{isolation:isolate;outline-offset:-2px;background:var(--color-muted);-webkit-user-select:none;user-select:none;outline:2px solid #0000;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.desktop-preview__canvas>.desktop-preview__slot,.desktop-preview__canvas>.desktop-preview__waiting,.desktop-preview__canvas>.desktop-preview__still{grid-area:1/1}.desktop-preview__still{object-fit:contain;width:100%;height:100%;display:block}.desktop-preview__slot{width:100%;height:100%}.desktop-preview__tile .desktop-preview__slot{pointer-events:none}.desktop-preview__canvas[data-interactive=true]{cursor:default;touch-action:none;outline-color:color-mix(in srgb, var(--color-primary) 55%, transparent)}.desktop-preview__canvas:focus-visible{outline-color:var(--color-primary)}.desktop-preview__waiting{color:var(--color-muted-foreground);font-size:var(--text-caption);text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:1rem;display:flex}.desktop-preview__activity{z-index:2;background:color-mix(in srgb, var(--color-background) 78%, transparent);max-width:calc(100% - 3rem);color:var(--color-foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-caption);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem;line-height:1.35;display:flex;position:absolute;top:.4rem;left:.4rem}.desktop-preview__activity.has-action{padding:.22rem .55rem}.desktop-preview__dot{background:var(--color-success);border-radius:999px;flex:none;width:.4rem;height:.4rem}.desktop-preview__dot[data-tone=accent]{background:var(--color-primary)}.desktop-preview__dot[data-tone=warning]{background:var(--color-warning)}.desktop-preview__dot[data-tone=danger]{background:var(--color-destructive)}.desktop-preview__dot[data-tone=muted]{background:var(--color-muted-foreground)}.desktop-preview__surface{pointer-events:auto;width:min(76vw, calc(76dvh * var(--desktop-aspect,1.6)), 100%);max-height:100%;aspect-ratio:var(--desktop-aspect,1.6);border-radius:var(--radius-md);outline:none;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.desktop-preview__surface .desktop-preview__canvas{height:100%}.desktop-preview__icon{width:1.75rem;height:1.75rem;color:var(--color-muted-foreground);cursor:pointer;transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.desktop-preview__icon:hover:not(:disabled){background:color-mix(in srgb, var(--color-foreground) 10%, transparent);color:var(--color-foreground)}.desktop-preview__icon[data-tone=danger]:hover:not(:disabled){color:var(--color-destructive)}.desktop-preview__icon:disabled{opacity:.45;cursor:default}.desktop-preview__icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.desktop-preview__dismiss{z-index:4;background:color-mix(in srgb, var(--color-background) 78%, transparent);width:2rem;height:2rem;color:var(--color-foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:.5rem;right:.5rem}.desktop-preview__dismiss:hover:not(:disabled){background:color-mix(in srgb, var(--color-background) 90%, transparent)}.desktop-preview__dock{z-index:4;width:min(44rem,100% - 1.5rem);max-height:calc(100% - var(--touch-target) - 1rem);pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.desktop-preview__notices{pointer-events:auto;max-width:100%;min-height:0;overflow-y:auto}.desktop-preview__notices:empty{display:none}.desktop-preview__controls{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border-radius:999px;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.25rem;max-width:100%;padding:.25rem .4rem;display:flex}.desktop-preview__identity{align-items:center;min-width:0;max-width:12rem;display:flex}@keyframes desktop-control-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 55%, transparent)}70%{box-shadow:0 0 0 .35rem #0000}to{box-shadow:0 0 #0000}}.desktop-preview__control--waiting{animation:1.9s ease-out infinite desktop-control-pulse}@media (max-width:767px){.desktop-preview{max-width:none}.desktop-preview__canvas[data-interactive=true] .desktop-preview__activity{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb, var(--color-background) 92%, transparent)}.desktop-preview__surface{width:min(100%, calc(92dvh * var(--desktop-aspect,1.6)))}.desktop-preview__controls .desktop-preview__identity{overflow-wrap:anywhere;max-width:min(12rem,100%)}.desktop-preview__dock{width:calc(100% - 1rem);bottom:.5rem}}@media (pointer:coarse){.desktop-preview__icon,.desktop-preview__dismiss{width:var(--touch-target);height:var(--touch-target)}}@media (prefers-reduced-motion:reduce){.desktop-preview__control--waiting{box-shadow:0 0 0 .18rem color-mix(in srgb, var(--color-primary) 45%, transparent);animation:none}}