.feature-preview{--preview-accent: #408f86;--preview-bg: var(--color-surface-card);--preview-soft: var(--color-canvas-soft);--preview-line: var(--color-hairline);--preview-ink: var(--color-ink);--preview-body: var(--color-body);--preview-muted: var(--color-muted);width:100%;min-width:0;border:1px solid var(--preview-line);border-radius:12px;background:var(--preview-bg);color:var(--preview-ink);text-align:left;overflow:hidden;font-size:12px;line-height:1.5;container-type:inline-size}[data-theme=dark] .feature-preview{--preview-accent: #75b9b0}.feature-preview-dark{--preview-accent: #86c6bc;--preview-bg: transparent;--preview-soft: rgba(255,255,255,.025);--preview-line: rgba(255,255,255,.1);--preview-ink: #f5f5f5;--preview-body: #b8b3ad;--preview-muted: #a8a29e}.feature-preview-chrome{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 14px;border-bottom:1px solid var(--preview-line);font-size:11px}.feature-preview-chrome>span{display:flex;align-items:center;gap:7px}.feature-preview-status{color:var(--preview-muted);font-size:10px}.feature-preview-status i{width:5px;height:5px;border-radius:50%;background:var(--preview-accent)}.feature-preview-label{color:var(--preview-muted);font-size:10px;font-weight:500}.runbook-card{display:flex;flex-direction:column;height:360px;flex-shrink:0}.runbook-card-body{flex:1;padding:15px 15px 12px}.runbook-card h4{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0 0 12px}.runbook-card-schedule{display:flex;align-items:center;gap:9px;color:var(--preview-body);font-size:11px;margin-bottom:13px}.runbook-card-schedule svg{color:var(--preview-muted);flex-shrink:0}.runbook-card-schedule small{display:block;color:var(--preview-muted);font-size:9px}.runbook-card-instructions{margin-bottom:12px;position:relative}.runbook-instructions-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.runbook-instructions-heading>span:last-child{color:var(--preview-muted);font-size:9px}.runbook-instructions-document{height:90px;overflow:hidden;font-size:11px;line-height:1.65;color:var(--preview-body);mask-image:linear-gradient(to bottom,#000 48%,transparent 100%)}.runbook-instructions-document p{margin:0 0 7px}.runbook-instructions-document strong{font-weight:600;color:var(--preview-ink);margin-right:4px}.runbook-instructions-document ol{list-style:decimal;padding-left:15px}.runbook-instructions-document li{padding-left:2px;margin-bottom:6px}.runbook-instructions-continuation{position:absolute;right:1px;bottom:-1px;color:var(--preview-muted);letter-spacing:2px;font-size:13px}.runbook-card-result{border-top:1px solid var(--preview-line);padding-top:11px}.runbook-card-result>div{display:flex;align-items:center;gap:5px;font-size:10px}.runbook-card-result svg{color:var(--preview-accent);flex-shrink:0}.runbook-card-result strong{font-weight:500}.runbook-card-result>div>span{margin-left:auto;color:var(--preview-muted);white-space:nowrap}.runbook-card-result p{margin:5px 0 0 18px;color:var(--preview-muted);font-size:10px;line-height:1.7}.runbook-card-link{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;background:var(--preview-soft);border-top:1px solid var(--preview-line);font-size:10px;color:var(--preview-body)}.runbook-card-link:hover{color:var(--preview-ink)}.runbook-card-link:focus-visible,.june-chat-card button:focus-visible{outline:2px solid var(--preview-accent);outline-offset:-3px}.june-chat-card{height:360px;flex-shrink:0;display:flex;flex-direction:column}.june-chat-context{font-size:9px;color:var(--preview-muted);padding-left:7px;border-left:1px solid var(--preview-line)}.june-chat-card button{display:grid;place-items:center;width:28px;height:28px;margin:-4px -6px -4px 0;border-radius:6px;color:var(--preview-muted);cursor:pointer}.june-chat-card button:hover{background:var(--preview-soft);color:var(--preview-ink)}.june-chat-card button:disabled{opacity:.4;cursor:default}.june-chat-conversation{padding:14px;flex:1;min-height:0}.june-chat-question{width:fit-content;max-width:94%;margin:0 0 12px auto;padding:9px 12px;border-radius:11px 11px 3px;background:var(--preview-soft);font-size:11.5px;line-height:1.5}.june-chat-author{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:11px}.june-chat-author strong{font-weight:600}.june-chat-reply{font-size:11.5px;line-height:1.65;color:var(--preview-body)}.june-chat-answer p{margin:0 0 6px}.june-chat-answer p:first-child{color:var(--preview-ink)}.june-chat-sources{display:block;font-size:9px;color:var(--preview-muted);margin-top:7px}.june-chat-composer{display:flex;align-items:center;gap:8px;border:1px solid var(--preview-line);border-radius:8px;margin:0 12px 12px;padding:8px 9px;font-size:10px;color:var(--preview-muted)}.june-chat-send{margin-left:auto;border-radius:50%;padding:3px;background:var(--preview-soft)}.june-chat-thinking{background:linear-gradient(100deg,var(--preview-muted) 25%,var(--preview-ink) 50%,var(--preview-muted) 75%);background-size:200% 100%;color:transparent;background-clip:text;animation:preview-shimmer 1.8s linear infinite}.june-chat-answer-enter{animation:preview-answer-in .35s ease-out both}@keyframes preview-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes preview-answer-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.usage-feature{display:flex;flex-direction:column;gap:12px;height:360px;flex-shrink:0}.usage-browser-card{padding:12px 13px 6px;flex-shrink:0}.usage-feature-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.usage-feature-heading>span{display:flex;align-items:center;gap:6px}.usage-feature-heading small{color:var(--preview-muted);font-size:9px}.usage-feature-summary{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 0}.usage-feature-summary strong{font-size:23px;font-weight:550;letter-spacing:-.5px}.usage-feature-summary strong span{font-size:10px;font-weight:400;color:var(--preview-muted);letter-spacing:0}.usage-feature-summary>span{font-size:9px;color:var(--preview-muted)}.usage-feature-chart{width:100%;height:126px;display:block;overflow:visible}.usage-desktop-card{padding:12px 13px 2px}.usage-device-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:11px}.usage-device-row+.usage-device-row{border-top:1px solid var(--preview-line)}.usage-device-row strong{font-weight:500}.usage-device-row small{display:block;margin-top:1px;font-size:9px;color:var(--preview-muted)}.usage-device-row>span:last-child{text-align:right}@container (max-width: 280px){.june-chat-conversation{padding:12px}.june-chat-question{margin-bottom:12px;padding:8px 10px;font-size:11px}.june-chat-reply{padding-left:0;font-size:11px;line-height:1.55}.june-chat-answer p{margin-bottom:6px}.june-chat-sources{margin-top:7px}.runbook-card-body{padding:12px}}@media(max-width:639px){.june-chat-card,.runbook-card{height:auto;min-height:360px}.june-chat-conversation{flex:1 0 auto;padding-bottom:18px}}@media(prefers-reduced-motion:reduce){.june-chat-thinking,.june-chat-answer-enter{animation:none}}