/* Socra workspace: UI/UX Pro Max minimal, accessible, task-focused. Document styles stay intact. */
:root{--ui-white:#fff;--ui-ink:#1c3027;--ui-green:#00663a;--ui-green-dark:#00502d;--ui-bg:#f5f6f3;--ui-line:#dce3dc;--ui-soft:#eff4ef;--ui-muted:#596b60;--ui-radius:14px;--ui-focus:#008047;--ui-shadow:0 4px 24px #253b2c05;--ui-fast:160ms}
.socra-tool{background:var(--ui-bg);color:var(--ui-ink);font-family:'Pretendard Variable',sans-serif;font-size:16px;line-height:1.5}.socra-tool .app-header{min-height:80px;padding:0 48px;background:var(--ui-white);border-bottom:1px solid var(--ui-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.app-brand{display:flex;align-items:center;gap:22px}.app-brand>a{font-size:23px!important;letter-spacing:-1.2px;font-weight:850;line-height:1}.app-brand>a span{font-size:inherit;color:var(--ui-green)}.brand-divider{width:1px;height:22px;background:var(--ui-line)}.brand-context{font-size:14px!important;color:var(--ui-muted)}.socra-tool header .tool-links{gap:4px;padding:5px;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:10px}.socra-tool header .tool-links a{min-height:40px;padding:10px 22px;font-size:14px;line-height:20px;border-radius:7px;text-decoration:none}.socra-tool header .tool-links a[aria-current=page]{background:var(--ui-white);color:var(--ui-green);box-shadow:0 1px 4px #253b2c0c}.socra-tool main{max-width:1504px;margin:0 auto;padding:36px 48px 64px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-kicker{margin:0 0 8px;font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--ui-muted)}.page-heading h1{font-size:34px;font-weight:750;line-height:1.25;letter-spacing:-1.2px;margin:0}.page-description{color:var(--ui-muted);font-size:15px;margin:10px 0 0}.page-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ui-muted);margin:0 0 3px}.page-flow span{color:#7d9283}.socra-tool .workspace{grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start}.socra-tool .panel{padding:24px;background:var(--ui-white);border:1px solid var(--ui-line);border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--ui-line)}.panel-heading h2{font-size:17px!important;letter-spacing:-.3px;margin:0}.panel-heading>span{font-size:11px;color:var(--ui-muted)}.socra-tool .google-status{background:transparent;border:0;padding:0;margin:20px 0 0!important}.socra-tool .google-status button{min-height:46px;background:var(--ui-white);border-color:#aabbb0;font-size:14px}.socra-tool .google-status small{font-size:12px!important;color:var(--ui-muted);line-height:1.6;margin-top:8px!important}.socra-tool .permission-note{border:0;background:var(--ui-soft);padding:12px;margin-top:20px;border-radius:8px;gap:9px}.socra-tool .permission-note p{color:#33543f;font-size:12px}.permission-icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.socra-tool .step-heading{display:flex;align-items:center;gap:10px;font-size:15px!important;letter-spacing:-.2px;margin:24px 0 14px;padding-top:22px;color:var(--ui-ink)}.socra-tool .step-heading span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;background:var(--ui-soft);color:var(--ui-green);font-size:11px;font-weight:750;margin:0}.socra-tool .mode{margin:0 0 16px;padding:4px;background:var(--ui-bg);border-radius:9px;border:1px solid var(--ui-line)}.socra-tool .mode button{min-height:40px;font-size:13px;border-radius:6px}.socra-tool .mode .active{box-shadow:0 1px 3px #253b2c10;color:var(--ui-green)}.socra-tool .panel label{font-size:13px;margin:18px 0 8px;color:var(--ui-ink)}.socra-tool input,.socra-tool select,.socra-tool textarea{border:1px solid #aebdb3;border-radius:8px;color:var(--ui-ink);background:var(--ui-white)}.socra-tool .panel input,.socra-tool .panel select{min-height:46px;padding:12px;font-size:14px}.socra-tool input::placeholder,.socra-tool textarea::placeholder{color:#687a6e;font-size:13px}.socra-tool .panel small{font-size:12px!important;color:var(--ui-muted);line-height:1.65}.socra-tool button{min-height:44px;font-size:13px;border-radius:8px;border-color:#aebdb3;transition:background-color var(--ui-fast),border-color var(--ui-fast),color var(--ui-fast);cursor:pointer}.socra-tool button:disabled{cursor:not-allowed;opacity:1;color:#647469;background:#eef1ed;border-color:#d5ded6}.socra-tool button.primary:disabled{background:#e2ece4!important;border-color:#d5e1d8!important;color:#506957!important}.socra-tool .primary{background:var(--ui-green)!important;color:var(--ui-white)!important;border-color:var(--ui-green)!important}.socra-tool button.primary:hover:enabled{background:var(--ui-green-dark)!important}.socra-tool button:hover:enabled{background:var(--ui-soft)}.socra-tool .actions{margin-top:16px;gap:8px}.socra-tool .actions button{padding:11px 14px}.socra-tool .panel details{margin-top:22px;padding-top:18px;border-top:1px solid var(--ui-line)}.socra-tool summary{min-height:28px;font-size:13px;font-weight:600;color:var(--ui-muted);cursor:pointer}.socra-tool .folder-example{background:var(--ui-bg);border:1px solid var(--ui-line);padding:13px 14px;margin:0 0 18px;border-radius:9px}.socra-tool .folder-example summary{font-size:12px;color:#425d4b;line-height:1.6;min-height:0}.folder-example pre{font-size:12px;line-height:1.55;margin-top:12px;color:#465e4e}.folder-example p{padding-top:10px;margin-top:10px;font-size:12px}.socra-tool .folder-example small{font-size:11px!important}.socra-tool .input-caption{color:var(--ui-muted);font-size:13px;line-height:1.7}.socra-tool .toolbar{margin:0 0 16px;min-height:48px;align-items:center}.socra-tool .toolbar h2{font-size:19px;line-height:1.4;color:var(--ui-ink);letter-spacing:-.4px}.socra-tool .eyebrow{font-size:11px;letter-spacing:.3px;margin-bottom:5px;color:var(--ui-muted)}.socra-tool .stage{padding:7px 11px;border:1px solid var(--ui-line);border-radius:6px;font-size:11px;color:var(--ui-muted);background:var(--ui-white)}.socra-tool .review>.secondary{font-size:13px;color:var(--ui-muted);margin:0 0 20px;line-height:1.7}.socra-tool .lesson-list{border-color:var(--ui-line);border-radius:var(--ui-radius);max-height:440px;margin:0 0 20px;box-shadow:var(--ui-shadow)}.socra-tool .onboarding-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px;color:var(--ui-muted);font-family:'Pretendard Variable',sans-serif;background:var(--ui-white);border-radius:var(--ui-radius)}.socra-tool .onboarding-empty h3{font-size:20px;color:var(--ui-ink);font-weight:650;letter-spacing:-.5px;margin:20px 0 10px}.socra-tool .onboarding-empty p{font-size:14px;color:var(--ui-muted);line-height:1.8;margin:0}.empty-icon{width:54px;height:54px;border:1px solid #d4e3d7;border-radius:14px;background:var(--ui-soft);padding:14px;color:var(--ui-green)}.empty-icon svg{width:100%;height:100%}.onboarding-path{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:30px 0 14px;font-size:12px!important;font-weight:500}.onboarding-path>span{background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:6px;padding:8px 12px;color:var(--ui-muted)}.onboarding-path .path-branch::before,.onboarding-path .path-result::before{content:'→';margin-right:8px;color:#647b6b}.onboarding-path .path-result{background:var(--ui-soft);color:var(--ui-green);border-color:#cddfd1}.socra-tool .onboarding-empty small{font-size:12px!important;color:var(--ui-muted)}.notes-tool #document>.onboarding-empty{border:1px solid var(--ui-line);min-height:530px;box-shadow:var(--ui-shadow);max-width:none}.notes-tool .document:has(>.onboarding-empty){max-width:none}.socra-tool .review-preview{padding:16px 18px;background:transparent;box-shadow:none;border-color:var(--ui-line);border-radius:10px}.socra-tool .footer-note{font-size:12px;color:var(--ui-muted);line-height:1.7;max-width:70ch;margin-top:18px}.socra-tool .hint-box{border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-muted);font-size:12px!important}.socra-tool .batch-actions{flex-wrap:wrap;gap:8px}.socra-tool .batch-actions button{min-width:130px}.socra-tool .lesson-card{padding:16px;gap:12px}.socra-tool .lesson-card button{font-size:14px}.socra-tool .lesson-card select{min-height:44px;padding:10px;font-size:13px}.socra-tool .lesson-card.selected{background:var(--ui-soft)}.socra-tool #request-dialog{border-radius:18px;padding:28px;border-color:var(--ui-line);color:var(--ui-ink)}.socra-tool #request-text{background:var(--ui-bg);font-size:13px;line-height:1.75;padding:16px;border-color:var(--ui-line)}.socra-tool .request-dialog-header button{width:44px;height:44px}.socra-tool .request-dialog-header h2{font-size:24px;line-height:1.4}.socra-tool .request-dialog-footer{gap:20px}.socra-tool #request-copy{padding:12px 20px}.socra-tool .skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:12px 20px;background:var(--ui-green);color:var(--ui-white);transform:translateY(-150%);border-radius:6px}.socra-tool .skip-link:focus{transform:none}.socra-tool :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.socra-tool :is(button,a,input,select,textarea,summary){scroll-margin-top:24px}
@media(min-width:1400px){.socra-tool .workspace{gap:36px;grid-template-columns:400px minmax(0,1fr)}}
@media(max-width:1100px){.socra-tool main{padding:28px 24px 48px}.socra-tool .app-header{padding:0 24px}.socra-tool .workspace{grid-template-columns:340px minmax(0,1fr);gap:24px}.page-flow{display:none}.socra-tool .onboarding-empty{padding:36px 20px}.onboarding-path{gap:6px}}
@media(max-width:760px){.socra-tool .app-header{padding:16px 20px;gap:16px;flex-wrap:wrap;min-height:0}.app-brand{gap:14px}.brand-context{font-size:12px!important}.socra-tool header .tool-links{margin:0;flex:1;justify-content:center;min-width:240px}.socra-tool header .tool-links a{flex:1;text-align:center;padding:10px 14px}.socra-tool main{padding:24px 16px 40px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px}.page-description{font-size:14px;max-width:30ch;line-height:1.7}.socra-tool .workspace{grid-template-columns:1fr;gap:28px}.socra-tool .panel{padding:20px!important}.socra-tool .onboarding-empty{min-height:340px;padding:36px 18px}.socra-tool .onboarding-empty h3{font-size:18px}.socra-tool .onboarding-empty p{font-size:13px}.onboarding-path{flex-direction:column;gap:8px;margin:24px 0 12px}.notes-tool #document>.onboarding-empty{min-height:400px}.socra-tool .toolbar h2{font-size:18px}.socra-tool #request-dialog{padding:20px}.socra-tool .request-dialog-header h2{font-size:20px}.socra-tool #request-copy{width:100%}}
@media(prefers-reduced-motion:reduce){.socra-tool *, .socra-tool *::before,.socra-tool *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.save-default{font-size:12px;color:var(--ui-muted);line-height:1.8;margin:0}.save-default strong{display:block;font-weight:550;color:var(--ui-ink)}
.workspace-embedded>.app-header,.workspace-embedded>.skip-link{display:none}.workspace-embedded main{padding-top:28px}@media(max-width:760px){.workspace-embedded main{padding-top:24px}}
.workspace-hub header a{text-decoration:none;color:var(--ui-ink)}.workspace-hub .tool-links{display:flex;align-items:center}