/* Additional states and missing windows use v1.2.0's existing design tokens. */
[hidden]{display:none!important}.field-preview{width:100%;background:var(--paper,#fff);color:var(--ink);font:inherit;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.field-preview:focus{outline:2px solid var(--accent);outline-offset:2px}.field-label{display:block;margin:0 0 8px}.api-status{padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);line-height:1.65}.api-status[data-kind=error]{border-color:var(--accent);color:var(--ink)}.api-status[data-kind=success]{border-color:var(--accent);color:var(--ink)}.api-status:empty{display:none}.status-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:wait}.upload-progress{width:100%;accent-color:var(--accent);height:14px}.data-wrap{overflow:auto;max-width:100%}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:12px;color:var(--muted);font-weight:600}.detail-panel{overflow-wrap:anywhere}.detail-panel .button-row{flex-wrap:wrap}.detail-panel textarea{width:100%;resize:vertical}.version-line{gap:15px;flex-wrap:wrap}.version-line button{margin-left:auto}.version-line small{display:block;color:var(--muted)}.app-meta,.app-description{overflow-wrap:anywhere}.tile-icon img{max-width:100%;border-radius:inherit}.runtime-list{display:grid;gap:14px;margin-top:25px}.runtime-list>article{padding:20px;border:1px solid var(--line);border-radius:14px}.runtime-list h3{font-size:18px}.runtime-list .button-row{margin-top:15px}.demo-user span[data-account]{overflow-wrap:anywhere;max-width:190px}.nav-drawer .drawer-account{padding:16px 20px;overflow-wrap:anywhere}.nav-drawer .language-slot{padding:10px 20px}.document-main{overflow-wrap:anywhere;min-width:0;max-width:1000px;margin:0 auto;padding:65px 26px 85px}.document-main h1{font-size:clamp(32px,5vw,58px);letter-spacing:-1.5px;line-height:1.12;margin:18px 0 25px}.document-main h2{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin:30px 0 15px}.document-main h3{font-size:19px;line-height:1.4;margin:18px 0 10px}.document-main p,.document-main li{font-size:15px;line-height:1.8;margin-bottom:12px}.document-main ul,.document-main ol{padding-left:22px}.document-main details{padding:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.document-main summary{font-size:17px;font-weight:600;cursor:pointer}.document-main details p{margin-top:15px}.document-main .r9-toc{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding-bottom:25px}.document-main section{margin-top:32px}.document-main a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.document-main .btn{text-decoration:none}.document-main .b7-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.document-main .b7-tool-card{padding:20px;border:1px solid var(--line);border-radius:14px}.app-link-field{word-break:break-all;display:block;margin:18px 0}.app-qr{width:150px;height:150px;background:white;padding:8px}.check-list{padding-left:20px;line-height:1.7}.preview-version{font-size:10px;color:var(--muted)}.nav-item button{font:inherit}.auth-form .api-status{margin-top:5px}.auth-form label{font-weight:500}.auth-form .button-row{display:flex;gap:12px;flex-wrap:wrap}.auth-form input{font-size:16px}.auth-form-card .auth-form button.btn-primary{width:100%}.auth-form-zone input:read-only{cursor:default}.api-code{font-family:monospace;overflow-wrap:anywhere;font-size:12px}.feature-card .badge{white-space:normal}.auth-separator-link{margin-top:20px;text-align:center}.help-layout .settings-card+.settings-card{margin-top:18px}@media(max-width:850px){.document-main{padding-top:35px}.document-main .b7-tool-grid{grid-template-columns:1fr}.version-line button{margin-left:0}.auth-header-right{gap:12px}.document-main h2{font-size:23px}.card-actions{flex-wrap:wrap}.app-card h3{overflow-wrap:anywhere}.nav-drawer{max-height:calc(100dvh - 20px);overflow-y:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}

/* Shared homepage SVG: preserve its 31:38 inset at every shell size. */
.sidebar .brand-mark>svg,.topbar .brand-mark>svg,.nav-drawer .brand-mark>svg,.auth-header .brand-mark>svg,.auth-mini-card .brand-mark>svg,.connection-diagram .brand-mark>svg{display:block;width:81.578947%;height:81.578947%;flex:none}

/* Shared, touch-sized controls. Popovers use the top layer inside mobile dialogs. */
.language-control{position:relative;display:inline-flex;width:auto;min-width:0}
.language-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:66px;padding:10px 12px;border:1px solid var(--line,#deddd6);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#272824);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.language-button:hover,.language-button[aria-expanded=true]{border-color:var(--accent,#d46b4f);background:var(--accent-soft,#f8ece5)}
.aq-popover{position:fixed;inset:auto;margin:0;padding:7px;box-sizing:border-box;z-index:1000;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line,#deddd6);border-radius:16px;background:var(--paper,#fff);color:var(--ink,#272824);box-shadow:0 14px 38px #25262024}
.language-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible{background:var(--accent-soft,#f8ece5)}
.language-menu [aria-checked=true]{background:var(--accent-soft,#f8ece5);font-weight:600}.language-code{font-size:11px;color:var(--muted,#717269);width:25px}.language-check{margin-left:auto;color:var(--accent,#bc523b)}
.language-button:focus-visible,.account-button:focus-visible,.aq-popover a:focus-visible,.aq-popover button:focus-visible{outline:2px solid var(--accent,#d46b4f);outline-offset:2px}
.account-control{display:inline-flex;position:relative;flex-shrink:0}.account-button{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink,#272824);padding:7px 10px;min-height:44px;font:inherit;text-align:left;cursor:pointer}
.account-button:hover,.account-button[aria-expanded=true]{background:var(--accent-soft,#f8ece5)}.account-button strong{display:block;font-size:13px;line-height:1.25;font-weight:600;white-space:nowrap}.account-button small{display:block;font-size:10px;color:var(--muted,#717269);line-height:1.6;white-space:nowrap}.account-button[data-state=signed-in]>svg{color:#367154}
.account-menu-login{padding:10px 12px 15px;margin:0 0 4px;border-bottom:1px solid var(--line,#deddd6);font-size:13px;overflow-wrap:anywhere;line-height:1.6}.account-menu a,.account-menu button{display:block;width:100%;padding:13px 12px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;font-size:14px;cursor:pointer}.account-menu a:hover,.account-menu button:hover{background:var(--accent-soft,#f8ece5)}.account-menu [role=status]{font-size:12px;margin:0;padding:0 12px}.account-menu [role=status]:empty{display:none}
.navigation-progress{position:sticky;top:8px;z-index:5;display:flex;gap:10px;align-items:center;width:fit-content;padding:10px 16px;margin:0 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);font-size:13px}.navigation-progress:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent)}
.role-cards .role-connector{top:50%;transform:translateY(-50%)}
@media(max-width:699px){.header-actions{gap:5px}.account-button{padding:7px 5px;gap:5px}.account-button strong{font-size:12px}.account-button small{font-size:9px}.language-button{min-width:54px;padding:10px 8px}.topbar-actions{gap:5px}.topbar-actions .preview-version{display:none}}
@media(max-width:480px){.site-header .brand{font-size:20px;gap:7px}.site-header .brand-mark{width:32px;height:32px}.account-button>svg{width:16px}.site-header .header-inner{gap:8px}}

.filter-bar{flex-wrap:wrap}.category-field{min-width:170px}.category-field select{max-width:100%}.app-categories{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.app-categories>span{font-size:11px;line-height:1.3;padding:5px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:var(--paper,#fff)}
.app-individual-icon{position:relative;overflow:hidden;background:#edf0e8;color:#536348;font-size:18px;font-weight:600}.app-individual-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--paper,#fff)}.app-tone-1{background:#f6e5dc;color:#974e32}.app-tone-2{background:#e8eaf4;color:#555e87}.app-tone-3{background:#e5efee;color:#476e67}.app-tone-4{background:#f3e7eb;color:#845970}.app-tone-5{background:#eee9de;color:#71623c}
.screenshots-title{margin-top:26px}.app-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 15px}.screenshot-card{flex:0 0 220px;border:1px solid var(--line);border-radius:14px;background:var(--paper,#fff);padding:6px;text-align:left;cursor:zoom-in;scroll-snap-align:start;color:var(--ink)}.screenshot-card img{width:100%;height:160px;object-fit:contain;display:block;border-radius:9px;background:var(--cream,#f3f1eb)}.screenshot-card span{display:block;font:inherit;font-size:12px;padding:10px 7px;overflow-wrap:anywhere}.metadata-note{color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0 14px}
.presentation-editor{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:20px 0}.presentation-editor summary{cursor:pointer;font-size:13px;font-weight:600;min-height:30px}.presentation-editor form{padding-top:18px}.presentation-editor fieldset{border:0;padding:0;margin:20px 0}.presentation-editor legend{font-size:13px;margin-bottom:12px}.category-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-choices label{display:flex;align-items:center;gap:8px;font-size:13px;min-height:36px}.category-choices input{accent-color:var(--accent)}.presentation-editor input[type=file]{display:block;font:inherit;font-size:12px;max-width:100%;margin-top:12px}.presentation-editor .api-status{margin-top:15px}
.screenshot-dialog{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--paper,#fff);color:var(--ink);margin:auto}.screenshot-dialog::backdrop{background:#1b211cb3}.screenshot-dialog>button{margin-left:auto;display:block}.screenshot-dialog img{display:block;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;margin:auto}.screenshot-dialog p{font-size:13px;text-align:center;margin:12px 0 0}
.quick-connect-section{padding:62px 0;background:var(--cream,#f1eee7);border-block:1px solid var(--line)}.quick-connect-heading{max-width:760px}.quick-connect-heading h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-1.2px;line-height:1.12;margin:12px 0 20px}.quick-connect-heading>p{line-height:1.75;color:var(--muted)}.quick-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.quick-connect-grid article{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper,#faf9f6);display:flex;flex-direction:column;align-items:flex-start}.quick-connect-grid h3{font-size:25px;margin:16px 0 4px}.quick-connect-grid ol{padding-left:20px;line-height:1.7;font-size:14px;margin:15px 0 25px}.quick-connect-grid li{padding-left:5px;margin-bottom:10px}.quick-connect-grid .btn{margin-top:auto}.quick-connect-note,.quick-connect-manual{font-size:12px;line-height:1.7;margin-top:18px;color:var(--muted)}.quick-connect-manual a{text-decoration:underline;text-underline-offset:3px}
.scenario-details summary{min-height:46px}.scenario-details[open] .summary-plus{transform:rotate(45deg)}.scenario-card{align-self:start}.scenario-details .prompt-box{scroll-margin-top:100px}
@media(max-width:700px){.quick-connect-grid{grid-template-columns:1fr}.quick-connect-section{padding:42px 0}.quick-connect-grid article{padding:24px}.filter-bar .category-field{flex:1}.screenshot-card{flex-basis:200px}.category-choices{grid-template-columns:1fr}.role-cards .role-connector{transform:translateY(-50%) rotate(90deg)}}
@media(max-width:380px){.site-header .brand{font-size:18px;gap:5px}.site-header .brand-mark{width:28px;height:28px}.language-button{min-width:44px;padding-inline:6px}.account-button>svg{display:none}.account-button[data-state=signed-in] strong{display:none}.account-button[data-state=signed-in] small{font-size:10px;font-weight:600}.header-actions .menu-toggle{width:32px}.topbar-actions .official-link{display:none}}
@media(max-width:699px){.topbar-actions>*{flex-shrink:0}.topbar #open-drawer{width:44px;min-width:44px}}

/* Owner review 2026-10-03: one chevron and the complete mobile brand. */
.language-control::after{content:none;display:none}
.language-button>svg{display:block;flex:none;align-self:center;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-brand .brand{white-space:nowrap}
@media(max-width:699px){.topbar .brand{font-size:22px;gap:7px}.topbar .brand-mark{width:32px;height:32px}.topbar{gap:8px}.topbar-actions{margin-left:auto}.topbar .badge.outline{display:none}}
@media(max-width:480px){.site-header .header-inner{width:calc(100% - 28px);gap:6px}.account-button strong{max-width:80px;white-space:normal;font-size:12px;line-height:1.2}.topbar{padding-inline:14px;gap:6px}.topbar .brand{font-size:20px;gap:6px}.topbar .mobile-brand .brand-mark{width:30px;height:30px}.topbar .account-button{gap:5px;padding:6px 4px}.topbar .account-button strong{max-width:80px;font-size:12px;line-height:1.2;white-space:normal}.topbar .account-button small{font-size:9px}.topbar-actions{gap:4px}.topbar #open-drawer{width:40px;min-width:40px}.topbar .language-button{min-width:50px;padding-inline:7px}}
@media(max-width:380px){.topbar{padding-inline:12px;gap:6px}.topbar .brand{font-size:18px;gap:5px;letter-spacing:-.8px}.topbar .brand-mark{width:28px;height:28px}.topbar .account-button{padding-inline:3px}.topbar-actions{gap:4px}.topbar #open-drawer{width:36px;min-width:36px}}
.starter-prompt{min-width:0;margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.starter-intro{flex-basis:100%;max-width:760px;color:var(--muted);font-size:14px;line-height:1.7}
.starter-prompt .btn{text-align:center;white-space:normal;max-width:100%;gap:9px}
.starter-status{flex-basis:100%;font-size:13px;line-height:1.6;margin:0}
.starter-status:empty{display:none}.starter-status[data-kind=error]{color:#a53725}.starter-status[data-kind=success]{color:#3c765a}
.starter-manual{width:100%;min-width:0}.starter-manual label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.starter-manual textarea{display:block;width:100%;min-height:100px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical;overflow-wrap:anywhere}
.starter-login{font-size:14px;text-decoration:underline;text-underline-offset:3px}
.manual-line{flex-wrap:wrap}.manual-line>.starter-prompt{flex-basis:100%;justify-content:flex-end;margin-top:0}.manual-line .starter-intro{max-width:700px;text-align:right}
.quick-connect-manual{margin-top:24px;padding:22px 0 0;border-top:1px solid var(--line)}
.quick-connect-manual h3{font-size:19px;letter-spacing:-.4px;margin-bottom:10px}.quick-connect-manual .starter-prompt{margin-top:14px}
.provider-card .provider-steps{padding-left:22px;font-size:14px;line-height:1.8;margin:18px 0 24px}.provider-steps li+li{margin-top:10px}
.chat-management{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.chat-management h2{font-size:21px;letter-spacing:-.5px}.chat-management p{font-size:14px;line-height:1.75;margin-top:12px;max-width:820px}
.chat-request-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.chat-request-list span{padding:10px 13px;border-radius:9px;background:var(--sand,#f2eee5);font-size:13px}
.process-chat-content{padding:26px 28px 18px;min-height:290px}.process-account-card{border:1px solid var(--line);border-radius:16px;background:#fffdf8;padding:24px;max-width:410px;margin:auto}
.process-account-card>.brand{font-size:25px;margin-bottom:18px}.process-account-card h3{font-size:23px;letter-spacing:-.5px}.process-account-card p{font-size:14px;line-height:1.7;margin-top:12px;color:var(--muted)}
.process-account-card .btn{margin-top:18px;min-height:44px;padding:12px 16px}
.process-provider-list{display:grid;gap:12px;margin-bottom:18px}.process-provider-list>div{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;padding:16px}.process-provider-list b{font-size:17px}.process-provider-list span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.process-chat-content>.message-user{margin-top:0}.process-chat-content .message-assistant{margin-top:18px}.process-chat-content .message-assistant p{line-height:1.65}.process-access-note{font-size:13px;line-height:1.7;color:var(--muted)}
.process-launch-link{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px;border:1px solid #e5c8b5;border-radius:12px;background:#fae8dc;font-size:14px;font-weight:600}.process-launch-link small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}
.process-chat-actions{display:grid;gap:9px;margin-top:16px}.process-chat-actions span{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.5;background:#fffdf8}
.how-chat-note{font-size:14px;line-height:1.8;color:#d3cfc6;margin-top:28px;max-width:1000px}.how-manual-note{margin-top:12px;font-size:13px;color:#d3cfc6}.how-manual-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:699px){.process-chat-content{padding:20px 18px;min-height:280px}.process-account-card{padding:20px}.step-short{font-size:9px;overflow-wrap:anywhere}.process-chat-content .message-user{font-size:13px}.manual-line>.starter-prompt{justify-content:flex-start}.manual-line .starter-intro{text-align:left}.chat-management{padding:20px}.starter-prompt .btn{font-size:12px;padding:13px 15px;min-height:48px}}