:root{--bg:#f5f7fb;--card:#fff;--line:#e5e9f2;--text:#162033;--muted:#6f7787;--accent:#2563eb;--nav:#0f172a;--nav2:#1e293b;--shadow:0 8px 24px rgba(15,23,42,.06)}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,"Noto Sans KR",sans-serif;background:var(--bg);color:var(--text)} button,input{font:inherit}
.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 0 210px;grid-template-rows:auto 1fr;min-height:100vh;transition:grid-template-columns .2s ease}
.app-shell.context-open{grid-template-columns:230px minmax(0,1fr) 300px 210px}
.app-header{grid-column:1/-1;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:18px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{font-size:24px;font-weight:900;letter-spacing:.18em}.global-search-wrap{display:flex;flex-direction:column;gap:8px;max-width:900px}.global-search{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#f9fbff;outline:none}.providers{display:flex;gap:6px;flex-wrap:wrap}.provider,.secondary,.chip-row button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:999px;cursor:pointer}.provider.active{background:#e8f0ff;border-color:#bfd2ff;color:#174ea6}.header-actions{display:flex;gap:8px}.icon-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:10px;cursor:pointer}
.sidebar{grid-column:1;grid-row:2;background:var(--nav);color:#fff;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--nav2);color:#fff}.help-link{border-top:1px solid #334155;border-radius:0;padding-top:16px}
.main-area{grid-column:2;grid-row:2;padding:18px;overflow:auto;min-width:0}.view{display:none}.active-view{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.hero{margin-bottom:14px;background:linear-gradient(135deg,#fff 0%,#eef4ff 100%)}.hero h1{margin:4px 0 6px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--accent);font-weight:800}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.primary{border:0;background:var(--accent);color:#fff;padding:11px 15px;border-radius:12px;cursor:pointer;font-weight:700}.section-title{font-size:13px;font-weight:900;color:#31405f;margin-bottom:12px}.muted{color:var(--muted);font-size:14px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-card{grid-column:1/-1}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-grid>div{padding:11px;border-radius:12px;background:#f8faff;border:1px solid #edf1f7}.creator-flow{padding:12px;background:#f8faff;border-radius:12px;overflow:auto;white-space:nowrap}
.context-panel{grid-column:3;grid-row:2;background:#fff;border-left:1px solid var(--line);padding:14px;overflow:auto}.context-panel.collapsed{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center}.context-panel section{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.context-panel h3{font-size:14px;margin:0 0 8px}.context-panel p,.context-panel li{font-size:13px;color:var(--muted)}.chip-row{display:flex;gap:6px;flex-wrap:wrap}
.timeline{grid-column:4;grid-row:2;background:#fff;border-left:1px solid var(--line);padding:16px 12px;overflow:auto}.timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-item{border-left:2px solid #cbd5e1;padding-left:10px;display:flex;flex-direction:column;gap:2px}.timeline-item span{font-size:11px;color:var(--muted)}.timeline-item b{font-size:13px}.timeline-item.current{border-color:var(--accent)}.full{width:100%;margin-top:16px}
.workspace-tabs{display:flex;gap:6px;margin-bottom:10px;overflow:auto}.tab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;white-space:nowrap}.tab.active{background:#e8f0ff;border-color:#bfd2ff}.tab.add{font-weight:800}.work-surface{min-height:420px}
.search-request-panel,.search-results-panel{margin:16px 0;box-shadow:none}.search-results-list{display:grid;gap:10px;margin-top:12px}.search-result-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;border:1px solid var(--line);background:#f9fbff;border-radius:14px;padding:12px;cursor:pointer}.search-result-card:hover{border-color:#bfd2ff;background:#f3f7ff}.search-result-provider{grid-row:1/3;align-self:start;font-size:11px;font-weight:900;color:var(--accent);background:#e8f0ff;border-radius:999px;padding:5px 8px}.search-result-card strong{font-size:14px}.search-result-url{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.app-shell,.app-shell.context-open{grid-template-columns:200px minmax(0,1fr) 0 170px}.app-header{grid-template-columns:200px 1fr auto}.context-panel{display:none!important}.dashboard-grid{grid-template-columns:1fr}}
@media (max-width:760px){.app-shell,.app-shell.context-open{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.app-header{grid-column:1;grid-template-columns:1fr auto;gap:10px}.brand{font-size:20px}.global-search-wrap{grid-column:1/-1;order:3}.sidebar{display:none}.main-area{grid-column:1;grid-row:2;padding:12px}.timeline{grid-column:1;grid-row:3;position:sticky;bottom:0;border-left:0;border-top:1px solid var(--line);padding:8px 12px;display:flex;align-items:center;gap:10px;z-index:15}.timeline .section-title{margin:0;white-space:nowrap}.timeline-list{flex:1;min-width:0}.timeline-item{display:none}.timeline-item.current{display:flex;border:0;padding:0;flex-direction:row;gap:8px;white-space:nowrap;overflow:hidden}.timeline .full{display:none}.resume-card{align-items:flex-start;flex-direction:column}.mini-grid{grid-template-columns:1fr 1fr}.search-result-card{grid-template-columns:1fr}.search-result-provider{grid-row:auto;width:max-content}}

.dynamic-tabs{display:flex;gap:6px}.dynamic-tab{display:flex;align-items:center;gap:8px;max-width:250px}.dynamic-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dynamic-tab-close{font-size:16px;line-height:1;color:var(--muted);padding:0 2px}.workspace-tab-pane{min-height:360px}.workspace-tab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspace-tab-head h2{margin:0}.workspace-tab-head .muted{max-width:720px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-preview{margin-top:18px;border:1px dashed var(--line);border-radius:14px;padding:24px;background:#f9fbff}
@media (max-width:760px){.workspace-tab-head{flex-direction:column}.workspace-tab-head .muted{max-width:100%}.dynamic-tabs{display:contents}.dynamic-tab{max-width:200px}}

.split-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.split-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.split-pane{min-height:180px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#f9fbff;overflow:hidden}.split-pane .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px){.split-workspace{grid-template-columns:1fr}}

.chip-row button:disabled{opacity:.45;cursor:not-allowed}

.search-result-snippet{grid-column:2;font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){.search-result-snippet{grid-column:1}}