.creator-page { background: #f7f5f1; }
.creator-header { position: relative; z-index: 20; padding: 14px 0; background: var(--navy); color: white; box-shadow: 0 8px 30px rgba(17,26,45,.15); }
.creator-header .brand { color: white; }
.creator-header-actions { display: flex; align-items: center; gap: 20px; font-size: .82rem; font-weight: 700; }
.creator-header-actions button { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.preview-pill { padding: 6px 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: var(--ivory); background: rgba(255,255,255,.08); text-transform: uppercase; letter-spacing: .1em; font-size: .63rem; }
.creator-intro { padding: 54px 0 62px; background: linear-gradient(125deg, #f3eee8 0%, #edf1f5 100%); border-bottom: 1px solid var(--line); }
.creator-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 540px; overflow: hidden; border: 1px solid rgba(32,43,64,.1); border-radius: 22px; background: var(--ivory); box-shadow: 0 22px 60px rgba(32,43,64,.14); }
.creator-intro-grid > div:first-child { display: flex; flex-direction: column; justify-content: center; padding: 58px; }
.creator-intro h1 { max-width: 760px; margin: 0; color: var(--navy-deep); font-family: var(--serif); font-size: clamp(2.7rem, 5vw, 4.7rem); line-height: 1.02; letter-spacing: -.04em; }
.creator-intro h1 span { color: var(--slate); font-style: italic; }
.creator-intro > .shell > div:first-child > p:not(.kicker) { max-width: 680px; margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; }
.scope-note { display: flex; gap: 12px; max-width: 700px; margin-top: 24px; padding: 14px 16px; border: 1px solid rgba(88,103,125,.18); border-radius: 11px; background: rgba(255,255,255,.66); color: var(--slate); }
.scope-note > span, .backend-note > span { display: grid; place-items: center; flex: 0 0 auto; width: 25px; height: 25px; border-radius: 50%; background: var(--slate); color: white; font-family: var(--serif); font-style: italic; font-weight: 800; }
.scope-note p { display: grid; gap: 2px; margin: 0; font-size: .78rem; }.scope-note strong { color: var(--navy); font-size: .84rem; }
.intro-video { position: relative; overflow: hidden; min-height: 540px; border-radius: 0; background: var(--taupe) url("assets/navi-learn-subjects-poster.jpg") center/cover; }
.intro-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.creator-workspace { padding-top: 42px; padding-bottom: 100px; }
.progress { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: start; margin-bottom: 32px; padding: 0 28px; }
.progress > i { height: 2px; margin: 20px 14px 0; background: #d6dde6; }
.progress-step { position: relative; display: grid; justify-items: center; gap: 8px; min-width: 120px; padding: 0; border: 0; background: none; color: #8a95a5; font-size: .72rem; font-weight: 750; cursor: default; }
.progress-step span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #e2e7ed; color: var(--slate); font-family: var(--serif); font-size: 1rem; }
.progress-step.active, .progress-step.complete { color: var(--navy); }.progress-step.active span { background: var(--navy); color: white; box-shadow: 0 0 0 6px rgba(88,103,125,.12); }.progress-step.complete span { background: var(--slate); color: white; }
.progress-step.skipped { opacity: .45; }.progress-step.skipped b::after { content: " (skipped)"; font-weight: 500; }
.creator-panel { padding: 38px; border: 1px solid rgba(32,43,64,.1); border-radius: 18px; background: white; box-shadow: 0 14px 46px rgba(32,43,64,.07); }
.panel-heading { display: flex; gap: 22px; align-items: flex-start; margin-bottom: 30px; }.panel-heading.compact { padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.panel-number { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: #e6ecf2; color: var(--navy); font-family: var(--serif); font-size: 1.45rem; font-weight: 700; }
.panel-heading .kicker { margin-bottom: 6px; }.panel-heading h2 { margin: 0; color: var(--navy-deep); font-family: var(--serif); font-size: clamp(2rem, 3.5vw, 3.1rem); line-height: 1.08; }.panel-heading p:last-child { margin: 8px 0 0; color: var(--muted); }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.field.full { grid-column: 1 / -1; }
.field { display: grid; gap: 8px; color: var(--navy); font-size: .82rem; font-weight: 750; }.field span { display: flex; justify-content: space-between; }.field em { color: var(--dusty); font-style: normal; font-size: .63rem; text-transform: uppercase; letter-spacing: .08em; }
.field input, .field select { width: 100%; height: 50px; padding: 0 14px; border: 1px solid #ccd5df; border-radius: 9px; background: white; color: var(--navy); outline: none; }.field input:focus, .field select:focus { border-color: var(--slate); box-shadow: 0 0 0 3px rgba(88,103,125,.12); }.field small { color: var(--muted); font-size: .7rem; font-weight: 500; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }fieldset legend { margin-bottom: 10px; color: var(--navy); font-size: .82rem; font-weight: 750; }
.choice-fieldset { margin-top: 24px; }.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.choice-card { position: relative; display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #ccd5df; border-radius: 11px; cursor: pointer; }.choice-card:has(input:checked) { border-color: var(--slate); background: #f0f4f7; box-shadow: inset 0 0 0 1px var(--slate); }.choice-card input { position: absolute; opacity: 0; }.choice-check { width: 20px; height: 20px; border: 1px solid #aeb9c6; border-radius: 50%; }.choice-card:has(input:checked) .choice-check { border: 6px solid var(--navy); }.choice-card > span:last-child { display: grid; gap: 3px; }.choice-card small { color: var(--muted); }
.upload-zone { display: grid; justify-items: center; margin-top: 24px; padding: 34px 20px; border: 1.5px dashed #aebdd0; border-radius: 14px; background: #f7fafc; text-align: center; cursor: pointer; transition: border .2s, background .2s; }.upload-zone.dragging { border-color: var(--navy); background: #eef3f8; }.upload-zone h3 { margin: 12px 0 2px; color: var(--navy); font-family: var(--serif); font-size: 1.25rem; }.upload-zone p { margin: 0 0 16px; color: var(--muted); font-size: .8rem; }.upload-zone small { margin-top: 12px; color: var(--muted); font-size: .68rem; }
.upload-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #e5ebf1; color: var(--navy); }.upload-icon svg { width: 31px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.button-outline { min-height: 42px; border-color: var(--slate); color: var(--navy); background: white; }
.file-list { display: grid; gap: 8px; margin-top: 12px; }.file-success { display: flex; align-items: flex-start; gap: 12px; padding: 15px 16px; border: 1px solid #a9d5bc; border-radius: 11px; background: #effaf3; color: #285d3d; }.file-success > span { display: grid; place-items: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: #2f7a4c; color: white; font-weight: 850; }.file-success div { display: grid; gap: 2px; }.file-success strong { font-size: .84rem; }.file-success small { color: #477159; font-size: .71rem; }.file-item { display: flex; justify-content: space-between; gap: 12px; padding: 10px 13px; border-radius: 8px; background: #eef3f7; color: var(--slate); font-size: .75rem; }.file-item strong { color: var(--navy); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.validation-message { margin-top: 14px; padding: 12px 14px; border-radius: 9px; color: #7a2e2e; background: #fff0ee; font-size: .78rem; font-weight: 650; }
.preview-suffix { opacity: .7; font-size: .72em; }
.panel-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }.button-link { border: 0; background: none; color: var(--slate); font-weight: 750; cursor: pointer; }.panel-actions .button { width: auto; }
.reviewer-layout { display: grid; grid-template-columns: 1.35fr .65fr; gap: 24px; }.preview-shell { padding: 16px; border-radius: 14px; background: #eef3f7; }.preview-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 14px; color: var(--navy); font-size: .8rem; font-weight: 800; }.preview-toolbar > span:first-child { display: flex; align-items: center; gap: 8px; }.preview-toolbar svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }.sample-tag { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #dfe7ef; color: var(--slate); text-transform: uppercase; letter-spacing: .08em; font-size: .56rem; font-weight: 850; }
.reviewer-paper { min-height: 570px; padding: 32px; border: 1px solid #e1e5e9; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(32,43,64,.09); }.reviewer-paper header, .exam-paper header { display: flex; justify-content: space-between; color: var(--slate); font-size: .65rem; font-weight: 750; }.mini-logo { color: var(--navy); }.paper-kicker { margin: 58px 0 5px; color: var(--slate); letter-spacing: .14em; font-size: .64rem; font-weight: 800; }.reviewer-paper h3 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 2rem; }.paper-subtitle { color: var(--muted); font-style: italic; }.reviewer-paper hr { margin: 24px 0; border: 0; border-top: 1px solid #dfe4e9; }.review-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }.review-columns h4 { color: var(--navy); }.review-columns p, .review-columns li { color: var(--muted); font-size: .76rem; }.review-columns ul { padding-left: 18px; }.review-diagram { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding: 18px; border-radius: 9px; background: #f1f4f7; color: var(--muted); font-size: .7rem; }.review-diagram svg { width: 52%; fill: none; stroke: var(--slate); stroke-width: 2; }
.reviewer-placeholder { cursor: pointer; transition: transform .2s, box-shadow .2s; }.reviewer-placeholder:hover, .reviewer-placeholder:focus-visible { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(32,43,64,.14); outline: 2px solid rgba(88,103,125,.45); outline-offset: 3px; }.generation-placeholder { display: grid; justify-items: center; margin-top: 52px; padding: 40px 24px; border: 1px dashed #b8c4d0; border-radius: 12px; background: #f6f8fa; text-align: center; }.generation-placeholder > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #e4eaf0; color: var(--navy); font-size: 1.25rem; }.generation-placeholder h4 { max-width: 430px; margin: 18px 0 8px; color: var(--navy); font-family: var(--serif); font-size: 1.16rem; }.generation-placeholder p { max-width: 430px; margin: 0; color: var(--muted); font-size: .72rem; }.full-preview-button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-top: 14px; padding: 12px; border: 1px solid var(--slate); border-radius: 8px; background: white; color: var(--navy); font-size: .76rem; font-weight: 800; cursor: pointer; }
.approval-card { align-self: start; padding: 25px; border: 1px solid #d8e0e8; border-radius: 14px; background: #fafbfd; }.approval-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: white; background: var(--slate); }.approval-card h3 { margin: 18px 0 8px; color: var(--navy); font-family: var(--serif); }.approval-card p { color: var(--muted); font-size: .8rem; }.check-control { display: flex; gap: 10px; align-items: flex-start; margin-top: 20px; color: var(--navy); font-size: .78rem; font-weight: 700; cursor: pointer; }.check-control input { position: absolute; opacity: 0; }.check-control > span { width: 20px; height: 20px; flex: 0 0 auto; border: 1px solid #aeb9c6; border-radius: 5px; background: white; }.check-control:has(input:checked) > span { background: var(--navy); box-shadow: inset 0 0 0 4px white; }.preview-disclaimer { padding-top: 18px; border-top: 1px solid var(--line); font-size: .68rem !important; }
.exam-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 26px; }.exam-settings { display: grid; align-content: start; gap: 24px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; }.segmented { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.segmented label { position: relative; }.segmented input { position: absolute; opacity: 0; }.segmented span { display: grid; place-items: center; min-height: 44px; border: 1px solid #ccd5df; border-radius: 8px; color: var(--slate); font-size: .76rem; font-weight: 750; cursor: pointer; }.segmented label:has(input:checked) span { border-color: var(--navy); background: var(--navy); color: white; }
.theme-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }.theme-grid label { position: relative; display: grid; gap: 5px; }.theme-grid input { position: absolute; opacity: 0; }.theme-swatch { height: 48px; border: 2px solid transparent; border-radius: 8px; cursor: pointer; }.theme-grid label:has(input:checked) .theme-swatch { border-color: var(--navy); box-shadow: 0 0 0 2px white inset; }.theme-grid small { color: var(--muted); font-size: .62rem; text-align: center; }.theme-waves { background: radial-gradient(circle at 10% 120%, #8895a6 0 34%, transparent 35%), linear-gradient(135deg,#202b40,#58677d); }.theme-grid-bg { background-color: #eaf0f5; background-image: linear-gradient(#c8d5e0 1px,transparent 1px),linear-gradient(90deg,#c8d5e0 1px,transparent 1px); background-size: 12px 12px; }.theme-cream { background: linear-gradient(135deg,#f3eee8 60%,#8895a6 61%); }.theme-paper { background: repeating-linear-gradient(#fbfaf7 0 10px,#cdd9e4 11px 12px); }.theme-shapes { background: radial-gradient(circle at 25% 30%,#c5b9ad 0 15%,transparent 16%),radial-gradient(circle at 70% 65%,#8895a6 0 18%,transparent 19%),#f3eee8; }.theme-glow { background: radial-gradient(circle at 50% 30%,#f3eee8,transparent 35%),linear-gradient(135deg,#202b40,#8895a6); }
.exam-preview { min-height: 620px; padding: 16px; border-radius: 14px; background: linear-gradient(135deg,#e7edf3,#cad5df); transition: background .2s; }.exam-preview.theme-grid { display: block; background-color:#eaf0f5;background-image:linear-gradient(#c8d5e0 1px,transparent 1px),linear-gradient(90deg,#c8d5e0 1px,transparent 1px);background-size:24px 24px}.exam-preview.theme-cream{background:linear-gradient(135deg,#f3eee8 55%,#cbd4de)}.exam-preview.theme-paper{background:repeating-linear-gradient(#fbfaf7 0 28px,#dbe3eb 29px 30px)}.exam-preview.theme-shapes{background:radial-gradient(circle at 20% 20%,#c5b9ad 0 9%,transparent 10%),radial-gradient(circle at 80% 75%,#8895a6 0 12%,transparent 13%),#f3eee8}.exam-preview.theme-glow{background:radial-gradient(circle at 50% 20%,#f3eee8,transparent 30%),linear-gradient(135deg,#202b40,#8895a6)}
.exam-paper { max-width: 570px; min-height: 520px; margin: 0 auto; padding: 32px; border-radius: 9px; background: rgba(255,255,255,.96); box-shadow: 0 12px 28px rgba(32,43,64,.14); }.exam-paper h3 { margin: 38px 0 3px; color: var(--navy); font-family: var(--serif); font-size: 1.7rem; }.demo-notice { margin: 14px 0; padding: 10px 12px; border-radius: 7px; background: #fff4df; color: #765b2e; font-size: .68rem; font-weight: 750; }.exam-paper > p { color: var(--muted); font-size: .7rem; }.exam-progress-bar { height: 5px; margin: 12px 0 32px; overflow: hidden; border-radius: 10px; background: #e2e7ec; }.exam-progress-bar span { display: block; width: 10%; height: 100%; background: var(--slate); }.exam-paper h4 { color: var(--navy); font-size: 1.05rem; }.answer-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.answer-options span { padding: 12px; border: 1px solid #d4dbe3; border-radius: 8px; color: var(--slate); font-size: .72rem; }.exam-paper button { width: 100%; margin-top: 28px; padding: 12px; border: 0; border-radius: 8px; background: #d9dfe5; color: #7f8996; }
.backend-note { display: flex; gap: 10px; margin-top: 18px; padding: 13px 16px; border-radius: 10px; background: #eef3f7; color: var(--slate); font-size: .76rem; }.backend-note p { margin: 2px 0 0; }
.finish-grid { display: grid; grid-template-columns: 1fr 1fr .78fr; gap: 18px; }.finish-card, .share-card { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fafbfd; }.finish-card-heading { display: flex; align-items: center; gap: 11px; }.finish-card-heading > div { flex: 1; }.finish-card-heading h3, .share-card h3 { margin: 0; color: var(--navy); font-family: var(--serif); }.finish-card-heading p { margin: 2px 0 0; color: var(--muted); font-size: .68rem; }.round-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #e3eaf1; color: var(--navy); }.mini-document { display: grid; gap: 9px; height: 200px; margin: 20px 0; padding: 22px; border: 1px solid #dde3e9; border-radius: 7px; background: white; box-shadow: 0 8px 20px rgba(32,43,64,.08); }.mini-document b { color: var(--navy); font-family: var(--serif); }.mini-document span { height: 7px; border-radius: 10px; background: #e1e6eb; }.mini-document span:nth-child(2){width:85%}.mini-document span:nth-child(3){width:65%}.mini-document.exam { background: linear-gradient(135deg,#fff,#edf2f6); }.action-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.action-pair button, .share-card button { padding: 10px; border: 1px solid #d4dce4; border-radius: 7px; color: #8793a2; background: #eef2f5; font-size: .66rem; }
.share-card { text-align: center; }.share-card .kicker { margin-bottom: 6px; }.share-card > p:not(.kicker) { color: var(--muted); font-size: .7rem; }.qr-placeholder { display: grid; place-items: center; width: 150px; height: 150px; margin: 20px auto; border: 12px solid #e7ebef; background: repeating-conic-gradient(#202b40 0 25%,white 0 50%) 0/22px 22px; }.qr-placeholder span { padding: 5px; color: white; background: var(--navy); font-size: .6rem; font-weight: 800; }.share-card button { width: 100%; }.final-approval { margin-top: 22px; padding: 18px; border-radius: 11px; background: #eef3f7; }
.success-panel { padding: 80px 30px; text-align: center; }.success-mark { display: grid; place-items: center; width: 78px; height: 78px; margin: 0 auto 24px; border-radius: 50%; background: var(--navy); color: white; font-size: 2rem; }.success-panel h2 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 3.4rem; }.success-panel > p:not(.kicker) { max-width: 620px; margin: 18px auto 30px; color: var(--muted); }.success-actions { display: flex; justify-content: center; gap: 12px; }.success-actions .button { width: auto; }
.reviewer-dialog { width: min(920px, calc(100% - 30px)); max-height: calc(100vh - 30px); padding: 0; overflow: hidden; border: 0; border-radius: 18px; background: #f0f3f6; box-shadow: 0 30px 100px rgba(0,0,0,.38); }.reviewer-dialog::backdrop { background: rgba(17,26,45,.72); backdrop-filter: blur(6px); }.reviewer-dialog-header { display: flex; justify-content: space-between; gap: 20px; padding: 24px 28px; background: var(--navy); color: white; }.reviewer-dialog-header .kicker { margin-bottom: 5px; color: #c5b9ad; }.reviewer-dialog-header h2 { margin: 0; font-family: var(--serif); font-size: 1.8rem; }.reviewer-dialog-header p:last-child { margin: 6px 0 0; color: rgba(255,255,255,.68); font-size: .76rem; }.reviewer-dialog-header button { align-self: flex-start; padding: 0; border: 0; background: none; color: white; font-size: 1.8rem; cursor: pointer; }.full-reviewer-scroll { max-height: calc(100vh - 220px); overflow-y: auto; padding: 28px; }.full-reviewer-document { max-width: 720px; margin: 0 auto; padding: 50px; background: white; box-shadow: 0 12px 30px rgba(32,43,64,.1); }.full-reviewer-document > header { display: flex; justify-content: space-between; }.full-reviewer-document .paper-kicker { margin-top: 55px; }.full-reviewer-document > h2 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 2.35rem; }.sample-warning { display: grid; gap: 4px; margin: 26px 0; padding: 16px; border: 1px solid #e2cfaa; border-radius: 9px; background: #fff8e9; color: #71592d; font-size: .76rem; }.full-reviewer-document section { padding: 22px 0; border-top: 1px solid var(--line); }.full-reviewer-document section h3 { margin: 0 0 12px; color: var(--navy); font-family: var(--serif); }.sample-copy { color: var(--muted); font-size: .82rem; }.sample-lines { display: grid; gap: 10px; }.sample-lines span { height: 8px; border-radius: 10px; background: #e5e9ed; }.sample-lines span:nth-child(2){width:85%}.sample-lines span:nth-child(3){width:92%}.sample-lines span:nth-child(4){width:66%}.sample-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.sample-card-grid div { padding: 18px 12px; border-radius: 8px; background: #eef2f5; color: var(--slate); font-size: .72rem; text-align: center; }.sample-visual { display: grid; place-items: center; min-height: 150px; border: 1px dashed #b8c3cf; border-radius: 10px; color: var(--muted); background: #f5f7f9; font-size: .75rem; text-align: center; }.full-reviewer-document footer { padding-top: 24px; color: var(--muted); font-size: .64rem; text-align: center; }.reviewer-dialog-actions { padding: 16px 28px; background: white; text-align: right; }.reviewer-dialog-actions .button { width: auto; min-height: 42px; }

@media (max-width: 980px) {
  .creator-intro-grid { grid-template-columns: 1fr; min-height: 0; }.creator-intro-grid > div:first-child { padding: 50px; }.intro-video { min-height: 440px; aspect-ratio: 16 / 9; }.progress { overflow-x: auto; padding-bottom: 12px; }.reviewer-layout, .exam-layout { grid-template-columns: 1fr; }.approval-card { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; }.approval-card h3 { margin-top: 0; }.approval-card p, .approval-card label { grid-column: 2; }.finish-grid { grid-template-columns: 1fr 1fr; }.share-card { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .creator-header .nav-shell { align-items: center; }.creator-header-actions .preview-pill, .creator-header-actions a:first-of-type { display: none; }.creator-header-actions { gap: 12px; font-size: .7rem; }
  .creator-intro { padding: 24px 0 34px; }.creator-intro-grid { width: calc(100% - 24px); border-radius: 16px; }.creator-intro-grid > div:first-child { padding: 40px 24px; }.creator-intro h1 { font-size: 2.75rem; }.intro-video { min-height: 320px; aspect-ratio: 16 / 9; }
  .creator-workspace { width: 100%; padding-top: 18px; }.progress { padding-inline: 18px; }.progress-step { min-width: 90px; }.progress-step b { font-size: .64rem; }.progress > i { min-width: 28px; margin-inline: 5px; }
  .creator-panel { padding: 24px 17px; border-radius: 0; border-inline: 0; }.panel-heading { gap: 13px; }.panel-number { width: 40px; height: 40px; }.panel-heading h2 { font-size: 2rem; }
  .field-grid, .choice-grid, .review-columns, .answer-options, .finish-grid { grid-template-columns: 1fr; }.field.full { grid-column: auto; }.panel-actions { align-items: stretch; flex-direction: column-reverse; }.panel-actions .button, .panel-actions .button-link { width: 100%; min-height: 48px; text-align: center; }.reviewer-paper { padding: 22px; min-height: 0; }.paper-kicker { margin-top: 36px; }.approval-card { display: block; }.approval-card p, .approval-card label { grid-column: auto; }.theme-grid { grid-template-columns: repeat(3,1fr); }.exam-settings { padding: 18px; }.exam-preview { min-height: 0; }.exam-paper { padding: 22px; min-height: 460px; }.finish-grid .share-card { grid-column: auto; }.success-actions { flex-direction: column; }.success-actions .button { width: 100%; }.full-reviewer-scroll { padding: 12px; }.full-reviewer-document { padding: 28px 20px; }.sample-card-grid { grid-template-columns: 1fr; }.reviewer-dialog-header { padding: 20px; }.reviewer-dialog-actions { padding: 12px 20px; }.reviewer-dialog-actions .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .intro-video video { display: none; } }