/* HAE JOUNG STENO · STUDIO 01
   Screen-only presentation layer. No controls, states or transcript content are replaced.
*/
@media screen {
body.hjs-studio {
 --studio-ink:#0e192b;--studio-muted:#586779;--studio-line:#d6dee8;
 --studio-blue:#215eff;--studio-navy:#101e33;--studio-paper:#f3f6fa;
 --studio-shadow:0 12px 32px #12243b0a;
 font-family:"Pretendard","Noto Sans KR","Malgun Gothic",-apple-system,BlinkMacSystemFont,sans-serif;
 background:var(--studio-paper);color:var(--studio-ink);font-size:16px;
}
body.hjs-studio *,body.hjs-studio *::before,body.hjs-studio *::after {box-sizing:border-box}
body.hjs-studio .product-shell {
 --text:var(--studio-ink);--text-soft:var(--studio-muted);--text-faint:#607086;--line:var(--studio-line);
 background:radial-gradient(ellipse at 80% 0,#dbe5f64d,transparent 45%),var(--studio-paper);
 min-height:100dvh;
}
body.hjs-studio .product-shell .sidebar {
 min-height:82px;padding:14px clamp(20px,3vw,52px);gap:24px;
 background:#0e192b!important;color:#f8fbff!important;border-bottom:1px solid #29405d;
 box-shadow:0 6px 22px #0c17221a;
}
body.hjs-studio .product-shell .logo-mark,
body.hjs-studio :is(.visual-mark,.viewer-brand-mark,.mobile-mark) {
 width:42px;height:42px;border-radius:12px;color:white;background:#225fff;
 border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff40,0 4px 16px #00114450;
}
body.hjs-studio .product-shell .logo-name {font-size:14px;letter-spacing:.09em;color:#f5f9ff}
body.hjs-studio .product-shell .logo-sub {font-size:12px;letter-spacing:.15em;color:#a1b5cf;margin-top:5px}
body.hjs-studio .product-shell .nav {gap:6px;padding:5px;background:#ffffff06;border:1px solid #ffffff0e;border-radius:13px}
body.hjs-studio .product-shell .nav a {color:#bbc9dc;font-size:14px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:9px}
body.hjs-studio .product-shell .nav a:hover {background:#ffffff0d;color:#fff}
body.hjs-studio .product-shell .nav a.active {color:#fff;background:#244ed1;border-color:#779aff50;box-shadow:0 3px 10px #0003}
body.hjs-studio .product-shell .nav-step {color:#93aacc;background:#ffffff09;border-radius:6px;font-size:12px}
body.hjs-studio .product-shell .nav a.active .nav-step {color:#dce7ff;background:#ffffff18}
body.hjs-studio .product-shell .user-name {color:#f1f5ff;font-size:14px}
body.hjs-studio .product-shell .logout {color:#b9c7da;font-size:12px}
body.hjs-studio .product-shell .avatar {background:#203551;border:1px solid #ffffff20;color:#e1eaff}
body.hjs-studio .product-shell .main {padding:30px clamp(20px,3vw,52px) 40px}
body.hjs-studio .product-shell .content-wrap {max-width:1680px;margin:0 auto}
body.hjs-studio .product-shell .page-header {margin-bottom:26px;gap:18px;min-width:0}
body.hjs-studio .product-shell .page-header h1 {font-size:clamp(26px,2.3vw,36px);line-height:1.35;letter-spacing:-.04em;color:#101e33;margin:6px 0 8px}
body.hjs-studio .product-shell .eyebrow {font-size:12px;letter-spacing:.16em;color:#255cc6;font-weight:800}
body.hjs-studio .product-shell .eyebrow::before {background:#245fff}
body.hjs-studio .product-shell .page-subtitle {font-size:14px;line-height:1.7;color:#596b81}
body.hjs-studio .product-shell .card {background:#fff!important;border:1px solid var(--studio-line)!important;border-radius:18px;box-shadow:var(--studio-shadow)}
body.hjs-studio .product-shell :is(.primary-button,.new-meeting-link,.compact-open,.checkpoint-next) {background:#225fff;color:white;border:1px solid #2157de;border-radius:10px;box-shadow:0 4px 10px #225fff1c;min-height:44px}
body.hjs-studio .product-shell :is(.primary-button,.new-meeting-link,.compact-open,.checkpoint-next):hover {background:#174cd7}
body.hjs-studio :is(a,button,input,select,[contenteditable=true]):focus-visible {outline:3px solid #4384ff!important;outline-offset:3px}
body.hjs-studio button:disabled {cursor:not-allowed;opacity:.55}
body.hjs-studio .product-shell .status-chip {border-radius:7px;min-height:30px;padding:6px 10px;font-size:12px;border:1px solid #dce4ed}
body.hjs-studio .product-shell .status-chip.ok {background:#eef8f5;color:#17694f;border-color:#d4e9e0}
body.hjs-studio .product-shell .status-chip.draft {background:#fff7e8;color:#87580d;border-color:#f1dfb5}
body.hjs-studio .product-shell .status-chip.final {background:#eaf6f1;color:#1b7152;border-color:#cfe8dd}

/* Meeting setup: an actual studio photograph, kept within the existing header. */
body.hjs-studio.hjs-page-start .page-header {
 min-height:160px;padding:28px 34px;border-radius:20px;position:relative;isolation:isolate;
 background:linear-gradient(90deg,#0b172a 0%,#0b172ae6 40%,#0b172a00 76%),url('../images/studio-microphone.webp') right 20%/auto 340px no-repeat,#0b172a;
 border:1px solid #263b56;box-shadow:0 14px 32px #1024471a;
}
body.hjs-studio.hjs-page-start .page-header h1 {color:#fff;font-size:34px}
body.hjs-studio.hjs-page-start .page-header .eyebrow {color:#9ab9ff}
body.hjs-studio.hjs-page-start .page-header .page-subtitle {color:#c8d5e8;max-width:65ch}
body.hjs-studio.hjs-page-start .page-header .status-chip {background:#0d1d33d9;color:#cedef4;border:1px solid #8eb9ff44;align-self:flex-start}
body.hjs-studio .product-shell .start-grid {grid-template-columns:minmax(0,1.35fr) minmax(350px,.85fr);gap:24px;align-items:start}
body.hjs-studio .product-shell .meeting-form {padding:28px 32px;border-top:3px solid #2865ff!important}
body.hjs-studio .product-shell .section-head {margin-bottom:22px}
body.hjs-studio .product-shell :is(.section-head h2,.system-title h2) {font-size:22px;letter-spacing:-.035em;color:#142138}
body.hjs-studio .product-shell :is(.section-kicker,.checkpoint-kicker) {font-size:12px;letter-spacing:.13em;color:#466da8}
body.hjs-studio .product-shell .section-number {border-radius:50%;width:42px;height:42px;background:#f0f4fb;color:#3a619b;font-size:13px;border:1px solid #dce4f0}
body.hjs-studio .product-shell .meeting-form label {font-size:14px;font-weight:700;color:#334761;margin-bottom:19px}
body.hjs-studio .product-shell .meeting-form :is(input,select) {font-size:16px;min-height:50px;border:1px solid #ccd6e4;border-radius:10px;background:#f9fbfe;padding:12px 14px;color:#152945}
body.hjs-studio .product-shell .meeting-form input:focus {background:#fff;box-shadow:0 0 0 4px #2964ff0e;border-color:#4580eb}
body.hjs-studio .product-shell .meeting-form select:disabled {color:#627086;background:#edf1f6;opacity:1}
body.hjs-studio .product-shell .start-button {min-height:54px;font-size:16px!important;padding:12px 20px}
body.hjs-studio .product-shell .section-divider {background:linear-gradient(90deg,#dbe3ef,#e7edf600);margin:8px 0 24px}
body.hjs-studio .product-shell .system-card {padding:28px;background:linear-gradient(145deg,#182940,#101c30)!important;color:#eef5ff;border-color:#283e5c!important;box-shadow:0 15px 30px #0a1e3717}
body.hjs-studio .product-shell .system-title {position:relative;border-color:#ffffff18;padding-bottom:20px}
body.hjs-studio .product-shell .system-title::after {content:"";position:absolute;right:0;top:6px;width:52px;height:32px;background:repeating-linear-gradient(90deg,#6c9dff 0 3px,transparent 3px 7px);clip-path:polygon(0 35%,13% 35%,13% 10%,26% 10%,26% 25%,39% 25%,39% 0,52% 0,52% 20%,65% 20%,65% 38%,78% 38%,78% 22%,91% 22%,91% 45%,100% 45%,100% 60%,91% 60%,91% 80%,78% 80%,78% 65%,65% 65%,65% 82%,52% 82%,52% 100%,39% 100%,39% 78%,26% 78%,26% 92%,13% 92%,13% 65%,0 65%);opacity:.75;pointer-events:none}
body.hjs-studio .product-shell .system-title :is(h2,.section-kicker) {color:#eaf2ff}
body.hjs-studio .product-shell .system-title .section-kicker {color:#8ca9d6}
body.hjs-studio .product-shell .system-item {border-color:#ffffff13;min-height:83px;grid-template-columns:42px minmax(0,1fr) auto}
body.hjs-studio .product-shell .system-copy strong {color:#f1f6ff;font-size:15px}
body.hjs-studio .product-shell .system-copy span {color:#afc0d6;font-size:13px;line-height:1.6}
body.hjs-studio .product-shell .system-icon {background:#ffffff0a;color:#aac6ff;border:1px solid #ffffff16;border-radius:11px;font-size:20px}
body.hjs-studio .product-shell .system-icon.mint {color:#76d2b5}
body.hjs-studio .product-shell .ready {font-size:13px}
body.hjs-studio .product-shell .ready.green {color:#84dec1}
body.hjs-studio .product-shell .ready.blue {color:#9bbcff}
body.hjs-studio .product-shell .system-summary {background:#ffffff05;border:1px solid #ffffff13;border-radius:12px;padding:14px}
body.hjs-studio .product-shell .system-summary strong {color:#dce8fa;font-size:13px}
body.hjs-studio .product-shell .system-summary span {color:#aec0d9;font-size:13px}
body.hjs-studio .product-shell .system-summary-icon {color:#b8d0ff;background:#294163}
body.hjs-studio #hjsMicCheck {border-color:#ffffff18;color:#edf4ff}
body.hjs-studio #hjsMicCheck h3 {font-size:18px;letter-spacing:-.03em}
body.hjs-studio #hjsMicCheck p,body.hjs-studio #hjsMicCheck label {color:#b5c7dd;font-size:13px;line-height:1.7}
body.hjs-studio #hjsMicCheck button {color:#dae6f8;background:#ffffff08;border-color:#526781;border-radius:8px;font-size:14px;min-height:44px}
body.hjs-studio #hjsMicCheck button[data-m=connect] {background:#2b67fc;border-color:#588bff;color:#fff}
body.hjs-studio #hjsMicCheck .hjs-mic-note {background:#ffffff06;color:#b7c9df;border-left:2px solid #537ba7;border-radius:4px}
body.hjs-studio #hjsMicCheck [data-m=status][data-error=true] {color:#ffadaf}

/* Live desk: light paper editors with a dark audio control surface. */
body.hjs-studio.hjs-page-realtime .page-header {padding-bottom:18px;border-bottom:1px solid #d6dfeb}
body.hjs-studio .product-shell #hjsLive3 {
 background:linear-gradient(115deg,#17283e,#101c30)!important;border:1px solid #2b405a!important;
 color:#e7eefb;padding:24px 28px;margin-bottom:20px;border-radius:18px;box-shadow:0 12px 30px #10203612;
}
body.hjs-studio .product-shell #hjsLive3 h2 {color:#f7faff;font-size:21px;line-height:1.5;letter-spacing:-.03em;margin-bottom:8px}
body.hjs-studio .product-shell #hjsLive3 p {font-size:13px;line-height:1.7;color:#b9c9dd}
body.hjs-studio .product-shell #hjsLive3 label {color:#d5e2f4;font-size:14px;line-height:1.5}
body.hjs-studio .product-shell #hjsLive3 :is(input,select) {background:#f5f8ff;color:#16283e;border:1px solid #9aadc6;border-radius:8px;min-height:44px;font-size:16px}
body.hjs-studio .product-shell #hjsLive3 :is(button,a) {min-height:44px;border-radius:8px;background:#e7effb;color:#173351;border:1px solid #a5b8d0;font-size:14px;font-weight:700;padding:10px 15px}
body.hjs-studio .product-shell #hjsLive3 [data-l=start] {background:#2b66ff;color:#fff;border-color:#6591ff;box-shadow:0 4px 14px #00133740}
body.hjs-studio .product-shell #hjsLive3 [data-l=stop]:not(:disabled) {background:#ac2940;color:#fff;border-color:#e37687}
body.hjs-studio .product-shell #hjsLive3 [data-l=download] {background:#183e3b;color:#b5f1dc;border-color:#4a8876}
body.hjs-studio .product-shell #hjsLive3 [data-l=status] {padding:9px 12px;border:1px solid #5473994d;background:#06132650;border-radius:8px;color:#c9dfff}
body.hjs-studio .product-shell #hjsLive3 [data-l=status][data-error=true] {color:#ffb3bb;border-color:#b660724d}
body.hjs-studio .product-shell #hjsLive3 [data-l=stats] {font-variant-numeric:tabular-nums;color:#9fbbdf}
body.hjs-studio .product-shell #hjsLive3 [data-l=note] {padding-top:10px;border-top:1px solid #ffffff12;color:#a9bdd6}
body.hjs-studio .product-shell #hjsLive3 .hjs-yt4-playerbox {background:#0c1524;border-color:#304962;color:#cddbee}
body.hjs-studio .product-shell #hjsLive3 .hjs-yt4-stage {background:#060d18}
body.hjs-studio :is(#hjsLive3,#hjsMicCheck) progress {height:10px;border:0;border-radius:3px;background:#071323;accent-color:#65bce5}
body.hjs-studio :is(#hjsLive3,#hjsMicCheck) progress::-webkit-progress-bar {background:#071323;border:1px solid #364860;border-radius:3px}
body.hjs-studio :is(#hjsLive3,#hjsMicCheck) progress::-webkit-progress-value {background:linear-gradient(90deg,#2863ec,#75d8d2);border-radius:2px}
body.hjs-studio :is(#hjsLive3,#hjsMicCheck) progress::-moz-progress-bar {background:linear-gradient(90deg,#2863ec,#75d8d2)}
body.hjs-studio .product-shell #hjsRecordingLibrary {padding:20px 24px;margin:0 0 24px;border-radius:14px;background:#fff!important}
body.hjs-studio .product-shell #hjsRecordingLibrary .recording-heading h2 {font-size:18px;letter-spacing:-.03em;color:#243950}
body.hjs-studio .product-shell #hjsRecordingLibrary [data-list] {max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
body.hjs-studio .product-shell #hjsRecordingLibrary .recording-row {padding:14px 0;border-color:#e4eaf2;gap:18px}
body.hjs-studio .product-shell #hjsRecordingLibrary .recording-copy strong {font-size:15px;color:#243953}
body.hjs-studio .product-shell #hjsRecordingLibrary .recording-copy p {margin:5px 0 0;font-size:12px;color:#627287;font-variant-numeric:tabular-nums}
body.hjs-studio .product-shell #hjsRecordingLibrary :is(button,a) {font-size:13px;min-height:40px;border-radius:7px;border-color:#ccd7e7;color:#294b7b;padding:9px 12px}
body.hjs-studio .product-shell #hjsRecordingLibrary .recording-actions a:first-child {background:#edf3ff;border-color:#c6d7f5;color:#2154b4}
body.hjs-studio .product-shell #hjsRecordingLibrary dialog {background:#fff;color:#152c49;border:1px solid #c1d0e5;border-radius:16px;padding:28px;box-shadow:0 24px 100px #03112755}
body.hjs-studio .product-shell #hjsRecordingLibrary dialog label {font-size:14px;color:#3a506e}
body.hjs-studio .product-shell #hjsRecordingLibrary dialog input {font-size:16px;min-height:48px;border:1px solid #b8cae3;border-radius:8px}
body.hjs-studio .product-shell #hjsRecordingLibrary dialog button[type=submit] {background:#245fff;color:white;border-color:#245fff}
body.hjs-studio .product-shell .transcription-grid {gap:20px}
body.hjs-studio .product-shell .transcript-card {border-radius:15px;overflow:hidden}
body.hjs-studio .product-shell .transcript-head {padding:18px 20px;background:#f6f9fe;border-bottom:1px solid #dce6f3}
body.hjs-studio .product-shell .human-head {background:#eaf0fa;border-color:#c5d5eb}
body.hjs-studio .product-shell .panel-title strong {font-size:18px;letter-spacing:-.025em;color:#172c49}
body.hjs-studio .product-shell .panel-title span {font-size:12px;letter-spacing:.1em;color:#69809f}
body.hjs-studio .product-shell .panel-icon {border-radius:9px;width:38px;height:38px;background:#e1eafb;color:#255cb8;font-size:16px}
body.hjs-studio .product-shell .panel-icon.human {background:#243c62;color:#fff}
body.hjs-studio .product-shell :is(.audio-strip,.human-guide) {padding:10px 20px!important;font-size:13px!important;min-height:42px;border-bottom:1px solid #e5ebf5;background:#fbfcff;color:#5c7191}
body.hjs-studio .product-shell .waveform i {background:#6c8ebd;animation:none}
body.hjs-studio .product-shell .transcript-body {font-size:18px!important;line-height:1.95!important;padding:24px!important;background:#fff;color:#17283f;caret-color:#1d59e8}
body.hjs-studio .product-shell .segment {padding:14px 0;border-bottom:1px solid #e9edf4}
body.hjs-studio .product-shell .segment-meta {font-size:12px!important;color:#718299!important;font-variant-numeric:tabular-nums;letter-spacing:.035em;margin-bottom:7px}
body.hjs-studio .product-shell .empty-symbol {border-radius:14px;background:#f0f4fc;color:#5475aa;border:1px solid #dce7f5}
body.hjs-studio .product-shell .empty-message {color:#697c95;font-size:15px}
body.hjs-studio .product-shell .checkpoint-card {border-radius:15px}
body.hjs-studio .product-shell .checkpoint-header {padding:24px;background:#fff;border-bottom:1px solid #e0e7f0}
body.hjs-studio .product-shell .checkpoint-header h2 {font-size:21px;color:#192e4d;letter-spacing:-.03em}
body.hjs-studio .product-shell .checkpoint-header p {font-size:14px;line-height:1.7;color:#64748b}
body.hjs-studio .product-shell .checkpoint-summary {gap:1px;background:#dce4ef;padding:0;border-bottom:1px solid #dce4ef}
body.hjs-studio .product-shell .checkpoint-stat {border:0;border-radius:0;background:#f8fafe;padding:18px 24px}
body.hjs-studio .product-shell .checkpoint-stat small {font-size:13px;color:#667895}
body.hjs-studio .product-shell .checkpoint-stat strong {font-size:24px;color:#243b5d}
body.hjs-studio .product-shell .checkpoint-mini {border-radius:7px;min-height:38px}
body.hjs-studio .product-shell .checkpoint-mini.apply {background:#edf3ff;color:#2556b2;border-color:#c5d6f5}
body.hjs-studio .product-shell .preview-grid {gap:20px}
body.hjs-studio .product-shell .action-bar {border:1px solid #cbd8e8;border-radius:12px;background:#f9fbff;box-shadow:0 8px 30px #1427440c;padding:16px 20px}

/* Archive: editorial document cards, fine ruled edges and quieter metadata. */
body.hjs-studio.hjs-page-meetings .page-header {border-left:4px solid #2b64e9;padding-left:20px}
body.hjs-studio .product-shell .meeting-search {border:1px solid #cfdae9;border-radius:12px;box-shadow:0 3px 8px #20385a04;min-height:64px;padding:10px 14px 10px 20px}
body.hjs-studio .product-shell .meeting-search button {border-radius:8px;background:#244fbd;min-height:42px}
body.hjs-studio .product-shell .date-shelf {margin-bottom:34px}
body.hjs-studio .product-shell .date-shelf-header {margin-bottom:14px;border-bottom:1px solid #d5dfec;padding-bottom:12px}
body.hjs-studio .product-shell .date-kicker {font-size:12px;letter-spacing:.12em;color:#71839d}
body.hjs-studio .product-shell .date-title-row h2 {font-size:24px;color:#1d334f;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
body.hjs-studio .product-shell .date-title-row span {color:#536c91;background:#e8eef7;border-color:#d7e1ef;font-size:12px}
body.hjs-studio .product-shell .document-carousel {grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
body.hjs-studio .product-shell .document-card {padding:24px;border-radius:14px;border:1px solid #cedaea!important;border-top:3px solid #6889bb!important;background:#fff!important;box-shadow:0 8px 20px #14294708;min-height:310px;position:relative}
body.hjs-studio .product-shell .document-card.is-final {border-top-color:#267963!important}
body.hjs-studio .product-shell .document-card::after {content:"";position:absolute;left:12px;right:12px;bottom:-5px;height:4px;border:1px solid #d6e0ed;border-top:0;border-radius:0 0 10px 10px;background:#f9fbff;pointer-events:none}
body.hjs-studio .product-shell .document-number {font-size:12px;letter-spacing:.04em;color:#7b8a9f}
body.hjs-studio .product-shell .compact-document-icon {width:44px;height:52px;border-radius:7px;background:#eef3fc;border:1px solid #d2ddf0;font-size:20px;color:#456dba;box-shadow:inset 3px 0 #dbe5f6}
body.hjs-studio .product-shell .compact-title {padding:20px 0;gap:14px;min-height:92px}
body.hjs-studio .product-shell .compact-title h3 {font-size:21px;color:#213750;line-height:1.5}
body.hjs-studio .product-shell .compact-kicker {font-size:12px;letter-spacing:.09em;color:#738aad}
body.hjs-studio .product-shell .compact-meta {padding:15px 0;border-color:#e1e8f2;gap:11px}
body.hjs-studio .product-shell .compact-meta small {font-size:13px;color:#77869a!important}
body.hjs-studio .product-shell .compact-meta strong {font-size:14px;color:#3c506c}
body.hjs-studio .product-shell .compact-metrics {padding:14px 0;color:#647895;gap:10px;flex-wrap:wrap}
body.hjs-studio .product-shell .compact-actions :is(a,button) {min-height:42px!important;border-radius:7px;font-size:13px!important}
body.hjs-studio .product-shell .compact-actions .compact-open {background:#234b9f;color:#fff;border-color:#234b9f}
body.hjs-studio .product-shell .compact-actions .compact-export {background:#f3f6fc;color:#3e5e8b;border-color:#d4dff0}
body.hjs-studio .product-shell .compact-actions .compact-delete {background:#fff7f8;color:#a83b4a;border-color:#efd5db}

/* Login and document viewer: screen chrome only, never paper/print geometry. */
body.hjs-studio.hjs-page-login .login-shell {background:#f4f7fc;grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr)}
body.hjs-studio.hjs-page-login .visual-panel {padding:52px;background:linear-gradient(180deg,#08152824,#071224b3),url('../images/studio-microphone.webp') 68% center/cover;min-height:100dvh}
body.hjs-studio.hjs-page-login .visual-panel::before,
body.hjs-studio.hjs-page-login .visual-panel::after {display:none}
body.hjs-studio.hjs-page-login .visual-copy {margin-top:auto;margin-bottom:42px;max-width:580px;padding-top:180px}
body.hjs-studio.hjs-page-login .visual-copy h1 {font-size:clamp(28px,3vw,44px);line-height:1.5;letter-spacing:-.05em;text-shadow:0 2px 20px #071324}
body.hjs-studio.hjs-page-login .visual-copy p {font-size:16px;line-height:1.8;color:#cad7e9;max-width:420px}
body.hjs-studio.hjs-page-login .visual-label {color:#a7c4ff;letter-spacing:.16em;font-size:12px}
body.hjs-studio.hjs-page-login .visual-sub {color:#a8bddb;font-size:12px}
body.hjs-studio.hjs-page-login .visual-status {gap:22px;font-size:12px;color:#b6cbe5}
body.hjs-studio.hjs-page-login .login-panel {padding:36px;align-items:center}
body.hjs-studio.hjs-page-login .login-card {max-width:460px;padding:40px;border-radius:18px;border:1px solid #d3dfee;background:#fff;box-shadow:0 18px 60px #12294b0a}
body.hjs-studio.hjs-page-login .login-card h2 {font-size:30px;letter-spacing:-.04em;color:#132b4b}
body.hjs-studio.hjs-page-login .login-card :is(label,.login-description) {font-size:14px;color:#596f8b;line-height:1.7}
body.hjs-studio.hjs-page-login .login-card input {min-height:50px;border:1px solid #cad7e9;border-radius:8px;background:#f8faff;color:#203958;font-size:16px}
body.hjs-studio.hjs-page-login .login-button {min-height:50px;border-radius:8px;background:#235ae0;font-size:16px;box-shadow:0 5px 15px #225de52b}
body.hjs-studio.hjs-page-login .login-eyebrow {font-size:12px;letter-spacing:.14em;color:#5d79a6}
body.hjs-studio.hjs-page-login .security-note {font-size:12px;color:#6d809b}
body.hjs-studio.hjs-page-document {font-family:"Malgun Gothic","맑은 고딕",sans-serif}
body.hjs-studio.hjs-page-document .viewer-toolbar {background:#101e33;border-bottom:1px solid #33465e;box-shadow:0 6px 16px #1329461a}
body.hjs-studio.hjs-page-document .viewer-brand-copy strong {font-size:12px}
body.hjs-studio.hjs-page-document .viewer-brand-copy span {font-size:12px;letter-spacing:.04em}
body.hjs-studio.hjs-page-document .toolbar-button {border-radius:7px;font-size:13px;min-height:40px}
body.hjs-studio.hjs-page-document .viewer-subbar {background:#e9eef5;color:#556b89}

@media(max-width:1100px) {
 body.hjs-studio .product-shell .sidebar {padding:12px 22px;gap:10px}
 body.hjs-studio .product-shell .nav a {padding:0 12px}
 body.hjs-studio .product-shell .start-grid {grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:18px}
 body.hjs-studio .product-shell :is(.meeting-form,.system-card) {padding:24px}
 body.hjs-studio .product-shell #hjsRecordingLibrary .recording-row {align-items:flex-start;flex-direction:column;gap:10px}
 body.hjs-studio.hjs-page-login .login-shell {grid-template-columns:1fr 1fr}
 body.hjs-studio.hjs-page-login .visual-panel {padding:36px}
 body.hjs-studio.hjs-page-login .login-panel {padding:22px}
 body.hjs-studio.hjs-page-login .login-card {padding:28px}
}
@media(max-width:900px) {
 body.hjs-studio .product-shell .sidebar {position:relative;min-height:0}
 body.hjs-studio .product-shell .nav {width:100%}
 body.hjs-studio .product-shell .main {padding:22px 18px 30px}
 body.hjs-studio .product-shell .start-grid {grid-template-columns:1fr}
 body.hjs-studio .product-shell .page-header h1 {font-size:27px}
 body.hjs-studio .product-shell #hjsLive3 {padding:22px}
 body.hjs-studio.hjs-page-start .page-header {min-height:154px;padding:24px;background-position:80% 43%}
 body.hjs-studio .product-shell #hjsRecordingLibrary {padding:18px}
 body.hjs-studio .product-shell #hjsRecordingLibrary [data-list] {max-height:260px}
 body.hjs-studio .product-shell .transcript-body {font-size:17px!important;padding:20px!important}
 body.hjs-studio .product-shell .mobile-editor-tabs {border-color:#ccd8eb;background:#eaf0fa;padding:5px}
 body.hjs-studio .product-shell .mobile-editor-tab {background:transparent;color:#456184;font-size:14px!important}
 body.hjs-studio .product-shell .mobile-editor-tab.active {background:#234b91;color:white}
 body.hjs-studio.hjs-page-login .login-shell {grid-template-columns:1fr}
 body.hjs-studio.hjs-page-login .visual-panel {min-height:300px;padding:28px;background-position:70% 43%}
 body.hjs-studio.hjs-page-login .visual-copy {padding-top:50px;margin-bottom:0}
 body.hjs-studio.hjs-page-login .visual-copy h1 {font-size:28px}
 body.hjs-studio.hjs-page-login .visual-status {display:none}
 body.hjs-studio.hjs-page-login .login-panel {padding:28px 20px}
}
@media(max-width:600px) {
 body.hjs-studio .product-shell .sidebar {padding:12px;gap:8px}
 body.hjs-studio .product-shell .logo-name {font-size:12px;letter-spacing:.04em}
 body.hjs-studio .product-shell .logo-mark {width:34px;height:34px}
 body.hjs-studio .product-shell .nav a {font-size:13px;padding:0 6px;min-height:44px}
 body.hjs-studio .product-shell .main {padding:18px 12px 28px}
 body.hjs-studio.hjs-page-start .page-header {background-position:70% center;padding:22px;min-height:166px}
 body.hjs-studio.hjs-page-start .page-header .page-subtitle {max-width:26ch}
 body.hjs-studio .product-shell :is(.meeting-form,.system-card) {padding:22px 18px}
 body.hjs-studio .product-shell .field-grid {grid-template-columns:1fr}
 body.hjs-studio .product-shell #hjsLive3 {padding:20px 16px}
 body.hjs-studio .product-shell #hjsLive3 .hjs-live-fields {grid-template-columns:1fr}
 body.hjs-studio .product-shell #hjsLive3 .hjs-live-buttons {grid-template-columns:1fr}
 body.hjs-studio .product-shell #hjsRecordingLibrary .recording-actions {flex-wrap:wrap;gap:7px}
 body.hjs-studio .product-shell #hjsRecordingLibrary .recording-actions :is(a,button) {min-height:44px}
 body.hjs-studio .product-shell .checkpoint-header {padding:20px 16px}
 body.hjs-studio .product-shell .checkpoint-stat {padding:16px}
 body.hjs-studio .product-shell .action-bar {padding:14px 12px}
 body.hjs-studio .product-shell .right-actions {grid-template-columns:1fr}
 body.hjs-studio .product-shell .document-carousel {grid-template-columns:minmax(0,1fr)}
 body.hjs-studio .product-shell .document-card {padding:22px}
 body.hjs-studio.hjs-page-document .viewer-brand-copy span {font-size:12px}
}
}

/* STUDIO 01 · SPATIAL PASS 2
   More useful density for the working screens. Decorative only; no state or control is changed. */
@media screen and (min-width:901px) {
 body.hjs-studio .product-shell .main {padding-inline:clamp(28px,4.4vw,82px)}
 body.hjs-studio .product-shell .content-wrap {width:100%;max-width:none}
 body.hjs-studio.hjs-page-realtime .product-shell .content-wrap {display:block}
 body.hjs-studio.hjs-page-realtime .realtime-header {position:relative;padding-right:96px}
 body.hjs-studio.hjs-page-realtime .realtime-header::after {content:"";position:absolute;right:0;top:50%;width:76px;height:38px;transform:translateY(-50%);opacity:.8;background:linear-gradient(90deg,transparent 0 5%,#4b76c2 5% 8%,transparent 8% 14%,#75a0eb 14% 18%,transparent 18% 24%,#4b76c2 24% 28%,transparent 28% 34%,#9ec4ff 34% 42%,transparent 42% 48%,#4b76c2 48% 54%,transparent 54% 60%,#75a0eb 60% 67%,transparent 67% 73%,#4b76c2 73% 78%,transparent 78% 84%,#9ec4ff 84% 90%,transparent 90%);clip-path:polygon(0 45%,5% 45%,5% 30%,10% 30%,10% 52%,15% 52%,15% 14%,20% 14%,20% 63%,25% 63%,25% 38%,30% 38%,30% 72%,35% 72%,35% 6%,40% 6%,40% 78%,45% 78%,45% 43%,50% 43%,50% 58%,55% 58%,55% 25%,60% 25%,60% 72%,65% 72%,65% 37%,70% 37%,70% 63%,75% 63%,75% 15%,80% 15%,80% 56%,85% 56%,85% 34%,90% 34%,90% 67%,95% 67%,95% 45%,100% 45%,100% 55%,95% 55%,95% 76%,90% 76%,90% 46%,85% 46%,85% 69%,80% 69%,80% 25%,75% 25%,75% 60%,70% 60%,70% 31%,65% 31%,65% 80%,60% 80%,60% 36%,55% 36%,55% 68%,50% 68%,50% 47%,45% 47%,45% 84%,40% 84%,40% 13%,35% 13%,35% 81%,30% 81%,30% 48%,25% 48%,25% 70%,20% 70%,20% 24%,15% 24%,15% 59%,10% 59%,10% 38%,5% 38%,5% 52%,0 52%)}
 body.hjs-studio.hjs-page-realtime .transcription-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:540px}
 body.hjs-studio.hjs-page-realtime #transcriptionGrid > .transcript-card {height:clamp(500px,calc(100dvh - 300px),880px)}
 body.hjs-studio.hjs-page-realtime .transcript-card {box-shadow:0 14px 34px #142b480b}
 body.hjs-studio.hjs-page-realtime .ai-head::before {content:"01 / CAPTURE";margin-right:auto;color:#7b9ac8;font-size:11px;letter-spacing:.12em;font-weight:800}
 body.hjs-studio.hjs-page-realtime .human-head::before {content:"02 / EDIT";margin-right:auto;color:#5f7fae;font-size:11px;letter-spacing:.12em;font-weight:800}
 body.hjs-studio.hjs-page-realtime .checkpoint-card {margin-top:24px;position:relative;overflow:hidden}
 body.hjs-studio.hjs-page-realtime .checkpoint-card::after {content:"REVIEW SIGNAL";position:absolute;right:24px;bottom:18px;color:#9aacc4;font-size:10px;letter-spacing:.16em;opacity:.65}
 body.hjs-studio.hjs-page-realtime .preview-grid {grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)}
 body.hjs-studio.hjs-page-realtime .action-bar {margin-top:20px}
 body.hjs-studio.hjs-page-meetings .product-shell .content-wrap {width:100%;max-width:none}
 body.hjs-studio.hjs-page-meetings .product-shell .document-carousel {grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px}
 body.hjs-studio.hjs-page-meetings .product-shell .document-card {min-height:325px}
 body.hjs-studio.hjs-page-meetings .product-shell .date-shelf {position:relative}
 body.hjs-studio.hjs-page-meetings .product-shell .date-shelf::before {content:"";position:absolute;left:-18px;top:7px;bottom:3px;width:3px;border-radius:3px;background:linear-gradient(#2c65dc,#8bb0e9 65%,transparent)}
 body.hjs-studio.hjs-page-meetings .product-shell .document-card::before {content:"";position:absolute;right:22px;top:22px;width:38px;height:22px;opacity:.4;background:repeating-linear-gradient(90deg,#4578be 0 2px,transparent 2px 6px);clip-path:polygon(0 46%,8% 46%,8% 20%,16% 20%,16% 63%,24% 63%,24% 5%,32% 5%,32% 82%,40% 82%,40% 32%,48% 32%,48% 67%,56% 67%,56% 13%,64% 13%,64% 86%,72% 86%,72% 42%,80% 42%,80% 72%,88% 72%,88% 27%,100% 27%,100% 60%,0 60%);pointer-events:none}
}
@media screen and (max-width:900px) {
 body.hjs-studio .product-shell .content-wrap {width:100%;max-width:none}
 body.hjs-studio.hjs-page-realtime .realtime-header {padding-right:0}
 body.hjs-studio.hjs-page-realtime .realtime-header::after {display:none}
 body.hjs-studio.hjs-page-realtime .transcription-grid {gap:14px;min-height:0}
 body.hjs-studio.hjs-page-meetings .product-shell .document-carousel {grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
 body.hjs-studio.hjs-page-meetings .product-shell .date-shelf::before {left:-8px}
}