:root {
  --paper: oklch(97.2% 0.01 92);
  --paper-deep: oklch(94% 0.015 92);
  --ink: oklch(22% 0.018 85);
  --muted: oklch(48% 0.018 90);
  --line: oklch(78% 0.018 90);
  --line-strong: oklch(62% 0.024 90);
  --accent: oklch(64% 0.22 33);
  --accent-deep: oklch(56% 0.21 32);
  --success: oklch(52% 0.11 145);
  --error: oklch(50% 0.18 25);
  --shadow: 0 12px 26px oklch(30% 0.02 90 / 0.11), 0 2px 5px oklch(30% 0.02 90 / 0.08);
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
}

* { box-sizing: border-box; }
html { background: var(--paper); color: var(--ink); font-family: var(--sans); font-kerning: normal; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 20% 0%, oklch(99% 0.008 92), transparent 38rem), var(--paper); }
button, input, textarea, select { font: inherit; }
button, select, input[type="file"] { cursor: pointer; }
button:disabled { cursor: wait; }
button:focus-visible, textarea:focus-visible, select:focus-visible, input:focus-visible { outline: 3px solid oklch(64% 0.19 47 / 0.65); outline-offset: 3px; }
.skip-link { position: fixed; left: 1rem; top: -4rem; padding: .75rem 1rem; background: var(--ink); color: var(--paper); z-index: 10; text-decoration: none; }
.skip-link:focus { top: 1rem; }
.app-shell { width: min(100%, 1570px); margin: 0 auto; padding: 0 3rem 3rem; }
.topbar { min-height: 92px; display: grid; grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr); align-items: center; border-bottom: 1px solid var(--line-strong); }
.wordmark { display: inline-flex; align-items: center; gap: .48rem; color: var(--ink); font-size: 1.44rem; font-weight: 760; letter-spacing: -.065em; line-height: 1; text-decoration: none; }.wordmark img { width: 1.68rem; height: 1.68rem; flex: 0 0 auto; }.wordmark span { position: relative; top: -.02em; }
.workspace-tabs { display: flex; align-self: stretch; gap: 2.1rem; }
.tab { position: relative; border: 0; background: transparent; color: var(--muted); font-family: var(--mono); font-size: .83rem; letter-spacing: .03em; padding: 0 .15rem; }
.workspace-tool-link { display: inline-flex; align-items: center; text-decoration: none; }
.tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: transparent; transition: background 150ms var(--ease-out); }
.tab:hover { color: var(--ink); }
.tab.is-active { color: var(--ink); font-weight: 700; }
.tab.is-active::after { background: var(--accent); }
.workspace-utilities { justify-self: end; display: inline-flex; align-items: center; font-family: var(--mono); font-size: .72rem; }
.workspace { padding: 3.75rem 0 0; }
.workspace-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .74fr); gap: 3rem; align-items: end; margin-bottom: 2.3rem; }
.eyebrow, .stage-bar label, .stage-bar span, .voice-fieldset legend, .section-label-row h2, .settings-section h2, .preview-state, .stage-footnote, .format-button small, .translation-format-button small, .transcript-actions, .inline-error { font-family: var(--mono); letter-spacing: .055em; }
.eyebrow { margin: 0 0 .65rem; color: var(--muted); font-size: .71rem; text-transform: uppercase; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 0; max-width: 16ch; font-size: clamp(2.2rem, 4vw, 4rem); line-height: .97; letter-spacing: -.066em; text-wrap: balance; }
.workspace-intro { max-width: 48ch; margin: 0 0 .25rem; color: var(--muted); font-size: 1rem; line-height: 1.55; }
.create-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(380px, .72fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.script-stage { min-height: 550px; padding: 0 2rem 1.2rem 0; display: flex; flex-direction: column; }
.stage-bar { min-height: 3.85rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .68rem; text-transform: uppercase; }
.stage-bar label { color: var(--ink); }
textarea { width: 100%; border: 0; resize: none; background: transparent; color: var(--ink); }
#lesson-text { flex: 1; min-height: 400px; padding: 1.5rem 1.35rem; font-size: 1.12rem; line-height: 1.6; outline-offset: -6px; }
#lesson-text::placeholder, #transcript-text::placeholder { color: oklch(55% 0.016 90); opacity: 1; }
.stage-footnote { margin: .25rem 1.35rem 0; color: var(--muted); font-size: .68rem; }
.script-assistant { margin: 0 1.35rem; border-top: 1px solid var(--line); padding: 1.3rem 0 1.15rem; }.script-assistant-heading, .script-revisions-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.script-assistant .eyebrow, .script-revisions .eyebrow { margin-bottom: .32rem; }.script-assistant h2, .script-assistant h3 { margin: 0; font-size: 1.08rem; letter-spacing: -.04em; }.script-assistant-heading > span { color: var(--muted); font-family: var(--mono); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }.script-assistant > p { max-width: 60ch; margin: .6rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }.script-assistant-controls { display: grid; grid-template-columns: minmax(11rem, .7fr) minmax(0, 1.3fr) auto; gap: .65rem; align-items: end; margin-top: 1rem; }.script-assistant-controls label { display: grid; gap: .36rem; min-width: 0; }.script-assistant-controls label > span { color: var(--muted); font-family: var(--mono); font-size: .59rem; letter-spacing: .04em; text-transform: uppercase; }.script-assistant-controls em { font-style: normal; text-transform: none; }.script-assistant-controls select, .script-assistant-controls input { min-width: 0; min-height: 2.42rem; border: 1px solid var(--line-strong); border-radius: .34rem; padding: .45rem .55rem; background: var(--paper); color: var(--ink); font-size: .72rem; }.script-assistant-controls .secondary-action { min-height: 2.42rem; margin: 0; padding-inline: .8rem; white-space: nowrap; }.script-assistant-message { min-height: 1.2rem; margin-top: .85rem !important; color: var(--muted); font-family: var(--mono); font-size: .62rem !important; letter-spacing: .025em; }.script-assistant-message.is-error { color: var(--error); }.script-suggestion { margin-top: 1rem; border: 1px solid var(--line-strong); border-radius: .45rem; padding: .95rem; background: oklch(98% .009 92); }.script-suggestion h3 { font-size: 1rem; }.script-suggestion textarea { min-height: 12rem; margin-top: .75rem; border: 1px solid var(--line); border-radius: .3rem; padding: .8rem; background: var(--paper); font-size: .8rem; line-height: 1.55; resize: vertical; }.script-suggestion-actions { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; margin-top: .7rem; }.script-suggestion-actions .secondary-action, .script-suggestion-actions .text-button { margin: 0; }.script-revisions { margin-top: 1.25rem; border-top: 1px solid var(--line); padding-top: 1rem; }.script-revisions-heading .text-button { min-height: auto; padding: .25rem 0; }.script-revision-list { margin-top: .7rem; border-bottom: 1px solid var(--line); }.script-revision-row { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .72rem 0; border-top: 1px solid var(--line); }.script-revision-row div { display: grid; min-width: 0; gap: .18rem; }.script-revision-row span, .script-revision-row small { overflow: hidden; color: var(--muted); font-family: var(--mono); font-size: .57rem; letter-spacing: .035em; text-overflow: ellipsis; white-space: nowrap; }.script-revision-row span { color: var(--accent-deep); text-transform: uppercase; }.script-revision-row strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }.script-revision-row .text-button { flex: 0 0 auto; min-height: 2rem; padding: .3rem .15rem .3rem .5rem; font-size: .6rem; }.script-revisions-empty { margin: 0; padding: .7rem 0; color: var(--muted); font-size: .7rem; line-height: 1.45; }.script-revisions-empty.is-error { color: var(--error); }
.production-panel { border-left: 1px solid var(--line); }
.voice-fieldset { border: 0; margin: 0; padding: 1.3rem 0 1.65rem 2rem; }
.voice-fieldset legend, .settings-section h2 { padding: 0; color: var(--muted); font-size: .71rem; text-transform: uppercase; }
.voice-fieldset legend { padding-top: .65rem; }
.voice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; padding-right: 2rem; }
.voice-card { position: relative; min-height: 96px; display: grid; grid-template-columns: 2.45rem 1fr; gap: .75rem; align-items: center; padding: .8rem; border: 1px solid var(--line-strong); border-radius: .65rem; background: oklch(98% 0.009 92); text-align: left; transition: border-color 160ms var(--ease-out), box-shadow 160ms var(--ease-out), transform 160ms var(--ease-out); }
.voice-card:hover { border-color: var(--accent); box-shadow: 0 6px 13px oklch(30% 0.02 90 / .08); transform: translateY(-1px); }
.voice-card.is-selected { border: 2px solid var(--accent); padding: calc(.8rem - 1px); background: oklch(98.4% .012 75); }
.voice-avatar { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--muted); font-family: var(--mono); font-size: .8rem; }
.voice-card-copy { display: grid; gap: .2rem; min-width: 0; }
.voice-card strong { font-size: .9rem; }
.voice-card small { color: var(--muted); font-size: .7rem; line-height: 1.25; }
.voice-check { position: absolute; right: .55rem; top: .5rem; display: none; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; background: var(--accent); color: var(--paper); font-size: .68rem; font-weight: 800; }
.voice-card.is-selected .voice-check { display: grid; }
.preview-section, .settings-section { border-top: 1px solid var(--line); padding: 1.25rem 2rem 1.3rem; }
.section-label-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.section-label-row h2 { margin: 0; color: var(--ink); font-size: .7rem; font-weight: 500; text-transform: uppercase; }
.section-label-row h2 span { color: var(--muted); }
.preview-state { color: var(--muted); font-size: .64rem; }
.preview-controls { display: grid; grid-template-columns: 2.65rem auto minmax(5rem, 1fr) auto; align-items: center; gap: .85rem; margin-top: .85rem; }
.play-disc { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--accent); color: var(--paper); box-shadow: 0 5px 12px oklch(56% .2 32 / .24); transition: background 150ms var(--ease-out), transform 150ms var(--ease-out); }
.play-disc:hover:not(:disabled) { background: var(--accent-deep); transform: scale(1.04); }
.play-disc:disabled { background: var(--line-strong); box-shadow: none; }
.stop-preview { min-height: 2.35rem; border: 1px solid var(--line-strong); border-radius: .35rem; padding: .35rem .55rem; background: transparent; color: var(--ink); font-family: var(--mono); font-size: .66rem; letter-spacing: .04em; }
.stop-preview:hover:not(:disabled) { border-color: var(--accent); color: var(--accent-deep); }.stop-preview:disabled { cursor: not-allowed; opacity: .48; }
.play-icon { width: 0; height: 0; margin-left: .15rem; border-top: .45rem solid transparent; border-bottom: .45rem solid transparent; border-left: .68rem solid currentColor; }
.waveform { height: 2rem; display: flex; align-items: center; gap: 2px; overflow: hidden; }
.waveform i { width: 2px; min-height: 5px; height: var(--h, 14px); background: var(--ink); opacity: .7; }
.waveform i:nth-child(2n) { height: 24px; }.waveform i:nth-child(3n) { height: 11px; }.waveform i:nth-child(4n) { height: 30px; }.waveform i:nth-child(5n) { height: 17px; }
.preview-duration { color: var(--muted); font-family: var(--mono); font-size: .62rem; white-space: nowrap; }
.settings-section h2 { margin: 0 0 1rem; }
.setting-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .82rem; }
.delivery-cue-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; margin-top: .9rem; color: var(--muted); font-size: .82rem; }
.cue-actions { display: flex; align-items: center; gap: .5rem; }.cue-actions select { max-width: 10.8rem; }.cue-insert { min-height: 2.45rem; border: 1px solid var(--ink); border-radius: .35rem; padding: 0 .72rem; background: var(--ink); color: var(--paper); font-family: var(--mono); font-size: .66rem; letter-spacing: .035em; }.cue-insert:hover { background: var(--accent-deep); border-color: var(--accent-deep); }
.delivery-hint { margin: .8rem 0 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }.delivery-hint code { color: var(--ink); font-family: var(--mono); font-size: .62rem; }.inline-link { border: 0; padding: 0; background: transparent; color: var(--ink); font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: .18em; }.inline-link:hover { color: var(--accent-deep); }
select { min-height: 2.45rem; padding: 0 .55rem; border: 1px solid var(--line-strong); border-radius: .35rem; background: var(--paper); color: var(--ink); }
.format-options { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: 1rem; }
.format-button, .translation-format-button { display: grid; gap: .14rem; min-height: 3.4rem; border: 1px solid var(--line-strong); border-radius: .35rem; background: transparent; color: var(--ink); text-align: left; padding: .56rem .7rem; }
.format-button small, .translation-format-button small { color: var(--muted); font-size: .57rem; text-transform: uppercase; }
.format-button.is-selected, .translation-format-button.is-selected { border: 2px solid var(--accent); padding: calc(.56rem - 1px) calc(.7rem - 1px); color: var(--accent-deep); background: oklch(98.4% .012 75); }
.app-footer { display: flex; justify-content: flex-end; padding: 1.75rem 0 .35rem; border-top: 1px solid var(--line); color: var(--muted); }
.app-footer p { display: flex; align-items: flex-start; gap: .45rem; margin: 0; font-size: .72rem; line-height: 1.42; white-space: nowrap; }
.app-footer span { display: grid; place-items: center; flex: 0 0 auto; width: 1rem; height: 1rem; border: 1px solid currentColor; border-radius: 50%; font-family: serif; font-size: .7rem; font-weight: 700; }
.action-zone { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.3rem 0; }
.generation-message { color: var(--muted); font-size: .82rem; }
.generation-message.is-error, .inline-error.is-error { color: var(--error); }
.primary-action { min-height: 3.7rem; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; border: 0; border-radius: .4rem; padding: .8rem 1.5rem; background: var(--accent); box-shadow: 0 8px 16px oklch(56% .2 32 / .18); color: var(--paper); font-size: .97rem; font-weight: 720; transition: background 150ms var(--ease-out), transform 150ms var(--ease-out), box-shadow 150ms var(--ease-out); }
.primary-action:hover:not(:disabled) { background: var(--accent-deep); transform: translateY(-1px); box-shadow: 0 11px 19px oklch(56% .2 32 / .25); }
.primary-action:active:not(:disabled) { transform: translateY(1px); }
.primary-action:disabled { opacity: .75; }
.sound-mark { position: relative; width: 1.05rem; height: 1.2rem; border-inline: 3px solid currentColor; }
.sound-mark::before, .sound-mark::after { content: ""; position: absolute; left: 50%; width: 3px; background: currentColor; transform: translateX(-50%); }
.sound-mark::before { top: .1rem; height: 1rem; }.sound-mark::after { top: .32rem; height: .56rem; }
.result-panel { margin-top: 1rem; padding: 1.5rem; border: 1px solid var(--line-strong); border-radius: .65rem; background: oklch(98% .009 92); box-shadow: var(--shadow); }
.result-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.result-heading h2 { margin-bottom: 0; font-size: 1.45rem; letter-spacing: -.04em; }
.success-dot { display: inline-flex; align-items: center; gap: .35rem; color: var(--success); font-family: var(--mono); font-size: .7rem; }
.success-dot::before { content: ""; width: .45rem; height: .45rem; background: currentColor; border-radius: 50%; }
#result-audio { width: 100%; margin: 1.4rem 0 1rem; }
.result-actions { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.result-actions p { max-width: 56ch; margin-bottom: 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.secondary-action, .text-button { min-height: 2.7rem; border: 1px solid var(--ink); border-radius: .35rem; padding: .55rem .9rem; background: var(--ink); color: var(--paper); font-weight: 650; }
.transcribe-grid { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.translation-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.translation-stage { min-height: 470px; display: flex; flex-direction: column; padding: 0 1.35rem 1rem 0; }.translation-stage + .translation-stage { padding: 0 0 1rem 1.35rem; border-left: 1px solid var(--line); }.translation-stage textarea { flex: 1; min-height: 350px; padding: 1.4rem 1.2rem; font-size: 1rem; line-height: 1.65; outline-offset: -5px; }.translation-stage .stage-bar { min-height: 4rem; }.translation-stage .stage-bar select { max-width: 10.5rem; font-size: .76rem; }.translation-stage .stage-footnote { margin: .25rem 1.2rem 0; }.translate-action-zone { padding-bottom: 1.65rem; }.translation-production { display: grid; grid-template-columns: minmax(19rem, 1.06fr) minmax(16rem, .72fr) minmax(16rem, .72fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.translation-production .voice-fieldset { padding-bottom: 1.5rem; }.translation-production .preview-section, .translation-production .settings-section { border-top: 0; border-left: 1px solid var(--line); }.translation-production .preview-section { display: flex; flex-direction: column; justify-content: center; }.translation-production .settings-section { padding-top: 1.5rem; }
.upload-stage { padding: 2rem 2rem 2rem 0; border-right: 1px solid var(--line); }
.upload-copy h2 { margin-bottom: .6rem; font-size: 1.65rem; letter-spacing: -.045em; }.upload-copy p:not(.eyebrow) { color: var(--muted); font-size: .9rem; line-height: 1.5; }
.upload-control { min-height: 12rem; display: grid; place-content: center; gap: .5rem; margin: 2rem 0 1.2rem; border: 1px dashed var(--line-strong); border-radius: .6rem; background: oklch(98% .009 92); color: var(--ink); text-align: center; transition: border-color 150ms var(--ease-out), background 150ms var(--ease-out); }
.upload-control:hover, .upload-control.has-file { border-color: var(--accent); background: oklch(98.4% .012 75); }.upload-control input { position: absolute; width: 1px; height: 1px; opacity: 0; }.upload-control strong { font-size: .9rem; }.upload-control small { color: var(--muted); font-size: .72rem; }.upload-icon { justify-self: center; width: 2rem; height: 2rem; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; font-size: 1.25rem; }
.transcribe-options { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; color: var(--muted); font-size: .82rem; }
.primary-action.compact { width: 100%; }.inline-error { min-height: 1.2rem; margin: .75rem 0 0; color: var(--muted); font-size: .66rem; line-height: 1.5; }
.transcript-stage { min-height: 480px; display: flex; flex-direction: column; padding: 0 0 1rem 2rem; }.transcript-stage #transcript-text { flex: 1; min-height: 350px; padding: 1.4rem 1.2rem; font-size: 1rem; line-height: 1.65; outline-offset: -5px; }.transcript-actions { display: flex; justify-content: flex-end; gap: .6rem; padding: .8rem 0 0; }.text-button { min-height: 2.35rem; background: transparent; color: var(--ink); font-family: var(--mono); font-size: .7rem; font-weight: 500; }.text-button:hover { border-color: var(--accent); color: var(--accent-deep); }
.cue-guide { display: grid; grid-template-columns: minmax(16rem, .64fr) minmax(0, 1.36fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.cue-guide-intro { padding: 2rem 2rem 2rem 0; border-right: 1px solid var(--line); }.cue-guide-intro h2 { margin-bottom: 1rem; font-size: 1.45rem; letter-spacing: -.04em; }.cue-sample { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--line-strong); border-radius: .5rem; background: oklch(98% .009 92); }.cue-sample code, .cue-list code { color: var(--ink); font-family: var(--mono); font-size: .69rem; overflow-wrap: anywhere; }.cue-sample p { margin: .8rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.48; }.cue-reference { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }.cue-reference > section { padding: 2rem 1.35rem; border-right: 1px solid var(--line); }.cue-reference > section:last-child { border-right: 0; }.cue-reference h2 { margin-bottom: 1.1rem; font-size: 1.08rem; letter-spacing: -.025em; }.cue-list { display: grid; gap: .9rem; margin: 0; }.cue-list div { display: grid; gap: .32rem; }.cue-list dt, .cue-list dd { margin: 0; }.cue-list dd { color: var(--muted); font-size: .76rem; line-height: 1.45; }
.cue-catalog { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(16rem, .64fr) minmax(0, 1.36fr); border-top: 1px solid var(--line); }.cue-catalog > div:first-child { padding: 1.6rem 2rem 1.6rem 0; border-right: 1px solid var(--line); }.cue-catalog h2 { margin-bottom: 0; font-size: 1rem; line-height: 1.35; letter-spacing: -.02em; }.catalog-groups { display: grid; grid-template-columns: 1fr 1fr; }.catalog-groups section { padding: 1.35rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.catalog-groups section:nth-child(2n) { border-right: 0; }.catalog-groups section:nth-last-child(-n + 2) { border-bottom: 0; }.catalog-groups h3 { margin: 0 0 .65rem; font-size: .8rem; }.catalog-groups p { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; }.catalog-groups code { padding: .22rem .32rem; border: 1px solid var(--line); border-radius: .24rem; background: oklch(98% .009 92); color: var(--ink); font-family: var(--mono); font-size: .61rem; }
@media (max-width: 980px) { .app-shell { padding: 0 1.6rem 2.5rem; }.topbar { grid-template-columns: 1fr auto; }.workspace-tabs { grid-column: 1 / -1; grid-row: 2; min-height: 50px; }.workspace-utilities { grid-column: 2; grid-row: 1; }.topbar { min-height: 112px; }.create-grid { grid-template-columns: 1fr; }.script-stage { padding-right: 0; }.production-panel { border-left: 0; border-top: 1px solid var(--line); }.voice-fieldset { padding-left: 0; }.voice-grid { padding-right: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }.preview-section, .settings-section { padding-left: 0; padding-right: 0; }.transcribe-grid, .translation-grid, .translation-production, .cue-guide, .cue-catalog { grid-template-columns: 1fr; }.upload-stage, .cue-guide-intro, .cue-catalog > div:first-child { padding-right: 0; border-right: 0; border-bottom: 1px solid var(--line); }.translation-stage, .translation-stage + .translation-stage { padding-left: 0; padding-right: 0; border-left: 0; }.translation-stage + .translation-stage { border-top: 1px solid var(--line); }.transcript-stage { padding-left: 0; }.cue-reference { grid-template-columns: repeat(3, minmax(0, 1fr)); }.workspace-heading { grid-template-columns: 1fr; gap: 1.2rem; } }
@media (max-width: 620px) { .app-shell { padding: 0 1rem 1.5rem; }.topbar { min-height: 103px; }.wordmark { gap: .38rem; font-size: 1.22rem; }.wordmark img { width: 1.4rem; height: 1.4rem; }.workspace-utilities { font-size: .61rem; }.workspace-tabs { gap: 1.1rem; overflow-x: auto; }.tab { flex: 0 0 auto; font-size: .72rem; }.workspace { padding-top: 2.5rem; }.workspace-heading { margin-bottom: 1.7rem; }.workspace-intro { font-size: .92rem; }.script-stage { min-height: 540px; }.stage-bar { font-size: .6rem; }.stage-bar span { text-align: right; }.script-assistant { margin-inline: .9rem; }.script-assistant-controls { grid-template-columns: 1fr; }.script-assistant-controls .secondary-action { width: 100%; }.script-assistant-heading > span { white-space: normal; text-align: right; }.voice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.voice-card { min-height: 84px; grid-template-columns: 2rem 1fr; gap: .55rem; padding: .6rem; }.voice-card.is-selected { padding: calc(.6rem - 1px); }.voice-avatar { width: 1.9rem; height: 1.9rem; }.voice-card small { font-size: .62rem; }.action-zone, .result-actions { align-items: stretch; flex-direction: column; gap: .8rem; }.primary-action, .cue-guide-intro .secondary-action { width: 100%; }.result-actions .secondary-action { width: 100%; }.format-options { gap: .5rem; }.preview-controls { grid-template-columns: 2.65rem auto 1fr; gap: .55rem; }.preview-duration { grid-column: 2 / -1; }.delivery-cue-row { align-items: stretch; grid-template-columns: 1fr; gap: .55rem; }.cue-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; }.cue-actions select { max-width: none; }.transcribe-options { align-items: flex-start; flex-direction: column; }.transcribe-options select { width: 100%; }.translation-stage { min-height: 430px; }.translation-stage .stage-bar { align-items: flex-start; flex-direction: column; padding: .85rem 0; }.translation-stage .stage-bar select { max-width: none; width: 100%; }.cue-reference, .catalog-groups { grid-template-columns: 1fr; }.cue-reference > section, .catalog-groups section { padding: 1.4rem 0; border-right: 0; border-bottom: 1px solid var(--line); }.cue-reference > section:last-child, .catalog-groups section:last-child { border-bottom: 0; }.app-footer p { white-space: normal; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Public Clarixo surfaces: the workspace palette remains intact, with the accent carrying the brand promise. */
.marketing-shell { width: min(100%, 1440px); margin: 0 auto; padding: 0 3rem 2rem; }
.marketing-nav, .signin-nav { min-height: 92px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line-strong); }
.marketing-links { display: flex; gap: 1.75rem; }
.marketing-links a, .quiet-action { color: var(--muted); font-size: .82rem; font-weight: 650; text-decoration: none; }
.marketing-links a:hover, .quiet-action:hover, .hero-text-link:hover, .form-helper a:hover, .signup-prompt a:hover { color: var(--accent-deep); }
.marketing-actions { justify-self: end; display: flex; align-items: center; gap: 1.15rem; }
.nav-action { min-height: 2.5rem; display: inline-flex; align-items: center; border: 1px solid var(--ink); border-radius: .35rem; padding: .45rem .85rem; background: var(--ink); color: var(--paper); font-size: .78rem; font-weight: 700; text-decoration: none; }
.nav-action:hover { background: var(--accent-deep); border-color: var(--accent-deep); }
.marketing-hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(23rem, .98fr); gap: clamp(2rem, 7vw, 8rem); padding: clamp(4.5rem, 10vw, 8.5rem) 0 clamp(4rem, 8vw, 7.5rem); align-items: stretch; }
.hero-copy { display: flex; flex-direction: column; justify-content: center; }
.hero-copy h1 { max-width: 9ch; font-size: clamp(3.6rem, 7.6vw, 7.8rem); letter-spacing: -.086em; line-height: .86; }
.hero-intro { max-width: 44ch; margin: 2rem 0 0; color: var(--muted); font-size: 1.15rem; line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 2.4rem; }
.hero-actions .primary-action, .final-cta .primary-action, .signin-form .primary-action { text-decoration: none; }
.hero-text-link { color: var(--ink); font-size: .86rem; font-weight: 700; text-underline-offset: .28em; }
.hero-note { margin: 1.35rem 0 0; color: var(--muted); font-family: var(--mono); font-size: .66rem; letter-spacing: .03em; }
.hero-signal { min-height: 31rem; display: flex; flex-direction: column; justify-content: space-between; padding: 1.55rem; background: var(--accent); color: var(--paper); box-shadow: inset 0 0 0 1px oklch(52% .19 32 / .24), 0 24px 42px oklch(45% .12 32 / .16); }
.signal-topline { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; font-family: var(--mono); font-size: .69rem; letter-spacing: .055em; text-transform: uppercase; }
.signal-topline i { display: block; width: .38rem; height: .38rem; border: 1px solid currentColor; border-radius: 50%; }
.hero-signal p { max-width: 7ch; margin: 0; font-size: clamp(3.5rem, 6vw, 6.5rem); font-weight: 740; letter-spacing: -.09em; line-height: .87; }
.signal-footer { border-top: 1px solid oklch(96% .008 92 / .55); padding-top: 1rem; font-family: var(--mono); font-size: .68rem; letter-spacing: .045em; text-transform: uppercase; }
.process-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.process-strip > div { min-height: 10.8rem; padding: 1.4rem 1.5rem 1.6rem 0; border-right: 1px solid var(--line); }
.process-strip > div + div { padding-left: 1.5rem; }
.process-strip > div:last-child { border-right: 0; }
.process-strip span, .workflow-number { display: block; color: var(--accent-deep); font-family: var(--mono); font-variant-numeric: tabular-nums; font-weight: 760; line-height: 1; }
.process-strip span { font-size: 1rem; letter-spacing: -.02em; }
.workflow-number { font-size: 1.2rem; letter-spacing: -.035em; }
.process-strip strong { display: block; margin-top: 2rem; font-size: 1.05rem; letter-spacing: -.025em; }
.process-strip p { margin: .5rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.marketing-section { padding: clamp(3.25rem, 6vw, 5.75rem) 0; }
.section-heading { display: grid; grid-template-columns: minmax(0, .85fr) minmax(20rem, 1.15fr); gap: 2rem; align-items: end; margin-bottom: clamp(1.85rem, 3vw, 2.5rem); }
.section-heading .eyebrow { margin-bottom: 0; }
.section-heading h2, .final-cta h2 { max-width: 13ch; margin: 0; font-size: clamp(2.5rem, 5vw, 5.3rem); letter-spacing: -.075em; line-height: .92; }
.workflow-section { border-bottom: 0; }
.workflow-lines { border-top: 1px solid var(--line); }
.workflow-lines article { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) max-content; gap: 1.5rem; align-items: start; padding: 1.75rem 0; border-bottom: 1px solid var(--line); }
.workflow-lines h3 { margin: 0; font-size: 1.35rem; letter-spacing: -.045em; }
.workflow-lines p { max-width: 58ch; margin: .45rem 0 0; color: var(--muted); font-size: .92rem; line-height: 1.55; }
.workflow-output { padding-top: .2rem; color: var(--muted); font-family: var(--mono); font-size: .64rem; letter-spacing: .04em; text-align: right; text-transform: uppercase; }
.review-section { border-bottom: 0; }
.review-lines { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.review-lines > div { min-height: 14rem; padding: 1.35rem 1.4rem 1.55rem; border-right: 1px solid var(--line); background: oklch(96.2% .01 92); }
.review-lines > div:last-child { border-right: 0; }
.review-lines span { display: block; color: var(--accent-deep); font-family: var(--mono); font-size: .65rem; letter-spacing: .055em; text-transform: uppercase; }
.review-lines strong { display: block; margin-top: 3rem; font-size: 1.08rem; letter-spacing: -.03em; }
.review-lines p { margin: .65rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.library-section { padding-top: clamp(3.25rem, 6vw, 5.75rem); }
.library-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(20rem, 1.15fr); gap: 2rem; align-items: start; }
.library-layout h2 { max-width: 10ch; margin: 0; font-size: clamp(2.5rem, 5vw, 5.3rem); letter-spacing: -.075em; line-height: .92; }
.library-intro { max-width: 54ch; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.6; }
.library-points { margin: 2.5rem 0 0; border-top: 1px solid var(--line-strong); }
.library-points > div { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.library-points dt { color: var(--accent-deep); font-family: var(--mono); font-size: .65rem; letter-spacing: .045em; text-transform: uppercase; }
.library-points dd { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.use-case-section { padding: clamp(3.25rem, 6vw, 5.75rem) clamp(1.5rem, 3vw, 3rem); background: var(--paper-deep); }
.use-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.use-case-grid p { margin: 0; padding-top: 1rem; border-top: 1px solid var(--line-strong); }
.use-case-grid strong { display: block; font-size: 1rem; letter-spacing: -.025em; }
.use-case-grid span { display: block; margin-top: .6rem; color: var(--muted); font-size: .85rem; line-height: 1.5; }
.pricing-section { padding-top: clamp(3.25rem, 6vw, 5.75rem); }
.pricing-heading { margin-bottom: 2.3rem; }
.pricing-table { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line-strong); }
.pricing-row { display: grid; grid-template-columns: 1.05fr 1.2fr 1.25fr auto; gap: 1.15rem; align-items: center; padding: 1.4rem 0; border-bottom: 1px solid var(--line); }
.pricing-row:last-child { border-bottom: 0; }
.pricing-row-head { padding: .9rem 0; color: var(--muted); font-family: var(--mono); font-size: .7rem; letter-spacing: .055em; text-transform: uppercase; }
.pricing-row strong { font-size: 1.2rem; letter-spacing: -.03em; }
.pricing-row strong small { display: block; margin-top: .22rem; color: var(--muted); font-family: var(--mono); font-size: .7rem; font-weight: 400; letter-spacing: .025em; }
.pricing-row > span { color: var(--muted); font-size: .94rem; line-height: 1.5; }
.pricing-row .text-button { min-height: 2.65rem; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: .82rem; }
.pricing-note { max-width: 72ch; margin: 1.25rem 0 0; color: var(--muted); font-size: .86rem; line-height: 1.55; }
.final-cta { display: grid; grid-template-columns: minmax(0, .88fr) minmax(17rem, .62fr); gap: clamp(3rem, 8vw, 8rem); align-items: stretch; padding: clamp(1.75rem, 4vw, 3.5rem) 0 clamp(2rem, 4.5vw, 4rem); }
.final-cta-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: end; }
.final-cta h2 { max-width: 11ch; margin-bottom: 2rem; }
.final-cta-copy > p:last-child { margin: 1rem 0 0; color: var(--muted); font-size: .76rem; }
.final-brand-lockup { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 1.05rem 0 .7rem; }
.final-brand-lockup img { width: clamp(9rem, 15vw, 13.5rem); height: auto; }
.final-brand-name { margin: 1.25rem 0 0; color: var(--ink); font-size: clamp(2.35rem, 4.25vw, 4.65rem); font-weight: 760; letter-spacing: -.075em; line-height: .9; }
.final-brand-tagline { margin: .75rem 0 0; color: var(--muted); font-size: .9rem; line-height: 1.45; white-space: nowrap; }
.marketing-footer { margin-top: 0; padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 3vw, 3rem) 1.2rem; background: var(--ink); color: var(--paper); }
.marketing-footer-main { display: grid; grid-template-columns: minmax(14rem, 1fr) minmax(32rem, 1.25fr); gap: clamp(2.5rem, 7vw, 7rem); padding-bottom: clamp(2rem, 4vw, 3.5rem); }
.footer-brand .wordmark { display: inline-flex; color: var(--paper); }
.footer-brand p { max-width: 23ch; margin: 1rem 0 0; color: oklch(82% .012 92); font-size: .88rem; line-height: 1.5; }
.footer-link-groups { display: grid; grid-template-columns: 1.2fr 1fr .8fr; gap: 2rem; }
.footer-link-group { display: grid; align-content: start; justify-items: start; gap: .6rem; }
.footer-link-group > span { margin-bottom: .2rem; color: var(--paper); font-family: var(--mono); font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.footer-link-group a { color: oklch(82% .012 92); font-size: .82rem; text-decoration: none; text-underline-offset: .22em; }
.footer-link-group a:hover { color: var(--accent); text-decoration: underline; }
.marketing-footer-bottom { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid oklch(92% .01 92 / .24); padding-top: 1rem; color: oklch(76% .012 92); font-family: var(--mono); font-size: .62rem; letter-spacing: .035em; text-transform: uppercase; }
.footer-legal-links { display: inline-flex; gap: 1rem; }.footer-legal-links a { color: inherit; text-decoration: none; }.footer-legal-links a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: .22em; }

/* Public pilot notices are intentionally calm and readable, not a wall of legal chrome. */
.legal-shell { width: min(100%, 1040px); min-height: 100vh; margin: 0 auto; padding: 0 3rem 2rem; }
.legal-nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line-strong); }
.legal-nav a:last-child { color: var(--muted); font-family: var(--mono); font-size: .7rem; text-decoration: none; }.legal-nav a:last-child:hover { color: var(--accent-deep); text-decoration: underline; text-underline-offset: .22em; }
.legal-main { max-width: 74ch; padding: clamp(3.5rem, 8vw, 6.5rem) 0 4rem; }
.legal-main h1 { max-width: 11ch; margin: 0; font-size: clamp(3.1rem, 6.2vw, 5.8rem); letter-spacing: -.08em; line-height: .9; }
.legal-intro { max-width: 58ch; margin: 1.7rem 0 0; color: var(--muted); font-size: 1rem; line-height: 1.62; }
.legal-notice { margin: 2rem 0 0; padding: 1.1rem 1.2rem; border: 1px solid var(--line); background: var(--paper-deep); color: var(--muted); font-size: .84rem; line-height: 1.55; }
.legal-content { margin-top: 3rem; border-top: 1px solid var(--line-strong); }.legal-content section { padding: 1.7rem 0; border-bottom: 1px solid var(--line); }
.legal-content h2 { margin: 0; font-size: 1.22rem; letter-spacing: -.035em; }.legal-content p, .legal-content li { color: var(--muted); font-size: .9rem; line-height: 1.62; }.legal-content p { margin: .75rem 0 0; }.legal-content ul { margin: .75rem 0 0; padding-left: 1.2rem; }.legal-content a { color: var(--ink); text-underline-offset: .2em; }.legal-content a:hover { color: var(--accent-deep); }
.legal-footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: .64rem; letter-spacing: .035em; text-transform: uppercase; }

/* Sign in stays deliberately closer to the product surface than to marketing. */
.signin-shell { width: min(100%, 1280px); min-height: 100vh; margin: 0 auto; padding: 0 3rem 2rem; }
.signin-nav { grid-template-columns: 1fr auto; }.signin-nav .quiet-action { justify-self: end; }
.signin-main { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(23rem, .66fr); gap: clamp(3rem, 12vw, 11rem); align-items: center; min-height: calc(100vh - 130px); padding: 4rem 0; }
.signin-intro h1 { max-width: 10ch; font-size: clamp(3rem, 6.4vw, 6.7rem); letter-spacing: -.08em; line-height: .88; }
.signin-intro > p:not(.eyebrow) { max-width: 43ch; margin: 1.8rem 0 0; color: var(--muted); font-size: 1.05rem; line-height: 1.6; }
.signin-points { display: grid; gap: .55rem; margin-top: 2.5rem; color: var(--ink); font-family: var(--mono); font-size: .69rem; letter-spacing: .025em; }
.signin-points span::before { content: "↗"; display: inline-block; margin-right: .5rem; color: var(--accent-deep); }
.signin-panel { padding: 1.7rem; border: 1px solid var(--line-strong); border-radius: .65rem; background: oklch(98% .009 92); box-shadow: var(--shadow); }
.signin-panel h2 { margin: 0; font-size: 1.7rem; letter-spacing: -.05em; }.signin-copy { margin: .55rem 0 1.8rem; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.signin-form { display: grid; gap: .55rem; }.signin-form[hidden] { display: none; }.signin-form label { margin-top: .55rem; color: var(--ink); font-size: .78rem; font-weight: 700; }.signin-form input:not([type="checkbox"]) { min-height: 2.8rem; border: 1px solid var(--line-strong); border-radius: .35rem; padding: .55rem .7rem; background: var(--paper); color: var(--ink); }.signin-form input::placeholder { color: oklch(55% 0.016 90); }
.form-helper { display: flex; justify-content: space-between; gap: .75rem; align-items: center; margin: .45rem 0 .9rem; }.checkbox-label { display: flex; align-items: center; gap: .45rem; margin: 0 !important; color: var(--muted) !important; font-size: .73rem !important; font-weight: 500 !important; }.form-helper a, .signup-prompt a { color: var(--ink); font-size: .73rem; font-weight: 700; }.auth-text-button { border: 0; padding: 0; background: transparent; color: var(--ink); font-size: .73rem; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }.auth-text-button:hover { color: var(--accent-deep); }.signin-form .primary-action { width: 100%; }.signup-prompt { margin: 1.2rem 0 0; color: var(--muted); font-size: .78rem; }.prototype-note { margin: 1.5rem 0 0; border-top: 1px solid var(--line); padding-top: 1rem; color: var(--muted); font-size: .7rem; line-height: 1.5; }.auth-message { margin: 0 0 1rem; border-left: 3px solid var(--success); padding: .65rem .75rem; background: oklch(96.5% .025 145); color: var(--ink); font-size: .76rem; line-height: 1.48; }.auth-message.is-error { border-left-color: var(--error); background: oklch(96% .025 25); }.auth-message a { color: inherit; font-weight: 750; text-underline-offset: .2em; }

/* Authenticated home: compact, actionable, and intentionally equal across the three workflows. */
.dashboard-shell { width: min(100%, 1280px); min-height: 100vh; margin: 0 auto; padding: 0 3rem 3rem; }.dashboard-nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line-strong); }.dashboard-account { display: flex; align-items: center; gap: 1rem; color: var(--muted); font-family: var(--mono); font-size: .68rem; letter-spacing: .025em; }.dashboard-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .62fr); gap: 3rem; align-items: end; padding: clamp(3.2rem, 8vw, 6.4rem) 0 2.4rem; }.dashboard-hero h1 { max-width: 13ch; font-size: clamp(2.8rem, 5.8vw, 5.8rem); }.dashboard-hero > p { max-width: 41ch; margin: 0 0 .35rem; color: var(--muted); font-size: .98rem; line-height: 1.55; }.usage-panel { display: grid; grid-template-columns: minmax(16rem, .82fr) minmax(10rem, 1fr) max-content; align-items: end; gap: 2rem; padding: 1.4rem 1.5rem; border: 1px solid var(--line-strong); border-radius: .65rem; background: oklch(98% .009 92); box-shadow: var(--shadow); }.usage-panel .eyebrow { margin-bottom: .45rem; }.usage-panel h2 { margin: 0; font-size: 1.45rem; letter-spacing: -.045em; }.usage-panel h2 span { color: var(--accent-deep); }.usage-panel p { margin: .38rem 0 0; color: var(--muted); font-size: .75rem; }.usage-meter { height: .56rem; overflow: hidden; border-radius: 999px; background: var(--paper-deep); }.usage-meter span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--accent); transition: width 300ms var(--ease-out); }.usage-panel .usage-reset { margin-bottom: .08rem; font-family: var(--mono); font-size: .64rem; letter-spacing: .035em; white-space: nowrap; }.dashboard-actions, .recent-work { padding-top: clamp(3.6rem, 8vw, 6.6rem); }.dashboard-section-heading { display: grid; grid-template-columns: minmax(11rem, .55fr) 1fr; gap: 2rem; align-items: baseline; margin-bottom: 1.25rem; }.dashboard-section-heading .eyebrow { margin: 0; }.dashboard-section-heading h2 { margin: 0; font-size: 1.65rem; letter-spacing: -.055em; }.dashboard-action-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.dashboard-action-card { min-height: 18rem; display: flex; flex-direction: column; padding: 1.35rem 1.4rem 1.4rem; border-right: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: background 160ms var(--ease-out), color 160ms var(--ease-out); }.dashboard-action-card:last-child { border-right: 0; }.dashboard-action-card:hover { background: var(--accent); color: var(--paper); }.dashboard-action-card > span, .activity-row span { color: var(--accent-deep); font-family: var(--mono); font-size: .65rem; letter-spacing: .05em; }.dashboard-action-card:hover > span { color: inherit; }.dashboard-action-card strong { margin-top: 3.6rem; font-size: 1.35rem; letter-spacing: -.045em; }.dashboard-action-card p { margin: .7rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }.dashboard-action-card:hover p { color: oklch(96% .01 92 / .9); }.dashboard-action-card b { margin-top: auto; padding-top: 2rem; font-family: var(--mono); font-size: .67rem; letter-spacing: .035em; }.recent-work { padding-bottom: 2rem; }.activity-list { border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.activity-empty { margin: 0; padding: 2rem 0; color: var(--muted); font-size: .82rem; }.activity-empty.is-error { color: var(--error); }.activity-row { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }.activity-row:last-child { border-bottom: 0; }.activity-row > div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1rem; align-items: center; }.activity-row strong { overflow: hidden; font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; }.activity-row p { flex: 0 0 auto; margin: 0; color: var(--muted); font-family: var(--mono); font-size: .62rem; letter-spacing: .025em; }.dashboard-note { max-width: 70ch; margin: .9rem 0 0; color: var(--muted); font-size: .7rem; line-height: 1.5; }

@media (max-width: 900px) { .marketing-shell, .signin-shell, .dashboard-shell { padding-inline: 1.6rem; }.marketing-nav { grid-template-columns: 1fr auto; }.marketing-links { display: none; }.marketing-hero, .signin-main, .dashboard-hero, .library-layout { grid-template-columns: 1fr; }.marketing-hero { gap: 2rem; }.hero-signal { min-height: 21rem; }.section-heading { grid-template-columns: 1fr; gap: 1rem; }.review-lines { grid-template-columns: repeat(2, minmax(0, 1fr)); }.review-lines > div:nth-child(2) { border-right: 0; }.review-lines > div:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }.use-case-grid { grid-template-columns: 1fr; gap: 1rem; }.use-case-grid p { padding-top: .8rem; }.pricing-row { grid-template-columns: 1fr 1fr; }.pricing-row-head { display: none; }.pricing-row > span:last-of-type { grid-column: 1 / -1; }.pricing-row .text-button { width: max-content; }.signin-main { min-height: auto; }.signin-intro { max-width: 44rem; }.usage-panel { grid-template-columns: 1fr 1fr; }.usage-panel .usage-reset { text-align: right; }.dashboard-action-grid { grid-template-columns: 1fr; }.dashboard-action-card { min-height: 12rem; border-right: 0; border-bottom: 1px solid var(--line); }.dashboard-action-card:last-child { border-bottom: 0; }.dashboard-action-card strong { margin-top: 1.7rem; }.dashboard-action-card b { padding-top: 1.5rem; } }
@media (max-width: 620px) { .marketing-shell, .signin-shell, .dashboard-shell { padding-inline: 1rem; }.marketing-nav, .signin-nav, .dashboard-nav { min-height: 76px; }.marketing-actions { gap: .75rem; }.quiet-action { font-size: .74rem; }.nav-action { min-height: 2.25rem; font-size: .7rem; }.marketing-hero { padding: 3.5rem 0 4rem; }.hero-copy h1 { font-size: clamp(3.3rem, 16vw, 5rem); }.hero-intro { margin-top: 1.35rem; font-size: 1rem; }.hero-signal { min-height: 17rem; padding: 1.1rem; }.hero-signal p { font-size: 3.8rem; }.process-strip { grid-template-columns: 1fr; }.process-strip > div, .process-strip > div + div { min-height: auto; padding: 1.15rem 0; border-right: 0; border-bottom: 1px solid var(--line); }.process-strip > div:last-child { border-bottom: 0; }.process-strip strong { margin-top: .75rem; }.workflow-lines article { grid-template-columns: 2.8rem 1fr; gap: .8rem; }.workflow-output { grid-column: 2; text-align: left; }.section-heading h2, .final-cta h2, .library-layout h2 { font-size: 2.65rem; }.review-lines { grid-template-columns: 1fr; }.review-lines > div, .review-lines > div:nth-child(2) { min-height: auto; padding: 1.25rem 0; border-right: 0; border-bottom: 1px solid var(--line); }.review-lines > div:last-child { border-bottom: 0; }.review-lines strong { margin-top: .8rem; }.library-points { margin-top: 1.75rem; }.library-points > div { grid-template-columns: 4.8rem minmax(0, 1fr); gap: .8rem; }.marketing-section { padding: 4rem 0; }.pricing-row { grid-template-columns: 1fr; gap: .5rem; }.pricing-row > span:last-of-type { grid-column: auto; }.pricing-row .text-button { width: 100%; margin-top: .4rem; }.marketing-footer { align-items: flex-start; flex-direction: column; }.signin-main { padding: 3rem 0; gap: 2.5rem; }.signin-intro h1 { font-size: 3.5rem; }.signin-panel { padding: 1.2rem; }.form-helper { align-items: flex-start; flex-direction: column; }.signin-form .primary-action { min-height: 3.3rem; }.dashboard-account span { display: none; }.dashboard-hero { gap: 1rem; padding: 3rem 0 1.7rem; }.dashboard-hero h1 { font-size: 3.25rem; }.usage-panel { grid-template-columns: 1fr; gap: 1rem; padding: 1.15rem; }.usage-panel .usage-reset { text-align: left; }.dashboard-section-heading { grid-template-columns: 1fr; gap: .4rem; }.dashboard-section-heading h2 { font-size: 1.45rem; }.activity-row { align-items: flex-start; flex-direction: column; gap: .45rem; }.activity-row > div { width: 100%; grid-template-columns: 4.3rem minmax(0, 1fr); }.activity-row p { padding-left: 4.3rem; } }

/* Saved work keeps review, reopening, and downloads in one clear workspace surface. */
.workspace-history-link { color: var(--muted); text-decoration: none; }.workspace-history-link:hover { color: var(--accent-deep); text-decoration: underline; text-underline-offset: .2em; }.dashboard-section-heading { grid-template-columns: minmax(11rem, .55fr) 1fr auto; }.history-link { color: var(--ink); font-family: var(--mono); font-size: .66rem; font-weight: 700; letter-spacing: .03em; text-decoration: none; }.history-link:hover { color: var(--accent-deep); }.activity-row { display: grid; grid-template-columns: minmax(0, 1fr) max-content auto; }.activity-row > a { color: var(--ink); font-family: var(--mono); font-size: .66rem; font-weight: 700; text-decoration: none; }.activity-row > a:hover { color: var(--accent-deep); }
.history-shell { width: min(100%, 1280px); min-height: 100vh; margin: 0 auto; padding: 0 3rem 3rem; }.history-nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-strong); }.history-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .58fr); gap: 3rem; align-items: end; padding: clamp(3.2rem, 7vw, 5.8rem) 0 2.2rem; }.history-heading h1 { font-size: clamp(2.8rem, 5.8vw, 5.8rem); }.history-heading > p { max-width: 40ch; margin: 0 0 .3rem; color: var(--muted); font-size: .96rem; line-height: 1.55; }.history-layout { display: grid; grid-template-columns: minmax(18rem, .76fr) minmax(0, 1.24fr); min-height: 32rem; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.history-list { border-right: 1px solid var(--line); }.history-row { width: 100%; display: grid; grid-template-columns: 4.8rem minmax(0, 1fr); gap: .35rem 1rem; padding: 1rem 1.1rem 1rem 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; }.history-row:hover, .history-row.is-selected { background: oklch(96% .016 75); }.history-row.is-selected { box-shadow: inset 3px 0 0 var(--accent); }.history-row span { grid-row: 1 / 3; color: var(--accent-deep); font-family: var(--mono); font-size: .64rem; letter-spacing: .045em; text-transform: uppercase; }.history-row strong { overflow: hidden; font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; }.history-row small { overflow: hidden; color: var(--muted); font-family: var(--mono); font-size: .6rem; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }.history-detail { padding: 1.55rem 0 1.55rem 1.7rem; }.history-detail h2 { margin: 0; font-size: 1.55rem; letter-spacing: -.05em; }.history-detail > p:not(.eyebrow):not(.activity-empty) { max-width: 54ch; margin: .85rem 0 0; color: var(--muted); font-size: .86rem; line-height: 1.55; }.history-detail-meta { color: var(--muted); font-family: var(--mono); font-size: .63rem !important; letter-spacing: .025em; }.saved-text { margin-top: 1.4rem; padding: .95rem 1rem; border: 1px solid var(--line); border-radius: .4rem; background: oklch(98% .008 92); }.saved-text span { color: var(--muted); font-family: var(--mono); font-size: .61rem; letter-spacing: .045em; text-transform: uppercase; }.saved-text p { max-height: 12rem; overflow: auto; margin: .6rem 0 0; white-space: pre-wrap; color: var(--ink); font-size: .82rem; line-height: 1.55; }.history-detail audio { width: 100%; margin-top: 1.35rem; }.history-detail-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.35rem; }.history-detail-actions a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: .74rem; }.history-detail-actions .text-button { border-color: var(--line-strong); }.history-detail .activity-empty { padding: .3rem 0; }
@media (max-width: 900px) { .history-shell { padding-inline: 1.6rem; }.history-heading { grid-template-columns: 1fr; }.history-layout { grid-template-columns: 1fr; }.history-list { max-height: 24rem; overflow: auto; border-right: 0; border-bottom: 1px solid var(--line); }.history-detail { padding-left: 0; } }
@media (max-width: 620px) { .history-shell { padding-inline: 1rem; }.history-nav { min-height: 76px; }.dashboard-section-heading { grid-template-columns: 1fr; gap: .4rem; }.activity-row { grid-template-columns: 1fr; align-items: flex-start; gap: .45rem; }.history-heading { gap: 1rem; padding: 3rem 0 1.7rem; }.history-heading h1 { font-size: 3.25rem; }.history-row { grid-template-columns: 4.1rem minmax(0, 1fr); }.history-detail { padding: 1.3rem 0; }.saved-text { padding: .8rem; } }

@media (max-width: 620px) { .marketing-section { padding: 3.25rem 0; }.library-section { padding-top: 3.25rem; } }

@media (max-width: 900px) { .final-cta { grid-template-columns: 1fr; gap: 2.5rem; min-height: 0; }.final-brand-lockup { max-width: 27rem; } }
@media (max-width: 620px) { .final-cta { gap: 2rem; padding: 1.625rem 0 2rem; }.final-brand-lockup { padding-top: .75rem; }.final-brand-lockup img { width: 8.5rem; }.final-brand-tagline { font-size: .84rem; } }

/* Account and administration keep sensitive controls quiet, direct, and separated by purpose. */
.dashboard-nav-link { color: var(--muted); font-family: var(--mono); font-size: .67rem; letter-spacing: .025em; text-decoration: none; }.dashboard-nav-link:hover { color: var(--accent-deep); }.settings-shell { width: min(100%, 1180px); min-height: 100vh; margin: 0 auto; padding: 0 3rem 3rem; }.settings-nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line-strong); }.settings-nav-links { display: flex; align-items: center; gap: 1.2rem; }.settings-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .58fr); gap: 3rem; align-items: end; padding: clamp(3.2rem, 7vw, 5.8rem) 0 2.2rem; }.settings-heading h1 { font-size: clamp(2.8rem, 5.8vw, 5.8rem); }.settings-heading > p { max-width: 41ch; margin: 0 0 .35rem; color: var(--muted); font-size: .96rem; line-height: 1.55; }.settings-message { margin: 0 0 1.25rem; padding: .72rem .85rem; border: 1px solid oklch(60% .09 145); background: oklch(96.5% .025 145); color: var(--ink); font-size: .78rem; line-height: 1.45; }.settings-message.is-error { border-color: oklch(56% .13 25); background: oklch(96% .025 25); }.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.settings-panel { display: flex; flex-direction: column; align-items: flex-start; min-height: 21rem; padding: 1.5rem 1.65rem 1.65rem 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.settings-panel:nth-child(2n) { padding-left: 1.65rem; padding-right: 0; border-right: 0; }.settings-panel:nth-last-child(-n + 2) { border-bottom: 0; }.settings-panel .eyebrow { margin-bottom: .65rem; }.settings-panel h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.045em; }.settings-panel label { width: 100%; margin-top: 1.35rem; color: var(--ink); font-size: .75rem; font-weight: 700; }.settings-panel input { width: 100%; min-height: 2.7rem; margin-top: .45rem; border: 1px solid var(--line-strong); border-radius: .35rem; padding: .5rem .65rem; background: var(--paper); color: var(--ink); }.settings-panel input[readonly] { color: var(--muted); background: var(--paper-deep); cursor: default; }.settings-help { margin: .5rem 0 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }.settings-panel .secondary-action, .settings-panel .text-button { margin-top: auto; }.settings-usage h2 { margin-top: 2.3rem; font-size: 1.65rem; }.settings-usage h2 span { color: var(--accent-deep); }.settings-usage > p:not(.eyebrow) { margin: .5rem 0 0; color: var(--muted); font-size: .8rem; }.settings-usage .text-button { display: inline-flex; align-items: center; text-decoration: none; }.admin-summary { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding: 1.3rem 1.5rem; border: 1px solid var(--line-strong); border-radius: .6rem; background: oklch(98% .009 92); box-shadow: var(--shadow); }.admin-summary .eyebrow { margin-bottom: .45rem; }.admin-summary strong { color: var(--accent-deep); font-size: 1.7rem; letter-spacing: -.05em; }.admin-summary span, .admin-summary > p { color: var(--muted); font-size: .75rem; }.admin-summary > p { margin: 0 0 .2rem; font-family: var(--mono); letter-spacing: .025em; }.admin-layout { display: grid; grid-template-columns: minmax(17rem, .48fr) minmax(0, 1.52fr); gap: 0; margin-top: 2.5rem; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.invite-panel { min-height: 30rem; padding-right: 1.65rem; border-bottom: 0; }.admin-members { padding: 1.5rem 0 1.5rem 1.65rem; border-left: 1px solid var(--line); }.admin-members-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1.2rem; }.admin-members-heading .eyebrow { margin-bottom: .55rem; }.admin-members-heading h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.045em; }.admin-members-heading > span { color: var(--muted); font-family: var(--mono); font-size: .63rem; letter-spacing: .035em; }.member-table { border-top: 1px solid var(--line); }.member-row { display: grid; grid-template-columns: minmax(11rem, 1.25fr) minmax(6rem, .5fr) minmax(6.5rem, .55fr) minmax(13rem, 1fr); gap: .9rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--line); }.member-row:last-child { border-bottom: 0; }.member-identity { display: grid; gap: .24rem; min-width: 0; }.member-identity strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }.member-identity span { overflow: hidden; color: var(--muted); font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }.member-row > p { margin: 0; color: var(--muted); font-family: var(--mono); font-size: .59rem; line-height: 1.5; letter-spacing: .02em; }.member-row > p small { color: inherit; }.member-state { display: grid; justify-items: start; gap: .25rem; }.member-status { display: inline-flex; padding: .18rem .34rem; border: 1px solid var(--line-strong); border-radius: .22rem; color: var(--muted); font-family: var(--mono); font-size: .57rem; letter-spacing: .035em; text-transform: uppercase; }.member-status.is-active { border-color: oklch(60% .09 145); color: var(--success); }.member-state small { color: var(--accent-deep); font-size: .61rem; }.member-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .42rem; }.member-actions select { min-height: 2.2rem; font-size: .68rem; }.member-actions .text-button { min-height: 2.2rem; padding: .35rem .5rem; font-size: .6rem; }.invite-panel #setup-link { width: 100%; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .67rem; line-height: 1.45; }.invite-panel #setup-link a { color: var(--ink); font-weight: 700; text-underline-offset: .18em; }
@media (max-width: 900px) { .settings-shell { padding-inline: 1.6rem; }.settings-heading { grid-template-columns: 1fr; }.admin-layout { grid-template-columns: 1fr; }.invite-panel { min-height: auto; padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid var(--line); }.admin-members { padding: 1.5rem 0; border-left: 0; }.member-row { grid-template-columns: minmax(11rem, 1.2fr) minmax(6rem, .5fr) minmax(6.5rem, .55fr); }.member-actions { grid-column: 1 / -1; justify-content: flex-start; } }
@media (max-width: 620px) { .settings-shell { padding-inline: 1rem; }.settings-nav { min-height: 76px; }.settings-heading { gap: 1rem; padding: 3rem 0 1.7rem; }.settings-heading h1 { font-size: 3.25rem; }.settings-grid { grid-template-columns: 1fr; }.settings-panel, .settings-panel:nth-child(2n) { min-height: 17rem; padding: 1.3rem 0; border-right: 0; border-bottom: 1px solid var(--line); }.settings-panel:last-child { border-bottom: 0; }.admin-summary { align-items: flex-start; flex-direction: column; gap: .6rem; }.member-row { grid-template-columns: 1fr 1fr; gap: .7rem; }.member-identity { grid-column: 1 / -1; }.member-actions { grid-column: 1 / -1; } }

/* Write with AI is intentionally a writing surface, not a chat application. */
.writing-shell { width: min(100%, 1360px); min-height: 100vh; margin: 0 auto; padding: 0 3rem 3rem; }.writing-nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-bottom: 1px solid var(--line-strong); }.writing-nav-links { display: flex; align-items: center; gap: 1.2rem; }.writing-nav-links a { color: var(--muted); font-family: var(--mono); font-size: .67rem; letter-spacing: .025em; text-decoration: none; }.writing-nav-links a:hover { color: var(--accent-deep); }.writing-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .56fr); align-items: end; gap: 3rem; padding: clamp(3.2rem, 7vw, 5.8rem) 0 2.2rem; }.writing-heading h1 { margin: 0; font-size: clamp(2.8rem, 5.8vw, 5.8rem); }.writing-heading > p { max-width: 41ch; margin: 0 0 .35rem; color: var(--muted); font-size: .96rem; line-height: 1.55; }.writing-project-bar { display: grid; grid-template-columns: minmax(14rem, .72fr) 1fr auto; align-items: end; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.writing-project-bar label { display: grid; gap: .36rem; }.writing-project-bar label > span, .writing-guidance legend, .writing-guidance label { color: var(--muted); font-family: var(--mono); font-size: .59rem; letter-spacing: .04em; text-transform: uppercase; }.writing-project-bar input { min-height: 2.55rem; border: 1px solid var(--line-strong); border-radius: .35rem; padding: .45rem .62rem; background: var(--paper); color: var(--ink); font: inherit; font-size: .8rem; }.writing-project-bar > p { margin: 0 0 .65rem; color: var(--muted); font-family: var(--mono); font-size: .61rem; letter-spacing: .025em; }.writing-project-bar > p.is-error, .writing-composer span.is-error { color: var(--error); }.writing-project-bar .text-button { min-height: 2.55rem; margin: 0; }.writing-workbench { display: grid; grid-template-columns: minmax(20rem, .78fr) minmax(0, 1.22fr); min-height: 42rem; border-bottom: 1px solid var(--line-strong); }.writing-chat { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--line); }.writing-panel-heading { padding: 1.5rem 1.45rem 1.25rem 0; }.writing-chat .writing-panel-heading { padding-left: 0; }.writing-canvas-panel .writing-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-left: 1.65rem; }.writing-panel-heading .eyebrow { margin-bottom: .48rem; }.writing-panel-heading h2 { margin: 0; font-size: 1.42rem; letter-spacing: -.05em; }.writing-panel-heading p:not(.eyebrow) { max-width: 47ch; margin: .58rem 0 0; color: var(--muted); font-size: .76rem; line-height: 1.5; }.writing-panel-heading > span { padding-bottom: .15rem; color: var(--muted); font-family: var(--mono); font-size: .59rem; letter-spacing: .03em; white-space: nowrap; }.writing-guidance { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: 0 1.45rem 1.1rem 0; padding: .95rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.writing-guidance legend { padding: 0; margin-bottom: .75rem; }.writing-guidance legend span { color: var(--muted); font-size: .55rem; text-transform: none; }.writing-guidance label { display: grid; gap: .34rem; min-width: 0; }.writing-guidance select { width: 100%; min-height: 2.3rem; font-family: inherit; font-size: .68rem; text-transform: none; letter-spacing: 0; }.writing-message-list { min-height: 12rem; max-height: 29rem; overflow: auto; margin-right: .5rem; padding: .25rem 1rem 1.1rem 0; scrollbar-color: var(--line-strong) transparent; }.writing-chat-empty { margin: 1.2rem 1.35rem 1.2rem 0; padding: 1rem; border: 1px solid var(--line); border-radius: .45rem; background: oklch(98% .009 92); }.writing-chat-empty strong { font-size: .78rem; }.writing-chat-empty p { margin: .4rem 0 0; color: var(--muted); font-size: .71rem; line-height: 1.5; }.writing-message { margin: .85rem 1.35rem .85rem 0; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: .48rem; background: oklch(98% .009 92); }.writing-message.is-user { margin-left: 1.35rem; border-color: var(--line-strong); background: var(--paper-deep); }.writing-message > span { display: block; margin-bottom: .42rem; color: var(--accent-deep); font-family: var(--mono); font-size: .56rem; letter-spacing: .04em; text-transform: uppercase; }.writing-message.is-user > span { color: var(--muted); }.writing-message p { margin: 0; white-space: pre-wrap; font-size: .76rem; line-height: 1.55; }.writing-message .text-button { min-height: 2.15rem; margin-top: .8rem; padding: .34rem .55rem; font-size: .6rem; }.writing-composer { margin-top: auto; padding: 1rem 1.45rem 0 0; border-top: 1px solid var(--line); }.writing-composer > label { display: block; margin-bottom: .5rem; color: var(--ink); font-size: .72rem; font-weight: 700; }.writing-composer textarea { width: 100%; min-height: 6.2rem; resize: vertical; border: 1px solid var(--line-strong); border-radius: .35rem; padding: .7rem; background: var(--paper); color: var(--ink); font: inherit; font-size: .76rem; line-height: 1.5; }.writing-composer > div { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .7rem; padding-bottom: 1.25rem; }.writing-composer span { color: var(--muted); font-size: .61rem; line-height: 1.42; }.writing-composer .secondary-action { min-height: 2.45rem; margin: 0; flex: 0 0 auto; padding-inline: .72rem; font-size: .68rem; }.writing-canvas-panel { display: flex; flex-direction: column; min-width: 0; }.writing-canvas-panel textarea { flex: 1; min-height: 28rem; margin: 0 0 0 1.65rem; border: 0; outline-offset: -5px; padding: 1.25rem 1.3rem; background: transparent; color: var(--ink); font: inherit; font-size: 1rem; line-height: 1.7; resize: vertical; }.writing-canvas-actions { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-left: 1.65rem; padding: 1.15rem 0 1.3rem; border-top: 1px solid var(--line); }.writing-canvas-actions p { max-width: 46ch; margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }.writing-canvas-actions .primary-action { min-height: 3rem; flex: 0 0 auto; padding: .65rem 1rem; font-size: .78rem; text-decoration: none; }.writing-projects { padding: clamp(3.2rem, 7vw, 5.8rem) 0 1rem; }.writing-projects-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .55fr); align-items: end; gap: 3rem; margin-bottom: 1.25rem; }.writing-projects-heading h2 { margin: 0; font-size: 1.6rem; letter-spacing: -.055em; }.writing-projects-heading > p { margin: 0 0 .2rem; color: var(--muted); font-size: .78rem; line-height: 1.5; }.writing-project-list { border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.writing-project-row { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 1rem; align-items: center; padding: 1rem 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; }.writing-project-row:last-child { border-bottom: 0; }.writing-project-row:hover, .writing-project-row.is-active { color: var(--accent-deep); }.writing-project-row span { overflow: hidden; font-size: .82rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.writing-project-row small { color: var(--muted); font-family: var(--mono); font-size: .6rem; letter-spacing: .025em; white-space: nowrap; }.writing-project-empty { margin: 0; padding: 1.5rem 0; color: var(--muted); font-size: .78rem; }
@media (max-width: 980px) { .writing-shell { padding-inline: 1.6rem; }.writing-heading, .writing-projects-heading { grid-template-columns: 1fr; gap: 1rem; }.writing-workbench { grid-template-columns: 1fr; }.writing-chat { border-right: 0; border-bottom: 1px solid var(--line); }.writing-panel-heading, .writing-chat .writing-panel-heading { padding-right: 0; }.writing-guidance { margin-right: 0; }.writing-message-list { margin-right: 0; }.writing-message { margin-right: 0; }.writing-composer { padding-right: 0; }.writing-canvas-panel .writing-panel-heading, .writing-canvas-panel textarea, .writing-canvas-actions { margin-left: 0; padding-left: 0; }.writing-message-list { max-height: 25rem; }.writing-canvas-panel textarea { min-height: 30rem; }.writing-canvas-actions { padding-bottom: 1.4rem; } }
@media (max-width: 620px) { .writing-shell { padding: 0 1rem 1.5rem; }.writing-nav { min-height: 76px; align-items: flex-start; flex-direction: column; justify-content: center; gap: .35rem; }.writing-nav-links { gap: 1rem; }.writing-heading { padding: 3rem 0 1.7rem; }.writing-heading h1 { font-size: 3.25rem; }.writing-project-bar { grid-template-columns: 1fr; align-items: stretch; }.writing-project-bar > p { margin: 0; }.writing-project-bar .text-button { width: 100%; }.writing-guidance { grid-template-columns: 1fr; }.writing-panel-heading { padding-top: 1.3rem; }.writing-canvas-panel .writing-panel-heading { align-items: flex-start; flex-direction: column; gap: .45rem; }.writing-message.is-user { margin-left: .6rem; }.writing-canvas-panel textarea { min-height: 24rem; padding: .7rem 0; font-size: .96rem; }.writing-canvas-actions { align-items: stretch; flex-direction: column; gap: .9rem; }.writing-canvas-actions .primary-action { width: 100%; }.writing-projects { padding-top: 3.5rem; }.writing-project-row { grid-template-columns: 1fr; gap: .35rem; }.writing-project-row small { white-space: normal; } }
.writing-guidance { border: 0; border-block: 1px solid var(--line); }
.writing-guidance-label { grid-column: 1 / -1; margin: 0 0 .05rem; color: var(--muted); font-family: var(--mono); font-size: .59rem; letter-spacing: .04em; text-transform: uppercase; }
.writing-guidance-label span { color: var(--muted); font-size: .55rem; text-transform: none; }
.writing-nav { display: grid; grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr); }
.writing-nav-links { align-self: stretch; gap: 2.1rem; }
.writing-nav-links a { position: relative; display: inline-flex; align-items: center; padding: 0 .15rem; }
.writing-nav-links a::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: transparent; transition: background 150ms var(--ease-out); }
.writing-nav-links a.is-active { color: var(--ink); font-weight: 700; }
.writing-nav-links a.is-active::after { background: var(--accent); }
.writing-nav-utilities { justify-self: end; display: inline-flex; align-items: center; font-family: var(--mono); font-size: .72rem; }
.writing-nav-utilities a { color: var(--muted); text-decoration: none; }
.writing-nav-utilities a:hover { color: var(--accent-deep); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 980px) { .writing-nav { min-height: 112px; grid-template-columns: 1fr auto; }.writing-nav-links { grid-column: 1 / -1; grid-row: 2; min-height: 50px; }.writing-nav-utilities { grid-column: 2; grid-row: 1; } }
@media (max-width: 620px) { .writing-nav { min-height: 103px; align-items: center; display: grid; flex-direction: initial; gap: 0; }.writing-nav-links { gap: 1.1rem; overflow-x: auto; }.writing-nav-links a { flex: 0 0 auto; font-size: .72rem; }.writing-nav-utilities { font-size: .61rem; } }
.writing-heading { grid-template-columns: minmax(0, 1fr) minmax(20rem, .74fr); gap: 3rem; padding: 3.75rem 0 2.3rem; }
.writing-heading h1 { font-size: clamp(2.2rem, 4vw, 4rem); }
.writing-nav-links a { font-size: .83rem; }
@media (max-width: 980px) { .writing-heading { grid-template-columns: 1fr; gap: 1.2rem; } }
@media (max-width: 620px) { .writing-heading { padding: 2.5rem 0 1.7rem; }.writing-heading h1 { font-size: clamp(2.2rem, 4vw, 4rem); }.writing-heading > p { font-size: .92rem; } }
.transcribe-workspace .workspace-heading h1 { max-width: none; }
.dashboard-action-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.dashboard-action-card > span { color: var(--accent-deep); font-family: var(--mono); font-size: 1.2rem; font-variant-numeric: tabular-nums; font-weight: 760; letter-spacing: -.035em; line-height: 1; }.dashboard-action-card strong { margin-top: 3.2rem; }
@media (min-width: 901px) and (max-width: 1120px) { .dashboard-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.dashboard-action-card:nth-child(2n) { border-right: 0; }.dashboard-action-card:nth-child(-n + 2) { border-bottom: 1px solid var(--line); } }
@media (max-width: 900px) { .dashboard-action-grid { grid-template-columns: 1fr; }.dashboard-action-card { border-right: 0; border-bottom: 1px solid var(--line); }.dashboard-action-card:last-child { border-bottom: 0; }.dashboard-action-card strong { margin-top: 1.7rem; } }
.writing-shell { width: min(100%, 1570px); }
@media (max-width: 620px) { .use-case-section { padding-inline: 1.25rem; } }
@media (max-width: 900px) { .marketing-footer-main { grid-template-columns: 1fr; gap: 2.5rem; } }
@media (max-width: 620px) { .footer-link-groups { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; }.footer-link-group:last-child { grid-column: 1 / -1; }.marketing-footer-bottom { align-items: flex-start; flex-direction: column; gap: .45rem; } }
@media (max-width: 620px) { .legal-shell { padding-inline: 1rem; }.legal-nav { min-height: 76px; }.legal-main { padding: 3rem 0; }.legal-main h1 { font-size: 3.25rem; }.legal-content { margin-top: 2.25rem; }.legal-content section { padding: 1.35rem 0; } }