/* Application chrome only. Word/SuperDoc pages retain their original document styles. */
:root { --studio-blue:#3154ff; --studio-ink:#202331; --studio-muted:#777f95; --studio-line:#e1e5f0; --studio-bg:#f7f8fc; }
body { --accent:var(--studio-blue); --accent-soft:#edf0ff; --ink:var(--studio-ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; }
body.workspace-page,body.home-page,body.login-page { background:var(--studio-bg); color:var(--studio-ink); }
a,button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
.workspace-page .side-navigation { width:208px; padding:24px 14px 16px; border-right:1px solid var(--studio-line); background:#fff; z-index:50; }
.workspace-page .workspace-content { margin-left:208px; }
.workspace-page.sidebar-collapsed .side-navigation { width:76px; padding:24px 10px 16px; overflow:visible; }
.workspace-page.sidebar-collapsed .workspace-content { margin-left:76px; }
.workspace-page .side-brand { margin:0 4px 30px; gap:12px; }
.workspace-page .brand-mark,.home-page .brand-mark,.login-page .brand-mark { background:transparent; color:var(--studio-blue); box-shadow:none; font-size:25px; font-weight:900; border-radius:0; }
.brand-mark::before,.brand-mark::after { display:none; }
.workspace-page .brand-mark span,.login-page .brand-mark span { background:transparent; color:var(--studio-blue); box-shadow:none; font-size:26px; font-weight:900; }
.workspace-page .side-brand .brand-mark { width:38px; min-width:38px; height:38px; }
.workspace-page .side-collapse-toggle { position:static; margin:0 8px 24px; width:28px; height:28px; border:0; border-radius:7px; background:transparent; box-shadow:none; color:#7e869a; }
.workspace-page .side-nav-links { display:flex; flex-direction:column; gap:10px; margin:0; }
.workspace-page .side-nav-link { position:relative; display:flex; align-items:center; gap:13px; min-height:50px; padding:12px 14px; margin:0; border-radius:12px; color:#747c91; }
.workspace-page .side-nav-link b { font-size:13px; font-weight:550; }
.workspace-page .side-nav-link > span { display:grid; place-items:center; width:24px; height:24px; flex:none; }
.workspace-page .side-nav-link svg { width:22px; height:22px; }
.workspace-page .side-nav-link.is-active { background:#eef1ff; color:var(--studio-blue); }
.workspace-page.sidebar-collapsed .side-nav-link { justify-content:center; padding:12px; }
.workspace-page.sidebar-collapsed .side-nav-link b { display:none; }
.workspace-page.sidebar-collapsed .side-nav-link:hover::after,.workspace-page.sidebar-collapsed .side-nav-link:focus-visible::after { content:attr(aria-label); position:absolute; left:61px; z-index:100; padding:8px 12px; background:#293047; color:white; border-radius:7px; white-space:nowrap; font-size:12px; box-shadow:0 5px 18px #18274b18; }
.workspace-page .side-account { border:0; gap:8px; padding:12px 4px 0; margin-top:auto; }
.workspace-page.sidebar-collapsed .side-account { margin-top:auto; }
.workspace-page.sidebar-collapsed .side-account button { width:auto; font-size:11px; }
.workspace-page.sidebar-collapsed .side-account button::before { content:none; }
.login-page::before,.login-page::after { display:none; }
.login-page .login-card::before { display:none; }
.workspace-page .side-account-avatar { border-radius:50%; color:var(--studio-blue); background:#eef1ff; width:34px; height:34px; }
.workspace-page.sidebar-collapsed .side-account { display:flex; flex-direction:column; }
.workspace-page.sidebar-collapsed .side-account > div { display:none; }
.workspace-page .side-account button { color:#8b91a2; }
.studio-topbar { min-height:68px; padding:16px 36px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #e8ebf3; }
.studio-breadcrumb { display:flex; gap:12px; align-items:center; color:#8b91a3; font-size:12px; }.studio-breadcrumb strong { color:#43495d; font-weight:550; }
.studio-top-actions { display:flex; gap:9px; }.studio-top-actions a { padding:8px 14px; background:#fff; border:1px solid var(--studio-line); border-radius:20px; color:#565e74; text-decoration:none; font-size:12px; }
.workspace-page .dashboard-main,.workspace-page .resume-library-main,.workspace-page .interview-main,.workspace-page .market-main,.workspace-page .jobs-main { max-width:1380px; padding:38px 44px; margin:0 auto; }
.workspace-page h1 { font-weight:650; font-size:30px; letter-spacing:-1px; }.workspace-page .ux-heading p,.workspace-page .library-heading p { color:var(--studio-muted); font-size:13px; }
.workspace-page .library-button { border-radius:10px; min-height:40px; padding:10px 16px; font-weight:550; }
.workspace-page .library-button.primary,.workspace-page .login-submit,.login-page .login-submit { background:var(--studio-blue); border-color:var(--studio-blue); box-shadow:none; }
.workspace-page .library-button.secondary { border-color:var(--studio-line); background:#fff; color:#596176; }
.workspace-page :is(input,textarea,select):focus { border-color:#758bff; outline:2px solid #3154ff15; box-shadow:none; }
.workspace-page .ux-panel { border-color:var(--studio-line); padding:26px; border-radius:16px; box-shadow:none; }
.workspace-page .ux-path { gap:18px; }.workspace-page .ux-path a { border-color:var(--studio-line); border-radius:16px; padding:25px; transition:transform .18s,border-color .18s; }.workspace-page .ux-path a:hover { transform:translateY(-3px); border-color:#b6c2ff; }.workspace-page .ux-path small { color:var(--studio-blue); font-size:12px; }.workspace-page .ux-path h2 { font-size:17px; font-weight:600; margin:20px 0 10px; }
.studio-welcome { min-height:210px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0 42px; }.studio-welcome h1 { font-size:clamp(30px,3vw,42px); margin:14px 0; }.studio-welcome p { line-height:1.8; color:var(--studio-muted); font-size:14px; }.studio-eyebrow { color:#8590ad; font-size:11px; letter-spacing:2px; }.studio-welcome .library-button { white-space:nowrap; text-decoration:none; }
.studio-emblem { display:grid; place-items:center; width:68px; height:68px; border-radius:22px; color:var(--studio-blue); background:#eaf0ff; margin:0 0 22px; }.studio-emblem svg { width:36px; height:36px; }
.workspace-page .ux-list-row { padding:21px 0; }.workspace-page .ux-list-row h3 { font-weight:550; font-size:15px; }.workspace-page .ux-list-row .ux-muted { font-size:12px; }
.workspace-page .ux-filter { padding:16px 0 24px; border-bottom:1px solid var(--studio-line); margin-bottom:26px; gap:16px; }.workspace-page .ux-filter input { border-radius:22px; max-width:340px; background:#fff; }
.workspace-page .resume-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.workspace-page .resume-record { padding:24px; border:1px solid var(--studio-line); border-radius:15px; background:white; display:flex; flex-direction:column; min-width:0; transition:border-color .2s,box-shadow .2s; }.workspace-page .resume-record:hover { border-color:#b8c6ff; box-shadow:0 10px 28px #3d4f8910; }
.workspace-page .resume-record-top { margin-bottom:22px; }.workspace-page .resume-file-icon { width:42px; height:50px; border:1px solid #d4ddff; border-radius:6px; color:var(--studio-blue); background:#f3f5ff; font-size:20px; }.workspace-page .resume-source { background:transparent; color:#9299aa; font-size:11px; }
.workspace-page .resume-record h2 { font-size:18px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }.workspace-page .resume-record > p { font-size:12px; color:#9198a8; line-height:1.9; flex:1; min-height:68px; }
.workspace-page .resume-record-meta { margin-top:20px; padding-top:18px; border-top:1px solid #f0f1f6; font-size:11px; }.workspace-page .resume-record-meta > div { width:100%; display:flex; align-items:center; gap:12px; margin-top:10px; }.workspace-page .resume-record-meta .ai-edit-action { background:#f0f3ff; color:var(--studio-blue); font-size:12px; padding:9px 12px; }.workspace-page .resume-record-meta button { font-size:12px; }
.workspace-page .resume-empty { border:1px dashed #ccd5ef; background:#fff; border-radius:18px; padding:60px 24px; }.workspace-page .resume-empty > span { background:#edf1ff; color:var(--studio-blue); }
.workspace-page .jobs-query { gap:16px; }.workspace-page .jobs-query input,.workspace-page .jobs-query select { width:100%; }.workspace-page .jobs-columns { grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr); gap:24px; }.workspace-page .jobs-results { margin-top:18px; gap:13px; }.workspace-page .jobs-result { border-radius:14px; padding:24px; border-color:var(--studio-line); }.workspace-page .jobs-result[aria-pressed=true] { border-color:#90a4ff; background:#f5f7ff; box-shadow:none; }.workspace-page .jobs-result strong { color:var(--studio-blue); font-size:16px; }.workspace-page .jobs-result span { font-size:12px; }.workspace-page .jobs-description { line-height:2; }
.workspace-page .interview-main { max-width:1100px; }.workspace-page .interview-heading { text-align:left; margin:8px 0 30px; }.workspace-page .interview-heading h1 { margin:0 0 12px; }.workspace-page .interview-setup-card { padding:30px; border-color:var(--studio-line); border-radius:16px; }.workspace-page .interview-setup-card textarea { min-height:110px; }.workspace-page .interview-setup-card label { color:#596176; font-size:13px; }
.workspace-page .market-heading { margin-top:8px; }.workspace-page .market-hero { background:#eef1ff; border:0; border-radius:16px; padding:30px; }.workspace-page .market-hero h2 { color:#364476; font-weight:600; }.workspace-page .extension-card { border-radius:16px; border-color:var(--studio-line); padding:26px; }.workspace-page .extension-icon { background:#f1f3ff; color:var(--studio-blue); }.workspace-page .extension-card button { border-radius:20px; padding:9px 18px; background:#fff; }.workspace-page .market-toolbar input { border-radius:22px; }
.workspace-page .resume-dialog { border:1px solid var(--studio-line); border-radius:20px; box-shadow:0 24px 80px #242d5226; }.workspace-page .resume-dialog::backdrop { background:#252e514d; backdrop-filter:blur(3px); }
/* Editor: uninterrupted conversational space beside a framed document canvas. */
.workspace-page .ai-editor-main { max-width:none; padding:0 12px 12px 22px; }
.workspace-page .ai-editor-heading { height:62px; padding:0 12px 0 2px; margin:0; align-items:center; gap:12px; }
.workspace-page .ai-editor-heading > div { display:flex; align-items:center; gap:18px; }.workspace-page .ai-editor-heading a { margin:0; padding:8px 13px; border:1px solid var(--studio-line); border-radius:20px; background:white; font-size:12px; font-weight:500; color:#657087; }.workspace-page .ai-editor-heading h1 { font-size:14px; font-weight:550; letter-spacing:0; color:#7b849b; }.workspace-page .ai-editor-heading .agent-beta { display:none; }.workspace-page .ai-editor-heading > p { display:none; }
.workspace-page .ai-editor-workspace { height:calc(100dvh - 74px); min-height:500px; grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr); gap:22px; }
.workspace-page .ai-chat-panel { border:0; border-radius:0; background:transparent; grid-template-rows:auto minmax(0,1fr) auto; box-shadow:none; }
.workspace-page .ai-chat-panel > header { display:none; }.workspace-page .agent-context { padding:8px 3px 15px; background:transparent; border:0; gap:9px; color:#79839a; font-size:11px; }.workspace-page .agent-context a { border:1px solid var(--studio-line); border-radius:18px; padding:6px 10px; background:#fff; color:#6d7590; }
.workspace-page .ai-chat-scroll { background:transparent; scrollbar-width:thin; }.workspace-page .agent-starters { padding:clamp(20px,5vh,58px) 4px 24px; }.workspace-page .agent-starters h2 { font-size:clamp(24px,2.4vw,36px); line-height:1.4; font-weight:650; margin:16px 0 14px; letter-spacing:-1px; }.workspace-page .agent-starters p { font-size:13px; margin:0 0 25px; color:#8c94a8; max-width:380px; }.workspace-page .agent-eyebrow { display:none; }
.workspace-page .agent-starters button { width:fit-content; max-width:100%; border-radius:28px; padding:12px 18px; margin:10px 0; font-size:13px; border-color:#dce2f1; color:#636d85; line-height:1.5; background:white; }.workspace-page .agent-starters button:hover { color:var(--studio-blue); border-color:#aebdff; }.workspace-page .agent-starters .studio-manual-edit { border:0; color:var(--studio-blue); background:transparent; padding-left:6px; margin-top:18px; }
.workspace-page .ai-chat-messages { background:transparent; padding:16px 4px; gap:18px; overflow:visible; }.workspace-page .ai-chat-message { max-width:95%; box-shadow:none; }.workspace-page .ai-chat-message.user { border:0; background:#eaf0ff; color:#414e71; }.workspace-page .ai-chat-message.assistant { padding-left:2px; }.workspace-page .ai-chat-message p { line-height:1.85; overflow-wrap:anywhere; }
.workspace-page .ai-chat-form { border:1px solid #cbd5ff; border-radius:16px; background:#fff; margin:8px 0 0; padding:14px 16px 12px; max-height:46vh; box-shadow:0 3px 12px #2b50d307; }.workspace-page .ai-chat-form:focus-within { border-color:#5878ff; box-shadow:0 0 0 2px #e2e8ff; }
.workspace-page .ai-chat-form > label:first-child { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }.workspace-page .ai-chat-form #ai-chat-input { border:0; border-radius:0; padding:5px 0; background:transparent; min-height:66px; height:74px; box-shadow:none; outline:0; font-size:14px; line-height:1.8; resize:vertical; }.workspace-page .ai-chat-form #ai-chat-input::placeholder { color:#a1a9bd; }
.workspace-page .agent-capabilities { margin:5px 0; gap:5px; }.workspace-page .agent-capabilities label { border-radius:16px; padding:5px 8px; background:#fcfcff; font-size:10px; }.workspace-page #ai-send-hint { color:#a1a8ba; font-size:10px; margin:5px 0; }.workspace-page #ai-scope { font-size:10px; color:#8891a7; margin:5px 0; }.workspace-page .ai-chat-options { color:#8b94a9; margin:5px 0; font-size:11px; }.workspace-page .ai-chat-options summary { color:#818ba2; }.workspace-page .ai-chat-form .login-submit { min-height:36px; height:auto; margin-top:9px; border-radius:9px; padding:8px 14px; font-size:12px; }
.workspace-page .ai-workflow { border-radius:12px; background:#fff; margin:0 0 18px; border-color:var(--studio-line); }.workspace-page .ai-workflow:empty { display:none; }
.workspace-page .login-submit span,.login-page .login-submit span { color:white; }
.workspace-page .resume-record > p,.workspace-page .resume-record-meta,.workspace-page .agent-starters p { color:#707a91; }
.workspace-page .ai-chat-form #ai-chat-input::placeholder { color:#7d879d; }
.workspace-page .live-resume-panel { border-radius:15px; border:1px solid #dce2f0; background:#fff; box-shadow:none; min-height:0; }.workspace-page .live-resume-panel > header { flex-direction:column; align-items:stretch; padding:12px 16px; gap:10px; background:#f8f9fd; border-bottom:1px solid var(--studio-line); }.workspace-page .live-resume-panel > header > div:first-child { display:flex; justify-content:space-between; align-items:center; width:100%; gap:10px; padding-bottom:9px; border-bottom:1px solid #e9ecf4; }.workspace-page .live-resume-panel > header span { color:#626b82; letter-spacing:0; font-weight:500; font-size:12px; }.workspace-page .live-resume-panel > header b { color:#98a0b4; font-size:10px; }.workspace-page .resume-export-actions { width:100%; justify-content:flex-start; gap:6px; }.workspace-page .resume-export-actions .library-button { min-height:32px; padding:7px 10px; font-size:11px; border-radius:7px; }.workspace-page .resume-export-actions #save-live-resume { margin-left:auto; }.workspace-page .resume-template-picker { border:0; background:transparent; padding-left:0; font-size:11px; font-weight:500; }.workspace-page .resume-template-picker select { max-width:145px; padding:7px; font-size:11px; background:#fff; border-color:#e0e5f1; }
.workspace-page .resume-word-view { background:#f1f3f9; }.workspace-page .resume-word-notice { background:transparent; color:#99a1b5; font-size:10px; padding:9px 14px; }.workspace-page .resume-design-view { background:#f1f3f9; }
/* Public pages share the same visual vocabulary, without workspace navigation. */
.home-page .home-nav { max-width:1320px; padding:25px 40px; border-bottom:1px solid var(--studio-line); }.home-page .home-nav nav a:last-child { border:1px solid var(--studio-line); padding:10px 18px; border-radius:24px; background:white; color:var(--studio-blue); }.home-page .home-nav nav { align-items:center; }
.home-page .home-main { max-width:1240px; padding:20px 40px; }.home-page .home-hero { padding:70px 0 80px; gap:60px; }.home-page .home-hero h1 { font-size:clamp(38px,4.2vw,58px); font-weight:650; letter-spacing:-2px; }.home-page .home-primary { background:var(--studio-blue); border-radius:26px; }.home-page .home-secondary { border-radius:26px; }.home-page .home-description { font-size:15px; color:#848ca0; }.home-page .home-preview { border-color:var(--studio-line); border-radius:18px; box-shadow:0 16px 60px #4d629509; }.home-page .home-preview h2 { font-weight:550; font-size:24px; }.home-page .home-preview li { border-bottom:1px solid #f0f1f7; }.home-page .home-preview li:last-child { border-bottom:0; }.home-page .home-journey > h2 { font-size:20px; font-weight:550; }
.login-page .login-topbar { max-width:1320px; margin:auto; padding:26px 40px; }.login-page .login-layout { max-width:1080px; margin:55px auto; gap:100px; align-items:center; }.login-page .login-story h1 { font-size:52px; font-weight:600; letter-spacing:-2px; line-height:1.3; }.login-page .login-story h1 span { color:var(--studio-blue); }.login-page .login-story p { font-size:14px; color:#8991a5; }.login-page .login-eyebrow { color:#8792af; }.login-page .login-card { padding:38px; border-color:var(--studio-line); border-radius:20px; box-shadow:0 18px 60px #3a4e8008; }.login-page .login-card-accent { display:none; }.login-page .login-card h2 { font-size:25px; font-weight:600; }.login-page .stage-number { color:var(--studio-blue); }.login-page .phone-field,.login-page .code-input { border-color:var(--studio-line); border-radius:10px; background:#fafbff; }.login-page .login-proof { gap:15px; }.login-page .login-proof b { color:var(--studio-blue); }.login-page .login-submit { border-radius:10px; }
@media(min-width:761px) and (max-width:1100px) { .workspace-page .side-navigation { width:76px; }.workspace-page .workspace-content { margin-left:76px; }.workspace-page .side-nav-link { justify-content:center; padding:12px; }.workspace-page .dashboard-main,.workspace-page .resume-library-main,.workspace-page .market-main,.workspace-page .jobs-main { padding:28px; }.workspace-page .resume-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-page .ai-editor-workspace { grid-template-columns:minmax(310px,.8fr) minmax(0,1fr); gap:14px; }.workspace-page .ai-editor-main { padding-left:14px; }.login-page .login-layout { gap:35px; padding:20px 35px; } }
@media(max-width:760px) { .workspace-page .side-navigation,.workspace-page.sidebar-collapsed .side-navigation { width:100%; height:auto; position:sticky; inset:0 auto auto 0; padding:7px 10px; display:block; }.workspace-page .side-brand,.workspace-page .side-collapse-toggle { display:none; }.workspace-page .side-nav-links { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:3px; }.workspace-page .side-nav-link,.workspace-page.sidebar-collapsed .side-nav-link { flex-direction:column; justify-content:center; gap:3px; min-height:50px; padding:6px 2px; }.workspace-page .side-nav-link b,.workspace-page.sidebar-collapsed .side-nav-link b { display:block; font-size:10px; }.workspace-page.sidebar-collapsed .side-nav-link::after { display:none; }.workspace-page .side-account,.workspace-page.sidebar-collapsed .side-account { display:flex; flex-direction:row; justify-content:flex-end; margin:0; padding:0; }.workspace-page .side-account-avatar,.workspace-page .side-account > div { display:none; }.workspace-page .side-account button { min-height:20px; font-size:10px; }.workspace-page .workspace-content,.workspace-page.sidebar-collapsed .workspace-content { margin-left:0; }.studio-topbar { min-height:50px; padding:12px 20px; }.studio-top-actions a { padding:6px 10px; font-size:11px; }.studio-breadcrumb > span { display:none; }
 .workspace-page .dashboard-main,.workspace-page .resume-library-main,.workspace-page .market-main,.workspace-page .jobs-main,.workspace-page .interview-main { padding:24px 20px; }.workspace-page h1 { font-size:26px; }.studio-welcome { padding:8px 0 28px; min-height:0; flex-direction:column; align-items:flex-start; gap:5px; }.studio-welcome h1 { font-size:30px; }.workspace-page .resume-list { grid-template-columns:1fr; }.workspace-page .library-heading { flex-direction:column; gap:18px; }.workspace-page .library-actions { flex-wrap:wrap; }.workspace-page .ux-filter { flex-wrap:wrap; }.workspace-page .jobs-columns { grid-template-columns:1fr; }.workspace-page .interview-setup-card { padding:20px; }.workspace-page .market-grid { grid-template-columns:1fr; }.workspace-page .market-heading { align-items:flex-start; gap:12px; }.workspace-page .market-heading h1 { font-size:26px; }
 .workspace-page .ai-editor-main { padding:0 14px 20px; }.workspace-page .ai-editor-heading { height:56px; flex-direction:row; padding:0; }.workspace-page .ai-editor-heading h1 { font-size:12px; }.workspace-page .ai-editor-workspace { display:flex; flex-direction:column; height:auto; min-height:0; gap:20px; }.workspace-page .ai-chat-panel { height:690px; min-height:0; }.workspace-page .agent-starters { padding:25px 4px; }.workspace-page .agent-starters h2 { font-size:28px; }.workspace-page .ai-chat-form { max-height:360px; }.workspace-page .live-resume-panel { height:760px; }.workspace-page .resume-export-actions { flex-wrap:wrap; }.workspace-page .agent-context { font-size:10px; }
 .home-page .home-nav,.home-page .home-main { padding:20px; }.home-page .home-hero { padding:30px 0 45px; gap:28px; grid-template-columns:1fr; }.home-page .home-hero h1 { font-size:39px; }.home-page .home-preview { padding:26px; }.home-page .home-nav nav a:first-child { display:none; }.login-page .login-topbar { padding:20px; }.login-page .login-layout { margin:20px auto; padding:20px; }.login-page .login-card { padding:28px; }.login-page .login-story { display:none; }
}
@media(min-width:761px) and (max-height:760px) { .workspace-page .agent-starters { padding-top:10px; }.workspace-page .agent-starters .studio-emblem { width:44px; height:44px; margin-bottom:10px; }.workspace-page .agent-starters h2 { font-size:25px; }.workspace-page .agent-starters p { margin-bottom:15px; }.workspace-page .agent-starters button { padding:9px 15px; }.workspace-page .ai-chat-form { padding:10px 14px; }.workspace-page .ai-chat-form #ai-chat-input { min-height:52px; height:52px; } }
@media(prefers-reduced-motion:reduce) { .workspace-page .ux-path a:hover { transform:none; } }