/* Shared AI Razum brand: local Manrope, blue accents and neutral dark surfaces. */
.workflow-passport{margin:22px 0;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:10px}.workflow-passport h3{font-size:17px}.workflow-passport details{font-size:12px;color:var(--muted)}.workflow-passport details p{margin:9px 0;font-size:12px}.workflow-run-status{margin-top:24px;font-size:13px;color:var(--primary)}.workflow-tasks{list-style:none;padding:0;margin:15px 0;display:grid;gap:12px}.workflow-task{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.workflow-task-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.workflow-task h3{font-size:15px;color:var(--ink)}.workflow-task-heading>span{color:var(--muted);font-size:10px}.workflow-task[data-status=running],.workflow-task[data-status=checking]{border-color:var(--razum-blue)}.workflow-task[data-status=waiting_approval]{border-color:#796842}.workflow-task[data-status=completed] .workflow-task-heading>span{color:var(--primary)}.workflow-task>p{margin-top:10px;font-size:12px;line-height:1.7;color:var(--muted)}.workflow-question{color:#dbd5ac!important}
:root {
  color-scheme: dark;
  --razum-bg: #101012;
  --razum-surface: #18181b;
  --razum-raised: #222225;
  --razum-sunken: #0b0b0d;
  --razum-border: #303036;
  --razum-control-border: #73737f;
  --razum-text: #f7f7f8;
  --razum-muted: #b8b8c1;
  --razum-blue: #1688ff;
  --razum-action: #0874dd;
  --razum-action-hover: #086cca;
  --razum-accent-text: #91c1ff;
  --razum-focus: #79bcff;
  --razum-selection: #142944;
  --paper: var(--razum-bg);
  --ink: var(--razum-text);
  --muted: var(--razum-muted);
  --primary: var(--razum-blue);
  --line: var(--razum-border);
  --surface: var(--razum-surface);
  --surface-raised: var(--razum-raised);
  --accent-soft: var(--razum-selection);
  --razum-gradient: linear-gradient(120deg, var(--razum-blue), #36a0ff);
  font-family: Manrope, 'Segoe UI', sans-serif;
  background: var(--paper);
  color: var(--ink);
}
body{background:var(--paper);color:var(--ink)}button,input,textarea,select{font-family:inherit}input,textarea,select{color:var(--ink);color-scheme:dark}::selection{background:var(--razum-selection);color:var(--razum-text)}:focus-visible{outline:2px solid var(--razum-focus)!important;outline-offset:3px}.button{min-height:42px;border-radius:9px;font-size:13px;font-weight:650;box-shadow:none}.button-primary{background:var(--razum-action);color:#fff;border-color:transparent}.button-primary:hover{background:var(--razum-action-hover);color:#fff;filter:none}.button-outline{color:var(--ink);border-color:var(--line);background:transparent}.button-outline:hover{background:var(--surface-raised);border-color:var(--razum-control-border)}.text-button{color:var(--primary);font-size:12px}.icon-button{color:var(--muted)}.site-header{border-bottom:1px solid var(--line);max-width:1440px}.brand{font-weight:700;color:var(--ink);letter-spacing:-.045em}.brand-mark{background:var(--razum-action);color:#fff;box-shadow:none}.brand-dot{color:var(--primary)}.main-nav{color:var(--muted)}.main-nav a:hover{color:var(--ink)}.main-nav .button{font-size:12px}.section-kicker{color:var(--primary);letter-spacing:.14em}.hero{padding-top:72px;padding-bottom:70px}.hero-glow{background:radial-gradient(ellipse at 65% 15%,#1688ff30 0,transparent 60%)}.hero-glow:before,.hero-glow:after{background:none;border-color:#1688ff12}.eyebrow{font-size:10px;letter-spacing:.12em;border:1px solid var(--razum-border);background:var(--razum-surface);color:var(--razum-muted)}.eyebrow>span{color:var(--primary)}h1{letter-spacing:-.06em;font-weight:600}h1>span{background:var(--razum-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:var(--razum-muted)}.idea-card{background:var(--surface);border-color:var(--razum-control-border);border-radius:16px;box-shadow:0 30px 80px #0003}.idea-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1688ff14}.idea-card textarea{color:var(--ink);font-size:15px}.idea-card textarea::placeholder{color:var(--razum-muted)}.idea-card .style-select,.idea-card .style-select select{color:var(--muted)}.idea-draft-status{font-size:11px;color:var(--muted);padding:14px 7px 0;line-height:1.6}.brief-options{border-color:var(--line)}.brief-options summary,.brief-fields label{color:var(--muted)}.brief-fields input,.brief-fields textarea{background:var(--razum-sunken);color:var(--ink);border-color:var(--line)}.hero-meta,.connection-status{color:var(--razum-muted)}.hero-bottomline,.template-start{color:var(--muted)}.mini-line,.meta-divider{background:var(--line)}.showcase-caption small,.section-heading>p{color:var(--muted)}.showcase-caption strong{color:var(--ink)}.showcase-arrow{color:var(--primary)}.showcase-media{border:1px solid var(--line)}.how-section{background:var(--surface);border:1px solid var(--line);border-radius:20px}.how-intro h2>span{color:var(--primary)}.step-number{border-color:var(--line);background:var(--razum-selection);color:var(--razum-accent-text)}.steps-list h3{color:var(--ink)}.steps-list p,.faq-intro,.faq-list details p,.site-footer p{color:var(--muted)}.steps-list li,.faq-list details{border-color:var(--line)}.faq-list summary{color:var(--ink)}.faq-list summary span{color:var(--primary)}.site-footer{border-color:var(--line)}.style-option{background:var(--surface);border-color:var(--line);color:var(--ink)}.style-option small{color:var(--muted)}.style-option[aria-pressed=true]{border-color:var(--primary)}.status-message{background:var(--razum-selection);color:var(--ink);border-color:var(--razum-border)}.status-message[data-error=true]{background:#39261d;color:#f5cdac}.skip-link{background:var(--razum-action);color:#fff}
/* Account, saved projects, dialogs and errors share the same readable surfaces. */
.cabinet-view,.cabinet-content{color:var(--ink)}.cabinet-nav{border-color:var(--line)}.cabinet-nav button{color:var(--muted)}.cabinet-nav button[aria-current=page],.cabinet-nav button[aria-selected=true]{color:var(--primary);border-color:var(--primary)}.cabinet-heading h1,.sites-empty h2{color:var(--ink)}.account-notice,.mail-status,.account-notice[data-state=warning]{background:var(--razum-surface);border-color:var(--razum-border);color:var(--razum-muted)}.account-notice p,.account-notice span{color:inherit}.settings-card,.help-grid article,.saved-site-card,.site-card,.project-card,.empty-state,.sites-empty,.project-item{background:var(--surface);border-color:var(--line);color:var(--ink)}.settings-card h2,.help-grid h2,.saved-site-content h2,.saved-site-card h2{color:var(--ink)}.settings-card p,.settings-card label,.help-grid p,.saved-site-content p,.site-card p,.saved-site-meta,.empty-state{color:var(--muted)}.account-dialog,.wide-dialog,.project-dialog,dialog{background:var(--surface);color:var(--ink);border:1px solid var(--razum-border);box-shadow:0 20px 90px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.account-dialog h2,.wide-dialog h2,.project-dialog h2{color:var(--ink)}.account-dialog p,.account-dialog label,.wide-dialog p,.dialog-note,.project-item p{color:var(--muted)}.account-dialog input,.settings-card input,.settings-card textarea,.site-search input,.site-sort select,.site-settings-dialog input,.site-settings-dialog textarea,.asset-filter,input[type=email],input[type=password]{background:var(--razum-sunken);border-color:var(--razum-control-border);color:var(--ink)}.auth-tabs,.site-filter-tabs,.preview-tabs{background:var(--razum-sunken);border-color:var(--line)}.auth-tabs button,.site-filter-tabs button{color:var(--muted);background:none}.auth-tabs button[aria-pressed=true],.site-filter-tabs button[aria-pressed=true]{background:var(--razum-selection);color:var(--razum-accent-text)}.form-feedback,.cabinet-feedback{color:var(--muted)}.form-feedback[data-error=true],[aria-invalid=true],.field-error{color:#ffc0b4}.danger-link{color:#ffb5a7}.asset-row,.version-row,.session-row,.domain-card{border-color:var(--line)}.domain-card h4,.version-row strong{color:var(--ink)}.domain-record code,.lead-record pre{background:var(--razum-sunken);color:var(--razum-muted)}.saved-site-content{background:var(--surface)}.saved-site-menu,.project-actions-menu{background:var(--surface-raised);border-color:var(--line)}
/* Studio: the preview stays independent; the application never recolours website HTML. */
body.workspace-mode{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.workspace-mode>.site-header{height:64px;flex:none}.workspace-mode>main{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-mode #studio-view{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;padding:0 16px 12px}.studio-header{padding:11px 0;margin-bottom:8px;gap:12px;flex:none}.studio-header-actions{gap:7px;flex-wrap:wrap}.studio-header-actions .button{font-size:11px;padding:8px 11px;min-height:36px}.field-caption{color:var(--muted);font-size:11px}#project-name{color:var(--ink);font-size:16px}.mode-status{color:var(--muted);font-size:11px}.quality-report{background:var(--surface);border-color:var(--line);flex:none;max-height:220px;overflow:auto;margin-bottom:8px}.quality-report summary,.quality-report h3,.quality-content{color:var(--ink)}.quality-content p,.quality-checks,.quality-manual,.quality-report summary>span:last-child{color:var(--muted)}.editor-secondary-actions{flex:none;padding:0 0 9px;gap:15px}.editor-secondary-actions .text-button{font-size:10px}.studio-layout{grid-template-columns:var(--studio-left,210px) minmax(260px,1fr) var(--studio-chat,320px)!important;min-height:340px;height:auto;flex:1;overflow:hidden;background:var(--surface);border-color:var(--line);border-radius:12px}.studio-navigation{padding:18px 13px;background:var(--razum-sunken);border-color:var(--line);border-radius:12px 0 0 12px;overflow-x:hidden}.studio-nav-caption{color:var(--muted)}#studio-sections>button{color:var(--razum-muted);font-size:12px;min-height:38px}#studio-sections>button:hover{background:var(--razum-raised)}#studio-sections>button[aria-current=page]{background:var(--razum-selection);color:var(--razum-accent-text)}#studio-action-count:not(:empty){background:var(--razum-selection);color:var(--razum-accent-text)}.studio-page-heading,.studio-block-list,.studio-block-list summary,.studio-advanced{color:var(--muted)}.studio-page-button{color:var(--razum-muted);font-size:12px}.studio-page-button[aria-current=true]{background:var(--razum-selection);color:var(--razum-text)}.studio-page-remove,.studio-page-heading button{color:var(--primary)}.studio-advanced input{accent-color:var(--primary)}#studio-file-tree{color:var(--razum-muted)}.studio-layout #workspace-preview{background:var(--razum-sunken)}.studio-workspace-heading{background:var(--surface);border-color:var(--line);padding:13px 17px}.studio-workspace-heading span{color:var(--ink);font-size:13px}.studio-workspace-heading small{color:var(--muted);font-size:11px}.studio-workspace-heading .button{font-size:11px;max-width:220px}.studio-feedback{background:var(--razum-selection);color:var(--razum-muted)}.studio-feedback[data-error=true]{background:#34251c;color:#e4bd97}.studio-layout .preview-toolbar{background:var(--razum-surface);border-color:var(--line);padding:8px 12px}.preview-tabs button{color:var(--muted)}.preview-tabs button[aria-selected=true]{background:var(--razum-raised);color:var(--ink)}.device-controls .icon-button{color:var(--muted)}.device-controls .icon-button[aria-pressed=true]{background:var(--razum-selection);color:var(--razum-accent-text)}.studio-selection-bar{background:var(--razum-sunken);border-color:var(--line);padding:7px 13px}.studio-selection-bar span{color:var(--muted)}.studio-selection-bar .text-button[aria-pressed=true]{color:var(--primary)}.studio-layout .preview-container{min-height:120px;align-items:stretch;padding:12px}.studio-layout #preview-frame{min-height:0;height:100%;border-radius:7px}.studio-layout .studio-chat-right{background:var(--razum-sunken);border-color:var(--line);padding:18px 15px!important;border-radius:0 12px 12px 0;overflow-x:visible}.chat-heading{border-color:var(--line)}.chat-heading h2{color:var(--ink)}.chat-heading p,.studio-chat-right .chat-heading p{color:var(--muted);font-size:11px}.chat-mark{background:var(--razum-selection);color:var(--razum-accent-text)}.chat-message,.chat-log .message{background:var(--razum-surface);border-color:var(--line);color:var(--razum-muted)}.chat-message strong,.chat-message .message-role{color:var(--razum-muted)}.chat-message.user,.message.user{background:var(--razum-selection);color:var(--ink)}.studio-chat-tools{border-color:var(--line)}.studio-chat-tools button{font-size:11px;color:var(--muted)}.studio-chat-tools button[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.studio-chat-tools p,.studio-chat-tools label,.editor-note{color:var(--muted);font-size:11px}.studio-chat-tools input,.edit-form textarea,.quick-editor input,.quick-editor textarea{background:var(--razum-sunken);color:var(--ink);border-color:var(--razum-control-border)}.edit-form textarea::placeholder{color:var(--razum-muted)}.studio-chat-right #edit-prompt{min-height:84px;font-size:13px}.studio-chat-right .chat-log{min-height:80px}.quick-editor{color:var(--muted);border-color:var(--line)}.studio-artifact-panel{background:var(--razum-sunken);padding:25px 24px 35px}.studio-artifact-panel>h2{color:var(--ink);font-size:28px}.studio-panel-intro,.studio-caption,.brief-field small{color:var(--muted)}.brief-entry-tabs{border-color:var(--line)}.brief-entry-button{color:var(--muted);font-size:12px}.brief-entry-button[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.brief-field{color:var(--razum-muted);font-size:13px}.brief-field input,.brief-field textarea,.brief-field select{color:var(--ink);background:var(--razum-sunken);border-color:var(--razum-control-border)}.brief-step-progress{border-color:var(--line);color:var(--muted)}.brief-step-progress strong{color:var(--ink)}.brief-overview,.studio-design-card,.studio-change,.studio-human-action,.human-action-card,.studio-review-finding,.studio-feature{background:var(--surface);border-color:var(--line);color:var(--ink)}.brief-overview h3,.brief-overview h4,.studio-design-card h3,.human-action-card h3{color:var(--ink)}.brief-overview dt,.brief-overview dd,.studio-design-card p,.human-action-card p{color:var(--muted)}.studio-warning{background:#30291a;border-color:#927842;color:#dbc394}.studio-change-comparison pre{background:var(--razum-sunken);color:var(--razum-muted)}.studio-design-card[data-selected=true]{border-color:var(--primary)}.studio-milestones{display:flex;gap:5px;padding:8px 14px;background:var(--razum-sunken);border-bottom:1px solid var(--line);flex:none;overflow-x:auto}.studio-milestone{background:none;color:var(--razum-muted);white-space:nowrap;font-size:9px;padding:6px 4px;border-radius:5px;min-height:30px}.studio-milestone[data-complete=true]{color:#a0d9b7}.studio-milestone[aria-current=step]{color:var(--razum-accent-text);background:var(--razum-selection)}.studio-decisions{margin:20px 8px 4px;font-size:11px;color:var(--muted);line-height:1.65}.studio-decisions summary{cursor:pointer;color:var(--razum-muted)}.studio-decisions article{padding:10px 0;border-bottom:1px solid var(--line)}.studio-decisions strong{font-size:11px;color:var(--ink)}.studio-decisions p{font-size:10px;margin:5px 0}.studio-decisions time{font-size:9px;color:var(--muted)}.panel-resize{width:10px;display:block;top:0;bottom:0}.panel-resize-left{right:0}.panel-resize-right{left:0}.panel-resize:hover,.panel-resize:focus-visible{background:#1688ff44}.resizing-panels,.resizing-panels *{cursor:col-resize!important;user-select:none!important}.resizing-panels iframe{pointer-events:none}.job-panel{background:var(--razum-surface);border-color:var(--razum-border);color:var(--ink);margin-bottom:8px;flex:none}.job-panel p{color:var(--muted)}.job-usage{font-size:11px;background:var(--razum-sunken);border:1px solid var(--line);border-radius:8px;padding:9px 13px;margin-bottom:8px;flex:none;max-height:230px;overflow:auto}.job-usage summary{cursor:pointer;color:var(--razum-muted);font-size:11px}.usage-values{display:flex;gap:6px 18px;flex-wrap:wrap;padding:12px 0;color:var(--muted)}.usage-values p{font-size:11px}.usage-attempt{display:flex;flex-wrap:wrap;gap:5px 15px;border-top:1px solid var(--line);padding:9px 0;font-size:10px;color:var(--muted)}.usage-attempt strong{color:var(--ink)}.usage-warning{color:#e0c58f}.mobile-workspace-tabs{background:var(--razum-sunken);border-color:var(--line)}.mobile-workspace-tabs button{color:var(--muted)}.mobile-workspace-tabs button[aria-selected=true]{background:var(--razum-selection);color:var(--razum-accent-text)}
@media(max-width:1200px){.studio-header-actions .button{font-size:10px}.studio-workspace-heading{padding:11px 12px}.studio-workspace-heading .button{font-size:10px;max-width:180px}.studio-milestone{font-size:8px}.studio-artifact-panel{padding:22px 18px}.studio-navigation{padding:15px 10px}.studio-layout .studio-chat-right{padding:16px 13px!important}.panel-resize{display:block}}
@media(max-width:900px){body.workspace-mode{height:auto;overflow:auto}.workspace-mode>main{display:block}.workspace-mode #studio-view{display:block;padding:0 12px 20px}.studio-header{flex-wrap:wrap}.studio-header-actions{width:100%;justify-content:flex-start}.studio-project-heading{width:100%}.studio-project-heading>div{flex:1}#project-name{width:100%}.mobile-workspace-tabs{display:flex;gap:5px;padding:4px;border-radius:9px;margin-bottom:10px}.mobile-workspace-tabs button{flex:1;min-height:42px;border-radius:6px;font-size:12px}.studio-layout{display:block!important;height:auto!important;min-height:0}.studio-layout>.studio-navigation,.studio-layout>.studio-chat-right,.studio-layout>#workspace-preview{display:none!important;min-height:0!important;height:auto!important;max-height:none;border:0;border-radius:10px}.studio-layout[data-mobile-panel=pages]>.studio-navigation{display:block!important;min-height:65dvh!important}.studio-layout[data-mobile-panel=chat]>.studio-chat-right{display:flex!important;min-height:65dvh!important;max-height:85dvh}.studio-layout[data-mobile-panel=preview]>#workspace-preview{display:flex!important;min-height:65dvh!important}.studio-layout .preview-container{flex:0 0 auto;height:65dvh;min-height:380px}.studio-layout #preview-frame{height:100%;min-height:0}.studio-artifact-panel{overflow:visible}.studio-workspace-heading .button{max-width:50%;font-size:11px}.studio-workspace-heading>div{max-width:50%}.studio-milestone{font-size:9px}.panel-resize{display:none!important}.studio-navigation{padding:22px}.studio-chat-right #edit-form{background:var(--razum-sunken)}.studio-chat-right .chat-log{max-height:42dvh}.studio-header-actions .button{font-size:11px}.job-usage{max-height:260px}.editor-secondary-actions{flex-wrap:wrap}#studio-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#studio-sections>button{font-size:13px;min-height:44px}}
@media(max-width:700px){.hero{padding-top:42px;padding-bottom:40px}.hero-description{font-size:14px}.main-nav{background:var(--surface);border-color:var(--line)}.menu-toggle span{background:var(--ink)}.idea-card{border-radius:12px}.idea-draft-status{font-size:10px}.how-section{border-radius:14px}.button{min-height:44px}.studio-header-actions{gap:6px}.studio-header-actions .button{min-height:36px;padding:8px 9px;font-size:10px}.studio-artifact-panel{padding:22px 17px}.studio-artifact-panel>h2{font-size:25px}.brief-field input,.brief-field textarea,.brief-field select,.edit-form textarea{font-size:16px}.studio-milestones{gap:3px;padding:6px 10px}.studio-milestone{font-size:8px}.studio-workspace-heading .button{font-size:10px}.studio-workspace-heading small{font-size:10px}.job-usage{font-size:11px}.usage-values{display:block}.usage-values p{margin-bottom:6px}.studio-decisions{font-size:12px}.studio-decisions p{font-size:11px}}
.workflow-entry{width:100%;white-space:normal;text-align:left;line-height:1.45;margin:0 0 18px;padding:12px;font-size:12px;min-height:44px}.workflow-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 22px}.workflow-results>h3{font-size:17px;margin:24px 0 14px}.workflow-section,.workflow-editor{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:15px;margin:12px 0;min-width:0}.workflow-section>summary,.workflow-editor>summary{cursor:pointer;font-size:14px;color:var(--ink);line-height:1.55;min-height:30px}.workflow-section[open]>summary,.workflow-editor[open]>summary{margin-bottom:18px}.workflow-value{border-bottom:1px solid var(--line);padding:10px 0}.workflow-value strong{font-size:12px;color:var(--muted)}.workflow-value p,.workflow-copy{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-section>.button,.workflow-editor>.button{margin:10px 8px 0 0}.workflow-content-page{padding:15px 0;border-bottom:1px solid var(--line)}.workflow-content-page h3{font-size:18px;overflow-wrap:anywhere}.workflow-content-page h4{font-size:15px;margin:16px 0 8px}.workflow-content-page p{margin:8px 0}.workflow-design{margin:16px 0;padding:14px}.workflow-design iframe{display:block;width:100%;height:260px;border:1px solid var(--line);border-radius:8px;background:white;margin:15px 0}.workflow-design details{margin:15px 0}.workflow-design details p{font-size:12px;line-height:1.6}.workflow-image{margin:14px 0}.workflow-image img{max-width:100%;max-height:420px;object-fit:contain;border-radius:8px;background:var(--razum-sunken)}.workflow-image figcaption{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6}.workflow-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:14px 0;color:#e0c58f}.workflow-consent input{flex:none;width:18px;height:18px;margin-top:3px}.workflow-question{border-left:2px solid var(--primary);padding:8px 12px;line-height:1.6}.workflow-section .brief-field{margin:15px 0}.workflow-section textarea,.workflow-editor textarea{min-width:0;width:100%;line-height:1.65}.workflow-section button:disabled,.workflow-editor button:disabled{opacity:.5}.workflow-task-heading{flex-wrap:wrap;gap:8px}.workflow-task p{overflow-wrap:anywhere}.workflow-run-status{font-size:16px;color:var(--primary)}
@media(max-width:700px){.workflow-section,.workflow-editor{padding:12px}.workflow-design{padding:10px}.workflow-design iframe{height:220px}.workflow-consent{font-size:14px}.workflow-section>.button,.workflow-editor>.button{width:100%;margin-right:0}.workflow-actions>.button{flex:1;white-space:normal}}
.studio-milestone{font-size:11px!important;min-height:34px;padding:6px 8px}.studio-chat-right .edit-form,.studio-chat-right .edit-form-bottom{background:var(--razum-sunken);color:var(--ink);border-color:var(--line)}.studio-chat-right .edit-form{border:1px solid var(--line)}.workspace-mode #verification-banner{padding:12px 18px;max-height:180px;overflow:auto;margin-top:8px;margin-bottom:10px;font-size:12px}.workspace-mode #verification-banner p{font-size:12px}.workspace-mode .verification-actions{gap:5px}.workspace-mode #verification-banner details{margin-top:4px}
.button-outline:hover,.button-outline:focus-visible{background:var(--razum-raised);color:var(--ink);border-color:var(--razum-control-border)}.button-outline:disabled,.button-outline:disabled:hover{background:var(--razum-surface);color:var(--razum-muted);border-color:var(--line);opacity:1}.workspace-mode.workflow-view #quality-report,.workspace-mode.workflow-view #job-panel{display:none}.workspace-mode .studio-feedback{padding-top:7px;padding-bottom:7px;font-size:11px}
.studio-artifact-panel .button.button-outline:is(:hover,:focus-visible),.account-dialog .button.button-outline:is(:hover,:focus-visible){background:var(--razum-raised);color:var(--razum-text);border-color:var(--razum-control-border)}.studio-artifact-panel .button.button-outline:disabled,.studio-artifact-panel .button.button-outline:disabled:hover{background:var(--razum-surface);color:var(--razum-muted);border-color:var(--razum-border);opacity:1}
.workflow-fact{padding:16px 0;border-top:1px solid var(--line)}.workflow-fact h4{font-size:14px;margin:0 0 8px}.workflow-fact-source{margin:12px 0;padding:12px;border-left:2px solid var(--razum-blue);background:var(--razum-sunken);font-size:12px;overflow-wrap:anywhere}.workflow-fact-source strong{font-weight:500;color:var(--muted)}.workflow-fact-source blockquote{font-size:13px;margin:9px 0 0}.workflow-fact-confirmed{font-size:13px;color:var(--primary)}.workflow-facts .workflow-consent{color:var(--ink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* AI Razum landing: public Bolt composition, with real Razum capabilities. */
html { scroll-padding-top:24px; }
.bolt-landing { --ink:var(--razum-text); --muted:var(--razum-muted); --primary:var(--razum-blue); background:var(--razum-bg); color:var(--ink); overflow:clip; }
.bolt-landing :is(h1,h2,h3,p) { margin:0; }
.bolt-landing svg { display:block; width:22px; height:22px; flex:none; }
.bolt-landing :is(h1,h2,h3) { color:#f7f7f8; font-weight:750; letter-spacing:-.045em; }
.bolt-header { position:relative; z-index:30; width:min(1280px,100%); height:68px; padding:0 40px; border:0; background:#101012; }
.bolt-header .brand { font-size:24px; font-weight:850; color:#fff; letter-spacing:-.07em; font-style:italic; gap:4px; }
.bolt-brand-star { font-style:normal; font-size:18px; margin-left:4px; }
.bolt-header .main-nav { display:flex; flex:1; justify-content:space-between; gap:24px; margin-left:90px; font-size:14px; font-weight:650; }
.bolt-header .main-nav-links,.bolt-header .main-nav-actions { display:flex; align-items:center; gap:30px; }
.bolt-header .main-nav-links { margin-inline:auto; }
.bolt-header .main-nav-actions { gap:14px; }
.bolt-header .main-nav-links>a,.bolt-nav-menu>summary { color:#b8b8be; white-space:nowrap; padding:13px 0; cursor:pointer; }
.bolt-header .main-nav-links>a:hover,.bolt-nav-menu>summary:hover { color:#fff; }
.bolt-nav-menu { position:relative; }
.bolt-nav-menu>summary { display:flex; align-items:center; gap:7px; list-style:none; }
.bolt-nav-menu>summary span { flex:none; width:6px; height:6px; font-size:0; color:#888891; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-4px) rotate(45deg); }
.bolt-nav-menu>div { position:absolute; top:100%; left:-16px; min-width:220px; display:flex; flex-direction:column; gap:2px; padding:10px; border:1px solid #3a3a40; border-radius:12px; background:#1b1b1f; box-shadow:0 20px 50px #0008; }
.bolt-nav-menu>div :is(a,button) { padding:11px; text-align:left; color:#d4d4d8; font-size:13px; background:transparent; border-radius:6px; }
.bolt-nav-menu>div :is(a,button):hover { background:#ffffff0c; color:white; }
.bolt-header .header-projects { background:transparent; color:#c5c5cc; font-size:13px; padding:9px 0; min-height:38px; }
.bolt-header .button-primary,.bolt-landing .button-primary { background:var(--razum-action); color:#fff; border:0; box-shadow:none; filter:none; border-radius:4px; }
.bolt-header .button-primary { min-height:38px; padding:9px 17px; font-size:14px; }
.bolt-header .button-primary:hover,.bolt-landing .button-primary:hover { background:var(--razum-action-hover); color:#fff; transform:none; box-shadow:none; }
.bolt-header #header-account { min-height:38px; font-size:13px; border-radius:6px; color:#c5c5cc; background:transparent; }
.bolt-hero { position:relative; isolation:isolate; min-height:900px; min-height:max(830px,100svh); display:flex; align-items:center; justify-content:center; margin:0 16px; border-radius:16px 16px 0 0; border:1px solid #ffffff21; border-bottom:0; text-align:center; }
.bolt-hero-background { position:absolute; z-index:-1; inset:0; overflow:hidden; border-radius:inherit; background:url('/assets/studio-background.webp') center top/100% 100% no-repeat; }
.bolt-hero-background:before { content:''; position:absolute; inset:0; background:radial-gradient(#ffffff14 1px,transparent 1px) 6px 6px/12px 12px; mask-image:linear-gradient(#000,transparent 55%); pointer-events:none; }
.bolt-hero-background:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 80%,#101012); pointer-events:none; }
.bolt-hero-content { width:100%; max-width:1100px; padding:235px 24px 125px; }
.bolt-hero h1 { font-size:48px; font-weight:800; letter-spacing:-.055em; line-height:1.12; }
.bolt-hero-subtitle { margin:16px auto 34px!important; font-size:18px; line-height:1.6; font-weight:600; color:#dfebff; }
.bolt-prompt { position:relative; width:100%; max-width:640px; margin:0 auto; border:1px solid #38383d; border-radius:24px; background:#202023; text-align:left; box-shadow:0 0 40px -12px #0006; }
.bolt-prompt:focus-within { border-color:#ffffff7a; }
.bolt-prompt[data-pointer=active] { border-color:#737783; }
.bolt-prompt:before { content:''; position:absolute; z-index:0; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(220px circle at var(--spotlight-x,50%) var(--spotlight-y,30%),#ffffff07,transparent 70%); }
.bolt-prompt>:not(.visually-hidden) { position:relative; }
.bolt-prompt>textarea { display:block; width:100%; height:84px; min-height:84px; max-height:240px; padding:20px 20px 8px; border:0; resize:vertical; background:transparent; color:#f7f7f8; font-size:14px; line-height:1.65; outline-offset:-4px; }
.bolt-prompt>textarea::placeholder { color:#a5a5b0; opacity:1; }
.bolt-prompt-toolbar { display:flex; align-items:center; gap:10px; padding:8px 10px 10px; min-height:54px; }
.bolt-prompt-toolbar .brief-options { margin:0; border:0; }
.bolt-prompt-toolbar .brief-options>summary { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid #39393e; border-radius:50%; font-size:24px; font-weight:400; color:#babac5; line-height:1; list-style:none; }
.bolt-prompt-toolbar .brief-options[open] { position:static; }
.bolt-prompt-toolbar .brief-options[open]>summary { color:white; background:#323237; }
.bolt-prompt .brief-fields { position:absolute; z-index:12; left:0; right:0; top:calc(100% + 10px); padding:20px; border:1px solid #4a4a53; border-radius:18px; background:#202023; box-shadow:0 18px 50px #0007; gap:16px; }
.bolt-prompt .brief-fields label { color:#bfc1cc; font-size:12px; }
.bolt-prompt .brief-fields :is(input,textarea) { background:#18181b; border-color:#46464d; color:#f7f7f8; font-size:14px; }
.bolt-style-select { margin-left:auto; display:flex; align-items:center; gap:5px; color:#aaaab4; }
.bolt-style-select svg { width:16px; height:16px; }
.bolt-style-select select { min-width:0; max-width:155px; border:0; padding:6px 0; background:transparent; color:#aaaab4; font-size:12px; }
.bolt-style-select option { background:#202023; color:#fff; }
.bolt-prompt .button-primary { min-height:36px; padding:8px 14px; gap:7px; font-size:13px; border-radius:999px; white-space:nowrap; }
.bolt-prompt .button-primary svg { width:17px; height:17px; }
.bolt-prompt .button-primary:disabled { opacity:.6; }
.bolt-draft { min-height:18px; margin:8px auto 0!important; color:#e1e9ffac; font-size:10px; line-height:1.7; }
.bolt-types { display:flex; align-items:flex-start; justify-content:center; gap:20px; margin-top:28px; }
.bolt-types>button { padding:0; display:flex; flex-direction:column; align-items:center; gap:8px; color:#d9e7ff; font-size:12px; font-weight:650; background:transparent; min-width:64px; }
.bolt-types>button>span { position:relative; display:grid; place-items:center; width:64px; height:64px; background:#073171a8; border:1px solid #ffffff1c; border-radius:13px; box-shadow:inset 0 1px 0 #ffffff12; transition:background .2s,transform .2s; }
.bolt-types>button svg { width:26px; height:26px; }
.bolt-types>button:hover>span { background:#154688; transform:translateY(-3px); }
.bolt-types small { position:absolute; top:-6px; right:5px; background:#1688ff; border-radius:4px; padding:0 5px; color:white; font-size:9px; }
.bolt-start-from { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin-top:40px; color:#d2e4ff; font-size:13px; }
.bolt-start-from>span { margin-right:4px; }
.bolt-start-from>button { display:inline-flex; align-items:center; gap:5px; padding:4px 9px; min-height:28px; color:#d2e4ff; background:#073471b3; border:1px solid #ffffff16; border-radius:999px; font-size:11px; font-weight:650; }
.bolt-start-from>button:hover { background:#164687; }
.bolt-start-from svg { width:13px; height:13px; }
.bolt-error { color:#ffc7c7; font-size:12px; line-height:1.7; margin:10px auto 0!important; max-width:640px; }
.bolt-error:empty { display:none; }
.bolt-connection { margin-top:16px!important; font-size:10px; color:#d6e6ff9c; }
.bolt-connection .connection-status { color:inherit; }
.bolt-ribbon { padding:30px 16px 48px; background:#101012; overflow:hidden; }
.bolt-ribbon>div { display:flex; justify-content:center; align-items:center; gap:54px; width:max-content; min-width:100%; color:#66666f; }
.bolt-ribbon span { font-size:22px; font-weight:750; letter-spacing:-.04em; white-space:nowrap; }
.bolt-section { position:relative; }
.bolt-contained { width:min(1104px,calc(100% - 64px)); margin-inline:auto; }
.bolt-section-heading { text-align:center; margin:0 auto 64px; padding:0 24px; }
.bolt-section-heading h2 { font-size:48px; line-height:1.06; font-weight:750; letter-spacing:-.047em; }
.bolt-section-heading h2>span { color:#98989f; }
.bolt-section-heading p { max-width:620px; margin:20px auto 0; color:#a1a1aa; font-size:16px; line-height:1.65; font-weight:500; }
.bolt-agents { padding:140px 0 120px; background:#101012; }
.bolt-agent-glow { width:44px; height:44px; margin:0 auto 38px; position:relative; display:grid; place-items:center; color:#9fc8ff; }
.bolt-agent-glow:before { content:''; position:absolute; width:160px; height:160px; border-radius:50%; background:#1688ff; filter:blur(48px); opacity:.3; }
.bolt-agent-glow>span { font-size:28px; text-shadow:0 0 20px #1688ff; }
.bolt-agent-bento { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bolt-feature { position:relative; min-width:0; overflow:hidden; background:#171719; border:1px solid #ffffff12; border-radius:16px; }
.bolt-feature h3 { font-size:20px; line-height:1.35; letter-spacing:-.025em; }
.bolt-feature p { color:#98989f; font-size:14px; line-height:1.6; }
.bolt-agent-main { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:324px; padding:54px 64px; gap:72px; }
.bolt-feature-copy p { margin-top:12px; max-width:390px; }
.bolt-agent-console { border:1px solid #ffffff14; border-radius:10px; background:#121214; box-shadow:0 18px 44px #0002; padding:16px; }
.bolt-console-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#a1a1aa; font-size:10px; margin-bottom:16px; }
.bolt-live-dot { width:5px; height:5px; border-radius:50%; background:#56a7ff; box-shadow:0 0 10px #56a7ff; }
.bolt-role-switch { display:flex; gap:3px; padding:3px; border:1px solid #ffffff0b; border-radius:7px; background:#1c1c20; }
.bolt-role-switch button { flex:1; min-width:0; border-radius:5px; padding:8px 4px; color:#9999a3; background:transparent; font-size:10px; }
.bolt-role-switch button[aria-pressed=true] { color:#e7efff; background:#2a2a31; box-shadow:0 2px 8px #0003; }
.bolt-role-detail { display:flex; align-items:flex-start; gap:12px; margin:20px 0 14px; min-height:72px; }
.bolt-agent-avatar { flex:none; width:34px; height:34px; display:grid; place-items:center; background:#1e3656; color:#85baff; border:1px solid #558bca33; border-radius:9px; font-size:23px; }
.bolt-role-detail strong { display:block; font-size:12px; font-weight:600; margin-bottom:4px; }
.bolt-role-detail p { font-size:11px; line-height:1.6; }
.bolt-role-track { display:flex; gap:6px; }
.bolt-role-track i { height:3px; flex:1; background:#2e3d53; border-radius:2px; }
.bolt-role-track i:nth-child(-n+3) { background:#1688ff; }
.bolt-concepts { min-height:278px; padding:24px 32px 35px; text-align:center; }
.bolt-concept-number { font-size:104px; line-height:1.2; font-weight:800; letter-spacing:-.09em; text-shadow:0 3px 26px #ffffff20; }
.bolt-concept-number span { position:absolute; color:#8fa3c3; font-size:24px; transform:translate(12px,14px); }
.bolt-concepts h3 { color:#ababaf; font-size:25px; font-weight:650; }
.bolt-concepts p { max-width:330px; margin:12px auto 0; font-size:12px; }
.bolt-control { min-height:278px; padding:38px; }
.bolt-control>p { margin-top:10px; max-width:385px; }
.bolt-approval-visual { display:flex; align-items:center; justify-content:space-between; margin-top:28px; gap:8px; }
.bolt-approval-visual>span { display:flex; flex-direction:column; align-items:center; gap:9px; font-size:9px; color:#9ca9bd; }
.bolt-approval-visual svg { width:28px; height:28px; padding:6px; box-sizing:content-box; border:1px solid #ffffff18; background:#202329; border-radius:10px; color:#7dafef; }
.bolt-approval-visual>i { flex:1; height:1px; background:linear-gradient(90deg,#44679255,#8bbaff44); margin-bottom:19px; }
.bolt-design-system { grid-column:1/-1; min-height:580px; padding:56px 24px 0; text-align:center; }
.bolt-color-dots { display:flex; justify-content:center; gap:7px; margin-bottom:20px; }
.bolt-color-dots i { width:14px; height:14px; border-radius:3px; background:#30b8fb; }
.bolt-color-dots i:nth-child(2) { background:#b4ef3d; }.bolt-color-dots i:nth-child(3) { background:#9975ff; }.bolt-color-dots i:nth-child(4) { background:#db7bfb; }
.bolt-design-system h3 { font-size:36px; line-height:1.12; }
.bolt-design-system>p { font-size:14px; margin-top:14px; }
.bolt-design-visual { position:relative; display:flex; justify-content:center; align-items:center; gap:20px; height:330px; margin-top:30px; perspective:1000px; }
.bolt-design-card { width:250px; height:240px; border:1px solid #ffffff18; border-radius:14px; padding:24px; text-align:left; box-shadow:0 15px 45px #0006; background:#24252b; transform:rotate(-6deg) translateY(25px); }
.bolt-design-card small { display:block; color:#ffffff75; font-size:8px; letter-spacing:.14em; margin-bottom:20px; }
.bolt-design-palette { background:#dde5ec; color:#162538; }
.bolt-design-palette small { color:#2b3b507d; }
.bolt-design-palette>div { display:flex; height:56px; overflow:hidden; border-radius:5px; margin-bottom:14px; }
.bolt-design-palette i { flex:1; background:#1688ff; }.bolt-design-palette i:nth-child(2) { background:#9ccfff; }.bolt-design-palette i:nth-child(3) { background:#1b293c; }.bolt-design-palette i:nth-child(4) { background:#f8fafc; }
.bolt-design-palette>span { font:9px/1.5 monospace; }
.bolt-design-palette b { display:block; font-size:16px; line-height:1.4; margin-top:13px; }
.bolt-design-type { transform:translateY(0); background:#9e8de7; color:#282044; }
.bolt-design-type small { color:#30234f9c; }.bolt-design-type strong { display:block; font-size:88px; letter-spacing:-.09em; line-height:1; margin:0 0 15px; }
.bolt-design-type>span { font-size:12px; line-height:1.6; }
.bolt-design-components { transform:rotate(6deg) translateY(25px); }
.bolt-mini-button { display:inline-block; color:#fff; background:#1688ff; padding:11px 13px; font-size:10px; border-radius:7px; }
.bolt-mini-component { display:flex; gap:10px; align-items:center; border:1px solid #ffffff18; border-radius:7px; padding:10px; margin-top:20px; }
.bolt-mini-component>i { font-size:24px; color:#9ecaff; font-style:normal; }
.bolt-mini-component>span { font-size:8px; color:#8f909d; }.bolt-mini-component b { font-size:10px; color:#fff; font-weight:500; }
.bolt-mini-line { width:100%; height:5px; border-radius:3px; background:#ffffff15; margin-top:15px; }.bolt-mini-line.short { width:60%; margin-top:7px; }
.bolt-platform { padding:120px 0 80px; background:radial-gradient(ellipse at -10% 0,#28292d 0,transparent 50%); }
.bolt-platform-grid { width:min(1232px,calc(100% - 64px)); display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:8px; }
.bolt-platform-grid .bolt-feature { padding:30px; border-radius:14px; }
.bolt-platform-grid h3 { font-size:17px; }.bolt-platform-grid p { margin-top:9px; font-size:12px; line-height:1.65; }
.bolt-platform-projects { grid-column:span 5; min-height:300px; }.bolt-platform-edit { grid-column:span 3; min-height:300px; }.bolt-platform-account { grid-column:span 4; grid-row:span 2; min-height:530px; }
.bolt-platform-seo { grid-column:span 3; min-height:220px; }.bolt-platform-export { grid-column:span 5; min-height:220px; }
.bolt-project-visual { width:90%; margin:24px 0 -5px 10%; border:1px solid #ffffff18; border-radius:10px; padding:14px; background:#202025; box-shadow:-12px 12px 40px #0002; transform:rotate(-3deg); }
.bolt-file-row { display:flex; gap:8px; align-items:center; color:#bbbbc8; font-size:10px; }.bolt-file-row svg { width:15px; height:15px; color:#90b7ee; }.bolt-file-row>span { margin-left:auto; font-size:8px; color:#757580; }
.bolt-file-tree { margin:16px 0 0; display:flex; flex-direction:column; gap:10px; color:#9393a0; font-size:10px; font-family:monospace; }.bolt-file-tree i { color:#8fb5ef; font-style:normal; float:right; }
.bolt-version-bar { display:flex; align-items:center; gap:10px; margin-top:18px; font-size:8px; color:#686877; }.bolt-version-bar i { flex:1; height:1px; background:#383843; }.bolt-version-bar span { width:24px; height:24px; border:1px solid #373743; border-radius:50%; display:grid; place-items:center; }.bolt-version-bar .current { background:#284b78; color:#c1dcff; border-color:#4a7caf; }
.bolt-edit-visual { position:relative; margin-top:24px; }.bolt-selected-block { position:relative; padding:17px 6px; border:1px solid #468edf; color:#d9e9ff; text-align:center; font-size:15px; font-weight:750; background:#1d2d45; }.bolt-selected-block>i { width:5px; height:5px; background:#b5d5ff; border:1px solid #468edf; position:absolute; }.bolt-selected-block>i:nth-child(1) { top:-3px; left:-3px; }.bolt-selected-block>i:nth-child(2) { top:-3px; right:-3px; }.bolt-selected-block>i:nth-child(4) { bottom:-3px; left:-3px; }.bolt-selected-block>i:nth-child(5) { bottom:-3px; right:-3px; }
.bolt-mini-chat { position:relative; width:110%; padding:13px 9px; margin:20px 0 0 -5%; color:#b5b5c0; font-size:9px; border:1px solid #ffffff20; background:#26262d; border-radius:9px; }.bolt-mini-chat b { float:right; color:#91c1ff; font-size:14px; }.bolt-code-label { display:block; margin-top:13px; color:#6c7d93; font:8px/1.8 monospace; white-space:nowrap; }
.bolt-account-visual { margin-top:38px; }.bolt-person-badge { display:flex; align-items:center; gap:9px; margin-bottom:26px; font-size:12px; color:#d0d0da; }.bolt-person-badge svg { width:35px; height:35px; padding:8px; background:#222b3b; color:#9bc7ff; border-radius:50%; }
.bolt-account-project { display:flex; align-items:center; gap:12px; padding:16px 12px; margin-top:9px; background:#202023; border:1px solid #ffffff12; border-radius:10px; }.bolt-account-project>i { width:32px; height:32px; display:grid; place-items:center; font-size:22px; font-style:normal; color:#b6ccef; background:#293342; border-radius:6px; }.bolt-account-project:nth-child(3)>i { background:#3b324d; color:#c5aceb; }.bolt-account-project:nth-child(4)>i { background:#313f3b; color:#a9d6c1; }.bolt-account-project strong { display:block; font-size:11px; font-weight:600; }.bolt-account-project span { display:block; font-size:9px; margin-top:3px; color:#858592; }.bolt-account-project>b { margin-left:auto; color:#848491; font-weight:400; }.bolt-account-bottom { margin-top:35px; border-top:1px solid #ffffff0e; padding-top:18px; color:#73737e; font-size:10px; }
.bolt-seo-visual { margin-top:24px; }.bolt-seo-visual>span { display:block; color:#929aa5; font-size:8px; }.bolt-seo-visual>b { display:block; color:#a3bdf5; font-size:11px; line-height:1.5; margin:5px 0; font-weight:500; }.bolt-seo-visual>i { display:block; color:#727681; font-size:8px; font-style:normal; }
.bolt-export-visual { display:flex; gap:10px; margin-top:24px; }.bolt-export-visual>span { display:flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid #ffffff13; border-radius:7px; font:11px/1.5 monospace; background:#202023; color:#a7b5cb; }.bolt-export-visual svg { width:16px; height:16px; }
.bolt-platform-note { text-align:center; margin:64px auto 0!important; padding:0 24px; color:#c5c5cc; font-size:18px; line-height:1.5; font-weight:650; letter-spacing:-.02em; }
.bolt-audiences { padding:80px 0; }.bolt-audiences .bolt-section-heading { margin-bottom:64px; }
.bolt-audience-grid { width:min(1232px,calc(100% - 64px)); display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.bolt-audience-card { grid-column:span 2; display:flex; flex-direction:column; min-height:440px; border-radius:14px; }.bolt-audience-card>div:first-child:not(.bolt-audience-art) { padding:30px 30px 0; }.bolt-audience-card h3 { font-size:20px; }.bolt-audience-card p { margin-top:10px; font-size:12px; line-height:1.6; }
.bolt-audience-art { position:relative; flex:1; min-height:270px; margin-top:20px; overflow:hidden; }.bolt-audience-wide { grid-column:span 3; min-height:380px; }.bolt-audience-wide>div:last-child { text-align:center; padding:24px 24px 28px; }.bolt-audience-wide .bolt-audience-art { min-height:240px; margin:0; }
.bolt-business-art { background:radial-gradient(ellipse at 50% 55%,#32577755,transparent 70%); }.bolt-art-label { margin:15px 0 0 28px; font-size:7px; letter-spacing:.15em; color:#8292aa; }.bolt-art-orb { position:absolute; top:43px; left:38px; font-size:56px; color:#82bfff; text-shadow:0 0 60px #1688ff77; transform:rotate(-10deg); }
.bolt-business-sheet { width:195px; border:1px solid #ffffff2c; border-radius:10px; padding:20px; margin:28px 0 0 auto; background:linear-gradient(150deg,#31465d,#171f2b); transform:rotate(-9deg) translateX(10px); box-shadow:-15px 20px 40px #0005; }.bolt-business-sheet>span { font-size:21px; font-weight:750; line-height:1.2; letter-spacing:-.05em; color:#dfebff; }.bolt-business-sheet>i { display:block; width:85%; height:5px; background:#abc8f331; border-radius:3px; margin-top:17px; }.bolt-business-sheet>i+i { width:65%; margin-top:6px; }.bolt-business-sheet>b { display:inline-block; margin-top:22px; padding:8px 10px; border-radius:4px; background:#8bbefa; color:#132540; font-size:8px; }
.bolt-art-tag { position:absolute; bottom:26px; left:27px; padding:8px 12px; font-size:9px; color:#bbccde; border:1px solid #7186a533; border-radius:8px; background:#1a2330; transform:rotate(4deg); }
.bolt-designer-art { background:radial-gradient(ellipse at 50% 50%,#8670bf2b,transparent 75%); }.bolt-art-swatch { display:block; width:155px; height:155px; margin:25px 0 0 32px; border-radius:14px; transform:rotate(-12deg); border:1px solid #ffffff30; background:linear-gradient(90deg,#d7c3fb 33%,#8873b6 33% 66%,#34304f 66%); box-shadow:0 20px 45px #0005; }.bolt-art-type { position:absolute; top:61px; right:24px; width:155px; height:170px; padding:15px 22px; border:1px solid #ffffff15; border-radius:12px; background:#22232a; transform:rotate(8deg); font-size:85px; font-weight:650; letter-spacing:-.08em; line-height:1.1; color:#dfd3fb; }.bolt-art-type>span { display:block; font-size:8px; letter-spacing:0; margin-top:14px; color:#938ba7; }.bolt-art-cursor { position:absolute; bottom:33px; left:80px; font-size:31px; color:#c2a2f8; }.bolt-art-cursor>span { display:inline-block; padding:4px 8px; font-size:8px; color:#efdefc; background:#8263b8; border-radius:4px; }
.bolt-marketer-art { padding:20px 30px; background:radial-gradient(ellipse at 60% 60%,#2560552b,transparent 75%); }.bolt-message-card { padding:12px 15px; margin-bottom:10px; border:1px solid #ffffff14; border-radius:10px; color:#889b96; background:#1f2827; font-size:9px; box-shadow:0 10px 25px #0003; transform:rotate(-4deg); }.bolt-message-card:nth-child(2) { transform:rotate(3deg) translateX(15px); background:#232c2b; }.bolt-message-card:nth-child(3) { transform:rotate(-2deg); }.bolt-message-card>span { display:block; margin-top:5px; color:#c7e0d8; font-size:13px; font-weight:650; }
.bolt-agency-art { display:flex; justify-content:center; align-items:center; gap:12px; padding:35px 22px; background:radial-gradient(ellipse at 50% 60%,#4a6c992e,transparent 75%); }.bolt-agency-art>div { width:150px; min-height:145px; padding:20px 13px; border:1px solid #ffffff18; border-radius:10px; background:#232833; box-shadow:0 15px 30px #0004; transform:rotate(-7deg) translateY(10px); }.bolt-agency-art>div:nth-child(2) { background:#292633; transform:rotate(0) translateY(-12px); }.bolt-agency-art>div:nth-child(3) { transform:rotate(7deg) translateY(10px); background:#232e2d; }.bolt-agency-art span { color:#748cae; font:11px/1.5 monospace; }.bolt-agency-art b { display:block; color:#d4deed; font-size:13px; margin:20px 0 10px; line-height:1.4; }.bolt-agency-art i { font-size:8px; color:#8a91a1; font-style:normal; }
.bolt-maker-art { text-align:center; padding:32px 24px 10px; background:radial-gradient(ellipse at 50% 50%,#8261ac2b,transparent 70%); }.bolt-maker-code { color:#bca8de; font:23px/1.5 monospace; letter-spacing:-.04em; text-shadow:0 0 40px #a581d588; }.bolt-maker-flow { display:flex; align-items:center; justify-content:center; gap:16px; margin:28px 0 20px; }.bolt-maker-flow>span { width:45px; height:45px; display:grid; place-items:center; background:#292233; border:1px solid #ffffff16; border-radius:12px; font-size:24px; color:#c4a7e6; }.bolt-maker-flow>i { width:50px; height:1px; background:linear-gradient(90deg,#6d577d,#a891c280); }.bolt-maker-caption { color:#81718f; font-size:10px; }
.bolt-bottom-cta { padding-block:192px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; max-width:930px; }.bolt-bottom-cta h2 { font-size:36px; line-height:1.1; }.bolt-bottom-cta>div>p { color:#a1a1aa; font-size:14px; margin-top:15px; }.bolt-prompt-small { border-radius:18px; }.bolt-prompt-small>textarea { height:84px; font-size:13px; padding:17px; }.bolt-prompt-small .bolt-prompt-toolbar>span { color:#858592; padding:0 6px; }.bolt-prompt-small .button { margin-left:auto; }.bolt-prompt-small .bolt-error { padding:0 15px 12px; }
.bolt-footer { padding:80px 0 0; background:#000; overflow:hidden; }.bolt-footer-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; padding-bottom:100px; }.bolt-footer-links>div { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }.bolt-footer-links strong { font-size:9px; font-weight:500; letter-spacing:.17em; color:#55555f; margin-bottom:10px; }.bolt-footer-links :is(a,button,p) { font-size:12px; color:#919199; line-height:1.7; }.bolt-footer-links button { background:transparent; padding:0; text-align:left; }.bolt-footer-links :is(a,button):hover { color:#fff; }.bolt-footer-year { color:#50505a; font-size:10px; margin-top:15px; }
.bolt-wordmark { text-align:center; width:100%; font-size:clamp(80px,18vw,270px); line-height:1.15; font-weight:850; letter-spacing:-.095em; white-space:nowrap; padding:0 25px 20px; background:repeating-linear-gradient(108deg,#44444a 0 1px,#1c1c20 1px 3px,transparent 3px 5px); background-clip:text; -webkit-background-clip:text; color:transparent; mask-image:linear-gradient(#000 15%,#0009 50%,transparent 95%); }
[data-reveal] { transition:opacity .6s ease,transform .6s ease; }.reveal-pending { opacity:0; transform:translateY(20px); }
html[data-ambient-paused=true] .bolt-landing * { animation-play-state:paused!important; }
@media(min-width:1441px) { .bolt-hero { min-height:100svh; }.bolt-hero-content { padding-top:200px; padding-bottom:180px; } }
@media(max-width:1200px) { .bolt-header { padding-inline:32px; }.bolt-header .main-nav { margin-left:50px; }.bolt-header .main-nav-links { gap:22px; }.bolt-contained { width:calc(100% - 64px); }.bolt-section-heading h2 { font-size:42px; }.bolt-agent-main { padding:45px; gap:40px; }.bolt-platform-grid .bolt-feature { padding:24px; }.bolt-audience-card>div:first-child:not(.bolt-audience-art) { padding:24px 24px 0; }.bolt-art-type { right:15px; width:140px; }.bolt-art-swatch { margin-left:25px; }.bolt-bottom-cta { gap:40px; max-width:850px; } }
@media(max-width:900px) { .bolt-header .main-nav { margin-left:25px; gap:16px; }.bolt-header .main-nav-links { gap:16px; }.bolt-header .main-nav-links>a:last-child { display:none; }.bolt-header .header-projects { display:none; }.bolt-header .main-nav-actions { gap:8px; }.bolt-hero { min-height:820px; }.bolt-section-heading h2 { font-size:36px; }.bolt-section-heading p { font-size:14px; }.bolt-agent-main { padding:35px; gap:28px; }.bolt-feature h3 { font-size:18px; }.bolt-feature p { font-size:12px; }.bolt-agent-console { padding:12px; }.bolt-role-switch button { font-size:8px; }.bolt-role-detail p { font-size:10px; }.bolt-design-card { width:210px; padding:20px; }.bolt-platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bolt-platform-grid .bolt-feature { grid-column:auto; grid-row:auto; min-height:280px; }.bolt-platform-grid .bolt-platform-account { grid-column:1/-1; min-height:290px; display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }.bolt-platform-account>p { grid-column:1; align-self:start; }.bolt-platform-account .bolt-account-visual { grid-column:2; grid-row:1/3; margin-top:0; }.bolt-person-badge { margin-bottom:14px; }.bolt-account-bottom { display:none; }.bolt-audience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bolt-audience-card,.bolt-audience-wide { grid-column:auto; }.bolt-audience-grid>.bolt-audience-card:nth-child(3) { grid-column:1/-1; min-height:290px; display:grid; grid-template-columns:1fr 1fr; }.bolt-audience-grid>.bolt-audience-card:nth-child(3) .bolt-audience-art { margin:0; }.bolt-audience-wide { min-height:440px; }.bolt-agency-art { gap:6px; padding-inline:12px; }.bolt-agency-art>div { width:105px; padding:16px 10px; }.bolt-agency-art b { font-size:10px; }.bolt-maker-code { font-size:20px; }.bolt-bottom-cta { padding-block:128px; gap:35px; }.bolt-bottom-cta h2 { font-size:30px; }.bolt-footer-links { gap:25px; } }
@media(max-width:700px) {
  .bolt-header { height:64px; padding:0 24px; }.bolt-header .brand { font-size:22px; }.bolt-header .menu-toggle { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:42px; height:42px; min-height:42px; color:#d4d4d8; }.bolt-header .menu-toggle span { width:19px; height:1px; background:#e4e4e7; }.bolt-header .main-nav { display:none; position:absolute; top:62px; left:16px; right:16px; margin:0; padding:20px; border:1px solid #3a3a40; border-radius:12px; background:#1b1b1f; box-shadow:0 20px 45px #0007; }.bolt-header .main-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:16px; }.bolt-header .main-nav-links { flex-direction:column; align-items:stretch; gap:0; }.bolt-header .main-nav-links>a:last-child { display:block; }.bolt-header .main-nav-actions { justify-content:flex-start; flex-wrap:wrap; gap:16px; }.bolt-header .header-projects { display:block; }.bolt-nav-menu>div { position:static; border:0; box-shadow:none; padding:0 8px 8px; }.bolt-header .main-nav-links>a,.bolt-nav-menu>summary { padding:12px 0; }.bolt-header .button-primary { min-height:42px; }
  .bolt-hero { margin:0 8px; min-height:760px; min-height:max(700px,calc(100svh - 64px)); border-radius:12px 12px 0 0; }.bolt-hero-background { background-size:cover; background-position:center top; }.bolt-hero-content { padding:108px 16px 105px; }.bolt-hero h1 { font-size:32px; letter-spacing:-.05em; }.bolt-hero-subtitle { font-size:14px; margin:14px auto 28px!important; max-width:300px; line-height:1.6; }.bolt-prompt { border-radius:20px; }.bolt-prompt>textarea { font-size:16px; height:108px; min-height:108px; padding:17px 16px; }.bolt-prompt-toolbar { gap:7px; }.bolt-prompt .button-primary { padding:9px 12px; min-height:38px; font-size:11px; }.bolt-style-select { gap:3px; }.bolt-style-select svg { width:13px; height:13px; }.bolt-style-select select { max-width:107px; font-size:10px; }.bolt-prompt-toolbar .brief-options>summary { width:30px; height:30px; }.bolt-prompt .brief-fields { grid-template-columns:1fr; padding:16px; gap:14px; }.bolt-prompt .brief-fields :is(input,textarea) { font-size:16px; }.bolt-draft { max-width:310px; margin-top:9px!important; font-size:9px; }.bolt-types { gap:14px; margin-top:30px; }.bolt-types>button { min-width:54px; gap:8px; font-size:10px; }.bolt-types>button>span { width:54px; height:54px; border-radius:12px; }.bolt-types>button svg { width:24px; height:24px; }.bolt-start-from { gap:8px; margin-top:32px; font-size:11px; }.bolt-start-from>span { flex-basis:100%; margin:0 0 4px; }.bolt-start-from>button { font-size:9px; padding:5px 8px; }.bolt-connection { font-size:9px; margin-top:20px!important; }.bolt-ribbon { padding:18px 16px 25px; }.bolt-ribbon>div { gap:28px; justify-content:flex-start; transform:translateX(-25px); }.bolt-ribbon span { font-size:18px; }
  .bolt-contained { width:calc(100% - 32px); }.bolt-agents { padding:90px 0 70px; }.bolt-agent-glow { margin-bottom:30px; }.bolt-section-heading { margin-bottom:36px; padding:0 18px; }.bolt-section-heading h2 { font-size:30px; line-height:1.12; }.bolt-section-heading p { font-size:12px; line-height:1.7; margin-top:16px; }.bolt-section-heading p br { display:none; }.bolt-agent-bento { gap:6px; grid-template-columns:1fr; }.bolt-agent-main { grid-column:auto; grid-template-columns:1fr; min-height:410px; padding:30px 24px; gap:26px; }.bolt-feature h3 { font-size:18px; }.bolt-feature p { font-size:12px; }.bolt-agent-console { width:100%; max-width:370px; margin:auto; padding:15px; }.bolt-role-switch button { font-size:9px; padding-block:9px; }.bolt-concepts { min-height:255px; padding:20px 25px 30px; }.bolt-concept-number { font-size:96px; }.bolt-concepts h3 { font-size:24px; }.bolt-control { min-height:265px; padding:30px 24px; }.bolt-approval-visual { margin-top:32px; }.bolt-design-system { grid-column:auto; min-height:490px; padding:40px 20px 0; }.bolt-design-system h3 { font-size:28px; }.bolt-design-system>p { font-size:12px; }.bolt-color-dots i { width:12px; height:12px; }.bolt-design-visual { margin-top:24px; height:265px; gap:10px; width:620px; left:50%; transform:translateX(-50%); }.bolt-design-card { width:190px; height:210px; padding:19px; }.bolt-design-type strong { font-size:74px; }.bolt-design-palette b { font-size:13px; }.bolt-design-card small { margin-bottom:15px; }.bolt-design-card .bolt-mini-button { font-size:8px; }
  .bolt-platform { padding:70px 0 45px; }.bolt-platform-grid { grid-template-columns:1fr; gap:6px; }.bolt-platform-grid .bolt-feature { grid-column:auto; grid-row:auto; min-height:270px; padding:28px 24px; }.bolt-platform-grid .bolt-platform-account { display:block; min-height:420px; }.bolt-platform-grid .bolt-platform-account>p { max-width:280px; }.bolt-platform-account .bolt-account-visual { margin-top:24px; }.bolt-platform-grid h3 { font-size:18px; }.bolt-platform-grid p { font-size:12px; }.bolt-project-visual { width:90%; max-width:330px; }.bolt-edit-visual { max-width:270px; margin-inline:auto; margin-top:32px; }.bolt-platform-grid .bolt-platform-seo,.bolt-platform-grid .bolt-platform-export { min-height:220px; }.bolt-platform-note { font-size:15px; margin:40px auto 0!important; }.bolt-export-visual { gap:8px; }.bolt-export-visual>span { padding:9px 12px; font-size:10px; }
  .bolt-audiences { padding:60px 0; }.bolt-audiences .bolt-section-heading { margin-bottom:36px; }.bolt-audience-grid { grid-template-columns:1fr; }.bolt-audience-card,.bolt-audience-wide { grid-column:auto; min-height:400px; }.bolt-audience-card>div:first-child:not(.bolt-audience-art) { padding:28px 24px 0; }.bolt-audience-card h3 { font-size:20px; }.bolt-audience-card p { max-width:300px; font-size:12px; }.bolt-audience-grid>.bolt-audience-card:nth-child(3) { grid-column:auto; display:flex; min-height:400px; }.bolt-audience-grid>.bolt-audience-card:nth-child(3) .bolt-audience-art { margin-top:20px; }.bolt-audience-art { min-height:260px; }.bolt-business-sheet { margin-right:28px; }.bolt-art-type { width:155px; right:35px; }.bolt-art-swatch { margin-left:40px; }.bolt-marketer-art { padding:20px 36px; }.bolt-audience-wide { min-height:375px; }.bolt-audience-wide>div:last-child { padding:18px 22px 28px; }.bolt-audience-wide .bolt-audience-art { min-height:230px; }.bolt-agency-art { gap:8px; padding-inline:14px; }.bolt-agency-art>div { width:110px; }.bolt-maker-code { font-size:23px; }
  .bolt-bottom-cta { padding-block:80px 100px; display:flex; flex-direction:column; gap:30px; text-align:center; }.bolt-bottom-cta h2 { font-size:30px; }.bolt-bottom-cta>div>p { font-size:12px; max-width:270px; }.bolt-prompt-small { max-width:440px; }.bolt-prompt-small>textarea { height:94px; min-height:94px; }.bolt-footer { padding-top:60px; }.bolt-footer-links { grid-template-columns:1fr 1fr; gap:40px 24px; padding-bottom:60px; width:calc(100% - 48px); }.bolt-footer-links :is(a,button,p) { font-size:11px; }.bolt-footer-links>div { gap:11px; }.bolt-footer-links strong { font-size:8px; }.bolt-wordmark { padding:0 12px 12px; font-size:18vw; line-height:1.6; }
}
@media(max-width:360px) { .bolt-header { padding-inline:18px; }.bolt-hero-content { padding-inline:12px; }.bolt-hero h1 { font-size:28px; }.bolt-style-select svg { display:none; }.bolt-style-select select { max-width:91px; }.bolt-prompt .button-primary { font-size:10px; padding-inline:10px; }.bolt-types { gap:10px; }.bolt-types>button>span { width:50px; height:50px; }.bolt-types>button { min-width:50px; font-size:9px; }.bolt-start-from { gap:6px; }.bolt-start-from>button { padding-inline:6px; font-size:8px; }.bolt-section-heading h2 { font-size:26px; }.bolt-agent-main { padding-inline:20px; }.bolt-role-switch button { font-size:8px; }.bolt-export-visual>span { padding:8px; }.bolt-art-type { right:22px; }.bolt-art-swatch { margin-left:25px; } }
@media(prefers-reduced-motion:reduce) { .bolt-landing *,[data-reveal] { transition:none!important; animation:none!important; }.reveal-pending { opacity:1; transform:none; }.bolt-types>button:hover>span { transform:none; } }
.bolt-mobile-start { display:none; }
@media(max-width:700px) {
  .bolt-header .main-nav-links { margin-inline:0; }
  .bolt-header .bolt-mobile-start { display:inline-flex; margin-left:auto; min-height:38px; padding:9px 14px; font-size:12px; }
  .bolt-header { gap:16px; }
  .bolt-hero { margin-inline:16px; }
  .bolt-hero-content { padding-top:163px; }
  .bolt-hero h1 { font-size:30px; }
  .bolt-prompt>textarea { height:84px; min-height:84px; }
  .bolt-types { margin-top:16px; }
}
@media(max-width:360px) {
  .bolt-hero h1 { font-size:28px; }.bolt-header { gap:12px; }
  .bolt-prompt-toolbar .bolt-style-select { flex:1; min-width:0; margin-left:0; }
  .bolt-style-select select { width:100%; max-width:100%; font-size:9px; }
  .bolt-prompt .button-primary { flex-shrink:0; padding-inline:8px; gap:4px; }
  .bolt-prompt .button-primary svg { width:14px; height:14px; }
}

/* Separate application source surface. Legacy HTML Studio keeps its own DOM. */
.application-workspace{width:min(1560px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface,var(--razum-surface));color:var(--ink);overflow:hidden}
.application-workspace[open]{display:flex;flex-direction:column}.application-workspace::backdrop{background:#000b}
.application-mobile-nav{display:none}
.application-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);flex:none}.application-heading h2{font-size:20px;letter-spacing:-.025em;overflow-wrap:anywhere}.application-heading p{color:var(--muted);font-size:12px;margin-top:6px}.application-heading .button{flex:none;font-size:12px}
#workspace-feedback{padding:10px 20px;color:var(--muted);font-size:13px;flex:none;overflow-wrap:anywhere}#workspace-feedback:empty{display:none}#workspace-feedback[data-error=true]{color:#ffc7a8;background:#322319}
#workspace-setup{padding:30px;max-width:800px}#workspace-setup p{color:var(--muted);margin:15px 0;line-height:1.6}
.application-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;flex:1;min-height:0;min-width:0;overflow:hidden}
.application-files,.application-chat{padding:16px;min-width:0;overflow:auto;background:var(--razum-sunken)}.application-files{border-right:1px solid var(--line)}.application-chat{border-left:1px solid var(--line)}
.application-files label,.application-chat label{display:block;font-size:12px;color:var(--muted);margin:16px 0 7px}.application-workspace input,.application-workspace select,.application-chat textarea{width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--razum-sunken);color:var(--ink);font-size:13px}.application-workspace .workspace-actions select{width:auto;max-width:100%}
.workspace-actions,.workspace-file-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.workspace-file-actions{margin:9px 0}.workspace-file-actions button{background:var(--razum-raised);color:var(--ink);padding:7px;border-radius:5px;font-size:11px}.application-files>.button,.application-files>.text-button{display:block;width:100%;margin-top:12px;font-size:12px}.application-files>.text-button{text-align:left}
#workspace-file-tree{font:12px/1.5 Consolas,monospace;min-height:100px}.workspace-folder{margin:5px 0}.workspace-folder>summary{color:var(--muted);padding:5px}.workspace-folder>.workspace-folder,.workspace-folder>.workspace-file{margin-left:10px;width:calc(100% - 10px)}.workspace-file{display:block;width:100%;text-align:left;background:transparent;padding:7px;border-radius:5px;color:var(--ink);font:inherit;overflow-wrap:anywhere}.workspace-file[aria-current=true]{background:var(--razum-selection);color:var(--razum-text)}
.application-main{display:flex;flex-direction:column;min-width:0;min-height:0}.application-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line);flex:none}.application-toolbar [role=tablist]{display:flex;gap:4px;flex-wrap:wrap}.application-toolbar [role=tab]{padding:9px 10px;background:transparent;color:var(--muted);border-radius:6px;font-size:12px}.application-toolbar [role=tab][aria-selected=true]{background:var(--razum-selection);color:var(--ink)}.application-toolbar .button{font-size:11px;min-height:35px;padding:8px 10px}
.application-preview,.application-code,.application-console,.application-data{flex:1;min-height:0;min-width:0;padding:12px;overflow:auto}.application-preview{display:flex;flex-direction:column}#workspace-runtime-host{flex:1;min-height:0}#workspace-runtime-host iframe{display:block;border:0;width:100%;height:100%;background:white;border-radius:6px}.application-preview>p{font-size:13px;color:var(--muted);padding:18px}
.application-code{display:flex;flex-direction:column;padding:0}.application-code label{padding:10px 15px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}#workspace-file-editor{flex:1;min-height:280px;min-width:0;resize:none;width:100%;padding:16px;background:var(--razum-sunken);color:var(--razum-text);border:0;border-radius:0;font:13px/1.65 Consolas,monospace;white-space:pre;tab-size:2}
.application-console>p,.application-chat>p{color:var(--muted);font-size:12px;line-height:1.6}.application-console ol{padding:0;list-style:none;font:12px/1.6 Consolas,monospace}.application-console li{padding:7px;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.application-console li[data-level=error]{color:#ffb8a3}.application-console li[data-level=warn]{color:#f0d48d}.application-chat h3{font-size:17px}.application-chat>p{margin:12px 0}.workspace-job{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.workspace-job strong{display:block;margin-top:8px;color:var(--muted)}.application-chat form{margin-top:20px}.application-chat .workspace-actions{margin-top:10px}
.application-data>p{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:12px}.application-data label{display:block;font-size:12px;color:var(--muted);margin:16px 0 7px}.application-data textarea{width:100%;min-width:0;padding:12px;background:var(--razum-sunken);color:var(--ink);border:1px solid var(--line);font:12px/1.6 Consolas,monospace;resize:vertical}.application-data .workspace-actions{margin:12px 0}.application-data .workspace-actions input{flex:1;min-width:100px}.application-data .workspace-actions button{padding:8px;background:var(--razum-selection);color:var(--ink);border-radius:6px;font-size:12px}.workspace-record{border:1px solid var(--line);padding:10px;margin:12px 0;border-radius:7px}.workspace-record pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Consolas,monospace}#workspace-data-collections{display:flex;flex-wrap:wrap;gap:8px}
.workspace-job .workspace-unreviewed{display:inline-block;margin:8px 0;padding:4px 7px;border:1px solid currentColor;border-radius:4px;color:#f0d48d;font-weight:650}
@media(max-width:1100px){.application-grid{grid-template-columns:190px minmax(0,1fr) 250px}.application-heading{padding:14px}.application-heading h2{font-size:17px}}
@media(max-width:800px){.application-workspace{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.application-heading{align-items:flex-start;padding:12px;gap:10px}.application-heading h2{font-size:16px}.application-heading .button{font-size:10px;max-width:130px;white-space:normal;min-height:40px}.application-mobile-nav{display:flex;flex:none;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}.application-mobile-nav button{flex:1;padding:9px 6px;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.application-mobile-nav button[aria-pressed=true]{background:var(--razum-selection);color:var(--ink)}.application-grid{display:block;overflow:auto}.application-files{max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.application-workspace[data-mobile-panel=main] .application-files,.application-workspace[data-mobile-panel=main] .application-chat,.application-workspace[data-mobile-panel=files] .application-main,.application-workspace[data-mobile-panel=files] .application-chat,.application-workspace[data-mobile-panel=chat] .application-main,.application-workspace[data-mobile-panel=chat] .application-files{display:none}.application-main{min-height:600px}.application-preview{flex:none;height:65dvh;min-height:400px}.application-code{min-height:500px}.application-console{min-height:400px}.application-chat{border-left:0;border-top:0}#workspace-feedback{padding:10px 12px}.application-toolbar{gap:8px;padding:10px}}
@media(max-width:800px){.application-workspace[data-mobile-panel=main] .application-main{height:100%;min-height:0}.application-preview{flex:1;height:auto;min-height:380px}.application-code{min-height:380px}.application-console{min-height:0}}

/* Keep action and footer text legible across the inherited light/dark themes. */
.button.button-primary:hover:not(:disabled),.button.button-primary:focus-visible:not(:disabled){background:var(--razum-action-hover);color:#fff;filter:none;box-shadow:none}
.text-button:hover:not(:disabled){color:#80c5ff}
.bolt-footer-links strong{font-size:11px;color:#a5a5ae}
.bolt-footer-links :is(a,button,p){font-size:14px;color:#b8b8c1}
.bolt-footer-year{font-size:12px;color:#9a9aa5}