@import url("./fonts/pretendard/pretendard-variable.css"); html[data-studio-theme]{background:var(--studio-bg);min-height:100%;scrollbar-color:var(--studio-line) var(--studio-bg)}body{margin:0;min-height:100dvh;background:var(--studio-bg);color:var(--studio-text)}.studio-top-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-service-link{color:var(--studio-muted);font-size:12px;text-decoration:none;white-space:nowrap}.studio-service-link:hover{color:var(--studio-accent)}.studio-service-mark{width:36px;height:36px;display:block}.studio-sync-bar{margin:8px 20px;padding:10px 14px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-panel);color:var(--studio-muted);font-size:12px}.studio-sync-bar.error{border-color:#e6b46b;color:#a45714}.studio-settings-dialog{background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-line);border-radius:20px;width:min(900px,90vw);max-height:88vh;padding:0;box-shadow:0 25px 80px #0003}.studio-settings-dialog::backdrop{background:#07122588}.studio-settings-dialog header,.studio-settings-dialog footer{display:flex;gap:10px;align-items:center;padding:20px;border-bottom:1px solid var(--studio-line)}.studio-settings-dialog h2{margin:4px 0;font-size:20px}.studio-settings-dialog header>div{flex:1}.studio-settings-dialog footer{border-top:1px solid var(--studio-line);border-bottom:0}.studio-settings-dialog footer>span{flex:1}.studio-settings-content{padding:20px;overflow:auto;max-height:56vh}.studio-settings-dialog input,.studio-settings-dialog select{box-sizing:border-box;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-line);border-radius:9px;padding:10px;width:100%;font:inherit}.studio-settings-dialog label{font-size:12px;color:var(--studio-muted)}.studio-key-fields{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end}.studio-api-key,.studio-api-addition{padding:15px;border:1px solid var(--studio-line);border-radius:12px;margin:10px 0}.studio-api-addition{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:10px;align-items:end}.studio-replacement{display:block;margin-top:12px}.studio-settings-dialog [hidden]{display:none!important}.studio-settings-dialog .pending-remove{opacity:.45}.studio-settings-feedback{padding:0 20px;font-size:12px}.studio-settings-dialog button{cursor:pointer;border-radius:9px;padding:9px 12px;border:1px solid var(--studio-line);background:var(--studio-soft);color:var(--studio-text);font:inherit;font-size:12px}.studio-settings-dialog button.primary{background:#142a4a;color:#fff}.studio-settings-dialog .hint{font-size:12px;line-height:1.6;color:var(--studio-muted)}.account-toolbar{flex-wrap:wrap}.studio-director-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--studio-line);border-radius:9px;padding:7px 10px;background:var(--studio-panel);color:var(--studio-text);font-size:11px}.topbar{gap:14px;flex-wrap:wrap}.topbar .brand-mark{padding:0;background:transparent}.topbar .brand-mark img{width:36px;height:36px}.topbar .version{display:none}.topbar .top-actions{margin-left:auto}.writing-area{min-width:0}.studio-bridge-loading{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;background:var(--studio-bg);color:var(--studio-text);font:14px system-ui}.studio-bridge-loading button{margin-top:15px;padding:10px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-panel);color:var(--studio-text)} /* Shared account chrome uses the same theme as both workspaces. */ html[data-studio-theme] .shell,html[data-studio-theme] .card,html[data-studio-theme] .announcement-center,html[data-studio-theme] .participation-hub{color:var(--studio-text)}html[data-studio-theme] .card{background:var(--studio-panel);border-color:var(--studio-line)}html[data-studio-theme] .hint,html[data-studio-theme] .muted{color:var(--studio-muted)}html[data-studio-theme] .account-summary-grid,html[data-studio-theme] .studio-home-list a{background:var(--studio-panel);border-color:var(--studio-line);color:var(--studio-text)} .password-visibility{position:relative;display:flex;align-items:center;width:100%}.password-visibility>input{padding-right:44px!important;width:100%}.password-eye{position:absolute;right:7px;padding:6px;border:0!important;background:transparent!important;color:var(--studio-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.social-login{display:grid;gap:10px;margin-bottom:15px}.social-start{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none}.social-start.kakao{background:#fee500;color:#191919}.social-start.naver{background:#03c75a;color:white}.social-start.unavailable{opacity:.45;cursor:not-allowed}.social-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--studio-muted);margin:12px 0 2px}.social-divider:before,.social-divider:after{content:'';flex:1;height:1px;background:var(--studio-line)}.social-consent{display:flex;align-items:center;gap:6px;margin:15px 0;font-size:12px}.social-consent input{width:auto!important}.social-callback{display:block;overflow-wrap:anywhere;padding:10px;border:1px solid var(--studio-line);border-radius:10px;font-size:12px}.social-account [aria-disabled=true]{opacity:.5;pointer-events:none}.manuscript-conflict p{font-size:12px;color:var(--studio-muted);line-height:1.7} .studio-memo-panel{font-size:var(--panel-font-size,14px);color:var(--studio-text)}.studio-memo-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:16px}.studio-memo-heading small{color:var(--studio-muted);font-size:10px;letter-spacing:.08em}.studio-memo-heading h2{margin:5px 0;font-size:19px}.studio-memo-heading h2 span{color:var(--studio-muted);font-size:14px;margin-left:5px}.studio-memo-version{display:grid;gap:6px;font-size:11px;color:var(--studio-muted);margin-bottom:12px}.studio-memo-version select{width:100%;padding:9px;border:1px solid var(--studio-line);border-radius:9px;color:var(--studio-text);background:var(--studio-panel)}.studio-memo-source{display:grid;gap:5px;padding:12px;border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-soft);font-size:12px;line-height:1.6}.studio-memo-source small{color:var(--studio-muted);font-size:10px}.studio-memo-source p{margin:3px 0}.studio-memo-source.previous{border-color:#c9b798}.studio-memo-filters{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.studio-memo-filters button{border:1px solid var(--studio-line);border-radius:20px;padding:6px 10px;font-size:10px;color:var(--studio-muted);background:var(--studio-panel)}.studio-memo-filters button[aria-pressed=true]{background:var(--studio-accent);color:var(--studio-bg)}.studio-memo-cards{display:grid;gap:14px}.studio-memo-card{padding:17px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-panel);box-shadow:0 4px 16px #07122505;line-height:1.8;overflow-wrap:anywhere}.studio-memo-kind{font-size:10px;color:var(--studio-accent);font-weight:750;margin-bottom:8px}.studio-memo-card.required{border-top:3px solid #ba835f}.studio-memo-card.refinement{border-top:3px solid #7594be}.studio-memo-card.legacy{border-top:3px solid #7b9d8d}.studio-memo-card h3{font-size:1em;line-height:1.7;margin:0 0 10px}.studio-memo-card h4{font-size:.82em;margin:0 0 5px;color:var(--studio-muted)}.studio-memo-card p{white-space:pre-wrap;margin:4px 0;font-size:.9em}.studio-memo-context{color:var(--studio-muted)}.studio-memo-advice,.studio-memo-preserve{padding:11px;background:var(--studio-soft);border-radius:9px;margin-top:12px}.studio-memo-card details{font-size:.85em;margin-top:12px}.studio-memo-card summary{cursor:pointer;color:var(--studio-muted)}.studio-memo-card blockquote{margin:10px 0 0;padding:10px;border-left:2px solid var(--studio-line);background:var(--studio-soft);border-radius:7px}.studio-memo-card blockquote small{font-size:10px;color:var(--studio-muted)}.studio-memo-empty{padding:25px 12px;color:var(--studio-muted);font-size:12px;line-height:1.8}.panel-tabs{flex-wrap:wrap}.studio-save-retry{margin-left:14px;border:1px solid var(--studio-line);border-radius:8px;padding:5px 10px;color:var(--studio-accent);background:var(--studio-panel);cursor:pointer} /* Director design tokens, shared by every workspace. */ :root{--studio-bg:#f8fafc;--studio-panel:#fff;--studio-text:#17243a;--studio-muted:#586b84;--studio-line:#dce4ee;--studio-soft:#eff4fa;--studio-accent:#2459b8;--studio-primary:#111827;--studio-gold:#fcd34d} html[data-studio-theme=sky]{color-scheme:light} .studio-mode-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-panel);color:var(--studio-text);cursor:pointer}.studio-mode-toggle svg{display:block;width:17px;height:17px}.studio-mode-toggle:hover{background:var(--studio-soft)} .studio-workspace-header{box-sizing:border-box;display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:18px;height:66px!important;min-height:66px!important;padding:0 24px!important;background:var(--studio-panel)!important;border-bottom:1px solid var(--studio-line);color:var(--studio-text);position:relative;z-index:40} .studio-workspace-header .workspace-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:180px;text-decoration:none;color:var(--studio-text)}.studio-workspace-header .workspace-brand img{width:42px;height:42px;display:block;border-radius:11px}.studio-workspace-header .workspace-brand strong,.studio-workspace-header .workspace-brand h1{display:block;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.5px;margin:0;color:var(--studio-text)}.studio-workspace-header .workspace-brand small,.studio-workspace-header .workspace-brand p{display:block;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:0;margin:2px 0 0;color:var(--studio-muted)} .studio-workspace-nav{margin-left:auto;display:flex;align-items:center;flex-wrap:nowrap;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}.studio-workspace-nav::-webkit-scrollbar{display:none}.studio-workspace-nav>*{flex-shrink:0}.studio-workspace-nav button,.studio-workspace-nav>a{white-space:nowrap;line-height:18px;font-size:12px;min-height:34px;border-radius:11px}.studio-workspace-nav>button,.studio-workspace-nav>a{padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--studio-line);background:var(--studio-panel);color:var(--studio-muted);font-weight:700;text-decoration:none}.studio-workspace-nav>button:hover,.studio-workspace-nav>a:hover{background:var(--studio-soft);color:var(--studio-text)}.studio-workspace-nav svg{width:14px;height:14px;flex:none}.studio-workspace-nav .workspace-version{display:inline-flex;gap:0;align-items:center;min-height:32px;padding:5px 8px;font-size:10px;font-family:monospace;white-space:nowrap;color:var(--studio-muted);background:var(--studio-soft);border:1px solid var(--studio-line);border-radius:9px}.workspace-header-usage{display:none!important}.studio-workspace-header .studio-top-controls{border:0;padding:0;gap:0}.workspace-font-control{display:inline-flex;align-items:center;border:1px solid var(--studio-line);border-radius:11px;overflow:hidden;flex:none;background:var(--studio-panel)}.workspace-font-control button{padding:6px 9px;min-width:30px;border-radius:0;border:0;background:transparent;font-size:11px;font-weight:700;color:var(--studio-muted)}.workspace-font-control button:nth-child(2){border-inline:1px solid var(--studio-line);font-size:10px;min-width:44px} .workspace-popover-list{display:grid;gap:10px}.workspace-popover-list article{padding:15px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-panel)}.workspace-popover-list time{display:block;font-size:11px;color:var(--studio-muted);margin:5px 0}.workspace-popover-list p{font-size:13px;line-height:1.75;white-space:pre-wrap}.workspace-popover-list strong{font-size:13px}.workspace-guide-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-guide-list button{text-align:left;padding:18px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-panel);color:var(--studio-text)}.workspace-guide-list strong{display:block;font-size:14px;margin-bottom:8px}.workspace-guide-list span{font-size:12px;line-height:1.7;color:var(--studio-muted)}.workspace-locate{outline:3px solid var(--studio-accent)!important;outline-offset:5px;scroll-margin:80px} /* 9.8.13: luminance layers, semantic accents, and real hover states. */ html[data-studio-theme=night]{color-scheme:dark;--studio-bg:#2b3037;--studio-panel:#333a43;--studio-soft:#3b444f;--studio-raised:#444f5b;--studio-text:#d4d9df;--studio-muted:#bbc3cd;--studio-line:#637080;--studio-accent:#b7c5d5;--studio-primary:#455160;--studio-gold:#d5cbb4;--studio-control:#414c59;--studio-blue-bg:#3d4b5b;--studio-blue:#bdcddd;--studio-green-bg:#3d4d47;--studio-green:#bbd0c4;--studio-amber-bg:#514b3e;--studio-amber:#d5cbb4;--studio-violet-bg:#4c4656;--studio-violet:#cfc5d8;--studio-rose-bg:#52434a;--studio-rose:#d8bec8} html [data-studio-mode].studio-mode-toggle{display:inline-grid!important;place-items:center;flex:0 0 34px;width:34px!important;height:34px!important;min-height:34px;padding:0!important;border:1px solid var(--studio-line)!important;background:var(--studio-panel)!important;color:var(--studio-text)!important;border-radius:11px;box-shadow:none} html [data-studio-mode].studio-mode-toggle:hover{background:var(--studio-soft)!important}html [data-studio-mode].studio-mode-toggle svg{width:17px;height:17px;display:block} html[data-studio-theme=night] #app :is(button,.tab,.secondary){background:var(--studio-control);border-color:var(--studio-line);color:var(--studio-text)} html[data-studio-theme=night] #app :is(button,.tab,.secondary):hover{background:#35445c} html[data-studio-theme=night] #app :is(.primary,.tab.on){background:var(--studio-primary);color:white} html[data-studio-theme=night] #app .danger{background:var(--studio-rose-bg);color:var(--studio-rose)} html[data-studio-theme=night] :is(input,select,textarea){background-color:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)} html[data-studio-theme=night] :is(input,textarea)::placeholder{color:#a6b2c6;opacity:1} html[data-studio-theme=night] :is(.account-service,.account-summary-grid,.account-fact,.studio-home-list,.studio-home-list a,.notice-row,.event-row){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)} html[data-studio-theme=night] .text-white{color:white!important} html[data-studio-theme=night] :is(.bg-slate-900,.bg-slate-950,.bg-gray-900){background-color:var(--studio-raised)!important;color:var(--studio-text)!important} .workspace-dashboard{padding-bottom:170px!important;flex-shrink:0}.workspace-queue-dock{right:12px!important} .director-settings-body{display:flex;min-height:0;flex:1;overflow:hidden}.director-settings-tabs{flex:0 0 155px;padding:18px 10px;border-right:1px solid var(--studio-line,#e2e8f0);background:var(--studio-soft,#f8fafc)}.director-settings-tabs button{display:block;width:100%;text-align:left;border-radius:10px;padding:12px 14px;margin:3px 0;color:var(--studio-muted,#64748b);font-size:13px;font-weight:600}.director-settings-tabs button[aria-selected=true]{background:var(--studio-blue-bg,#e8f0ff);color:var(--studio-accent,#2563eb)}.director-settings-panel{flex:1;min-width:0;overflow:auto;padding:24px}.director-settings-panel [hidden]{display:none!important} html[data-studio-theme=night] :is([class^="bg-slate-50"],[class*=" bg-slate-50"]){background-color:var(--studio-soft)!important} html[data-studio-theme=night] :is([class^="bg-slate-100"],[class*=" bg-slate-100"]){background-color:var(--studio-soft)!important} html[data-studio-theme=night] :is([class^="text-slate-700"],[class*=" text-slate-700"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-slate-800"],[class*=" text-slate-800"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-slate-900"],[class*=" text-slate-900"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-slate-950"],[class*=" text-slate-950"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-slate-400"],[class*=" text-slate-400"]){color:var(--studio-muted)!important} html[data-studio-theme=night] :is([class^="text-slate-500"],[class*=" text-slate-500"]){color:var(--studio-muted)!important} html[data-studio-theme=night] :is([class^="text-slate-600"],[class*=" text-slate-600"]){color:var(--studio-muted)!important} html[data-studio-theme=night] :is([class^="border-slate-100"],[class*=" border-slate-100"]){border-color:var(--studio-line)!important} html[data-studio-theme=night] :is([class^="border-slate-200"],[class*=" border-slate-200"]){border-color:var(--studio-line)!important} html[data-studio-theme=night] :is([class^="border-slate-300"],[class*=" border-slate-300"]){border-color:var(--studio-line)!important} html[data-studio-theme=night] :is([class^="hover:bg-slate-50"],[class*=" hover:bg-slate-50"]):hover{background-color:var(--studio-raised)!important} html[data-studio-theme=night] :is([class^="hover:bg-slate-100"],[class*=" hover:bg-slate-100"]):hover{background-color:var(--studio-raised)!important} html[data-studio-theme=night] :is([class^="hover:bg-slate-200"],[class*=" hover:bg-slate-200"]):hover{background-color:var(--studio-raised)!important} html[data-studio-theme=night] :is([class^="bg-gray-50"],[class*=" bg-gray-50"]){background-color:var(--studio-soft)!important} html[data-studio-theme=night] :is([class^="bg-gray-100"],[class*=" bg-gray-100"]){background-color:var(--studio-soft)!important} html[data-studio-theme=night] :is([class^="text-gray-700"],[class*=" text-gray-700"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-gray-800"],[class*=" text-gray-800"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-gray-900"],[class*=" text-gray-900"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-gray-950"],[class*=" text-gray-950"]){color:var(--studio-text)!important} html[data-studio-theme=night] :is([class^="text-gray-400"],[class*=" text-gray-400"]){color:var(--studio-muted)!important} html[data-studio-theme=night] :is([class^="text-gray-500"],[class*=" text-gray-500"]){color:var(--studio-muted)!important} html[data-studio-theme=night] :is([class^="text-gray-600"],[class*=" text-gray-600"]){color:var(--studio-muted)!important} html[data-studio-theme=night] :is([class^="border-gray-100"],[class*=" border-gray-100"]){border-color:var(--studio-line)!important} html[data-studio-theme=night] :is([class^="border-gray-200"],[class*=" border-gray-200"]){border-color:var(--studio-line)!important} html[data-studio-theme=night] :is([class^="border-gray-300"],[class*=" border-gray-300"]){border-color:var(--studio-line)!important} html[data-studio-theme=night] :is([class^="hover:bg-gray-50"],[class*=" hover:bg-gray-50"]):hover{background-color:var(--studio-raised)!important} html[data-studio-theme=night] :is([class^="hover:bg-gray-100"],[class*=" hover:bg-gray-100"]):hover{background-color:var(--studio-raised)!important} html[data-studio-theme=night] :is([class^="hover:bg-gray-200"],[class*=" hover:bg-gray-200"]):hover{background-color:var(--studio-raised)!important} html[data-studio-theme=night] :is([class^="bg-white"],[class*=" bg-white"]){background-color:var(--studio-panel)!important} html[data-studio-theme=night] :is([class^="bg-blue-50"],[class*=" bg-blue-50"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is([class^="bg-blue-100"],[class*=" bg-blue-100"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is([class^="text-blue-400"],[class*=" text-blue-400"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-blue-500"],[class*=" text-blue-500"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-blue-600"],[class*=" text-blue-600"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-blue-700"],[class*=" text-blue-700"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-blue-800"],[class*=" text-blue-800"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-blue-900"],[class*=" text-blue-900"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="bg-indigo-50"],[class*=" bg-indigo-50"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is([class^="bg-indigo-100"],[class*=" bg-indigo-100"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is([class^="text-indigo-400"],[class*=" text-indigo-400"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-indigo-500"],[class*=" text-indigo-500"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-indigo-600"],[class*=" text-indigo-600"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-indigo-700"],[class*=" text-indigo-700"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-indigo-800"],[class*=" text-indigo-800"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="text-indigo-900"],[class*=" text-indigo-900"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is([class^="bg-emerald-50"],[class*=" bg-emerald-50"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is([class^="bg-emerald-100"],[class*=" bg-emerald-100"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is([class^="text-emerald-400"],[class*=" text-emerald-400"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-emerald-500"],[class*=" text-emerald-500"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-emerald-600"],[class*=" text-emerald-600"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-emerald-700"],[class*=" text-emerald-700"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-emerald-800"],[class*=" text-emerald-800"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-emerald-900"],[class*=" text-emerald-900"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="bg-green-50"],[class*=" bg-green-50"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is([class^="bg-green-100"],[class*=" bg-green-100"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is([class^="text-green-400"],[class*=" text-green-400"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-green-500"],[class*=" text-green-500"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-green-600"],[class*=" text-green-600"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-green-700"],[class*=" text-green-700"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-green-800"],[class*=" text-green-800"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="text-green-900"],[class*=" text-green-900"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is([class^="bg-amber-50"],[class*=" bg-amber-50"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is([class^="bg-amber-100"],[class*=" bg-amber-100"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is([class^="text-amber-400"],[class*=" text-amber-400"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-amber-500"],[class*=" text-amber-500"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-amber-600"],[class*=" text-amber-600"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-amber-700"],[class*=" text-amber-700"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-amber-800"],[class*=" text-amber-800"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-amber-900"],[class*=" text-amber-900"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="bg-yellow-50"],[class*=" bg-yellow-50"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is([class^="bg-yellow-100"],[class*=" bg-yellow-100"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is([class^="text-yellow-400"],[class*=" text-yellow-400"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-yellow-500"],[class*=" text-yellow-500"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-yellow-600"],[class*=" text-yellow-600"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-yellow-700"],[class*=" text-yellow-700"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-yellow-800"],[class*=" text-yellow-800"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="text-yellow-900"],[class*=" text-yellow-900"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is([class^="bg-violet-50"],[class*=" bg-violet-50"]){background-color:var(--studio-violet-bg)!important} html[data-studio-theme=night] :is([class^="bg-violet-100"],[class*=" bg-violet-100"]){background-color:var(--studio-violet-bg)!important} html[data-studio-theme=night] :is([class^="text-violet-400"],[class*=" text-violet-400"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-violet-500"],[class*=" text-violet-500"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-violet-600"],[class*=" text-violet-600"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-violet-700"],[class*=" text-violet-700"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-violet-800"],[class*=" text-violet-800"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-violet-900"],[class*=" text-violet-900"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="bg-purple-50"],[class*=" bg-purple-50"]){background-color:var(--studio-violet-bg)!important} html[data-studio-theme=night] :is([class^="bg-purple-100"],[class*=" bg-purple-100"]){background-color:var(--studio-violet-bg)!important} html[data-studio-theme=night] :is([class^="text-purple-400"],[class*=" text-purple-400"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-purple-500"],[class*=" text-purple-500"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-purple-600"],[class*=" text-purple-600"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-purple-700"],[class*=" text-purple-700"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-purple-800"],[class*=" text-purple-800"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="text-purple-900"],[class*=" text-purple-900"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is([class^="bg-rose-50"],[class*=" bg-rose-50"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is([class^="bg-rose-100"],[class*=" bg-rose-100"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is([class^="text-rose-400"],[class*=" text-rose-400"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-rose-500"],[class*=" text-rose-500"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-rose-600"],[class*=" text-rose-600"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-rose-700"],[class*=" text-rose-700"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-rose-800"],[class*=" text-rose-800"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-rose-900"],[class*=" text-rose-900"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="bg-red-50"],[class*=" bg-red-50"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is([class^="bg-red-100"],[class*=" bg-red-100"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is([class^="text-red-400"],[class*=" text-red-400"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-red-500"],[class*=" text-red-500"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-red-600"],[class*=" text-red-600"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-red-700"],[class*=" text-red-700"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-red-800"],[class*=" text-red-800"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is([class^="text-red-900"],[class*=" text-red-900"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is(.account-service-launcher,.font-scale-control,.account-facts,.studio-home-empty,.sample,.kpi){background:var(--studio-soft);border-color:var(--studio-line);color:var(--studio-text)} html[data-studio-theme=night] :is(.account-facts>div,.account-identity,.font-scale-control button+button){border-color:var(--studio-line)} html[data-studio-theme=night] :is(.account-email,.account-facts strong,.stats-account-facts strong){color:var(--studio-text)} html[data-studio-theme=night] :is(.account-facts span,.account-facts small,.account-key-state,.studio-home-empty,label){color:var(--studio-muted)} html[data-studio-theme=night] :is(.badge,.account-identity-details .badge){background:var(--studio-blue-bg);color:var(--studio-blue)} html[data-studio-theme=night] :is(.ok,.badge.verified,.account-identity-details .badge.verified){background:var(--studio-green-bg);color:var(--studio-green)} html[data-studio-theme=night] :is(.warn,.notice.warn){background:var(--studio-amber-bg);color:var(--studio-amber)} html[data-studio-theme=night] :is(.err,.notice.err){background:var(--studio-rose-bg);color:var(--studio-rose)} html[data-studio-theme=night] #app .account-service[aria-disabled=true]{background:var(--studio-soft);color:var(--studio-muted)} .workspace-transfer-dialog{max-width:640px}.workspace-transfer-dialog h2{font-size:20px;margin:6px 0}.workspace-transfer-dialog header small{color:var(--studio-muted);font-size:11px}.transfer-source{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--studio-line);background:var(--studio-soft);border-radius:12px;padding:16px}.transfer-source strong{font-size:14px;overflow-wrap:anywhere}.transfer-source>span{font-size:12px;white-space:nowrap;color:var(--studio-muted)}.transfer-choices{border:0;padding:0;margin:24px 0 16px;display:grid;gap:10px}.transfer-choices legend{font-size:12px;font-weight:700;margin-bottom:12px}.transfer-choices label{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--studio-line);border-radius:12px;cursor:pointer;background:var(--studio-panel)}.transfer-choices label:has(:checked){border-color:var(--studio-accent);background:var(--studio-soft);box-shadow:inset 0 0 0 1px var(--studio-accent)}.transfer-choices input,.transfer-overwrite input{width:16px!important;height:16px;flex:none;margin-top:3px;accent-color:var(--studio-accent)}.transfer-choices strong{display:block;font-size:14px}.transfer-choices small{display:block;color:var(--studio-muted);font-size:12px;line-height:1.8;margin-top:6px}.transfer-overwrite{display:flex;align-items:flex-start;gap:10px;border-left:3px solid var(--studio-gold);padding:12px;font-size:12px;line-height:1.8;background:var(--studio-soft)}.transfer-complete{padding:12px 0;line-height:1.9;font-size:14px}.transfer-complete p{color:var(--studio-muted);font-size:13px}.transfer-complete a{display:inline-block;text-decoration:none;padding:10px 15px;border-radius:10px;background:var(--studio-primary);color:#fff}.workspace-transfer-dialog [data-feedback]{white-space:pre-wrap;font-size:12px;line-height:1.8;color:var(--studio-accent)} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog){--studio-blue:#8fbeff;--studio-blue-bg:#132e50;--studio-green:#65e5b1;--studio-green-bg:#11382e;--studio-rose:#ff86a2;--studio-rose-bg:#421d2b;--studio-violet:#c4a0ff;--studio-violet-bg:#30203f;--studio-amber:#ffd45c;--studio-amber-bg:#392e13;color:var(--studio-text)} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-blue-50"],[class~="bg-blue-100"],[class~="bg-blue-200"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-blue-300"],[class~="text-blue-400"],[class~="text-blue-500"],[class~="text-blue-600"],[class~="text-blue-700"],[class~="text-blue-800"],[class~="text-blue-900"],[class~="text-blue-950"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-blue-100"],[class~="border-blue-200"],[class~="border-blue-300"],[class~="border-blue-400"],[class~="border-blue-500"]){border-color:color-mix(in srgb,var(--studio-blue) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-indigo-50"],[class~="bg-indigo-100"],[class~="bg-indigo-200"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-indigo-300"],[class~="text-indigo-400"],[class~="text-indigo-500"],[class~="text-indigo-600"],[class~="text-indigo-700"],[class~="text-indigo-800"],[class~="text-indigo-900"],[class~="text-indigo-950"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-indigo-100"],[class~="border-indigo-200"],[class~="border-indigo-300"],[class~="border-indigo-400"],[class~="border-indigo-500"]){border-color:color-mix(in srgb,var(--studio-blue) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-cyan-50"],[class~="bg-cyan-100"],[class~="bg-cyan-200"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-cyan-300"],[class~="text-cyan-400"],[class~="text-cyan-500"],[class~="text-cyan-600"],[class~="text-cyan-700"],[class~="text-cyan-800"],[class~="text-cyan-900"],[class~="text-cyan-950"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-cyan-100"],[class~="border-cyan-200"],[class~="border-cyan-300"],[class~="border-cyan-400"],[class~="border-cyan-500"]){border-color:color-mix(in srgb,var(--studio-blue) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-sky-50"],[class~="bg-sky-100"],[class~="bg-sky-200"]){background-color:var(--studio-blue-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-sky-300"],[class~="text-sky-400"],[class~="text-sky-500"],[class~="text-sky-600"],[class~="text-sky-700"],[class~="text-sky-800"],[class~="text-sky-900"],[class~="text-sky-950"]){color:var(--studio-blue)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-sky-100"],[class~="border-sky-200"],[class~="border-sky-300"],[class~="border-sky-400"],[class~="border-sky-500"]){border-color:color-mix(in srgb,var(--studio-blue) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-emerald-50"],[class~="bg-emerald-100"],[class~="bg-emerald-200"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-emerald-300"],[class~="text-emerald-400"],[class~="text-emerald-500"],[class~="text-emerald-600"],[class~="text-emerald-700"],[class~="text-emerald-800"],[class~="text-emerald-900"],[class~="text-emerald-950"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-emerald-100"],[class~="border-emerald-200"],[class~="border-emerald-300"],[class~="border-emerald-400"],[class~="border-emerald-500"]){border-color:color-mix(in srgb,var(--studio-green) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-green-50"],[class~="bg-green-100"],[class~="bg-green-200"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-green-300"],[class~="text-green-400"],[class~="text-green-500"],[class~="text-green-600"],[class~="text-green-700"],[class~="text-green-800"],[class~="text-green-900"],[class~="text-green-950"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-green-100"],[class~="border-green-200"],[class~="border-green-300"],[class~="border-green-400"],[class~="border-green-500"]){border-color:color-mix(in srgb,var(--studio-green) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-teal-50"],[class~="bg-teal-100"],[class~="bg-teal-200"]){background-color:var(--studio-green-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-teal-300"],[class~="text-teal-400"],[class~="text-teal-500"],[class~="text-teal-600"],[class~="text-teal-700"],[class~="text-teal-800"],[class~="text-teal-900"],[class~="text-teal-950"]){color:var(--studio-green)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-teal-100"],[class~="border-teal-200"],[class~="border-teal-300"],[class~="border-teal-400"],[class~="border-teal-500"]){border-color:color-mix(in srgb,var(--studio-green) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-rose-50"],[class~="bg-rose-100"],[class~="bg-rose-200"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-rose-300"],[class~="text-rose-400"],[class~="text-rose-500"],[class~="text-rose-600"],[class~="text-rose-700"],[class~="text-rose-800"],[class~="text-rose-900"],[class~="text-rose-950"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-rose-100"],[class~="border-rose-200"],[class~="border-rose-300"],[class~="border-rose-400"],[class~="border-rose-500"]){border-color:color-mix(in srgb,var(--studio-rose) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-red-50"],[class~="bg-red-100"],[class~="bg-red-200"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-red-300"],[class~="text-red-400"],[class~="text-red-500"],[class~="text-red-600"],[class~="text-red-700"],[class~="text-red-800"],[class~="text-red-900"],[class~="text-red-950"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-red-100"],[class~="border-red-200"],[class~="border-red-300"],[class~="border-red-400"],[class~="border-red-500"]){border-color:color-mix(in srgb,var(--studio-rose) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-pink-50"],[class~="bg-pink-100"],[class~="bg-pink-200"]){background-color:var(--studio-rose-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-pink-300"],[class~="text-pink-400"],[class~="text-pink-500"],[class~="text-pink-600"],[class~="text-pink-700"],[class~="text-pink-800"],[class~="text-pink-900"],[class~="text-pink-950"]){color:var(--studio-rose)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-pink-100"],[class~="border-pink-200"],[class~="border-pink-300"],[class~="border-pink-400"],[class~="border-pink-500"]){border-color:color-mix(in srgb,var(--studio-rose) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-purple-50"],[class~="bg-purple-100"],[class~="bg-purple-200"]){background-color:var(--studio-violet-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-purple-300"],[class~="text-purple-400"],[class~="text-purple-500"],[class~="text-purple-600"],[class~="text-purple-700"],[class~="text-purple-800"],[class~="text-purple-900"],[class~="text-purple-950"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-purple-100"],[class~="border-purple-200"],[class~="border-purple-300"],[class~="border-purple-400"],[class~="border-purple-500"]){border-color:color-mix(in srgb,var(--studio-violet) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-violet-50"],[class~="bg-violet-100"],[class~="bg-violet-200"]){background-color:var(--studio-violet-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-violet-300"],[class~="text-violet-400"],[class~="text-violet-500"],[class~="text-violet-600"],[class~="text-violet-700"],[class~="text-violet-800"],[class~="text-violet-900"],[class~="text-violet-950"]){color:var(--studio-violet)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-violet-100"],[class~="border-violet-200"],[class~="border-violet-300"],[class~="border-violet-400"],[class~="border-violet-500"]){border-color:color-mix(in srgb,var(--studio-violet) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-amber-50"],[class~="bg-amber-100"],[class~="bg-amber-200"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-amber-300"],[class~="text-amber-400"],[class~="text-amber-500"],[class~="text-amber-600"],[class~="text-amber-700"],[class~="text-amber-800"],[class~="text-amber-900"],[class~="text-amber-950"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-amber-100"],[class~="border-amber-200"],[class~="border-amber-300"],[class~="border-amber-400"],[class~="border-amber-500"]){border-color:color-mix(in srgb,var(--studio-amber) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-yellow-50"],[class~="bg-yellow-100"],[class~="bg-yellow-200"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-yellow-300"],[class~="text-yellow-400"],[class~="text-yellow-500"],[class~="text-yellow-600"],[class~="text-yellow-700"],[class~="text-yellow-800"],[class~="text-yellow-900"],[class~="text-yellow-950"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-yellow-100"],[class~="border-yellow-200"],[class~="border-yellow-300"],[class~="border-yellow-400"],[class~="border-yellow-500"]){border-color:color-mix(in srgb,var(--studio-amber) 50%,var(--studio-panel))!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="bg-orange-50"],[class~="bg-orange-100"],[class~="bg-orange-200"]){background-color:var(--studio-amber-bg)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="text-orange-300"],[class~="text-orange-400"],[class~="text-orange-500"],[class~="text-orange-600"],[class~="text-orange-700"],[class~="text-orange-800"],[class~="text-orange-900"],[class~="text-orange-950"]){color:var(--studio-amber)!important} html[data-studio-theme=night] :is(.director-report,.director-settings-dialog) :is([class~="border-orange-100"],[class~="border-orange-200"],[class~="border-orange-300"],[class~="border-orange-400"],[class~="border-orange-500"]){border-color:color-mix(in srgb,var(--studio-amber) 50%,var(--studio-panel))!important} html[data-studio-theme=night] .director-report :is(.bg-slate-900,.bg-slate-950){background-color:var(--studio-raised)!important}html[data-studio-theme=night] .director-report [class*=from-slate-950]{background:var(--studio-soft)!important;background-image:none!important}.studio-inline-api{color:var(--studio-text);font-size:13px}.studio-inline-api .studio-settings-content{padding:0;overflow:visible}.studio-inline-api h3{font-size:14px}.studio-inline-api .studio-key-fields{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:end}.studio-inline-api label{display:grid;gap:6px;font-size:12px;color:var(--studio-muted)}.studio-inline-api input,.studio-inline-api select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel);color:var(--studio-text);font:inherit}.studio-inline-api .studio-api-key{padding:14px;margin:10px 0;border:1px solid var(--studio-line);border-radius:12px}.studio-inline-api .studio-api-addition{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:8px;align-items:end;margin:14px 0}.studio-inline-api button{font:inherit;border:1px solid var(--studio-line);border-radius:9px;padding:9px 12px;color:var(--studio-text);background:var(--studio-panel);cursor:pointer}.studio-inline-api button.primary{background:var(--studio-primary);color:white}.studio-inline-api .hint,.studio-inline-api small{color:var(--studio-muted);font-size:12px;line-height:1.8}.studio-inline-api footer{position:sticky;bottom:-24px;display:flex;align-items:center;gap:8px;padding:14px 0;background:var(--studio-panel);border-top:1px solid var(--studio-line);z-index:2}.studio-inline-api footer>span{flex:1}.studio-inline-api [hidden]{display:none!important}.studio-inline-api .studio-replacement{margin-top:12px}.studio-inline-api .pending-remove{opacity:.55;border-style:dashed}.studio-inline-api .studio-billing{border-top:1px solid var(--studio-line);padding-top:18px;margin-top:20px}.studio-inline-api .studio-settings-feedback{font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--studio-accent)}.studio-inline-api .error{color:#b42343}html[data-studio-theme=night] .studio-inline-api .error{color:#ff86a2}#accountApiDialog>[data-inline-host]{padding:24px;overflow:auto;min-height:0}#accountApiDialog{overflow:hidden} /* Report-only surfaces: preserve colored meaning at readable night luminance. */ html[data-studio-theme=night] .director-report .quality-overview-score{color:var(--studio-blue)} html[data-studio-theme=night] .director-report [data-report-section=continuity]{background-image:linear-gradient(135deg,var(--studio-panel),#292338)!important;border-color:#8065ac!important} .workspace-transfer-dialog{position:fixed;inset:0;margin:auto;font-family:var(--font-sans,system-ui);height:fit-content}.workspace-transfer-dialog>header,.workspace-transfer-dialog>footer{display:flex;align-items:center;justify-content:space-between} /* Shared settings use the writing editor's quiet, compact form rhythm. */ .workspace-settings,.studio-settings-dialog{box-sizing:border-box;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-line);border-radius:15px;box-shadow:0 28px 90px #07122540} .workspace-settings{display:flex;flex-direction:column;width:900px;max-width:calc(100vw - 32px);height:740px;max-height:90dvh;overflow:hidden} .workspace-settings-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;min-height:100px;padding:24px 27px 21px;border-bottom:1px solid var(--studio-line)} .workspace-settings-title{margin:0 0 5px;font-size:20px;font-weight:600;color:var(--studio-text)} .workspace-settings-header p{margin:0;color:var(--studio-muted);font-size:11px;line-height:1.8} .workspace-settings .workspace-settings-nav{flex-basis:148px;padding:22px 12px;background:var(--studio-soft)} .workspace-settings-nav button{font:inherit;font-size:12px;font-weight:400;border:0;padding:10px 13px;border-radius:7px;margin:0 0 6px;color:var(--studio-muted)} .workspace-settings-nav button[aria-selected=true]{background:var(--studio-blue-bg,#e8effd);color:var(--studio-accent);font-weight:600} .workspace-settings-content{padding:25px 28px 28px;scrollbar-width:thin;scrollbar-color:var(--studio-line) transparent} .workspace-settings-content h3{font-size:15px;font-weight:600}.workspace-settings-content h4{font-size:12px;font-weight:600} .workspace-settings-content :is(input,select){font:inherit;font-size:12px;background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line);border-radius:7px} .workspace-settings-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 27px;border-top:1px solid var(--studio-line);background:var(--studio-panel);flex-shrink:0} .workspace-settings :is(.primary,.secondary){font:inherit;font-size:12px;border:1px solid var(--studio-line);border-radius:8px;padding:9px 15px;background:var(--studio-panel);color:var(--studio-text);cursor:pointer} .workspace-settings .primary,.studio-inline-api button.primary,.studio-settings-dialog button.primary{background:var(--studio-primary);border-color:var(--studio-primary);color:#f2f5fa} .studio-inline-api{font-size:12px;line-height:1.65}.studio-inline-api .studio-settings-content{max-height:none} .studio-api-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.studio-api-heading h3{font-size:14px;font-weight:600;margin:0}.studio-api-heading .hint{margin:5px 0 0} .studio-connection-count{font-size:10px;white-space:nowrap;padding:4px 9px;border-radius:6px;color:var(--studio-accent);background:var(--studio-blue-bg,#e8effd)} .studio-inline-api .studio-api-key{margin:0 0 8px;padding:12px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel)} .studio-key-summary{display:grid;grid-template-columns:8px minmax(80px,1fr) minmax(110px,1fr) auto auto;gap:10px;align-items:center} .studio-key-dot{width:6px;height:6px;border-radius:50%;background:var(--studio-muted)}.studio-key-dot.verified{background:var(--studio-green,#387e63)} .studio-key-identity{min-width:0}.studio-key-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.studio-key-identity small{font-size:10px;color:var(--studio-muted)} .studio-inline-api label{display:block;min-width:0;font-size:11px;font-weight:400;color:var(--studio-muted)}.studio-inline-api label small{font-size:10px;opacity:.8} .studio-inline-api :is(input,select){display:block;margin-top:5px;border-radius:7px;padding:9px 10px;font-size:12px;font-weight:400} .studio-inline-api .studio-key-project{font-size:10px}.studio-inline-api .studio-key-project input{font-size:11px;padding:7px 8px} .studio-inline-api button{border-radius:7px;font-size:11px;padding:7px 10px;white-space:nowrap}.studio-inline-api button:hover:not(:disabled){background:var(--studio-soft)}.studio-inline-api button.primary:hover:not(:disabled){background:var(--studio-primary);filter:brightness(1.12)} .studio-inline-api .danger{color:var(--studio-rose,#9f4355);background:transparent}.studio-inline-api .danger:hover:not(:disabled){background:var(--studio-rose-bg,#fff0f3)} .studio-inline-api .studio-replacement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;border-top:1px solid var(--studio-line);padding-top:12px;margin-top:12px}.studio-inline-api [hidden]{display:none!important} .studio-api-add-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--studio-line);padding-top:20px;margin:22px 0 10px}.studio-api-add-heading h4{margin:0;font-size:12px;font-weight:600}.studio-api-add-heading span{font-size:10px;color:var(--studio-muted)} .studio-inline-api .studio-api-addition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px 12px;align-items:end;padding:12px;margin:0 0 10px;background:var(--studio-soft);border:1px solid var(--studio-line);border-radius:9px}.studio-api-addition>button{justify-self:end}.studio-inline-api .studio-api-add-button{margin:0 0 8px;border:0;color:var(--studio-accent);background:transparent;padding-left:0} .studio-inline-api .studio-billing{border-top:1px solid var(--studio-line);margin-top:20px;padding-top:18px}.studio-inline-api .hint{font-size:11px;line-height:1.8;color:var(--studio-muted);margin:9px 0}.studio-api-empty{font-size:12px;padding:18px;border:1px dashed var(--studio-line);border-radius:9px;color:var(--studio-muted)} .studio-inline-api .pending-remove{opacity:.6}.studio-inline-api .pending-remove .studio-key-identity{text-decoration:line-through} .studio-inline-api footer{position:static;flex-wrap:wrap;padding:16px 0 0;margin-top:16px;background:var(--studio-panel);bottom:0}.studio-inline-api .studio-settings-feedback{padding:0;margin:12px 0;color:var(--studio-muted);font-size:11px;overflow-wrap:anywhere}.studio-inline-api .studio-settings-feedback.error{color:var(--studio-rose,#a33348)} .studio-inline-api :is(button,input,select):focus-visible,.workspace-settings :is(button,select,input,summary):focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px} html[data-studio-theme=night] :is(.workspace-settings,#settingsDialog,.studio-settings-dialog){background:var(--studio-panel);color:var(--studio-text)} html[data-studio-theme=night] :is(.workspace-settings,#settingsDialog,.studio-settings-dialog) :is(.primary,button.primary){background:var(--studio-primary)!important;color:#f2f5fa!important;border-color:var(--studio-primary)!important} html[data-studio-theme=night] .workspace-settings [role=radio][aria-checked=true]{background:var(--studio-primary)!important;color:#f2f5fa!important} html[data-studio-theme=night] .studio-memo-filters button[aria-pressed=true]{background:var(--studio-blue-bg);color:var(--studio-blue)} @media(max-width:640px){.workspace-settings{max-width:calc(100vw - 16px);height:90dvh}.workspace-settings-header{padding:20px;min-height:90px}.workspace-settings .workspace-settings-layout{flex-direction:column}.workspace-settings .workspace-settings-nav{display:flex;flex:0 0 auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--studio-line);gap:4px;overflow-x:auto}.workspace-settings-nav button{width:auto;white-space:nowrap;margin:0;padding:9px 12px}.workspace-settings-content{padding:20px 16px}.workspace-settings-footer{padding:12px 16px}.studio-key-summary{grid-template-columns:8px minmax(0,1fr) auto auto}.studio-key-project{grid-column:2/5;grid-row:2}.studio-key-edit{grid-column:3;grid-row:1}.studio-key-summary>[data-remove]{grid-column:4;grid-row:1}.studio-inline-api .studio-replacement,.studio-inline-api .studio-api-addition{grid-template-columns:minmax(0,1fr)}.studio-inline-api footer{gap:6px}.studio-inline-api footer>span{display:none}.studio-inline-api footer button{flex:1 1 auto}} html[data-studio-theme=night] body.studio-writer .primary{background:var(--studio-primary);color:#f2f5fa} #settingsDialog{width:900px;height:740px;max-height:90dvh} /* Give every scroll viewport a bounded track, including native API dialogs. */ .studio-settings-dialog[open]{display:flex;flex-direction:column;height:min(740px,90dvh);max-height:90dvh;overflow:hidden} .studio-settings-dialog>header{flex:0 0 auto}.studio-settings-dialog>[data-inline-host]{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;scrollbar-gutter:stable} .workspace-settings .workspace-settings-layout{flex:1 1 0;min-height:0}.workspace-settings .workspace-settings-content{min-height:0;overflow-y:auto;overscroll-behavior:contain} #settingsDialog[open]{display:flex;flex-direction:column;overflow:hidden}#settingsDialog .settings-header{flex:0 0 auto}#settingsDialog .settings-layout{flex:1 1 0;min-height:0;height:auto;grid-template-rows:minmax(0,1fr);overflow:hidden}#settingsDialog .settings-content{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .studio-inline-api footer{padding-bottom:12px}.studio-inline-api input,.studio-inline-api select{max-width:100%} html[data-studio-theme=night] .director-report [data-report-section=continuity]{background:var(--studio-soft)!important;background-image:none!important;border-color:var(--studio-line)!important} html[data-studio-theme=night] .community-best{color:var(--studio-amber)} .workspace-usage-period{display:flex;gap:5px}.workspace-usage-period button[aria-pressed=true]{background:var(--studio-primary);color:#edf1f6}.workspace-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.workspace-usage-grid article{padding:18px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-soft)}.workspace-usage-grid h4{font-size:13px;margin:0 0 12px}.workspace-usage-grid strong{font-size:26px}.workspace-usage-grid strong small{font-size:12px;font-weight:400}.workspace-usage-grid p,.workspace-usage-grid small{color:var(--studio-muted);font-size:11px}.workspace-usage-bar{height:5px;border-radius:8px;background:var(--studio-panel);margin:14px 0;overflow:hidden}.workspace-usage-bar i{display:block;height:100%;background:var(--studio-accent)}@media(max-width:640px){.workspace-usage-grid{grid-template-columns:1fr}.workspace-usage-period{flex-wrap:wrap}} html[data-studio-theme=night] .text-white{color:var(--studio-text)!important} /* Editor night surfaces are the studio reference, including reports and lists. */ html[data-studio-theme=night] .director-report{background:var(--studio-bg);color:var(--studio-text)} html[data-studio-theme=night] .director-report [data-report-section=professional]{background:var(--studio-soft)!important;background-image:none!important;border-color:var(--studio-line)!important;box-shadow:none!important} html[data-studio-theme=night] .director-report [data-report-section=professional] :is([class*="bg-white/"],[class*="bg-slate-800"],[class*="bg-slate-900"],[class*="bg-slate-950"]){background:var(--studio-panel)!important;background-image:none!important} html[data-studio-theme=night] .director-report :is([class*="text-slate-100"],[class*="text-slate-200"],[class*="text-slate-300"]){color:var(--studio-text)!important} html[data-studio-theme=night] .director-report :is([class*="text-amber-200"],[class*="text-amber-300"]){color:var(--studio-amber)!important} html[data-studio-theme=night] .director-report :is([class*="shadow-"],[class~=shadow-sm]){box-shadow:none!important} html[data-studio-theme=night] .director-report :is([class~=bg-blue-600],[class~=bg-rose-300]){background-color:var(--studio-accent)!important} html[data-studio-theme=night] .director-report :is([class*="border-white/"],[class*="border-slate-700"],[class*="border-slate-800"]){border-color:var(--studio-line)!important} /* One compact work-card language across the Director and Editor libraries. */ [data-studio-project-card]{box-sizing:border-box;border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-panel);color:var(--studio-text);padding:16px;box-shadow:0 1px 2px #17243a06;transition:border-color .15s,background-color .15s} [data-studio-project-card]:hover{border-color:var(--studio-accent)} [data-studio-project-card] [data-project-heading]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0} [data-studio-project-card] [data-project-title]{display:block;min-width:0;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} [data-studio-project-card] [data-project-genre]{flex-shrink:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--studio-line);border-radius:6px;padding:2px 7px;background:var(--studio-soft);color:var(--studio-muted);font-size:10px;line-height:1.5} [data-studio-project-card] [data-project-description]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;margin:8px 0 0;font-size:11px;line-height:1.45;color:var(--studio-muted)} [data-studio-project-card] [data-project-meta]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:10px;border-top:1px dashed var(--studio-line);font-size:10px;color:var(--studio-muted)} html[data-studio-theme=night] [data-studio-project-card][data-selected=true]{background:var(--studio-soft)!important;background-image:none!important;border-color:var(--studio-accent)!important;color:var(--studio-text)!important;box-shadow:none!important} html[data-studio-theme=night] [data-studio-project-card][data-selected=true] [data-project-genre]{background:var(--studio-panel)!important;color:var(--studio-accent)!important;border-color:var(--studio-line)!important} body.studio-writer .home-grid{gap:14px} body.studio-writer .home-work-card[data-studio-project-card]{padding:0;min-height:0;border-radius:16px;overflow:hidden} body.studio-writer .home-work-open{display:block;padding:16px;width:100%;border-radius:16px 16px 0 0;min-height:142px} body.studio-writer .home-work-open:hover{background:transparent} body.studio-writer .home-card-content{display:block} body.studio-writer .home-card-actions{padding:5px 10px;background:var(--studio-panel);border-top:1px solid var(--studio-line)} body.studio-writer .home-card-actions button{font-size:11px;padding:5px 9px} body.studio-writer .home-work-counts{font-size:10px;margin:8px 0 0;gap:6px 16px} @media(hover:none){[data-studio-project-card] .group-hover\:opacity-100{opacity:1!important}} html[data-studio-theme=sky] .home-work-card[data-selected=true]{--studio-panel:#1e293b;--studio-soft:#334155;--studio-text:#f1f5f9;--studio-muted:#cbd5e1;--studio-line:#475569;--studio-accent:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--studio-text);border-color:#0f172a} /* Inline registration actions share the common save/authentication flow. */ .studio-inline-api .studio-add-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;align-self:end}.studio-inline-api .studio-add-actions button{height:auto;min-height:38px;white-space:normal} @media(max-width:640px){.studio-inline-api .studio-add-actions{justify-self:stretch}.studio-inline-api .studio-add-actions button{flex:1 1 auto}} .studio-workspace-start{display:flex;min-height:100%;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;font-family:inherit} .studio-workspace-start-icon{display:grid;place-items:center;width:86px;height:86px;margin-bottom:24px;border:1px solid var(--studio-line);border-radius:24px;background:var(--studio-panel);color:var(--studio-text);box-shadow:0 1px 3px #14213c14} .studio-workspace-start-icon svg{width:40px;height:40px} .studio-workspace-start h2{margin:0 0 8px;color:var(--studio-text);font:800 calc(24px + var(--ui-font-adjust-px,0px))/1.3 "Space Grotesk",Inter,"Noto Sans KR",sans-serif;letter-spacing:-.035em} .studio-workspace-start p{max-width:440px;margin:0 0 24px;font-size:calc(12px + var(--ui-font-adjust-px,0px));line-height:1.65;color:var(--studio-muted);word-break:keep-all} .studio-workspace-start button{padding:12px 24px;border:1px solid var(--studio-primary);border-radius:16px;background:var(--studio-primary);color:var(--studio-on-primary,#fff);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 1px 3px #14213c14} .studio-workspace-start button:hover{filter:brightness(1.16)} .studio-inline-api .studio-api-add-panel{margin:6px 0 10px;padding:8px 12px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-soft)} .studio-inline-api .studio-api-add-panel .studio-api-addition{border:0;background:transparent;padding-inline:0} .studio-inline-api .studio-api-add-panel .studio-api-addition+.studio-api-addition{border-top:1px solid var(--studio-line)} .studio-workspace-header .workspace-brand{font-family:Inter,"Noto Sans KR",system-ui,sans-serif} /* ========================================================================== 9.8.32 design layer — shared by the gateway, Director and Writing Editor. Visual refinement only: no element is hidden that carries an action, and every size that the A−/A+ control adjusts keeps --ui-font-adjust-px. ========================================================================== */ html[data-studio-theme]{ --studio-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif; --studio-focus:#2f6fe4;--studio-focus-halo:#2f6fe433; --studio-ease:cubic-bezier(.2,.7,.2,1); --studio-shadow-sm:0 1px 2px #0f172a0d,0 1px 3px #0f172a0a; --studio-shadow-md:0 4px 14px -4px #0f172a1f,0 2px 6px -2px #0f172a0f; --studio-shadow-lg:0 24px 60px -18px #0f172a40,0 8px 24px -12px #0f172a1f; -webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent } html[data-studio-theme=night]{--studio-focus:#8fb4ff;--studio-focus-halo:#8fb4ff40;--studio-shadow-sm:0 1px 2px #0000002e;--studio-shadow-md:0 6px 18px -6px #00000059;--studio-shadow-lg:0 28px 70px -20px #000000a6} /* Typography: one Korean-first family for every chrome surface. The manuscript keeps its own --editor-font, and score numerals keep their display face with Pretendard as the Hangul fallback. */ html[data-studio-theme] body,html[data-studio-theme] #app,html[data-studio-theme] .font-sans,html[data-studio-theme] .writer-library-shell,html[data-studio-theme] .studio-project-sidebar,html[data-studio-theme] .studio-workspace-header .workspace-brand,html[data-studio-theme] .studio-settings-dialog,html[data-studio-theme] .studio-workspace-start{font-family:var(--studio-font)} html[data-studio-theme] .font-display{font-family:"Space Grotesk",var(--studio-font)} html[data-studio-theme] .studio-workspace-start h2{font-family:var(--studio-font);font-weight:800;letter-spacing:-.03em} html[data-studio-theme] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} html[data-studio-theme] #app :is(h1,h2,h3,p,li,label,.hint),html[data-studio-theme] .studio-workspace-start p{word-break:keep-all;overflow-wrap:anywhere} html[data-studio-theme] :is(.tabular-nums,.workspace-version,.kpi strong){font-variant-numeric:tabular-nums} /* Keyboard focus is always visible and never shown for mouse clicks. */ html[data-studio-theme] :is(button,a[href],summary,select,[role=button],[role=tab],[role=menuitem],[role=separator]):focus-visible{outline:2px solid var(--studio-focus)!important;outline-offset:2px;box-shadow:0 0 0 5px var(--studio-focus-halo)} html[data-studio-theme] :is(#app,.studio-settings-dialog,.writer-library-shell,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{outline:none;border-color:var(--studio-focus)!important;box-shadow:0 0 0 3px var(--studio-focus-halo)} /* Controls: consistent motion, pressed feedback and an honest disabled look. */ html[data-studio-theme] :is(.studio-workspace-nav>button,.studio-workspace-nav>a,#app .tab,#app button,.studio-settings-dialog button,.writer-library-shell button,.studio-workspace-start button){transition:background-color .16s var(--studio-ease),border-color .16s var(--studio-ease),color .16s var(--studio-ease),box-shadow .16s var(--studio-ease),filter .16s var(--studio-ease),transform .12s var(--studio-ease)} html[data-studio-theme] :is(.studio-workspace-nav>button,.studio-workspace-nav>a,#app .tab,#app button.primary,#app button.secondary,.studio-workspace-start button):active:not(:disabled){transform:translateY(1px)} html[data-studio-theme] :is(#app,.studio-settings-dialog,.studio-workspace-nav) button:disabled{cursor:not-allowed} html[data-studio-theme] .studio-workspace-start button{border-radius:14px;padding:13px 26px;font-size:calc(13px + var(--ui-font-adjust-px,0px));box-shadow:var(--studio-shadow-md)} html[data-studio-theme] .studio-workspace-start button:hover{filter:brightness(1.12);box-shadow:var(--studio-shadow-lg)} html[data-studio-theme] .studio-workspace-start-icon{border-radius:26px;box-shadow:var(--studio-shadow-md);background:linear-gradient(160deg,var(--studio-panel),var(--studio-soft))} html[data-studio-theme] .studio-workspace-start p{font-size:calc(13px + var(--ui-font-adjust-px,0px));max-width:460px} /* Workspace header: calmer hierarchy and readable secondary text. */ html[data-studio-theme] .studio-workspace-header .workspace-brand small,html[data-studio-theme] .studio-workspace-header .workspace-brand p{font-size:11px;letter-spacing:-.01em} html[data-studio-theme] .studio-workspace-header .workspace-brand strong,html[data-studio-theme] .studio-workspace-header .workspace-brand h1{letter-spacing:-.03em} html[data-studio-theme] .studio-workspace-nav{gap:6px} html[data-studio-theme] .studio-workspace-nav>button,html[data-studio-theme] .studio-workspace-nav>a{border-radius:10px;font-weight:650} html[data-studio-theme] .studio-workspace-nav>button:hover,html[data-studio-theme] .studio-workspace-nav>a:hover{border-color:color-mix(in srgb,var(--studio-line) 55%,var(--studio-text))} html[data-studio-theme] .studio-workspace-nav .workspace-version{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;border-radius:999px;padding:5px 10px;letter-spacing:.02em} /* Project cards (Director + Writing Editor share the component). */ html[data-studio-theme] [data-studio-project-card]{transition:background-color .16s var(--studio-ease),border-color .16s var(--studio-ease),box-shadow .2s var(--studio-ease),transform .2s var(--studio-ease)} html[data-studio-theme] [data-studio-project-card]:hover{box-shadow:var(--studio-shadow-md)} html[data-studio-theme] [data-studio-project-card] [data-project-genre]:empty{display:none} html[data-studio-theme] [data-studio-project-card] [data-project-title]{font-size:calc(13.5px + var(--ui-font-adjust-px,0px))} html[data-studio-theme] [data-studio-project-card] [data-project-genre]{font-size:calc(10.5px + var(--ui-font-adjust-px,0px));border-radius:999px;padding:2px 8px;white-space:nowrap} html[data-studio-theme] [data-studio-project-card] [data-project-description]{font-size:calc(12px + var(--ui-font-adjust-px,0px));line-height:1.55} html[data-studio-theme] [data-studio-project-card] [data-project-meta]{font-size:calc(11px + var(--ui-font-adjust-px,0px))} /* Director project-list resize rail: same surface as the workspace in both themes (the dark theme used to show a bright strip here). */ html[data-studio-theme] .studio-project-resize{background:var(--studio-bg)!important} html[data-studio-theme] .studio-project-resize>div{background:var(--studio-line)} html[data-studio-theme] .studio-project-resize:hover>div{background:var(--studio-muted)} /* Writing Editor: readable toolbar, meta and footer text (was 9–10px). */ html[data-studio-theme] body.studio-writer .editor-actions :is(button,.studio-director-link){font-size:calc(11.5px + var(--ui-font-adjust-px,0px))} html[data-studio-theme] body.studio-writer .work-breadcrumb :is(button,select,span){font-size:calc(11.5px + var(--ui-font-adjust-px,0px))} html[data-studio-theme] body.studio-writer .paper-meta,html[data-studio-theme] body.studio-writer .paper-meta :is(span,button){font-size:calc(11px + var(--ui-font-adjust-px,0px))} html[data-studio-theme] body.studio-writer .editor-footer{font-size:calc(11px + var(--ui-font-adjust-px,0px))} /* Dialogs share depth, radius and a softer backdrop. */ html[data-studio-theme] dialog.studio-settings-dialog{box-shadow:var(--studio-shadow-lg);border-radius:22px} html[data-studio-theme] dialog.studio-settings-dialog::backdrop{background:#0b1220a3;backdrop-filter:blur(3px)} html[data-studio-theme] .studio-settings-dialog button.primary{background:var(--studio-primary,#142a4a);border-color:var(--studio-primary,#142a4a);font-weight:700} html[data-studio-theme] .studio-settings-dialog button.primary:hover{filter:brightness(1.15)} /* -------------------------------------------------------------------------- Account gateway: sign-in, studio home, tabs -------------------------------------------------------------------------- */ html[data-studio-theme] #app .shell>.brand h1{letter-spacing:-.035em} html[data-studio-theme] #app .shell>.brand .muted{font-size:12.5px} html[data-studio-theme] #app .shell>.tabs>.tab{border:1px solid transparent} html[data-studio-theme=sky] #app .shell>.tabs>.tab:not(.on):hover{background:#dde5f0;color:#1e293b} html[data-studio-theme] #app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){transition:border-color .16s var(--studio-ease),box-shadow .16s var(--studio-ease)} /* Sign-in: form on the left, product story on the right. */ html[data-studio-theme] #app .shell:has(.auth-layout){max-width:1120px;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:48px;padding-bottom:48px} html[data-studio-theme] #app .auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:stretch} html[data-studio-theme] #app .auth-layout>.card{padding:34px 34px 30px;border-radius:24px;box-shadow:var(--studio-shadow-lg);align-content:start} html[data-studio-theme] #app .auth-layout>.card>h2{font-size:26px;letter-spacing:-.035em;margin:6px 0 2px} html[data-studio-theme] #app .auth-layout>.card input:not([type=checkbox]){min-height:46px;border-radius:12px;font-size:15px} html[data-studio-theme] #app .auth-layout>.card #submit{min-height:48px;border-radius:12px;font-size:15px;letter-spacing:-.01em;box-shadow:0 10px 24px -12px #111827b3} html[data-studio-theme] #app .auth-layout>.card #submit:hover{filter:brightness(1.18)} html[data-studio-theme] #app .auth-layout>.card .row{gap:8px;flex-wrap:wrap} html[data-studio-theme] #app .auth-layout>.card .row .tab{background:transparent;border:1px solid var(--studio-line);color:var(--studio-text);font-weight:700;padding:9px 14px} html[data-studio-theme] #app .auth-layout>.card .row .tab:hover{background:var(--studio-soft)} html[data-studio-theme] #app .auth-aside{gap:14px;align-content:stretch} html[data-studio-theme] #app .auth-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px;padding:36px;border:0;border-radius:24px;background:radial-gradient(120% 90% at 100% 0%,#28406d 0%,transparent 55%),linear-gradient(155deg,#0f1b30 0%,#111827 55%,#161f33 100%);color:#e8eef8;box-shadow:var(--studio-shadow-lg);min-height:100%;box-sizing:border-box} html[data-studio-theme] #app .auth-showcase:after{content:"";position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#fcd34d26,transparent 68%);pointer-events:none} html[data-studio-theme] #app .auth-showcase .auth-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#fcd34d1f;color:#fcd34d;font-size:12px;font-weight:800;letter-spacing:.02em} html[data-studio-theme] #app .auth-showcase h3{margin:0;color:#fff;font-size:clamp(24px,2.6vw,31px);line-height:1.3;letter-spacing:-.04em;font-weight:800} html[data-studio-theme] #app .auth-showcase h3 em{font-style:normal;color:#fcd34d} html[data-studio-theme] #app .auth-showcase>p{margin:-8px 0 0;color:#b8c4d6;font-size:14px;line-height:1.7} html[data-studio-theme] #app .auth-points{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative;z-index:1} html[data-studio-theme] #app .auth-points li{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:center;padding:14px 16px;border:1px solid #ffffff14;border-radius:16px;background:#ffffff0a} html[data-studio-theme] #app .auth-points i{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fcd34d1a;color:#fcd34d} html[data-studio-theme] #app .auth-points svg{width:20px;height:20px} html[data-studio-theme] #app .auth-points b{color:#fff;font-size:14.5px;letter-spacing:-.02em} html[data-studio-theme] #app .auth-points span{color:#aab6c8;font-size:12.5px;line-height:1.55} html[data-studio-theme] #app .auth-aside>.notice{margin:0;border:1px solid var(--studio-line);background:var(--studio-panel);color:var(--studio-muted);border-radius:16px;padding:14px 16px} html[data-studio-theme=night] #app .auth-showcase{background:radial-gradient(120% 90% at 100% 0%,#3b4a60 0%,transparent 55%),linear-gradient(155deg,#262c34,#2f363f);color:var(--studio-text)} /* Social sign-in: brand marks, and an unavailable state that reads as “not connected yet” instead of a broken button. */ html[data-studio-theme] #app .social-login{gap:9px;margin-bottom:6px} html[data-studio-theme] #app .social-start{min-height:48px;box-sizing:border-box;border-radius:12px;font-size:14.5px;letter-spacing:-.01em;transition:filter .16s var(--studio-ease),transform .12s var(--studio-ease)} html[data-studio-theme] #app .social-start:not(.unavailable):hover{filter:brightness(.96)} html[data-studio-theme] #app .social-start>span{display:grid;place-items:center;width:20px;height:20px} html[data-studio-theme] #app .social-start>span svg{width:18px;height:18px;display:block} html[data-studio-theme] #app .social-start.unavailable{opacity:1;background:var(--studio-soft);color:var(--studio-muted);border:1px dashed var(--studio-line);font-weight:650} html[data-studio-theme] #app .social-start.unavailable:after{content:"준비 중";margin-left:2px;padding:2px 8px;border-radius:999px;background:var(--studio-panel);border:1px solid var(--studio-line);font-size:11px;font-weight:700} html[data-studio-theme] #app .social-divider{margin:14px 0 4px;font-size:12px} /* Admin menu: the injected “소셜 로그인” launcher matches the other tabs (it used to wrap into a tall column on phones). */ html[data-studio-theme] #app .admin-nav>button:not(.tab){justify-content:flex-start;background:transparent;color:#64748b;padding:10px 12px;white-space:nowrap;flex-shrink:0} html[data-studio-theme] #app .admin-nav>button:not(.tab):hover{background:var(--studio-soft);color:var(--studio-text)} html[data-studio-theme=night] #app .admin-nav>button:not(.tab){color:var(--studio-muted)} /* Account tabs and toolbar. */ html[data-studio-theme] #app .shell>.tabs{align-items:center} html[data-studio-theme] #app .account-toolbar,html[data-studio-theme] #app .shell>.tabs>.studio-top-controls{margin-left:auto} /* -------------------------------------------------------------------------- Tablet and phone layouts -------------------------------------------------------------------------- */ @media (max-width:1024px){ html[data-studio-theme] #app .auth-layout{grid-template-columns:1fr} html[data-studio-theme] #app .auth-showcase{min-height:0} } @media (max-width:760px){ /* Header becomes two rows: brand, then a swipeable tool strip. */ html[data-studio-theme] header.studio-workspace-header{height:auto!important;min-height:0!important;flex-wrap:wrap!important;row-gap:8px;column-gap:10px;padding:10px 14px 8px!important} html[data-studio-theme] header.studio-workspace-header .workspace-brand{min-width:0;flex:1 1 auto} html[data-studio-theme] header.studio-workspace-header .workspace-brand img,html[data-studio-theme] header.studio-workspace-header .brand-mark{width:34px!important;height:34px!important;border-radius:10px} html[data-studio-theme] header.studio-workspace-header .workspace-brand strong,html[data-studio-theme] header.studio-workspace-header .workspace-brand h1{font-size:16px} html[data-studio-theme] header.studio-workspace-header .studio-workspace-nav{order:2;flex:1 0 100%;width:100%;margin-left:0!important;padding:1px 2px 3px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);scroll-snap-type:x proximity} html[data-studio-theme] header.studio-workspace-header .studio-workspace-nav>*{scroll-snap-align:start} html[data-studio-theme] header.studio-workspace-header .studio-workspace-nav>*:last-child{margin-right:22px} /* Director: project list above, workspace below, one page scroll. */ html[data-studio-theme] .flex-1.min-h-0.flex.overflow-hidden:has(>div>.studio-project-sidebar){flex-direction:column;overflow-y:auto;overscroll-behavior:contain} html[data-studio-theme] div:has(>.studio-project-sidebar):not(.writer-project-column){width:100%!important;flex:0 0 auto;max-height:44dvh;min-height:0;border-bottom:1px solid var(--studio-line)} html[data-studio-theme] .studio-project-sidebar{width:100%;border-right:0!important} html[data-studio-theme] .studio-project-resize{display:none!important} html[data-studio-theme] .flex-1.min-h-0.flex.overflow-hidden:has(>div>.studio-project-sidebar)>main{flex:1 0 auto;min-height:56dvh;overflow:visible} /* Writing Editor library: same stacking as the Director. */ html[data-studio-theme] .writer-library-shell{flex-direction:column;height:auto;min-height:100%} html[data-studio-theme] .writer-project-column{width:100%!important;flex:0 0 auto!important;height:auto!important;max-height:44dvh;border-bottom:1px solid var(--studio-line)} html[data-studio-theme] .writer-project-column .studio-project-sidebar{height:100%;max-height:44dvh} html[data-studio-theme] .writer-chapter-browser{overflow:visible;min-height:56dvh} /* Writing Editor chapter: the paper grows with the page instead of overflowing the footer; the manuscript box keeps its own scroll. */ html[data-studio-theme] body.studio-writer:not(.focus) .writing-area{height:auto!important;min-height:calc(100dvh - 104px);flex:0 0 auto} html[data-studio-theme] body.studio-writer:not(.focus) .writing-area>:is(.editor-toolbar,.editor-footer){flex-shrink:0} html[data-studio-theme] body.studio-writer:not(.focus) .writing-area>.paper{flex:1 0 auto} html[data-studio-theme] body.studio-writer:not(.focus) .editor-stack{flex:1 0 auto;height:58dvh;min-height:320px} html[data-studio-theme] body.studio-writer .editor-toolbar{row-gap:6px} /* Account gateway. */ html[data-studio-theme] #app .shell:has(.auth-layout){padding-top:20px;padding-bottom:28px;justify-content:flex-start} html[data-studio-theme] #app .auth-layout>.card{padding:24px 20px} html[data-studio-theme] #app .auth-showcase{padding:26px 22px;gap:18px} html[data-studio-theme] #app .auth-points li{padding:12px 14px} html[data-studio-theme] #app .shell>.tabs{gap:6px} html[data-studio-theme] #app .shell>.tabs>.tab{padding:9px 13px;font-size:calc(14px + var(--ui-font-adjust-px,0px))} html[data-studio-theme] #app .account-toolbar,html[data-studio-theme] #app .shell>.tabs>.studio-top-controls{flex:1 0 100%;justify-content:flex-end} html[data-studio-theme] #app .admin-nav{align-items:center;align-self:start;height:auto;min-height:0;scrollbar-width:none} html[data-studio-theme] #app .admin-nav .tab{align-self:center} } /* Motion preferences: keep state changes, drop movement. */ @media (prefers-reduced-motion:reduce){ html[data-studio-theme] *,html[data-studio-theme] *:before,html[data-studio-theme] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important} html[data-studio-theme] :is(button,.tab,a):active{transform:none!important} }