.workspace--minimal .studio-main--scribe-preview { width: min(1080px, calc(100% - 96px)); padding-top: 32px; }
.sp { color: var(--ink); font-size: 16px; }
.sp [hidden] { display: none !important; }
.sp svg { width: 18px; height: 18px; flex-shrink: 0; }
.sp button, .sp select, .sp input, .sp textarea { font: inherit; color: inherit; }
.sp button, .sp select { cursor: pointer; }
.sp button { border: 0; background: none; box-shadow: none; }
.sp button:focus-visible, .sp a:focus-visible, .sp select:focus-visible, .sp textarea:focus-visible, .sp input:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.sp-preview { margin-bottom: 56px; }
.sp-preview__top, .sp-preview__variants, .sp-preview__bottom, .sp-page-heading, .sp-note-actions, .sp-dialog__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sp-preview__label { font-size: 14px; }
.sp-preview__label span { margin: 0 8px; }
.sp-preview__variants a { color: inherit; text-decoration: none; padding: 10px 0; border-bottom: 2px solid transparent; font-size: 14px; }
.sp-preview__variants a[aria-current] { border-color: currentColor; }
.sp-preview__variants a span { margin-right: 6px; }
.sp-preview__bottom { justify-content: flex-end; margin-top: 12px; }
.sp-preview__bottom label { font-size: 12px; }
.sp select { background: transparent; border: 0; border-radius: 0; padding: 6px 18px 6px 8px; }
.sp select option { background: var(--bg); color: var(--ink); }
.sp-canvas { min-height: 590px; }
.sp-page-heading { min-height: 36px; margin-bottom: 52px; }
.sp h1, .sp h2, .sp p { margin-top: 0; }
.sp-page-heading h1 { font-size: 20px; font-weight: 500; margin: 0; }
.sp-button, .sp-text-button, .sp-icon-button, .sp-preferences { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 0; line-height: 1.4; }
.sp .sp-button { padding: 12px 22px; border-radius: 5px; }
.sp .sp-button--primary { background: var(--ink); color: var(--bg); }
.sp .sp-button--primary:hover { opacity: .85; }
.sp-text-button:hover, .sp-preferences:hover { text-decoration: underline; text-underline-offset: 5px; }
.sp-focus { max-width: 560px; margin: 100px auto 0; text-align: center; }
.workspace--minimal .sp .sp-focus h2 { font-size: 48px; letter-spacing: -2px; font-weight: 450; margin-bottom: 44px; }
.sp-focus__paste { display: flex; margin: 14px auto 42px; }
.sp-preferences { font-size: 14px !important; }
.sp-focus__controls { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 30px 0; }
.sp-recording-label { display: flex; justify-content: center; align-items: center; gap: 10px; }
.sp-record-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #b24e3b; }
.sp-focus__time { display: block; font-size: 64px; font-variant-numeric: tabular-nums; letter-spacing: -3px; margin: 20px 0; }
.sp-wave { display: flex; align-items: center; justify-content: center; height: 40px; gap: 5px; }
.sp-wave i { width: 3px; background: currentColor; border-radius: 2px; animation: sp-pulse 1s ease-in-out infinite alternate; }
.sp-wave i:nth-child(3n) { animation-delay: -.6s; }
.sp-wave i:nth-child(2n) { animation-delay: -.3s; }
.sp-wave__short { height: 5px; }.sp-wave__low { height: 12px; }.sp-wave__medium { height: 20px; }.sp-wave__high { height: 28px; }.sp-wave__peak { height: 38px; }
.sp[data-paused="true"] .sp-wave i { animation-play-state: paused; }
@keyframes sp-pulse { to { transform: scaleY(.4); } }
.sp-focus-review { max-width: 670px; margin: 0 auto; }
.sp-note__heading { display: flex; gap: 16px; font-size: 14px; margin-bottom: 20px; }
.sp-note__saved { display: inline-flex; gap: 6px; align-items: center; }
.sp .sp-note__title, .sp .sp-note__body { display: block; width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sp .sp-note__title { font-size: 30px; font-weight: 500; letter-spacing: -.8px; margin-bottom: 32px; }
.sp .sp-note__body { line-height: 1.8; resize: vertical; min-height: 350px; }
.sp-note__hint { font-size: 14px; margin: 20px 0; }
.sp-note-actions { margin: 24px 0; }
.sp-transcript { margin-top: 32px; text-align: left; font-size: 14px; }
.sp-transcript summary { display: flex; gap: 14px; align-items: center; cursor: pointer; list-style: none; }
.sp-transcript p { margin: 18px 0; }
.sp-transcript__sample { display: none; }
.sp-breadcrumb { font-size: 16px; }.sp-breadcrumb span { padding: 0 12px; }
.sp-notebook { max-width: 760px; margin: 0 auto; }
.sp-notebook__paper { min-height: 380px; padding: 8px 0; }
.sp-notebook__paper h1 { font-family: Georgia, serif; font-size: 40px; font-weight: 400; letter-spacing: -1px; }
.sp-notebook__placeholder { margin-top: 32px; }
.sp-notebook__dock { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding-top: 18px; }
.sp-notebook__meter, .sp-notebook__controls { display: flex; align-items: center; gap: 20px; }
.sp-notebook__meter output { font-variant-numeric: tabular-nums; }
.sp-notebook__meter .sp-wave { max-width: 110px; overflow: hidden; }
.sp-notebook__dock--review { display: block; }.sp-notebook__dock .sp-note-actions { margin: 0; }
.sp-notebook__transcript { max-width: 760px; margin: 0 auto; }
.sp-steps { display: grid; grid-template-columns: 180px 1fr; gap: 52px; }
.sp-steps__rail { list-style: none; padding: 0; margin: 12px 0; }
.sp-steps__rail li { display: flex; gap: 16px; margin-bottom: 30px; opacity: .4; }
.sp-steps__rail li[aria-current] { opacity: 1; }.sp-steps__rail strong { font-weight: 450; }
.sp-steps__rail li[aria-current] strong { text-decoration: underline; text-underline-offset: 7px; }
.sp-steps__number { font-variant-numeric: tabular-nums; }
.sp-steps__body { max-width: 630px; }
.workspace--minimal .sp .sp-steps__capture h2, .workspace--minimal .sp .sp-steps__complete h2 { font-size: 38px; font-weight: 450; letter-spacing: -1.4px; margin-bottom: 48px; }
.sp .sp-capture-choice { display: flex; align-items: center; width: 100%; text-align: left; padding: 20px 0; gap: 18px; }
.sp-capture-choice strong { font-size: 19px; font-weight: 450; }.sp-capture-choice > svg:last-child { margin-left: auto; }
.sp-capture-choice:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.sp-steps__capture .sp-preferences { margin-top: 42px; }
.sp-steps__recorder { display: flex; align-items: center; justify-content: space-between; margin: 65px 0; }
.sp-steps__recorder output { margin-left: 15px; font-size: 40px; font-variant-numeric: tabular-nums; }
.sp-steps__actions { display: flex; justify-content: space-between; align-items: center; }
.sp-steps__complete p { line-height: 1.8; margin-bottom: 40px; }.sp-steps__complete > button { margin-right: 16px; }
.sp-preview__footnote { font-size: 12px; margin: 40px 0 0; }
.sp-settings { max-width: 630px; margin: 0 auto 80px; }
.sp-settings .sp-dialog__heading { margin-bottom: 35px; }
.workspace--minimal .sp .sp-settings h2, .workspace--minimal .sp .sp-dialog h2 { font-size: 24px; font-weight: 450; margin: 0; }
.sp-setting { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 20px 0; }
.sp-settings > p { line-height: 1.6; margin-top: 40px; }
.sp-dialog { width: min(460px, calc(100% - 40px)); padding: 32px; background: var(--bg); color: var(--ink); border: 0; border-radius: 0; }
.sp-dialog::backdrop { background: #0006; }.sp-dialog__heading { margin-bottom: 28px; }
.sp-dialog p { line-height: 1.7; }.sp-dialog__done { margin-top: 16px; }
.sp-dialog textarea { width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--line); padding: 10px 0; resize: vertical; }
.sp-toast { margin-top: 24px; font-size: 14px; }
.sp-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .sp-wave i { animation: none; } }
@media (max-width: 760px) {
  .workspace--minimal .studio-main--scribe-preview { width: calc(100% - 40px); padding-top: 24px; }
  .sp-preview { margin-bottom: 36px; }.sp-preview__top { align-items: flex-start; flex-direction: column; gap: 12px; }
  .sp-preview__variants { width: 100%; justify-content: space-between; gap: 12px; }
  .sp-preview__bottom { justify-content: flex-start; }.sp-canvas { min-height: 540px; }
  .sp-focus { margin-top: 70px; }.workspace--minimal .sp .sp-focus h2 { font-size: 48px; }
  .sp-page-heading { margin-bottom: 40px; }.sp-notebook__paper h1 { font-size: 32px; }
  .sp-notebook__dock { flex-wrap: wrap; }.sp-notebook__controls { gap: 12px; }
  .sp-steps { display: block; }.sp-steps__rail { display: flex; justify-content: space-between; margin: 0 0 44px; }
  .sp-steps__rail li { gap: 8px; margin: 0; font-size: 14px; }.sp-steps__capture h2 { font-size: 32px; }
  .sp-focus__controls { gap: 10px; }.sp .sp-button { padding: 12px 16px; }
  .sp-note__title { max-width: 100%; }.sp-setting { font-size: 14px; gap: 8px; }
}
/* Compact application layouts keep capture, context and draft together. */
.sp-preview { margin-bottom: 32px; }.sp-page-heading { margin-bottom: 28px; }
.sp-workbench { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 42px; }
.sp-capture-pane { min-width: 0; }.sp-draft-pane { border-left: 1px solid var(--line); padding-left: 42px; min-width: 0; }
.sp-focus { max-width: none; margin: 0; text-align: left; }
.workspace--minimal .sp .sp-focus h2 { font-size: 26px; letter-spacing: -.7px; margin-bottom: 14px; }
.sp-focus > p { line-height: 1.6; margin-bottom: 24px; }
.sp-focus__paste { display: inline-flex; margin: 0 0 0 16px; }.sp-focus > .sp-preferences { display: flex; margin-top: 14px; }
.sp-context { margin-top: 36px; }.sp-context label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-weight: 500; margin-bottom: 12px; }
.sp-context label span { font-size: 14px; font-weight: 400; }
.sp .sp-context textarea { display: block; width: 100%; min-height: 168px; resize: vertical; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 14px; background: color-mix(in srgb, var(--ink) 4%, var(--bg)); line-height: 1.6; }
.sp-context textarea::placeholder { color: var(--ink); opacity: .65; }
.workspace--minimal .sp .sp-waiting-note h2 { font-size: 24px; letter-spacing: -.6px; font-weight: 500; margin: 0 0 14px; }
.sp-waiting-note > p { line-height: 1.6; margin-bottom: 28px; }.sp-waiting-note dl { margin: 0; }.sp-waiting-note dl div { margin-bottom: 24px; }
.sp-waiting-note dt { font-weight: 500; margin-bottom: 5px; }.sp-waiting-note dd { margin: 0; font-size: 15px; }
.sp-focus--recording .sp-recording-label { justify-content: flex-start; }.sp-focus--recording .sp-focus__time { font-size: 42px; letter-spacing: -1px; }
.sp-focus--recording .sp-wave { justify-content: flex-start; }.sp-focus__controls { justify-content: flex-start; gap: 12px; }
.sp-notebook { max-width: none; }.sp-notebook__toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.sp-notebook__toolbar > div { display: flex; align-items: center; gap: 20px; }
.sp-notebook__workspace { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; margin-top: 32px; }
.sp-notebook__workspace .sp-context { margin: 0; }.sp-notebook__workspace .sp-context textarea { min-height: 300px; }
.sp-notebook__paper { min-height: 0; padding: 0; }.sp-notebook__workspace > section { min-width: 0; }.sp-notebook__transcript { max-width: none; }
.sp-steps { grid-template-columns: 140px minmax(0, 1fr); gap: 40px; }.sp-steps__body { display: flex; flex-direction: column; max-width: 720px; }
.sp-steps__body > .sp-context { order: 1; margin-top: 30px; }
.workspace--minimal .sp .sp-steps__capture h2 { font-size: 28px; margin-bottom: 14px; letter-spacing: -.7px; }
.sp-steps__capture > p { margin-bottom: 24px; line-height: 1.6; }.sp-step-start { display: flex; gap: 24px; align-items: center; }
.sp-steps__capture .sp-preferences { margin-top: 14px; }.sp-canvas { min-height: 540px; }.sp-preview__footnote { margin-top: 24px; }
@media (max-width: 1000px) {
  .sp-workbench, .sp-notebook__workspace { gap: 24px; }.sp-draft-pane { padding-left: 24px; }
  .sp-focus__paste { display: flex; margin: 8px 0 0; }.sp-notebook__toolbar { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .sp-workbench, .sp-notebook__workspace { display: block; }
  .sp-draft-pane { border-left: 0; border-top: 1px solid var(--line); padding: 28px 0 0; margin-top: 32px; }
  .sp-notebook__workspace > section { margin-top: 32px; }.sp-notebook__workspace .sp-context textarea { min-height: 168px; }
  .sp-steps { display: block; }.sp-steps__rail { margin-bottom: 28px; }.sp-step-start { gap: 16px; }
  .sp-notebook__toolbar > div { gap: 12px; flex-wrap: wrap; }
}
/* Keep preview navigation separate and compact; Notebook uses direct controls. */
.sp-preview { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.sp-preview__top { flex: 1; justify-content: flex-start; gap: 24px; }.sp-preview__bottom { margin: 0; }
.sp-preview__variants { gap: 20px; }.sp-page-heading { margin-bottom: 20px; }
.sp .sp-soft-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 8px; background: color-mix(in srgb, var(--ink) 6%, var(--bg)); font-size: 14px; }
.sp .sp-soft-button:hover { background: color-mix(in srgb, var(--ink) 11%, var(--bg)); }
.sp--notebook .sp-button { border-radius: 8px; }
.sp--notebook .sp-notebook__toolbar { gap: 16px; padding-bottom: 20px; }
.sp--notebook .sp-notebook__toolbar > div { gap: 10px; }
.sp-dropdowns { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sp-select-control, .sp-options > summary { display: flex; align-items: center; gap: 8px; position: relative; background: color-mix(in srgb, var(--ink) 5%, var(--bg)); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; cursor: pointer; font-size: 14px; min-height: 42px; }
.sp-select-control:hover, .sp-options > summary:hover { background: color-mix(in srgb, var(--ink) 9%, var(--bg)); }
.sp .sp-select-control select { appearance: none; padding: 0 20px 0 0; border: 0; border-radius: 0; background: transparent; position: relative; z-index: 1; }
.sp-select-control > svg:last-child { position: absolute; right: 10px; pointer-events: none; width: 14px; }
.sp-options { position: relative; }.sp-options > summary { list-style: none; }.sp-options > summary::-webkit-details-marker { display: none; }
.sp-options__menu { position: absolute; z-index: 5; right: 0; top: calc(100% + 8px); width: 260px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); box-shadow: 0 8px 28px #00000012; }
.sp-options__menu label { display: block; font-size: 14px; margin-bottom: 8px; }.sp-options__menu select { width: 100%; padding: 10px; background: color-mix(in srgb, var(--ink) 5%, var(--bg)); border-radius: 6px; margin-bottom: 18px; }.sp-options__menu select:last-child { margin-bottom: 0; }
.sp-waiting-note dl { margin-top: 28px; }.sp-waiting-note dl div { margin-bottom: 26px; }.sp-waiting-note dd { width: 70%; border-bottom: 1px solid var(--line); height: 18px; }
.sp--notebook .sp-notebook__workspace { margin-top: 24px; }.sp--notebook .sp-context textarea { border-radius: 8px; border: 1px solid var(--line); }
@media (max-width: 1100px) { .sp--notebook .sp-notebook__toolbar { flex-wrap: wrap; } }
@media (max-width: 760px) {
  .sp-preview { flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }.sp-preview__top { flex-direction: row; align-items: center; gap: 14px; }.sp-preview__label { display: none; }.sp-preview__variants { gap: 16px; }
  .sp-dropdowns { gap: 6px; }.sp-select-control { padding: 10px; font-size: 13px; }.sp-select-control > svg:first-child { display: none; }.sp .sp-select-control select { font-size: 13px; }.sp-options > summary { padding: 10px 8px; gap: 4px; }
}