/* Vazin UI 1.0.0 extension: editorial AI workspace, candidate 0.1.0. */
:root {
  color-scheme: light;
  --v-ui-bg: #f8f8f5; --v-ui-surface: #ffffff; --v-ui-text: #252e29;
  --v-ui-muted: #626d65; --v-ui-border: #e1e5de; --v-ui-primary: #285540;
  --v-ui-accent: #b9cf91; --v-ui-success: #285540; --v-ui-warning: #8b5817; --v-ui-danger: #b42318;
  --v-ui-shadow: 0 12px 40px #1b35210d; --sidebar: #eff1eb; --soft: #f0f3ed;
  --on-primary: #fff; --code-bg: #1f2925; --code-text: #deebe1;
  --sidebar-width: 272px; --content-width: 800px;
}
:root[data-theme="dark"] {color-scheme:dark;--v-ui-bg:#171d1a;--v-ui-surface:#212a24;--v-ui-text:#eaf0e8;--v-ui-muted:#b0bcb1;--v-ui-border:#354337;--v-ui-primary:#b7d3ac;--v-ui-accent:#416b4e;--v-ui-success:#b7d3ac;--sidebar:#1c241f;--soft:#29352c;--on-primary:#142219;--v-ui-shadow:0 12px 40px #0002}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;--v-ui-bg:#171d1a;--v-ui-surface:#212a24;--v-ui-text:#eaf0e8;--v-ui-muted:#b0bcb1;--v-ui-border:#354337;--v-ui-primary:#b7d3ac;--v-ui-accent:#416b4e;--v-ui-success:#b7d3ac;--sidebar:#1c241f;--soft:#29352c;--on-primary:#142219;--v-ui-shadow:0 12px 40px #0002}}
html,body{font-family:var(--v-ui-font);height:100%;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}button{transition:background .16s ease,color .16s ease,box-shadow .16s ease}button:hover{background:var(--soft)}:focus-visible{outline:3px solid var(--v-ui-primary);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(27px,3vw,38px);font-weight:650;line-height:1.7}h2{font-size:23px;font-weight:650}h3{font-size:16px}small{font-size:12px}.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:100;background:var(--v-ui-surface);padding:12px;border-radius:8px}.skip:focus{inset-block-start:8px}[hidden]{display:none!important}
.workspace-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:var(--sidebar);border-inline-end:1px solid var(--v-ui-border);display:flex;flex-direction:column;padding:28px 16px 16px;gap:8px;min-height:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 26px;font-size:28px;font-weight:750;line-height:1}.brand-ai{font-weight:400;color:var(--v-ui-muted);font-size:22px}.primary{background:var(--v-ui-primary);color:var(--on-primary);border-radius:var(--v-ui-radius-md);min-height:46px;padding:10px 16px;font-weight:550}.primary:hover{background:var(--v-ui-primary);filter:brightness(1.07)}.new-chat{display:flex;gap:10px;align-items:center;width:100%;margin-block-end:16px}.new-chat kbd{margin-inline-start:auto;color:inherit;opacity:.8;font-size:12px}.primary-nav{display:grid;gap:4px}.primary-nav button{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 12px;border-radius:var(--v-ui-radius-sm);text-align:start;color:var(--v-ui-muted)}.primary-nav button.active{background:var(--v-ui-surface);color:var(--v-ui-text);box-shadow:0 1px 3px #00000008}.primary-nav button:hover{background:var(--v-ui-surface)}.nav-pill{margin-inline-start:auto;font-size:10px;border:1px solid var(--v-ui-border);padding:0 6px;border-radius:6px}.sidebar-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--v-ui-muted);margin-block-start:24px;padding-inline:12px}.history{display:grid;gap:4px}.history-row{display:flex;align-items:center;border-radius:8px}.history-row>button:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;padding:10px 12px;min-height:44px;color:var(--v-ui-muted);font-size:12px}.history-row:hover{background:var(--v-ui-surface)}.history-row .icon-button{width:36px}.sidebar-note{margin-block-start:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--v-ui-muted);padding:18px 12px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--v-ui-primary)}.account{border-block-start:1px solid var(--v-ui-border);display:flex;gap:12px;align-items:center;text-align:start;padding:16px 8px 0;width:100%;border-radius:0}.account>span:nth-child(2){display:grid;gap:2px;flex:1}.account b{font-size:12px}.account small{font-size:10px;color:var(--v-ui-muted)}.avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--v-ui-surface);border:1px solid var(--v-ui-border);border-radius:50%;font-weight:650}
.main-shell{display:flex;min-width:0;flex-direction:column;min-height:0}.topbar{height:76px;flex-shrink:0;padding-inline:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;min-width:0}.breadcrumb>span:first-of-type{color:var(--v-ui-muted)}.breadcrumb b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px}.slash{color:var(--v-ui-border)}.topbar-actions{display:flex;align-items:center;gap:8px}.preview-badge{font-size:10px;color:var(--v-ui-muted);border:1px solid var(--v-ui-border);padding:3px 10px;border-radius:20px}.icon-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px}.mobile-menu{display:none}.work-area{min-height:0;flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.content{width:min(var(--content-width),calc(100% - 64px));margin-inline:auto}.welcome{padding-block:clamp(38px,9vh,110px) 24px;text-align:center}.welcome-emblem{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid var(--v-ui-border);background:var(--v-ui-surface);border-radius:24px;color:var(--v-ui-primary);box-shadow:0 6px 20px #243b2c05}.welcome-emblem svg{width:38px;height:38px;stroke-width:1.2}.eyebrow{display:block;color:var(--v-ui-primary);font-size:12px;font-weight:550;margin-block-end:8px}.welcome p{color:var(--v-ui-muted);margin-block-start:12px;font-size:14px;line-height:2}.composer-wrap{width:min(var(--content-width),calc(100% - 64px));margin:8px auto 28px}.composer{background:var(--v-ui-surface);border:1px solid var(--v-ui-border);border-radius:var(--v-ui-radius-xl);box-shadow:var(--v-ui-shadow);padding:12px}.composer:focus-within{border-color:var(--v-ui-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--v-ui-primary) 8%,transparent)}textarea{color:var(--v-ui-text);background:transparent;resize:none;border:0;padding:8px 12px;width:100%;min-height:80px;line-height:1.9;outline:none}textarea::placeholder{color:var(--v-ui-muted)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.composer-options,.send-actions{display:flex;align-items:center;gap:4px;min-width:0}.toolbar-divider{height:20px;width:1px;background:var(--v-ui-border);margin-inline:4px}.model-button{display:flex;align-items:center;gap:8px;font-size:12px;border-radius:12px;min-height:44px;padding:8px 10px;min-width:0}.model-button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-button>svg{width:14px}.model-emblem{font-size:11px;font-weight:700;width:20px;height:20px;background:var(--soft);border:1px solid var(--v-ui-border);border-radius:6px;display:inline-grid;place-items:center;color:var(--v-ui-primary);flex-shrink:0}.send{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--v-ui-primary);color:var(--on-primary)}.send:hover{background:var(--v-ui-primary);filter:brightness(1.1)}.composer-foot{display:flex;align-items:center;justify-content:space-between;color:var(--v-ui-muted);gap:12px;padding:10px 8px;font-size:10px}.composer-foot>span{display:flex;align-items:center;gap:6px}.composer-foot button{font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:8px;border-radius:8px;min-height:40px}.attachments{display:flex;flex-wrap:wrap;gap:8px}.attachment{display:flex;align-items:center;gap:8px;padding-inline:12px 0;border:1px solid var(--v-ui-border);border-radius:12px;font-size:11px;background:var(--soft);max-width:100%}.attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.attachment svg{width:16px}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-block:20px 0}.suggestions button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--v-ui-border);border-radius:12px;padding:8px 14px;font-size:12px;color:var(--v-ui-muted)}.suggestions svg{width:16px}.welcome-bottom{margin-block:30px 16px;padding-block:24px;border-block-start:1px solid var(--v-ui-border);text-align:start;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--v-ui-muted);font-size:12px}.welcome-bottom b{font-weight:500;color:var(--v-ui-text)}.providers{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:11px}.providers span+span{border-inline-start:1px solid var(--v-ui-border);padding-inline-start:12px}.home-content{display:contents}.suggestion-area{width:min(var(--content-width),calc(100% - 64px));margin-inline:auto;order:3}.work-area.is-home .composer-wrap{margin-block-end:0}.work-area:not(.is-home) .composer-wrap{position:sticky;inset-block-end:0;background:var(--v-ui-bg);padding-block-start:12px;margin-block-start:auto;margin-block-end:0}.work-area.no-composer .composer-wrap{display:none}
.page-heading{padding-block:36px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.page-heading p{font-size:13px;color:var(--v-ui-muted);margin-block-start:8px}.page-heading button{white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-card{background:var(--v-ui-surface);border:1px solid var(--v-ui-border);border-radius:18px;padding:24px;text-align:start}.feature-card svg{color:var(--v-ui-primary);margin-block-end:16px}.feature-card p{font-size:12px;color:var(--v-ui-muted);margin-block-start:8px}.feature-card footer{margin-block-start:24px;font-size:11px;color:var(--v-ui-muted);display:flex;justify-content:space-between}.empty-project{padding:48px 32px;border:1px dashed var(--v-ui-border);border-radius:24px;text-align:center}.empty-project>svg{width:36px;height:36px;color:var(--v-ui-primary);margin-block-end:16px}.empty-project p{color:var(--v-ui-muted);max-width:420px;margin:12px auto 24px;line-height:2}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.asset-card{border:1px solid var(--v-ui-border);background:var(--v-ui-surface);border-radius:18px;overflow:hidden;text-align:start;padding:0}.asset-caption{padding:16px;display:grid;gap:4px}.asset-caption small{color:var(--v-ui-muted);font-size:11px}.art-study{height:210px;overflow:hidden;position:relative;background:#e7e5d9;display:grid;place-items:center}.art-study:before{content:"";position:absolute;width:150px;height:230px;background:#315541;border-radius:100px 100px 0 0;transform:rotate(-22deg);inset-block-start:30px;inset-inline-start:40px;box-shadow:25px 20px 0 #859876}.art-study:after{content:"";position:absolute;border:1px solid #f8f8e2;width:210px;height:210px;border-radius:50%;transform:translate(35px,35px)}.art-study.clay{background:#ddd7ca}.art-study.clay:before{background:#b27c56;box-shadow:25px 20px 0 #d6aa86;transform:rotate(24deg)}.art-study.ink{background:#cbd4d0}.art-study.ink:before{background:#243e43;box-shadow:25px 20px 0 #71938d;transform:rotate(-5deg)}.image-toolbar{border:1px solid var(--v-ui-border);background:var(--v-ui-surface);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;margin-block:24px}.image-toolbar small{display:block;color:var(--v-ui-muted)}.file-list{background:var(--v-ui-surface);border:1px solid var(--v-ui-border);border-radius:18px;overflow:hidden}.file-row{padding:16px;display:flex;align-items:center;gap:16px;border-block-end:1px solid var(--v-ui-border)}.file-row:last-child{border:0}.file-row>span{flex:1;min-width:0}.file-row b{display:block;font-size:13px;overflow-wrap:anywhere}.file-row small{color:var(--v-ui-muted);font-size:11px}.file-icon{padding:12px;background:var(--soft);border-radius:12px;display:grid;place-items:center}
.chat-content{padding-block:28px}.sample-notice{padding:12px 16px;border:1px solid var(--v-ui-border);background:var(--soft);border-radius:12px;color:var(--v-ui-muted);font-size:11px;display:flex;align-items:center;gap:8px;margin-block-end:28px}.user-message{max-width:85%;margin-inline-start:auto;background:var(--soft);border:1px solid var(--v-ui-border);border-radius:18px 18px 4px 18px;padding:16px 20px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-block-end:32px}.assistant-meta{display:flex;align-items:center;gap:10px;margin-block-end:20px}.assistant-meta img{width:28px;height:28px}.assistant-meta small{color:var(--v-ui-muted);font-size:11px}.prose{font-size:15px;line-height:2.05;overflow-wrap:anywhere}.prose h2{font-size:22px;line-height:1.8;margin-block:16px}.prose h3{margin-block:24px 8px}.prose p{margin-block:12px}.prose ul{padding-inline-start:24px}.prose li{padding-inline-start:4px;margin-block:8px}.table-scroll{overflow-x:auto;border:1px solid var(--v-ui-border);border-radius:12px;margin-block:20px;max-width:100%}.prose table{width:100%;border-collapse:collapse;font-size:12px;background:var(--v-ui-surface);min-width:330px}.prose th,.prose td{text-align:start;padding:12px 16px;border-block-end:1px solid var(--v-ui-border)}.prose th{background:var(--soft);font-weight:550}.prose tbody tr:last-child td{border:0}.code-block{direction:ltr;unicode-bidi:isolate;overflow:hidden;border-radius:16px;margin-block:20px;background:var(--code-bg);color:var(--code-text)}.code-head{display:flex;justify-content:space-between;padding:8px 16px;border-block-end:1px solid #ffffff26;font-size:11px;align-items:center}.code-head button{color:inherit;border-radius:8px;display:flex;align-items:center;gap:8px;min-height:44px}.code-head button:hover{background:#ffffff18}.code-head svg{width:16px}.code-block pre{margin:0;padding:20px;overflow:auto;font-size:12px;line-height:1.8}.artifact-card{display:flex;align-items:center;gap:16px;border:1px solid var(--v-ui-border);border-radius:16px;background:var(--v-ui-surface);padding:16px;text-align:start;width:100%;margin-block:24px}.artifact-card>span{flex:1}.artifact-card b,.artifact-card small{display:block}.artifact-card small{color:var(--v-ui-muted);font-size:11px}.artifact-card>svg:first-child{width:28px;height:28px;color:var(--v-ui-primary)}.message-actions{display:flex;gap:4px;align-items:center;color:var(--v-ui-muted);padding-block:8px 24px}.message-actions small{margin-inline-start:auto;font-size:10px}.artifact-page{padding:24px}.artifact-page p{color:var(--v-ui-muted);margin-block:16px}.artifact-page li{margin-block:12px}
dialog{border:1px solid var(--v-ui-border);border-radius:24px;background:var(--v-ui-surface);color:var(--v-ui-text);padding:24px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);box-shadow:0 24px 100px #0003;overflow-y:auto}dialog::backdrop{background:#17281f59;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:20px}.dialog-head h2{font-size:18px}.field{display:grid;gap:8px;margin-block:20px;font-size:12px}.field input,.field select,.dialog-search{background:var(--v-ui-bg);color:var(--v-ui-text);border:1px solid var(--v-ui-border);border-radius:12px;min-height:48px;padding:12px;width:100%}.dialog-note{font-size:12px;line-height:1.9;color:var(--v-ui-muted);margin-block:12px 20px}.model-option{width:100%;display:flex;gap:12px;align-items:center;text-align:start;padding:14px 12px;border:1px solid var(--v-ui-border);border-radius:12px;margin-block:8px}.model-option .model-emblem{width:36px;height:36px;font-size:13px}.model-option .model-info{flex:1}.model-option b{font-weight:600;font-size:13px}.model-option small{display:block;color:var(--v-ui-muted);font-size:11px;margin-block-start:4px}.model-option.selected{border-color:var(--v-ui-primary);background:var(--soft)}.segmented{display:flex;gap:4px;background:var(--v-ui-bg);border:1px solid var(--v-ui-border);border-radius:12px;padding:4px}.segmented button{flex:1;padding:10px;border-radius:8px;min-height:44px}.segmented button[aria-pressed="true"]{background:var(--v-ui-primary);color:var(--on-primary)}.dialog-menu{display:grid;gap:8px}.dialog-menu button{padding:12px;text-align:start;border-radius:12px;min-height:44px;display:flex;align-items:center;gap:12px}.dialog-menu button:hover{background:var(--soft)}.dialog-menu .danger{color:var(--v-ui-danger)}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-block-start:24px}.secondary{min-height:44px;padding:10px 18px;border:1px solid var(--v-ui-border);border-radius:12px}.toast{position:fixed;inset-block-end:24px;inset-inline-start:50%;transform:translateX(-50%);max-width:min(480px,calc(100% - 32px));background:var(--v-ui-text);color:var(--v-ui-bg);padding:12px 20px;border-radius:12px;box-shadow:var(--v-ui-shadow);font-size:12px;z-index:1000}[dir=rtl] .toast{transform:translateX(50%)}.menu-backdrop{position:fixed;inset:0;background:#17281f59;z-index:19}
.workspace-body{display:flex;flex:1;min-height:0;min-width:0}.work-area{min-width:0}.artifact-panel{width:360px;flex-shrink:0;background:var(--v-ui-surface);border-inline-start:1px solid var(--v-ui-border);overflow-y:auto}.artifact-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:12px 20px;border-block-end:1px solid var(--v-ui-border);font-size:12px;font-weight:550}.artifact-panel .artifact-page{padding:32px 24px}.artifact-panel .artifact-page h2{font-size:23px;line-height:1.8}.artifact-panel .artifact-page ol{padding-inline-start:20px;font-size:13px;line-height:2}
@media(min-width:1600px){:root{--content-width:880px;--sidebar-width:288px}.welcome{padding-block-start:130px}}
@media(max-width:1050px){:root{--sidebar-width:236px}.topbar{padding-inline:24px}.preview-badge{display:none}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html,body{width:100%;max-width:100vw;overflow-x:clip}.workspace-shell{display:block;width:100vw;max-width:100vw}.sidebar{display:none;position:fixed;inset-block:0;inset-inline-start:0;width:292px;z-index:20;box-shadow:var(--v-ui-shadow)}.sidebar.is-open{display:flex}.main-shell{height:100dvh;width:100vw;max-width:100vw;overflow-x:clip}.workspace-body,.work-area{width:100%;max-width:100%;min-width:0}.mobile-menu{display:inline-flex}.topbar{height:64px;padding-inline:12px;border-block-end:1px solid var(--v-ui-border)}.breadcrumb{gap:8px;font-size:11px}.breadcrumb>span:first-of-type,.slash{display:none}.breadcrumb b{max-width:200px}.content,.composer-wrap,.suggestion-area{width:calc(100% - 32px);max-width:100%;min-width:0}.welcome{padding-block:44px 24px}.welcome-emblem{width:56px;height:56px;border-radius:18px;margin-block-end:20px}.welcome-emblem svg{width:30px;height:30px}.welcome h1{font-size:27px;line-height:1.8;max-width:100%;margin:auto;overflow-wrap:anywhere;text-wrap:balance}.welcome p{font-size:12px;max-width:100%;margin:12px auto 0;overflow-wrap:anywhere}.eyebrow{font-size:11px}.composer{min-width:0;padding:8px;border-radius:18px}.composer textarea{min-height:94px;font-size:13px}.model-button{gap:6px;max-width:175px;padding-inline:6px;font-size:11px}.toolbar-divider{margin-inline:0}.voice-button{display:none}.composer-foot{align-items:flex-start;gap:4px;font-size:9px;padding-inline:2px}.composer-foot>span{max-width:240px;min-width:0;flex:1;padding-block:10px;overflow-wrap:anywhere}.composer-foot>span>span:last-child{min-width:0;overflow-wrap:anywhere}.composer-foot button{flex-shrink:0;font-size:9px;white-space:nowrap;padding:6px}.suggestions{gap:8px;padding-block-start:8px}.suggestions button{font-size:11px;flex-basis:calc(50% - 4px);padding:10px}.welcome-bottom{display:block;text-align:center;font-size:11px;margin-block-start:20px;padding-block:20px}.providers{justify-content:center;margin-block-start:12px;font-size:10px}.page-heading{padding-block:28px 20px;align-items:flex-start;flex-direction:column}.page-heading h1{font-size:26px}.feature-grid{grid-template-columns:1fr}.asset-grid{gap:12px}.art-study{height:180px}.asset-caption{padding:12px;font-size:12px}.image-toolbar{align-items:flex-start;flex-direction:column}.empty-project{padding:32px 20px}.chat-content{padding-block:20px}.prose{font-size:14px}.prose h2{font-size:20px}.user-message{max-width:94%;font-size:13px;padding:12px 16px}.sample-notice{font-size:10px}.message-actions small{display:none}dialog{padding:20px;border-radius:18px}.file-row{padding:12px;gap:12px}.file-row .secondary{padding:8px;font-size:11px}.work-area:not(.is-home) .composer-wrap{padding-block:8px max(0px,env(safe-area-inset-bottom))}.work-area.no-composer{padding-block-end:24px}}
.composer textarea:focus-visible{outline:none}.composer:focus-within{outline:2px solid var(--v-ui-primary);outline-offset:2px}.composer-foot,.composer-foot button{font-size:11px}.composer-foot>span{line-height:1.7}
.cost-estimate{margin:0 8px 8px;padding:10px 12px;border:1px solid var(--v-ui-border);border-radius:12px;background:var(--v-ui-surface);color:var(--v-ui-muted);font-size:12px;line-height:1.75}.cost-estimate[hidden]{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.auth-panel{display:grid;justify-items:center;gap:12px;margin-block-start:28px;color:var(--v-ui-muted);text-align:center}.auth-panel .primary{min-width:180px}.live-status{max-width:var(--content-width);margin:4px auto 0;padding:8px 12px;border-radius:10px;background:var(--soft);color:var(--v-ui-text);font-size:12px;line-height:1.7}.live-messages{display:grid;gap:22px;max-width:var(--content-width);margin-inline:auto;padding:24px 8px}.live-message{min-width:0;display:grid;gap:8px}.live-message>b{font-size:12px;color:var(--v-ui-muted)}.live-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;padding:14px 18px;border:1px solid var(--v-ui-border);border-radius:18px;background:var(--v-ui-surface)}.live-message.user .live-message-body{background:var(--soft);max-width:min(88%,650px);justify-self:end}.live-message.assistant .live-message-body{justify-self:stretch}