:root{color-scheme:light;--ink:#263141;--muted:#6c7788;--accent:#2876eb;--line:#e3e8ef;--paper:#fff;--bg:#f6f8fb;--rail:72px;--rail-open:252px;font-family:Inter,"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a{color:#2369cc;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}button{cursor:pointer;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:white;padding:10px 18px;margin:5px 8px 5px 0;font-weight:550}button:hover{background:#1d63cc}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ebaf4d;outline-offset:3px}.skip-link{position:fixed;top:-70px;left:90px;z-index:100;background:white;padding:10px}.skip-link:focus{top:8px}
.app-header{height:74px;background:white;border-bottom:1px solid var(--line);padding:0 34px 0 calc(var(--rail) + 25px);display:flex;align-items:center;justify-content:space-between;gap:15px}.header-location,.header-tools{display:flex;align-items:center;gap:22px}.header-location>a{font-size:16px;letter-spacing:-.4px;color:var(--ink);white-space:nowrap}.header-location strong{font-weight:700}.breadcrumb{font-size:12px;color:var(--muted)}.icon-button{color:#526174;background:none;border:0;padding:8px;margin:0;display:flex}.icon-button:hover{background:#edf3fb}.nav-icon{width:22px;height:22px;flex:0 0 22px}.search-trigger{display:flex;align-items:center;gap:12px;color:#8993a1;background:#f8f9fb;border:1px solid var(--line);font-size:12px;font-weight:400;padding:8px 12px;margin:0;min-width:205px}.search-trigger:hover{background:#eff3f9}.search-trigger .nav-icon{height:16px;width:16px;flex-basis:16px}kbd{margin-left:auto;font:10px inherit;border:1px solid var(--line);border-radius:3px;padding:0 4px}#connection{font-size:11px;color:var(--muted)}.help-link{height:27px;width:27px;border:1px solid var(--line);border-radius:50%;text-align:center;color:#748092}
.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:30;display:flex;flex-direction:column;background:var(--accent);color:#fff;overflow:hidden;transition:width .18s ease;box-shadow:2px 0 12px #1f4b8210}.workspace-sidebar:hover,.workspace-sidebar:focus-within,.navigation-open .workspace-sidebar{width:var(--rail-open);box-shadow:6px 0 24px #1f4b821c}.brand{height:74px;min-height:74px;display:flex;align-items:center;gap:17px;padding:0 22px;color:white;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:30px;width:28px;flex:0 0 28px;line-height:1}.brand .nav-label{font-weight:650;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:2px;opacity:.65}.workspace-sidebar nav{overflow-y:auto;overflow-x:hidden;flex:1;padding:7px 0;scrollbar-width:thin;scrollbar-color:#ffffff45 transparent}.nav-group{padding:7px 0;border-top:1px solid #ffffff1c}.nav-group-label{height:6px;overflow:hidden;opacity:0;margin:0 24px;color:#c6defe;font-size:10px;font-weight:600;letter-spacing:1px;transition:height .18s ease,opacity .18s ease}.workspace-sidebar:hover .nav-group-label,.workspace-sidebar:focus-within .nav-group-label,.navigation-open .nav-group-label{height:25px;opacity:1}.workspace-sidebar nav a{display:flex;align-items:center;gap:20px;white-space:nowrap;height:43px;margin:2px 9px;padding:0 16px;color:#e1edff;border-radius:7px;text-decoration:none}.workspace-sidebar nav a:hover{background:#ffffff17;color:white}.workspace-sidebar nav a[aria-current=page]{background:#fff;color:#236bd6}.nav-label{opacity:0;transition:opacity .12s ease}.workspace-sidebar:hover .nav-label,.workspace-sidebar:focus-within .nav-label,.navigation-open .nav-label{opacity:1}.sidebar-foot{display:flex;align-items:center;gap:24px;min-height:50px;padding:0 30px;font-size:10px;white-space:nowrap;border-top:1px solid #ffffff20}.connection-dot{height:7px;width:7px;min-width:7px;border-radius:50%;background:#b4d3ff}
.workspace-layout{margin-left:var(--rail);padding:34px 44px 20px;max-width:none;min-height:calc(100vh - 125px)}.workspace-content{max-width:1360px;margin:auto;min-width:0}section{background:transparent;border:0;border-radius:0;padding:0}#workspace{outline:none}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{margin:0 0 3px;font-size:11px;color:#7a8799;letter-spacing:.6px}h1{margin:0;font-size:29px;letter-spacing:-1px;font-weight:650}h2{font-size:22px}h3{font-size:17px;letter-spacing:-.4px;margin:0 0 15px}h4{font-size:14px}.mode-label{font-size:11px;border:1px solid #c8daef;border-radius:4px;padding:5px 10px;color:#4779ad;background:#f0f6ff;white-space:nowrap}.page-description{color:#637082;margin:11px 0 0;max-width:850px}.workspace-policy{font-size:11px;color:#8a95a3;margin:8px 0 24px}.section-index{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 28px}.section-index a{padding:11px 14px;font-size:12px;color:#68768a}.section-index a:hover{color:var(--accent);background:#edf4ff;text-decoration:none}
#workspace>section,#workspace>form{background:white;border-top:1px solid var(--line);padding:27px 30px;margin:0 0 24px}#workspace>form{max-width:1100px}#workspace>section>p{color:#748092;font-size:12px;max-width:1000px}form{max-width:1100px}label{display:block;font-weight:550;color:#536174;font-size:12px;margin:18px 0}input,textarea,select{display:block;width:100%;padding:11px 12px;border:1px solid #d4dce6;border-radius:4px;background:#fff;color:#263141;line-height:1.5;font-size:14px;margin-top:7px}input::placeholder,textarea::placeholder{color:#a0a9b5}input:focus,textarea:focus,select:focus{border-color:#86adeb}textarea{min-height:140px;resize:vertical}select[multiple]{min-height:110px}input[type=checkbox],input[type=radio]{display:inline;width:auto;margin:0 8px 0 0;accent-color:var(--accent)}.check{display:flex;align-items:center;font-weight:400}details{border-top:1px solid var(--line);padding:14px 0}details>summary{cursor:pointer;font-size:13px;font-weight:550;color:#586b82}details[open]>summary{margin-bottom:16px;color:var(--accent)}details>p{font-size:12px;color:var(--muted)}.tool-disclosure{background:white;margin:15px 0;padding:20px 30px;border-top:1px solid var(--line)}.tool-disclosure>section{padding-top:5px}.notice{padding:12px 15px;border-left:3px solid #bdcde2;background:#f3f6fa;color:#5d6c80;font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:30px}.split>*{min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f7fa;color:#526174;padding:17px;max-height:65vh;overflow:auto}.record,#history-list button,#record-list button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:#4f6075;padding:14px 10px;margin:0;font-weight:400}.record:hover,#history-list button:hover,#record-list button:hover{background:#f0f6ff;color:#246ac9}#artifact-view pre,#revision-original pre,#revision-selected pre,#guided-manuscript pre{font-family:Georgia,"Noto Serif KR",serif;font-size:16px;line-height:2.05;background:white;color:#364052;max-height:none;padding:18px 4px}.app-footer{margin-left:var(--rail);padding:18px 44px;font-size:10px;color:#96a0ae;display:flex;justify-content:space-between;border-top:1px solid var(--line)}#message{color:#a24235;font-size:13px;white-space:pre-wrap}#message:empty{display:none}#request-status:empty,#job-result:empty{display:none}progress{width:100%;height:6px;accent-color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:#7a8799;font-weight:500}.relationship-svg{width:100%;max-height:650px;border:1px solid var(--line);background:#fff}.relationship-svg text{fill:var(--ink);font-size:13px}.relationship-line{stroke:#9aacbf;stroke-width:2}.relationship-node{fill:#e5effe;stroke:#83a5d9;stroke-width:1}.relationship-arrow{fill:#9aacbf}
dialog{width:min(540px,92vw);max-height:80vh;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:24px;box-shadow:0 20px 70px #19345130}dialog::backdrop{background:#172c4755}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{margin:0;font-size:18px}.quiet-button{background:white;color:#758195;border:1px solid var(--line);font-size:12px}.quiet-button:hover{background:#f2f5fa}#navigation-results a{display:block;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.search-field{margin-top:15px}#login-panel{background:white;max-width:450px;padding:30px;margin:50px auto;border:1px solid var(--line)}
@media(min-width:1000px){#story-form{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}#story-form>label:nth-child(3),#story-form>details,#story-form>.check,#story-form>button{grid-column:1/-1}#story-form>button{justify-self:start;min-width:150px}#story-form>label:nth-child(3) textarea{min-height:180px}}
@media(max-width:900px){.breadcrumb,.header-tools kbd{display:none}.app-header{padding-right:20px;gap:8px}.header-tools{gap:10px}.search-trigger{min-width:0}.workspace-layout{padding:26px 22px}.page-heading{align-items:flex-start}.mode-label{white-space:normal;max-width:165px}.app-footer{padding:16px 22px}.app-footer span{display:none}}
@media(max-width:600px){:root{--rail:58px}.brand{padding-left:15px}.workspace-sidebar nav a{padding-left:10px;margin-left:8px;gap:20px}.app-header{height:62px;padding-left:calc(var(--rail) + 9px);padding-right:12px}.header-location{gap:7px}.header-location>a{font-size:12px}.header-tools .search-trigger span,.help-link,#connection{display:none}.search-trigger{border:0;background:none;padding:8px}.workspace-layout{padding:23px 14px}.page-heading{display:block}h1{font-size:25px}.mode-label{display:inline-block;margin-top:12px;max-width:none}.split{grid-template-columns:1fr}.workspace-policy{line-height:1.7}#workspace>section,#workspace>form,.tool-disclosure{padding:20px 16px}.app-footer{padding:16px 14px}.sidebar-foot{padding-left:24px}button{max-width:100%}.section-index a{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.record-detail-field{padding:15px 0;border-bottom:1px solid var(--line)}.record-detail-field h4{margin:0 0 8px;color:#65748a}.record-detail-field p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;font-size:14px;line-height:1.85}.record-detail-field ul{padding-left:22px}.record-detail-field dt{font-weight:600;overflow-wrap:anywhere}.record-detail-field dd{margin:5px 0 14px 14px}.record-detail-field dl{margin:8px 0}.record-portrait img{display:block;width:180px;height:180px;object-fit:cover;border-radius:6px}.record-portrait{margin:15px 0}.relationship-diagram{max-height:720px;overflow:auto;border:1px solid var(--line);background:white}.relationship-diagram .relationship-svg{display:block;width:auto;min-width:100%;max-height:none;border:0}.record-detail-field pre{max-width:100%}#portrait-gallery img{max-width:100%;height:auto}#record-list{max-height:75vh;overflow:auto}#record-form{overflow-wrap:anywhere}
.workspace-sidebar nav a{position:relative;justify-content:center;padding:0;gap:0}.workspace-sidebar nav a .nav-label{position:absolute;left:58px}.workspace-sidebar:hover nav a,.workspace-sidebar:focus-within nav a,.navigation-open .workspace-sidebar nav a{justify-content:flex-start;padding:0 16px;gap:20px}.workspace-sidebar:hover nav a .nav-label,.workspace-sidebar:focus-within nav a .nav-label,.navigation-open .workspace-sidebar nav a .nav-label{position:static}
.chat-context{border:0;padding:0 0 12px;text-align:center}.chat-context>summary{font-size:11px;font-weight:400;color:#526d80}.chat-context .chat-narration{margin:8px 0;padding:4px 12px}
/* Long artifact filenames must wrap inside the narrower folder sheet. */
.folder-panel{overflow-wrap:anywhere}
.workspace-tabs{display:flex;align-items:flex-end;gap:5px;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;position:sticky;top:0;z-index:10;background:var(--bg);padding:8px 1px 0;margin:0;border-bottom:1px solid #b9c8da}.workspace-tabs>button{flex:0 0 auto;min-height:44px;white-space:nowrap;margin:0;padding:11px 22px;border:1px solid #c7d2e1;border-bottom:0;border-radius:7px 7px 0 0;background:#e9eef5;color:#617289;font-size:13px;font-weight:500}.workspace-tabs>button:hover{background:#f6f9fd;color:#285f9f}.workspace-tabs>button[aria-selected=true]{min-height:49px;background:white;color:#236bd6;border-top:2px solid #2876eb;font-weight:650;box-shadow:0 2px 0 white}.workspace-tabs>button:focus-visible{outline-offset:-4px}.folder-body{border:1px solid #b9c8da;border-top:0;border-radius:0 0 7px 7px;background:white;min-width:0}.folder-panel{padding:28px 30px;min-width:0;outline:none}.folder-panel>section,.folder-panel>form{margin:0;padding:0;background:transparent;border:0;max-width:none}.folder-panel>details{border-top:0;padding-top:0}.folder-panel>section>p{color:#748092;font-size:12px}.folder-panel>.split{margin-top:12px}.workflow-tabs{display:flex;flex-wrap:wrap;gap:0 20px;border-bottom:1px solid var(--line);padding:0;margin:0 0 22px}.workflow-tabs>button{background:transparent;border:0;border-radius:0;border-bottom:2px solid transparent;color:#738197;font-size:12px;padding:10px 0;margin:0;font-weight:400}.workflow-tabs>button:hover{background:transparent;color:#236bd6}.workflow-tabs>button[aria-selected=true]{border-bottom-color:#2876eb;color:#236bd6;font-weight:650}.workflow-only{border:0;border-radius:0;background:transparent}.workflow-only>.folder-panel{padding:0}.workflow-only .workflow-tabs.workspace-tabs{flex-wrap:nowrap;gap:5px;margin-bottom:0;background:var(--bg);border-bottom:1px solid #b9c8da}.workflow-only .workflow-tab-content{padding:28px 30px;background:white;border:1px solid #b9c8da;border-top:0;border-radius:0 0 7px 7px}.workflow-tabs.workspace-tabs>button{padding:11px 20px;border:1px solid #c7d2e1;border-bottom:0;border-radius:7px 7px 0 0;background:#e9eef5;font-size:13px}.workflow-tabs.workspace-tabs>button[aria-selected=true]{background:white;border-top:2px solid #2876eb}.workflow-tab-content{min-width:0}.workflow-tab-content>form{max-width:none}
@media(max-width:600px){.workspace-tabs>button,.workflow-tabs.workspace-tabs>button{padding:10px 15px;font-size:12px}.folder-panel,.workflow-only .workflow-tab-content{padding:20px 16px}.workflow-only>.folder-panel{padding:0}.workflow-tabs:not(.workspace-tabs){gap:0 16px}.folder-body{border-radius:0 0 5px 5px}}
.dialogue-mode .split{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}.messenger{background:#c8d9e7;border:1px solid #b8cbd9;border-radius:8px;overflow:hidden}.messenger-header{padding:22px 26px;background:#b9cfdf;border-bottom:1px solid #afc5d7}.messenger-header h3{margin:0 0 7px;font-size:18px}.messenger-header p{margin:4px 0;font-size:12px;color:#4e6170}.messenger-header small{font-size:10px;color:#657988}.messenger-stream{max-height:72vh;min-height:300px;overflow:auto;padding:22px 24px;scrollbar-width:thin}.chat-message{display:flex;align-items:flex-start;gap:9px;margin:0 0 20px}.chat-message-content{max-width:80%;min-width:0}.chat-speaker{font-size:11px;color:#485d6c;margin:0 0 5px}.chat-bubble{background:#fff;border:1px solid #bccbd6;border-radius:3px 10px 10px;margin:0;padding:11px 14px;color:#263642;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;box-shadow:0 1px 1px #3d627515}.chat-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;background:#edf3f7;color:#46647a;display:grid;place-items:center;position:relative;overflow:hidden;font-size:13px;font-weight:600}.chat-avatar img{position:absolute;inset:0;width:34px;height:34px;object-fit:cover}.chat-avatar-loaded span{opacity:0}.chat-message-lead{flex-direction:row-reverse}.chat-message-lead .chat-speaker{text-align:right}.chat-message-lead .chat-bubble{background:#fff0a4;border-color:#eadc95;border-radius:10px 3px 10px 10px}.chat-narration{font-size:11px;color:#566f80;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:8px 12px;margin:10px 0 20px}.dialogue-original{margin-top:18px}@media(max-width:800px){.dialogue-mode .split{grid-template-columns:1fr}.dialogue-mode #record-list{max-height:220px}.messenger-header{padding:18px}.messenger-stream{padding:18px 12px}.chat-message-content{max-width:calc(100% - 43px)}.chat-bubble{font-size:13px;padding:9px 11px}}
