:root { --ink:#1a2220; --sub:#73817b; --line:#e5ebe7; --soft:#edf3ef; --panel:#f5f8f5; --green:#194f3b; --green-light:#e4f2e9; --wait:#28634b; --wait-bg:#e8f4ec; --done:#3d6250; --done-bg:#e9f0ec; }
body { font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--panel); letter-spacing:-.025em; }
button { transition:background .15s,color .15s,box-shadow .15s; }
button:disabled { cursor:default; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid #71ae90; outline-offset:3px; }
.btn { background:var(--green); display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:10px; }
.btn:not(:disabled):hover { background:#103d2c; }
.btn.ghost { border-color:#dbe4dd; color:#335446; background:#fff; }
.btn.ghost:hover { background:#eff5f1; }
.input { border-color:#d7e1da; background:#fcfefc; border-radius:10px; }
.input:focus { border-color:#548c6c; }
.input::placeholder,.ta::placeholder { color:#96a49b; }
.logo { background:var(--green); width:36px; height:36px; border-radius:12px; font-size:21px; font-family:Georgia,serif; }
.brand { padding:0 6px; gap:10px; align-items:center; font-size:14px; letter-spacing:-.045em; }
.brand span { line-height:1.45; }
.brand small { display:block; font-size:8px; color:#8b9990; font-weight:500; letter-spacing:.12em; margin-top:3px; }
.eyebrow { color:#85948a; font-size:10px; font-weight:700; letter-spacing:.15em; }
.shell { gap:0; }
.side { width:246px; padding:28px 18px 20px; gap:17px; background:#fff; border-color:var(--line); }
.side-head { border-top:1px solid var(--line); padding:20px 9px 0; font-size:11px; }
.side-head b { font-weight:500; }
.side-head span { color:#98a59d; }
.workspace-nav { display:flex; flex-direction:column; gap:5px; margin:15px 0 0; }
.workspace-nav button { display:flex; align-items:center; gap:11px; border:0; background:none; min-height:46px; text-align:left; padding:11px 13px; border-radius:10px; font-size:12px; color:#77847d; }
.workspace-nav button:hover { background:#f4f7f3; }
.workspace-nav button.on { background:var(--green-light); color:#24543f; font-weight:700; }
.workspace-nav svg { width:18px; height:18px; }
.nav-tag { margin-left:auto; font-size:8px; padding:2px 4px; background:#f3f5f2; border:1px solid var(--line); border-radius:4px; color:#8c9991; }
.acc { padding:10px 9px; gap:9px; }
.acc.on { background:#f0f5f1; }
.acc .av { width:32px!important; height:32px!important; }
.acc .name { font-size:12px; }
.acc .stat { font-size:10px; line-height:1.5; }
.connect { padding:10px; min-height:41px; font-size:11px; border:1px solid #dce7df; color:#638171; background:#fcfefc; }
.run { padding:13px; background:#f7faf7; border-color:#e8eee9; }
.run-top { font-size:11px; }
.run p { font-size:10px; }
.switch { height:23px; width:39px; }
.switch span { height:17px; width:17px; }
.switch[aria-checked=true] { background:var(--green); }
.linkbtn { font-size:12px; color:#6f8275; }
.me-name { font-size:11px; }.me-id { font-size:10px; }
.main { border:0; min-width:0; display:block; position:relative; }
.studio-wrap { max-width:1150px; margin:0 auto; padding:34px 42px 28px; }
.studio-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:25px; }
.studio-topline h1 { margin:5px 0 0; font-size:25px; font-weight:700; letter-spacing:-.06em; }
.topline-tools { display:flex; gap:9px; }
.topline-tools .btn { font-size:11px; min-height:36px; padding:8px 13px; }
.studio-hero { min-height:285px; display:flex; overflow:hidden; position:relative; background:#e5eee1; border:1px solid #dce7d7; border-radius:22px; padding:30px 36px; gap:20px; }
.hero-content { position:relative; z-index:1; flex:1; }
.hero-kicker { display:flex; align-items:center; gap:7px; font-size:10px; color:#678167; }
.green-dot { width:6px; height:6px; border-radius:50%; background:#428661; display:inline-block; flex-shrink:0; }
.hero-content h2 { margin:15px 0 12px; font-size:34px; line-height:1.3; letter-spacing:-.065em; color:#254a37; }
.hero-content p { margin:0 0 20px; color:#73886f; font-size:11px; line-height:1.9; }
.hero-content .btn { min-height:40px; font-size:11px; border-radius:9px; gap:8px; padding:9px 13px; }
.hero-content .btn svg { width:16px; height:16px; }
.hero-art { width:285px; position:relative; flex-shrink:0; }
.orbit { width:340px; height:340px; border:1px solid #d5e3cd; position:absolute; border-radius:50%; top:-23px; left:-15px; }
.orbit-two { width:230px; height:230px; top:31px; left:40px; }
.floating-note { position:absolute; top:49px; left:47px; width:203px; padding:23px 22px; background:rgba(255,255,255,.83); border:1px solid #fff; border-radius:14px; transform:rotate(-7deg); box-shadow:0 18px 35px rgba(59,88,58,.06); }
.mini-mark { display:flex; align-items:center; gap:9px; font-family:Georgia,serif; font-size:25px; color:#295741; margin-bottom:20px; }
.mini-mark span { font-family:system-ui,sans-serif; font-weight:600; font-size:8px; letter-spacing:.08em; color:#91a28c; }
.art-line { height:5px; width:80%; background:#d9e4d5; border-radius:4px; margin-bottom:8px; }
.art-line.long { width:95%; background:#b5c8ad; }.art-line.short { width:55%; }
.art-divider { border-top:1px solid #e4eadf; margin:20px 0 12px; }
.art-state { color:#7d9373; display:flex; align-items:center; gap:6px; font-size:9px; }
.floating-spark { position:absolute; top:10px; left:237px; color:#92b28b; font-size:39px; }
.workflow { display:flex; justify-content:space-between; padding:17px 2px 24px; gap:12px; }
.workflow span { display:flex; align-items:center; gap:7px; font-size:9px; color:#8e9c90; }
.workflow b { font-size:9px; color:#60816a; font-weight:500; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.metric { padding:19px 20px; border:1px solid var(--line); background:#fff; border-radius:14px; display:flex; flex-direction:column; gap:13px; }
.metric>span:first-child { font-size:10px; color:#7e8e82; }
.metric strong { font-size:27px; font-weight:600; letter-spacing:-.035em; line-height:1; }
.metric strong small { font-size:10px; color:#9aa69d; font-weight:400; margin-left:7px; }
.metric-detail { font-size:8px; color:#a0aca3; }
.studio-sectionhead { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:29px; margin-bottom:12px; }
.studio-sectionhead h2 { font-size:14px; margin:0; letter-spacing:-.04em; }
.studio-sectionhead .linkbtn,.studio-sectionhead .sub { font-size:9px; }
.studio-sectionhead .linkbtn { min-height:28px; padding:0; }
.studio-sectionhead .linkbtn svg { width:12px; height:12px; }
.ready-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ready-card { border:1px solid var(--line); background:#fff; padding:14px 16px; border-radius:12px; display:flex; align-items:center; gap:12px; text-align:left; }
.ready-card:hover { border-color:#abcab4; }.ready-number { display:flex; align-items:center; justify-content:center; background:#f3f6f1; color:#7d8c7a; width:27px; height:27px; border-radius:8px; font-size:11px; flex-shrink:0; }
.ready-card div { display:flex; flex-direction:column; gap:5px; }.ready-card b { font-size:10px; font-weight:600; }.ready-card small { font-size:8px; color:#94a093; }
.ready-status { margin-left:auto; white-space:nowrap; color:#a1a99e; font-size:8px; border:1px solid #e9ede6; background:#fafbf8; border-radius:5px; padding:3px 6px; }
.ready-card.is-ready .ready-number,.ready-card.is-ready .ready-status { background:#e6f3ea; color:#507c5f; border-color:#e0eee3; }
.tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.tool-card { border:1px solid var(--line); background:#fff; padding:18px; border-radius:14px; text-align:left; }
.tool-card:hover { box-shadow:0 6px 18px rgba(44,76,54,.06); border-color:#c8dbcd; }
.tool-icon { width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:17px; }
.lavender { background:#efecf5; color:#8d7bb0; }.peach { background:#fcf0e6; color:#ba9170; }.mint { background:#e7f2e7; color:#6f9978; }.blue { background:#eaf1f6; color:#789bad; }
.tool-card h3 { font-size:11px; font-weight:600; margin:0 0 9px; }
.tool-card p { font-size:8px; color:#97a098; line-height:1.9; margin:0 0 20px; }
.tool-card>span:last-child { font-size:8px; color:#7f9484; }
.studio-footer { display:flex; align-items:center; justify-content:space-between; margin-top:25px; border-top:1px solid var(--line); padding-top:15px; font-size:8px; color:#a0ada1; }
.studio-footer>span { display:flex; align-items:center; gap:7px; }.studio-footer svg { width:14px; height:14px; }.studio-footer .linkbtn { padding:0; min-height:26px; font-size:8px; }
.test-banner { display:flex; align-items:center; gap:8px; font-size:10px; background:#fff8e8; color:#9a782d; border:1px solid #efe1bd; border-radius:9px; padding:10px 12px; margin-bottom:22px; }
.test-banner b { font-weight:700; }.test-banner button { border:0; margin-left:auto; background:transparent; color:#8a6d32; padding:0 3px; font-size:9px; display:flex; align-items:center; gap:5px; min-height:26px; }.test-banner svg { height:12px; width:12px; }.test-dot { height:5px; width:5px; background:#cfa753; border-radius:50%; }
.global-test-banner { margin:0; border-radius:0; border-left:0; border-right:0; border-top:0; padding-left:42px; padding-right:42px; position:sticky; top:0; z-index:5; }.auth-testmode { color:#9a782d; font-size:10px; background:#fff8e8; border:1px solid #efe1bd; border-radius:8px; padding:9px; text-align:center; }.automation-actions { display:flex; gap:8px; flex-wrap:wrap; }
.studio-setup-links { display:flex; justify-content:flex-end; gap:15px; margin-top:9px; flex-wrap:wrap; }.studio-setup-links .linkbtn { width:auto; min-height:25px; font-size:8px; padding:0; }.affiliate-product { display:flex; gap:12px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line); }.affiliate-product>div { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }.affiliate-product b { font-size:11px; line-height:1.7; }.affiliate-product small { font-size:9px; color:#8d9f91; }.affiliate-product .btn { flex-shrink:0; font-size:10px; }.partner-link-result { padding:14px; margin:5px 0; background:#f3f8f1; border-radius:10px; }.prompt-built-in { white-space:pre-wrap; font-family:inherit; font-size:11px; color:#7b8e7e; line-height:1.9; word-break:break-word; }
.source-media-label { position:absolute; bottom:4px; right:4px; font-size:8px; color:#fff; background:rgba(28,69,42,.8); border-radius:4px; padding:2px 4px; }
.b-review_required{color:#9b753a;background:#fff4df;}
.actions{flex-wrap:wrap;}.imgs{max-width:100%;}.ai-acts{flex-wrap:wrap;}.global-test-banner{padding-left:22px;padding-right:22px;}
.growth-card{margin:0 0 22px;padding:20px;border:1px solid #dce8de;border-radius:15px;background:#fff;}.growth-card-title{display:flex;align-items:center;gap:11px;}.growth-card-title .tool-icon{margin:0;flex-shrink:0;}.growth-card-title h2{font-size:17px;margin:5px 0 0;}.growth-card-title .eyebrow{font-size:8px;}.growth-card-title>.badge{margin-left:auto;font-size:9px;}.growth-card>p{font-size:11px;line-height:1.8;color:#7f9483;margin:16px 0 12px;}.growth-policy{display:flex;gap:18px;font-size:10px;color:#8a9f8f;}.growth-policy b{color:#517559;font-weight:600;}.growth-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;}.growth-card-foot>span{font-size:9px;color:#a0aaa0;line-height:1.7;}.growth-card-foot .btn{font-size:10px;flex-shrink:0;}.growth-evidence h3{font-size:12px;margin:8px 0 16px;}.growth-evidence dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;}.growth-evidence dl>div{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0;}.growth-evidence dt{font-size:10px;color:#91a192;margin-bottom:8px;}.growth-evidence dd{font-size:12px;color:#58775c;margin:0;word-break:break-word;}
@media(max-width:600px){.growth-card{padding:16px;}.growth-card-title .eyebrow{font-size:7px;}.growth-card-title h2{font-size:15px;}.growth-card-title>.badge{font-size:7px;padding:3px 5px;}.growth-card>p{font-size:10px;}.growth-card-foot{align-items:flex-start;}.growth-card-foot>span{font-size:8px;}.growth-card-foot .btn{font-size:9px;padding:6px 9px;}.growth-policy{gap:12px;font-size:9px;}}
.composer-growth-note{margin:14px 17px 0;font-size:10px;}
.feed-wrap { max-width:900px; margin:0 auto; padding:24px; }.feed-head { padding:6px 0 0; background:var(--panel); }.who h2 { font-size:20px; }.who p { font-size:12px; }
.queue-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; }.queue-toolbar h1 { margin:0; font-size:23px; }.queue-toolbar .btn { font-size:11px; }
.tabs { margin:12px 0 16px; gap:4px; border:0; padding:4px; background:#eaf0eb; border-radius:10px; }.tab { font-size:12px; padding:8px; min-height:36px; border:0; }.tab.on { background:#fff; color:var(--green); border-radius:8px; box-shadow:0 1px 3px #192b1a08; }
.post { background:#fff; border:1px solid var(--line); border-radius:15px; margin-bottom:12px; padding:22px; }.post .text { font-size:13px; line-height:1.8; }.post .ptop { font-size:12px; }.post .ptop .t { font-size:10px; }.badge { font-size:10px; }.post .btn.sm { font-size:10px; }.actions { gap:3px; }
.aside { display:none; }.aside.open { display:flex; position:fixed; z-index:35; top:0; right:0; height:100dvh; width:500px; border-left:1px solid var(--line); box-shadow:-20px 0 70px #23312816; padding:18px; }
.aside-close { display:flex; justify-content:space-between; align-items:center; padding:0 4px 6px; font-size:15px; }.aside-close b { font-size:15px; }
.c-head { padding:12px 17px; }.c-head b { font-size:13px; }.c-head .plain { font-size:11px; color:#8b9d8f; }.c-body { padding:20px; }.c-body .ta { font-size:13px; line-height:1.9; }.c-body .pbody { gap:10px; }.tools { flex-wrap:wrap; font-size:9px; }.mini { border-color:#dce6de; font-size:10px; }.c-foot { gap:8px; }.c-foot label { font-size:11px; }.c-foot input { font-size:11px; flex:1; min-width:0; }.c-foot .btn { width:100%; font-size:12px; }
.c-repeat .lbl { font-size:11px; }.c-repeat .rp { font-size:10px; }.c-repeat .rp.on { background:var(--green); border-color:var(--green); }.count { font-size:10px; }
.composer-review { border-top:1px solid var(--line); padding:15px 18px; display:flex; flex-direction:column; gap:14px; }.composer-review .check { gap:8px; }.composer-review .check span { font-size:11px; }.composer-review .check small { font-size:9px; }.check input { accent-color:var(--green); }.composer-review-row { display:flex; align-items:center; justify-content:space-between; gap:9px; }.composer-review-row .btn { font-size:10px; }.composer-review-row .sub { font-size:9px; }
.weekdays { border:0; padding:0; margin:3px 0; display:flex; gap:5px; }.weekdays legend { font-size:11px; margin-bottom:8px; color:#7b8e80; }.weekdays label { flex:1; text-align:center; cursor:pointer; }.weekdays input { position:absolute; opacity:0; width:1px; height:1px; }.weekdays span { display:flex; min-height:35px; align-items:center; justify-content:center; border:1px solid #dbe5df; border-radius:8px; font-size:12px; color:#8fa093; }.weekdays input:checked+span { background:#e5f1e8; color:#456c50; border-color:#c8dccf; }.weekdays input:focus-visible+span { outline:2px solid #548c6c; outline-offset:2px; }
.modal-bg { background:rgba(29,43,34,.32); backdrop-filter:blur(5px); }.modal { border:1px solid #e7ece7; box-shadow:0 15px 75px #1f321f24; max-width:580px; border-radius:19px; }.wide-modal { max-width:740px; }.modal .c-head { position:sticky; top:0; z-index:3; background:#fff; }.modal .c-head b { font-size:14px; }.modal .c-body { gap:16px; }.modal .field label { font-size:11px; }.modal .input { font-size:12px; }.modal .steps { font-size:12px; }.modal .check span { font-size:12px; }.modal .sub { font-size:11px; line-height:1.8; }.errbox,.notebox { font-size:11px; padding:12px 14px; line-height:1.8; }.notebox { color:#59765f; background:#f0f7ef; }.ai-card .text { font-size:13px; line-height:1.9; }.ai-head b { font-size:12px; }.ai-acts .btn { font-size:11px; }.ai-card.recipe { background:#f9fbf6; }.auth { background:radial-gradient(ellipse at top,#e1eddf,transparent 60%),#f5f8f3; }.auth-card { box-shadow:0 20px 80px #284a3710; border-color:#dde7df; max-width:410px; padding:36px; }.auth-card .brand { font-size:17px; }.auth-card .brand .logo { flex-shrink:0; }.auth-card h1 { font-size:25px; }.auth-card p { font-size:12px; }.auth-card .eyebrow { font-size:9px; }.auth-card .btn { width:100%; }.auth-card .field label { font-size:12px; }
.preview-person { display:flex; align-items:center; gap:10px; font-size:12px; margin-bottom:14px; }.preview-person span { margin-left:auto; color:#9dab9e; font-size:10px; }.preview-post { border:1px solid var(--line); padding:18px; border-radius:14px; }.preview-post .text,.preview-comment .text { font-size:13px; line-height:1.8; }.preview-media { display:flex; overflow-x:auto; gap:8px; margin-top:14px; }.preview-media img,.preview-media video { flex-shrink:0; width:170px; max-height:230px; border-radius:10px; object-fit:cover; }.preview-comment { border-left:2px solid #dbe8dd; margin-left:17px; padding:4px 0 4px 17px; }.preview-comment>span { font-size:10px; color:#90a294; display:block; margin-bottom:10px; }
.readiness-list,.safety-list { display:flex; flex-direction:column; gap:13px; }.readiness-list>div,.safety-list>div { display:flex; align-items:center; justify-content:space-between; font-size:12px; }.status-ready { color:#3c8255; }.status-wait { color:#b28d58; }.safety-list dt { color:#7c8c7e; }.safety-list dd { margin:0; }.discovery-form,.source-new form,.automation-form { display:flex; flex-direction:column; gap:16px; }.discovery-options { display:flex; gap:10px; }.discovery-options select { max-width:200px; }.discovery-options .btn { flex:1; font-size:12px; }.compact-empty { color:#8d9a8f; text-align:center; padding:28px 10px; font-size:12px; line-height:1.9; }.discovery-card,.source-card { border:1px solid var(--line); border-radius:12px; padding:17px; margin-top:12px; }.discovery-card .text,.source-card .text { font-size:12px; line-height:1.9; margin:14px 0; }.source-new { padding:15px; background:#f8fbf7; border:1px solid #e3ebe3; border-radius:12px; }.source-new summary { cursor:pointer; font-size:12px; color:#50715b; font-weight:600; }.source-new[open] summary { margin-bottom:20px; }.section-label { color:#7e927f; font-size:11px; font-weight:600; }.performance-post { display:flex; flex-direction:column; gap:10px; width:100%; padding:16px; border:1px solid var(--line); border-radius:10px; background:#fff; text-align:left; margin-bottom:8px; }.performance-post span { font-size:12px; }.performance-post small { color:#9aa59b; font-size:10px; }.insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.insight-grid>div { border:1px solid var(--line); border-radius:10px; padding:15px; display:flex; flex-direction:column; gap:10px; }.insight-grid span { font-size:10px; color:#7d8f7f; }.insight-grid strong { font-size:23px; }.connection-note { font-size:11px; padding:10px; background:#fff3de; color:#8f7345; text-align:center; }
#toast { background:#234733; border-radius:10px; font-size:12px; box-shadow:0 8px 30px #273e2324; padding:12px 17px; }
@media(min-width:1500px){.studio-wrap{padding-top:44px;}.studio-hero{min-height:315px;}.hero-content h2{font-size:39px;}.hero-art{width:350px;}.floating-note{left:83px;}.studio-wrap{max-width:1230px;}.tool-card p{font-size:10px;}.tool-card h3{font-size:13px;}.tool-card>span:last-child{font-size:10px;}.metric>span:first-child{font-size:12px;}.metric-detail{font-size:10px;}.ready-card b{font-size:12px;}.ready-card small{font-size:10px;}.ready-status{font-size:10px;}}
@media(max-width:1200px) and (min-width:1001px){.side{width:222px;}.studio-wrap{padding:28px;}.hero-art{width:210px;}.floating-note{left:0;}.floating-spark{left:169px;}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.tool-card p br{display:none;}.tool-card p{font-size:10px;}.ready-card{gap:8px;padding:13px;}.ready-status{font-size:7px;padding:3px;}}
@media(max-width:1000px){.studio-wrap{padding:20px 24px 35px;max-width:830px;}.main{padding-bottom:94px;}.mtop{background:#fff;border-bottom:1px solid var(--line);padding:13px 20px 9px;}.mtop-row b{font-size:14px;}.pill{font-size:9px;background:#f4f7f2;min-height:29px;}.pill.on .dot{background:#518260;}.chips{gap:7px;padding-bottom:0;}.chip{font-size:10px;min-height:33px;}.chip .av{width:22px!important;height:22px!important;}.chip.on{background:var(--green);border-color:var(--green);}.chip.add{border-style:solid;color:#7b927e;}.studio-topline h1{font-size:22px;}.studio-topline{margin-bottom:20px;}.studio-hero{padding:28px;}.hero-content h2{font-size:30px;}.hero-art{width:230px;}.floating-note{left:12px;}.floating-spark{left:200px;}.metric-grid{gap:9px;}.metric{padding:17px 15px;}.tool-grid{gap:10px;}.mnav{grid-template-columns:repeat(4,minmax(0,1fr));border-color:var(--line);height:calc(66px + env(safe-area-inset-bottom));}.mnav button{font-size:9px;color:#95a596;gap:6px;}.mnav button.on{color:var(--green);}.mnav svg{width:19px;height:19px;}.fab{background:var(--green);width:48px;height:48px;border-radius:16px;bottom:85px;right:20px;box-shadow:0 6px 25px #25462c20;}.aside.open{top:0;bottom:calc(66px + env(safe-area-inset-bottom));height:auto;left:0;right:0;width:auto;max-width:none;padding:16px 18px 30px;}.aside-close{padding:0 4px 9px;}.aside-close b{font-size:15px;}.aside .card{max-width:650px;width:100%;margin:0 auto;}.feed-wrap{padding:15px 20px;}.feed-head .who{display:flex;}.post{padding:18px;}.modal-bg{padding:12px;align-items:center;}.modal{border-radius:18px;max-height:91dvh;}.auth-card{padding:30px;}.tool-card h3{font-size:12px;}.tool-card p{font-size:9px;}.studio-footer{font-size:9px;}}
@media(max-width:600px){.studio-wrap{padding:19px 17px 30px;}.studio-topline{gap:8px;}.studio-topline h1{font-size:21px;}.topline-tools{gap:6px;}.topline-tools .btn{font-size:9px;padding:7px 9px;min-height:32px;}.studio-topline .eyebrow{font-size:8px;}.studio-hero{padding:24px;min-height:273px;border-radius:16px;}.hero-content h2{font-size:30px;}.hero-content p{font-size:10px;max-width:250px;}.hero-kicker{font-size:9px;}.hero-art{width:90px;position:absolute;right:-31px;bottom:20px;height:145px;opacity:.42;pointer-events:none;}.floating-note{top:15px;left:-54px;width:139px;padding:18px;}.mini-mark{font-size:20px;margin-bottom:15px;}.mini-mark span{font-size:5px;}.orbit{width:250px;height:250px;top:-50px;left:-110px;}.orbit-two{width:180px;height:180px;top:-16px;left:-75px;}.art-state{font-size:6px;}.floating-spark{left:36px;top:-17px;font-size:28px;}.hero-content .btn{font-size:10px;}.workflow{padding:16px 0 20px;gap:4px;}.workflow span{font-size:7px;gap:3px;}.workflow b{font-size:7px;}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.metric{padding:16px;gap:11px;}.metric strong{font-size:25px;}.metric-detail{font-size:8px;}.ready-grid{grid-template-columns:minmax(0,1fr);gap:7px;}.ready-card{padding:13px 14px;}.ready-card b{font-size:11px;}.ready-card small{font-size:9px;}.ready-status{font-size:9px;}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.tool-card{padding:16px;}.tool-card p{font-size:9px;margin-bottom:16px;}.tool-card>span:last-child{font-size:9px;}.tool-icon{margin-bottom:14px;}.studio-sectionhead{margin-top:24px;}.studio-sectionhead h2{font-size:13px;}.studio-sectionhead .linkbtn{font-size:8px;}.studio-footer{gap:8px;}.studio-footer>span{font-size:7px;gap:3px;}.studio-footer .linkbtn{font-size:7px;}.test-banner{flex-wrap:wrap;font-size:9px;gap:6px;padding:8px 10px;}.test-banner button{font-size:8px;}.mtop{padding:11px 16px 8px;}.mtop-row b{font-size:12px;}.chip small{font-size:8px;}.chips .chip{font-size:9px;}.feed-wrap{padding:14px 12px;}.post{padding:16px 12px;}.post .row{gap:8px;}.post .rail{width:29px;}.post .rail .av{width:29px!important;height:29px!important;}.actions{margin-left:0;width:100%;justify-content:flex-end;margin-top:4px;}.aside.open{padding:12px 10px 25px;}.composer-review .check span{font-size:10px;}.composer-review .check small{font-size:8px;}.modal-bg{padding:0;align-items:flex-end;}.modal{border-radius:18px 18px 0 0;max-height:94dvh;}.modal .c-body{padding:18px;}.modal .c-head{padding:10px 17px;}.preview-media img,.preview-media video{width:140px;}.source-card .ai-head{gap:8px;align-items:flex-start;}.source-card .badge{white-space:nowrap;}.auth{padding:20px;}.auth-card{padding:28px;}.auth-card .brand{font-size:16px;}}
@media(prefers-reduced-motion:reduce){button{transition:none;}}
/* 실제 운영 화면의 작은 도움말도 읽기 쉽게 유지한다. */
.performance-metrics.has-quotes{grid-template-columns:repeat(3,minmax(0,1fr));}
#affiliate-search .input{flex:1 1 0;min-width:0;width:auto;}#affiliate-search .btn{flex:0 0 auto;white-space:nowrap;word-break:normal;}#affiliate-status{white-space:pre-line;}
.performance-panel{display:flex;flex-direction:column;gap:16px;}.performance-panel>p{margin:0;}.performance-toolbar{display:flex;gap:12px;align-items:flex-end;}.performance-toolbar .field{flex:1;margin:0;min-width:0;}.performance-toolbar .btn{flex-shrink:0;min-height:38px;}.performance-auto small{line-height:1.7;}.performance-note{font-size:11px;line-height:1.8;color:#728976;}.performance-test{margin:0;border-radius:10px;}.performance-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:14px;min-width:0;}.performance-card-head{display:flex;align-items:center;gap:10px;font-size:10px;color:#819585;}.performance-card-head a{margin-left:auto;display:inline-flex;min-height:32px;min-width:32px;align-items:center;justify-content:center;color:#6e8e76;}.performance-body{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:145px;overflow:auto;margin:14px 0 18px;}.performance-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}.performance-metric{background:#f5f9f3;border:1px solid #e7eee5;border-radius:10px;display:flex;flex-direction:column;gap:9px;padding:13px 10px;min-width:0;}.performance-metric>span:first-child{font-size:11px;color:#75917b;}.performance-metric strong{font-size:23px;line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere;color:#385f46;}.performance-metric small{font-size:9px;line-height:1.6;color:#879b89;}.performance-metric.is-unavailable{background:#fafbf9;}.performance-metric.is-unavailable strong{color:#a2b2a1;}.performance-metric-note{font-size:9px;line-height:1.7;color:#8b978c;overflow-wrap:anywhere;}.performance-card-foot{display:flex;flex-direction:column;gap:4px;margin-top:15px;font-size:10px;line-height:1.7;color:#819283;}.performance-card-error{margin-top:12px;}.performance-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;}.performance-pagination .btn{min-height:35px;}.performance-legend{border-top:1px solid var(--line);padding-top:15px;}.performance-panel [hidden]{display:none!important;}
@media(max-width:600px){.performance-card{padding:15px;}.performance-toolbar{gap:8px;}.performance-toolbar .btn{font-size:10px;padding:7px 10px;}.performance-card-head{flex-wrap:wrap;font-size:9px;gap:7px;}.performance-card-head a{margin-left:auto;}.performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.performance-metric{padding:12px 9px;}.performance-metric strong{font-size:22px;}.performance-metric>span:first-child{font-size:11px;}.performance-metric small{font-size:9px;}.performance-body{font-size:12px;}.performance-card-foot{font-size:9px;}.performance-pagination .sub{font-size:10px;}.performance-auto small,.performance-note{font-size:10px;}}
.metric>span:first-child{font-size:12px;}.metric-detail{font-size:10px;}.ready-card b{font-size:12px;}.ready-card small{font-size:10px;}.ready-status{font-size:10px;}.tool-card h3{font-size:13px;}.tool-card p{font-size:11px;}.tool-card>span:last-child{font-size:10px;}.hero-content p{font-size:12px;}.workflow span,.workflow b{font-size:10px;}.studio-setup-links .linkbtn{font-size:10px;}
/* 도달 리포트: 서버가 계산한 단계와 수치만 표시한다. */
.performance-preview-link{align-self:flex-start;min-height:30px;font-size:11px;color:#34636e;}
.performance-signals{margin-bottom:18px;border:1px solid #dce7e8;border-radius:12px;background:#f3f7f8;padding:17px;}
.signal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.signal-kicker{font-size:8px;letter-spacing:.15em;color:#748b92;font-weight:600;}
.signal-heading h3{font-size:16px;color:#173b4a;margin:5px 0 0;letter-spacing:-.03em;}
.signal-tier{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:7px 10px;border-radius:6px;flex-shrink:0;border:1px solid transparent;white-space:nowrap;}
.signal-tier::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;}
.tier-wide{color:#fff;background:#244653;border-color:#244653;}
.tier-expanding{color:#25655f;background:#e6f1ef;border-color:#cddfda;}
.tier-emerging{color:#526f62;background:#edf2ed;border-color:#dce5dd;}
.tier-observing{color:#667d87;background:#edf1f4;border-color:#dae2e8;}
.tier-unknown{color:#7e8d93;background:#f4f6f7;border-color:#e0e6e8;}
.signal-caption{font-size:10px;color:#7b8e94;line-height:1.8;margin:11px 0 14px;}
.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.signal-metric{background:#fff;border:1px solid #e1e8e9;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0;}
.signal-metric>span{font-size:11px;color:#69838b;}
.signal-metric strong{font-size:22px;line-height:1.2;letter-spacing:-.04em;color:#274957;overflow-wrap:anywhere;font-weight:600;}
.signal-metric strong em{font-style:normal;font-size:10px;color:#86999d;margin-left:4px;white-space:nowrap;}
.signal-metric small{font-size:9px;line-height:1.7;color:#8b9c9f;}
.signal-metric.signal-primary{background:#203f4e;border-color:#203f4e;padding:16px;}
.signal-primary>span{color:#bacfd5;}.signal-primary strong{color:#fff;font-size:35px;font-weight:700;}.signal-primary strong em{color:#aac5cb;font-size:11px;}.signal-primary small{color:#a0bcc4;}
.signal-metric.signal-baseline{padding:16px;background:#eaf1f0;border-color:#dbe6e3;justify-content:center;}.signal-baseline strong{font-size:28px;color:#466b63;}
.signal-metric.is-unavailable{background:#f6f8f8;border-color:#e1e7e8;}.signal-metric.is-unavailable strong{color:#a1afb2;}.signal-metric.is-unavailable>span,.signal-metric.is-unavailable small{color:#879a9e;}
.signal-source{display:flex;flex-direction:column;gap:4px;margin-top:13px;color:#7f9299;font-size:9px;line-height:1.7;overflow-wrap:anywhere;}
.signal-details{border-top:1px solid #dae5e7;margin-top:12px;padding-top:11px;color:#72878e;font-size:10px;line-height:1.8;}.signal-details summary{cursor:pointer;font-weight:600;color:#42646f;}.signal-details dl{margin:13px 0;display:flex;flex-direction:column;gap:8px;}.signal-details dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;}.signal-details dt{color:#436b74;}.signal-details dd{margin:0;overflow-wrap:anywhere;}.signal-details p{margin:11px 0 0;overflow-wrap:anywhere;}.signal-details ul{padding-left:17px;margin-bottom:0;}.signal-details li{margin-top:5px;overflow-wrap:anywhere;}
.performance-section-label{font-size:10px;letter-spacing:.03em;color:#657e88;margin:0 0 9px;font-weight:600;}
.performance-card .performance-metric{background:#f8fafb;border-color:#e5ebee;}.performance-card .performance-metric strong{color:#355766;}.performance-card .performance-metric>span:first-child{color:#6c8992;}.performance-card .performance-metric small{color:#8a9da3;}
.discovery-sorting{display:flex;gap:12px;align-items:center;margin:16px 0 6px;}.discovery-sorting label{font-size:11px;color:#7b8f7b;flex-shrink:0;}.discovery-sorting .input{flex:1;min-width:0;font-size:11px;}.discovery-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:9px;color:#94a292;margin-top:10px;}.discovery-rank{border:1px solid #e1eadd;background:#f3f8ef;padding:4px 7px;border-radius:6px;font-size:9px;color:#6a8962;}.discovery-card .ai-head{flex-wrap:wrap;gap:8px;}.signal-preview-page{background:#f2f5f6;color:#24434f;min-height:100vh;margin:0;}.signal-preview-shell{width:min(1280px,100%);margin:0 auto;padding:35px 24px;}.signal-preview-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;border-bottom:1px solid #dbe5e9;padding-bottom:22px;}.signal-preview-top h1{font-size:29px;margin:8px 0 0;letter-spacing:-.04em;color:#193c4c;}.signal-preview-top>div>span{font-size:9px;color:#78919c;letter-spacing:.15em;}.signal-preview-notice{border:1px solid #cadedd;background:#e8f1f0;color:#416762;border-radius:10px;padding:15px 18px;font-size:12px;line-height:1.8;margin-bottom:18px;}.signal-preview-intro{font-size:12px;line-height:1.8;color:#748b93;margin:0 0 19px;}.signal-preview-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;}.signal-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.signal-preview-grid .performance-card{margin:0;box-shadow:0 3px 10px #26465304;border-color:#dfe7eb;}.signal-preview-footer{font-size:11px;color:#7c929c;line-height:1.8;margin:23px 0 0;}
@media(max-width:700px){.signal-preview-grid{grid-template-columns:minmax(0,1fr);}.signal-preview-shell{padding:24px 16px;}.signal-preview-top{align-items:flex-start;flex-direction:column;gap:12px;}.signal-preview-top h1{font-size:23px;}.signal-preview-top .btn{font-size:11px;}.signal-preview-legend .signal-tier{font-size:10px;padding:6px 10px;}}
@media(max-width:430px){.performance-signals{padding:12px;}.signal-grid{gap:6px;}.signal-metric{padding:10px 8px;}.signal-metric>span{font-size:10px;}.signal-metric strong{font-size:19px;}.signal-metric small{font-size:8px;}.signal-metric strong em{font-size:9px;margin-left:2px;}.signal-metric.signal-primary,.signal-metric.signal-baseline{padding:13px 11px;}.signal-primary strong{font-size:28px;}.signal-baseline strong{font-size:23px;}.signal-heading h3{font-size:14px;}.signal-tier{font-size:11px;padding:6px 10px;}.signal-caption,.signal-details{font-size:9px;}.signal-details dl>div{grid-template-columns:75px minmax(0,1fr);gap:7px;}.performance-preview-link{font-size:10px;}.discovery-status{font-size:9px;}.signal-preview-notice{padding:12px 14px;font-size:11px;}}
@media(max-width:600px){.metric>span:first-child{font-size:11px;}.metric-detail{font-size:9px;}.ready-card b{font-size:12px;}.ready-card small{font-size:10px;}.ready-status{font-size:9px;}.tool-card h3{font-size:12px;}.tool-card p{font-size:10px;}.tool-card>span:last-child{font-size:9px;}.hero-content p{font-size:11px;}.workflow span,.workflow b{font-size:8px;}.studio-setup-links .linkbtn{font-size:9px;}}

/* 후보 보관함: 저장된 관측과 검수 상태를 구분한다. */
.candidate-shortcut{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce7e8;border-radius:10px;padding:13px 15px;background:#f3f7f8;margin:14px 0 18px;}
.candidate-shortcut b{display:block;font-size:11px;color:#355866;}.candidate-shortcut small{display:block;font-size:10px;color:#81979e;margin-top:5px;line-height:1.6;}.candidate-shortcut .btn{font-size:10px;flex-shrink:0;white-space:nowrap;}
.candidate-modal{max-width:1050px;}.candidate-panel{display:flex;flex-direction:column;gap:16px;}.candidate-panel p{margin:0;}.candidate-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;}.candidate-intro h2{font-size:21px;letter-spacing:-.04em;color:#244653;margin:7px 0 8px;}.candidate-intro p{font-size:11px;color:#84969d;}
.candidate-state{display:inline-flex;align-items:center;border:1px solid #dce6e9;background:#f2f6f7;border-radius:6px;padding:5px 8px;font-size:9px;color:#6c8791;white-space:nowrap;}.candidate-state.ready{background:#e8f2ef;border-color:#cfdfd8;color:#487264;}
.candidate-readiness{border-left:3px solid #7b9ea5;background:#eef4f5;padding:12px 15px;border-radius:0 8px 8px 0;font-size:11px;color:#5c7a85;line-height:1.9;}.candidate-readiness b{font-weight:500;color:#3f6673;}
.candidate-filter{display:flex;align-items:flex-end;gap:10px;}.candidate-filter .field{margin:0;min-width:0;}.candidate-filter .field label{font-size:11px;}.candidate-filter .input{font-size:12px;min-height:39px;}.candidate-filter .candidate-search{flex:1;}.candidate-filter .btn{min-height:39px;flex-shrink:0;white-space:nowrap;}
.candidate-category{flex:0 0 135px;}.candidate-context-actions{display:flex;gap:8px;flex-wrap:wrap;}.candidate-context-actions .btn{font-size:10px;min-height:34px;}.candidate-analysis{font-size:10px;border:1px solid #dfe9ec;border-radius:7px;margin-top:12px;padding:11px 12px;color:#708c99;line-height:1.9;background:#f8fafb;}.candidate-analysis summary{cursor:pointer;font-weight:500;color:#547a89;}.candidate-analysis p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;margin:11px 0!important;}.candidate-analysis small{font-size:9px;color:#94a7ae;line-height:1.8;}.candidate-actions{flex-wrap:wrap;}
.candidate-period-note{font-size:10px;color:#65858d;line-height:1.8;border-bottom:1px solid #e4ebed;padding-bottom:12px;}.candidate-list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6c848d;font-size:11px;}.candidate-list-tools>div{display:flex;gap:5px;align-items:center;}.candidate-view{background:#fff;border:1px solid #dfe7ea;border-radius:6px;padding:6px 10px;color:#8b9ba1;font:inherit;font-size:10px;}.candidate-view.on{background:#e9f1f2;color:#365e6d;border-color:#bfd0d6;}.candidate-list-tools .linkbtn{font-size:10px;margin-left:4px;}
.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.candidate-card{border:1px solid #dfe8eb;border-radius:12px;padding:19px;background:#fff;min-width:0;}.candidate-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}.candidate-source-label{font-size:9px;color:#8aa0a8;}.candidate-card h3{color:#294e5d;font-size:14px;font-weight:600;margin:13px 0 9px;line-height:1.6;overflow-wrap:anywhere;}
.candidate-origin{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:10px;color:#8599a0;}.candidate-origin b{font-weight:500;color:#527887;}.candidate-origin a,.candidate-details a,.candidate-table a{color:#4f7d89;text-decoration:none;}.candidate-origin a:hover,.candidate-details a:hover,.candidate-table a:hover{text-decoration:underline;}
.candidate-dates{display:flex;flex-direction:column;gap:5px;margin:13px 0;font-size:9px;color:#8c9da2;}.candidate-dates>div{display:flex;gap:9px;align-items:baseline;}.candidate-dates dt{min-width:45px;color:#748e97;}.candidate-dates dd{margin:0;overflow-wrap:anywhere;}.candidate-keywords{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px;}.candidate-keywords span{font-size:9px;background:#edf4f3;color:#6b8c87;border-radius:4px;padding:4px 6px;overflow-wrap:anywhere;max-width:100%;}
.candidate-text{font-size:11px;line-height:1.9;color:#5f747c;white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto;margin:12px 0 15px;}.candidate-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}.candidate-metric{min-width:0;display:flex;flex-direction:column;gap:7px;border:1px solid #e3e9ec;background:#f8fafb;border-radius:7px;padding:10px 7px;}.candidate-metric>span{font-size:9px;color:#7b929c;}.candidate-metric strong{font-size:17px;color:#355a6b;font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere;line-height:1.3;}.candidate-metric small{font-size:8px;color:#8c9fa6;line-height:1.5;overflow-wrap:anywhere;}.candidate-metric.is-unavailable strong,.candidate-table-value.is-unavailable{color:#adbbc0;}
.candidate-growth{display:flex;gap:13px;border-top:1px solid #e6edef;border-bottom:1px solid #e6edef;padding:13px 0;margin-top:13px;}.candidate-growth>div{flex-shrink:0;min-width:95px;}.candidate-growth span{display:block;font-size:9px;color:#7d949c;}.candidate-growth strong{display:block;font-size:21px;color:#3a716d;font-weight:600;margin-top:7px;letter-spacing:-.04em;}.candidate-growth em{font-style:normal;font-size:9px;color:#8da29f;margin-left:4px;}.candidate-growth p{font-size:9px;color:#82969c;line-height:1.8;align-self:center;overflow-wrap:anywhere;}.candidate-growth small{display:block;font-size:8px;margin-top:5px;color:#9aabb0;}
.candidate-details{margin-top:13px;color:#6f8992;font-size:10px;line-height:1.8;}.candidate-details summary{cursor:pointer;font-weight:500;}.candidate-details[open] summary{margin-bottom:12px;}.candidate-muted{display:block;font-size:9px;color:#99a9ae;line-height:1.8;}.candidate-media{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:7px;}.candidate-media li{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:1px solid #e3ebed;background:#f7fafb;padding:8px 10px;border-radius:6px;font-size:9px;}.candidate-media small{font-size:8px;color:#9aadb3;}.candidate-media-source{margin-left:auto;font-size:8px;}
.candidate-affiliate{padding-top:10px;margin-top:12px;border-top:1px solid #e5edef;}.candidate-affiliate p{font-size:9px;color:#78929c;line-height:1.8;margin-top:8px;}.candidate-affiliate small{display:block;font-size:8px;color:#99abb0;line-height:1.8;margin:6px 0;}.candidate-affiliate>a{font-size:9px;}
.candidate-screening{margin-top:12px;border:1px solid #dfe8eb;border-radius:7px;padding:10px 12px;background:#f6f9fa;color:#7d929c;font-size:9px;line-height:1.8;}.candidate-screening summary{cursor:pointer;font-weight:500;color:#527682;}.candidate-screening>p{margin-top:9px;}.candidate-screening>div{border-top:1px solid #e2e9ec;margin-top:9px;padding-top:9px;}.candidate-screening b{font-size:9px;font-weight:500;color:#5e7f8b;}.candidate-screening small{display:block;font-size:8px;line-height:1.9;margin:5px 0;}.candidate-screening div p{font-size:9px;overflow-wrap:anywhere;}.candidate-screening.screening-pass{background:#eff6f1;border-color:#d9e8dd;}.candidate-screening.screening-fail{background:#f4f1ed;border-color:#e8dfd3;}.candidate-screening.screening-fail summary{color:#8c7860;}
.candidate-actions{display:flex;justify-content:space-between;gap:8px;margin-top:16px;}.candidate-actions .btn{font-size:10px;min-height:35px;white-space:nowrap;}.candidate-reuse-note{display:block;font-size:8px;color:#9aacb2;line-height:1.8;margin-top:9px;}.candidate-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;}.candidate-pagination .btn{font-size:10px;min-height:34px;}.candidate-pagination .sub{font-size:10px;}.candidate-legend{font-size:10px;line-height:1.9;color:#889da6;border-top:1px solid #e1e9ed;padding-top:14px;}.candidate-empty{text-align:center;padding:28px 15px;color:#79919b;}.candidate-empty b{font-size:12px;font-weight:500;}.candidate-empty p{font-size:10px;line-height:1.9;margin:10px auto 15px;max-width:420px;}
.candidate-table-hint{font-size:10px;line-height:1.8;color:#8ba0a8;margin-bottom:10px!important;}.candidate-table-wrap{overflow-x:auto;border:1px solid #dde7eb;border-radius:10px;}.candidate-table{border-collapse:collapse;width:100%;min-width:980px;text-align:left;font-size:10px;}.candidate-table th{background:#f0f5f7;color:#65818e;font-size:9px;font-weight:500;padding:12px 10px;white-space:nowrap;}.candidate-table td{padding:14px 10px;border-top:1px solid #e5ecef;vertical-align:top;color:#788e98;}.candidate-table td:first-child{min-width:170px;max-width:210px;}.candidate-table td:nth-child(2){min-width:130px;}.candidate-table td:last-child{min-width:80px;}.candidate-table td b{display:block;color:#466b7c;font-size:10px;line-height:1.8;overflow-wrap:anywhere;font-weight:500;}.candidate-table td small{display:block;font-size:8px;line-height:1.7;margin-top:5px;}.candidate-table td a{display:block;font-size:9px;margin-top:5px;}.candidate-table td button{display:block;white-space:nowrap;font-size:9px;margin-bottom:5px;}.candidate-table-value{font-size:14px;color:#42697a;font-weight:500;white-space:nowrap;}.candidate-table-value small{display:inline!important;font-size:8px!important;margin-left:2px;}
.candidate-observation-head,.candidate-observation-row{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(0,1fr) 85px;align-items:center;gap:9px;}.candidate-observation-head{font-size:9px;color:#8ea2aa;}.candidate-observation-row>label:first-child{font-size:11px;color:#668590;}.candidate-observation-row .input{min-width:0;font-size:11px;}.candidate-observation-row .check{font-size:10px;gap:5px;margin:0;}.candidate-observation-row .check span{font-size:10px;}
@media(max-width:700px){.candidate-grid{grid-template-columns:minmax(0,1fr);}.candidate-intro h2{font-size:18px;}.candidate-intro{align-items:flex-start;}.candidate-shortcut{align-items:flex-start;flex-direction:column;gap:10px;}.candidate-shortcut .btn{align-self:flex-end;}.candidate-filter{flex-wrap:wrap;gap:8px;}.candidate-filter>.field:first-child{flex:1 0 100%;}.candidate-filter>.field:first-child select{width:100%;}.candidate-search{min-width:0;}.candidate-metric strong{font-size:19px;}.candidate-observation-head{display:none;}.candidate-observation-row{grid-template-columns:60px minmax(0,1fr);gap:8px;border-bottom:1px solid #e6edef;padding-bottom:12px;}.candidate-observation-row>input[id$="-raw"]{grid-column:2;}.candidate-observation-row>.check{grid-column:2;}.candidate-panel .candidate-legend{font-size:9px;}.candidate-card{padding:16px;}}
@media(max-width:430px){.candidate-intro{flex-direction:column;gap:10px;}.candidate-card{padding:14px;}.candidate-metrics{gap:4px;}.candidate-metric{padding:9px 6px;}.candidate-metric strong{font-size:16px;}.candidate-metric>span{font-size:8px;}.candidate-metric small{font-size:8px;}.candidate-growth>div{min-width:85px;}.candidate-growth{gap:9px;}.candidate-state{font-size:8px;}.candidate-list-tools{font-size:10px;gap:5px;}.candidate-view{font-size:9px;padding:6px 8px;}.candidate-readiness{font-size:10px;padding:11px 12px;}.candidate-actions .btn{font-size:9px;}}

.activity-panel{display:flex;flex-direction:column;gap:16px;}.activity-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;}.activity-intro h2{font-size:20px;color:#284e5f;margin:7px 0 0;letter-spacing:-.035em;}.activity-toolbar{display:flex;align-items:flex-end;gap:12px;}.activity-toolbar .field{flex:1;min-width:0;margin:0;}.activity-toolbar .btn{flex-shrink:0;min-height:38px;white-space:nowrap;}.activity-auto small{font-size:10px;line-height:1.8;}.activity-note{font-size:10px;color:#7b949e;line-height:1.8;}.activity-panel #activity-list{max-height:50dvh;overflow-y:auto;padding-right:4px;}.activity-timeline{list-style:none;padding:0 0 0 17px;margin:3px 0;border-left:1px solid #dbe7eb;}.activity-event{position:relative;margin:0 0 17px;padding:13px 15px;border:1px solid #e0e9ed;border-radius:9px;background:#fafcfd;}.activity-event::before{content:'';position:absolute;left:-23px;top:18px;width:9px;height:9px;border-radius:50%;background:#a6bac3;box-shadow:0 0 0 4px white;}.activity-event.status-running::before{background:#548a8b;}.activity-event.status-succeeded::before{background:#7f9e8f;}.activity-event.status-failed::before{background:#aa8779;}.activity-event-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}.activity-stage{font-size:11px;font-weight:500;color:#456d7e;}.activity-status{font-size:8px;padding:3px 5px;border-radius:4px;background:#edf3f5;color:#7b949f;}.activity-event time{font-size:8px;color:#92a6af;margin-left:auto;}.activity-event p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9;color:#647e8a;margin:10px 0;}.activity-event-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:8px;color:#94a7af;}.activity-event-meta b{font-size:9px;color:#6b8b98;font-weight:500;}.activity-event-meta a{color:#568392;text-decoration:none;margin-left:auto;}.activity-event-meta a:hover{text-decoration:underline;}
.source-account-card{border:1px solid #dce7ec;border-radius:10px;padding:17px;margin-top:14px;color:#63808d;background:#fff;}.source-account-card .ai-head b{font-size:12px;color:#416979;}.source-account-profile{font-size:10px;color:#69909f;text-decoration:none;display:inline-block;margin:9px 0 12px;}.source-account-notes{font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0!important;}.source-account-summary{display:flex;gap:8px 15px;flex-wrap:wrap;border-top:1px solid #e5edef;padding-top:12px;margin:12px 0;font-size:9px;color:#859eaa;}.source-account-summary b{font-size:12px;color:#4f7b89;font-weight:500;margin-left:4px;}.source-account-posts{font-size:10px;color:#75929e;margin:13px 0 0;}.source-account-posts summary{cursor:pointer;}.source-account-posts ul{list-style:none;padding:0;margin:10px 0;}.source-account-posts li{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #e9eff2;padding:11px 0;}.source-account-posts li>div{min-width:0;}.source-account-posts a{font-size:10px;color:#648a9a;line-height:1.8;text-decoration:none;overflow-wrap:anywhere;}.source-account-posts small{display:block;font-size:8px;color:#a0b0b7;margin-top:5px;}.source-account-filter{display:flex;gap:12px;align-items:center;font-size:10px;color:#7d96a2;}.source-account-filter .input{flex:1;min-width:0;}.candidate-panel #source-account-status{font-size:10px;color:#91a6b0;}
@media(max-width:700px){.candidate-filter>.field:first-child,.candidate-filter>.candidate-category{flex:1 0 calc(50% - 4px);}.candidate-filter .input{width:100%;}.activity-intro h2{font-size:18px;}.activity-intro{align-items:flex-start;}.activity-event{padding:12px;}.activity-event time{flex-basis:100%;margin-left:0;}.activity-event p{font-size:10px;}.activity-toolbar .btn{font-size:10px;}.source-account-card{padding:14px;}}
.keyword-panel{display:flex;flex-direction:column;gap:16px;}.keyword-shortcut{align-self:flex-start;margin:10px 0;font-size:10px!important;}.keyword-filter{display:flex;align-items:flex-end;gap:10px;}.keyword-filter .field{flex:1;min-width:0;margin:0;}.keyword-filter .btn{flex-shrink:0;white-space:nowrap;min-height:39px;}.keyword-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#eff4f6;border-radius:9px;padding:5px;}.keyword-tabs button{font:inherit;border:0;background:transparent;border-radius:6px;font-size:10px;padding:10px 5px;color:#7b96a1;}.keyword-tabs button.on{background:#fff;color:#365f72;box-shadow:0 1px 3px #294e5e09;}.keyword-section-note{font-size:11px;line-height:1.9;color:#7d96a1;margin:0 0 14px!important;}.keyword-section-title{font-size:12px;color:#5b7e8e;margin:17px 0 12px;font-weight:500;}.keyword-suggestions{display:flex;flex-wrap:wrap;gap:8px;}.keyword-suggestions button{font:inherit;border:1px solid #dce8eb;background:#f7fafb;border-radius:8px;padding:10px 12px;text-align:left;max-width:100%;}.keyword-suggestions button:hover{border-color:#bcd3d8;background:#edf5f5;}.keyword-suggestions span{display:block;font-size:12px;color:#497580;overflow-wrap:anywhere;}.keyword-suggestions small{display:block;font-size:8px;color:#9aadb3;margin-top:6px;}.keyword-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.keyword-record{border:1px solid #dce7eb;border-radius:10px;padding:16px;margin-bottom:12px;color:#6b8c9b;background:#fff;}.keyword-record .ai-head{gap:10px;flex-wrap:wrap;}.keyword-record .ai-head b{font-size:13px;color:#406a7d;}.keyword-record-values{display:flex;gap:20px;border-top:1px solid #e6edef;border-bottom:1px solid #e6edef;margin:14px 0;padding:13px 0;}.keyword-record-values>div{flex:1;min-width:0;}.keyword-record-values span{display:block;font-size:9px;color:#8aa2ac;}.keyword-record-values strong{display:block;font-size:22px;line-height:1.5;color:#3b7080;font-weight:500;margin-top:5px;overflow-wrap:anywhere;}.keyword-record-values small{display:block;font-size:8px;color:#95abb4;margin-top:4px;}.keyword-source{display:flex;gap:6px;flex-wrap:wrap;font-size:9px;line-height:1.8;color:#809aa7;margin:9px 0!important;}.keyword-source a{color:#4f8395;text-decoration:none;}.keyword-record-note{font-size:9px;line-height:1.9;color:#8da4af;margin:7px 0!important;overflow-wrap:anywhere;}.keyword-observations{font-size:9px;line-height:1.9;border-top:1px solid #e5edef;padding-top:10px;margin:12px 0;color:#829fae;}.keyword-observations summary{cursor:pointer;font-weight:500;color:#658a9d;}.keyword-observations ul{list-style:none;margin:11px 0;padding:0;}.keyword-observations li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #edf2f4;}.keyword-observations b{font-weight:500;color:#648997;}.keyword-observations p{font-size:9px;color:#9aadb7;margin:8px 0!important;}.keyword-record>.btn{font-size:10px;min-height:33px;}
@media(min-width:1001px){.workspace-nav{max-height:39dvh;overflow-y:auto;scrollbar-width:thin;padding-right:2px;flex-shrink:0;}}
@media(max-width:600px){.keyword-filter{flex-wrap:wrap;}.keyword-filter .field{flex:1 0 calc(50% - 5px);}.keyword-filter .btn{margin-left:auto;min-height:32px;font-size:10px;}.keyword-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}.keyword-records{grid-template-columns:minmax(0,1fr);}.keyword-record{padding:14px;}.keyword-record .ai-head b{font-size:12px;}.keyword-record-values strong{font-size:20px;}.keyword-suggestions span{font-size:11px;}}