:root{color-scheme:light;font-family:Pretendard Variable,Pretendard,ui-sans-serif,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f4f1ea;color:#171717;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sidebar-w: 260px}body{font-family:Pretendard Variable,Pretendard,ui-sans-serif,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffd1,#f4f1eaf5),#f4f1ea}button,input,select,textarea{font:inherit}button{border:0}.shell{width:min(1720px,100%);min-height:100vh;margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 16px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #cdd7d0;border-radius:8px;background:#fdfcf8;color:#23706f;box-shadow:0 8px 20px #1c211f14}.brand h1,.pane-header h2{margin:0;letter-spacing:0}.brand h1{font-size:1.16rem;line-height:1.15}.brand p,.pane-header span,.source-footer span,.history-main span,.field span,.empty-list{margin:4px 0 0;color:#4b5563;font-size:.78rem}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.field{display:grid;gap:5px}.field input,.field select{width:100%;min-height:38px;border:1px solid #aeb8b4;border-radius:7px;background:#fff;color:#171717;padding:0 10px;outline:none}.field input:focus,.field select:focus,textarea:focus{border-color:#23706f;box-shadow:0 0 0 3px #23706f21}.compact{width:190px}.api-key-field{width:min(360px,36vw)}.model-field{width:245px}.theme-field{width:130px}.workspace{display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:14px;align-items:stretch;min-height:calc(100vh - 78px);transition:grid-template-columns .18s ease}.main-panes{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.25fr);gap:14px;align-items:stretch;min-width:0}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #2e2e2e;border-radius:8px;background:#0f0f0f;color:#fafafa;overflow:hidden}.sidebar.is-collapsed .sidebar-body{display:none}.sidebar-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid #2e2e2e;min-height:48px}.sidebar.is-collapsed .sidebar-toggle-row{justify-content:center;border-bottom:0}.sidebar-title{font-size:.86rem;font-weight:600;color:#fafafa;letter-spacing:0}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #2e2e2e;border-radius:6px;background:#1c1c1c;color:#b4b4b4;cursor:pointer;transition:background .14s ease,color .14s ease}.sidebar-toggle:hover{background:#2a2a2a;color:#fafafa}.sidebar-toggle svg{width:16px;height:16px;stroke-width:2}.sidebar-body{display:flex;flex-direction:column;min-height:0;flex:1}.sidebar .pane-header{border-bottom:1px solid #2e2e2e;min-height:56px}.sidebar .pane-header h2{color:#fafafa}.sidebar .pane-header span{color:#898989}.sidebar .segmented{border-color:#2e2e2e;background:#1c1c1c}.sidebar .segmented button{color:#b4b4b4}.sidebar .segmented button.active{background:#0f0f0f;color:#fafafa;box-shadow:none}.sidebar .field input{border-color:#2e2e2e;background:#1c1c1c;color:#fafafa}.sidebar .field span{color:#898989}.sidebar .icon-button{border-color:#2e2e2e;background:#1c1c1c;color:#b4b4b4}.sidebar .icon-button:hover:not(:disabled){background:#2a2a2a;border-color:#3a3a3a;color:#fafafa}.sidebar .icon-button:disabled{border-color:#2e2e2e;background:#161616;color:#555}.sidebar .icon-button.starred{border-color:#d49b1f;background:#2a1f06;color:#fbbf24}.sidebar .history-item{border-color:#2e2e2e;background:#1c1c1c;color:#fafafa;transition:background .12s ease,border-color .12s ease}.sidebar .history-item:hover{background:#232323}.sidebar .history-item.selected{border-color:#4a4a4a;background:#232323;box-shadow:none}.sidebar .history-main strong{color:#fafafa}.sidebar .history-main span{color:#898989;font-family:ui-monospace,Source Code Pro,Menlo,Consolas,monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:1.2px}.sidebar .empty-list{color:#898989;border-color:#2e2e2e}.md-badge{display:none;align-items:center;justify-content:center;height:20px;padding:0 8px;margin-left:8px;border:1px solid #2e2e2e;border-radius:4px;background:#0f0f0f;color:#b4b4b4;font-family:ui-monospace,Source Code Pro,Menlo,Consolas,monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.md-badge.is-visible{display:inline-flex}.source-heading-row{display:flex;align-items:center;gap:4px}.progress-line{display:block;padding:6px 14px;background:#0f0f0f;color:#b4b4b4;border-bottom:1px solid #2e2e2e;font-family:ui-monospace,Source Code Pro,Menlo,Consolas,monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.progress-line.hidden{display:none}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:40}.sidebar-backdrop.is-visible{display:block}@media (max-width: 899px){.workspace{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:50;border-radius:0;transform:translate(0);transition:transform .18s ease}.sidebar.is-collapsed{transform:translate(-100%)}}.source-pane,.result-pane,.library-pane{display:flex;min-width:0;min-height:0;flex-direction:column;border:1px solid #d4d7d0;border-radius:8px;background:#fffdfae6;box-shadow:0 18px 40px #181e1d14}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:14px;border-bottom:1px solid #e2e1dc}.pane-header h2{font-size:.98rem}.icon-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.icon-button,.primary-button,.segmented button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:7px;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,opacity .14s ease}.icon-button{width:36px;border:1px solid #b8c3be;background:#fff;color:#26312e}.icon-button:hover:not(:disabled){border-color:#23706f;color:#23706f;background:#f4fbf8}.icon-button:disabled,.primary-button:disabled{cursor:not-allowed}.icon-button:disabled{border-color:#d4dad7;background:#edf0ee;color:#68736f}.primary-button:disabled{background:#647a77;color:#f0eee9}.icon-button svg,.primary-button svg,.brand-mark svg,.state-line svg{width:17px;height:17px;stroke-width:2}.icon-button.starred{border-color:#d49b1f;color:#b77900;background:#fff8e6}.tiny{width:32px;min-height:32px}textarea{flex:1;width:100%;min-height:360px;resize:none;border:0;border-radius:0;background:#fffdfa;color:#171717;padding:16px;outline:none;font-family:ui-monospace,Source Code Pro,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.62}textarea.dragging{background:#f1fbf8;box-shadow:inset 0 0 0 2px #23706f}.source-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 14px;border-top:1px solid #e2e1dc}.primary-button{gap:8px;min-width:132px;padding:0 16px;background:#155e5d;color:#f0eee9;font-weight:700}.primary-button:hover:not(:disabled){background:#0f4d4c}.primary-button.loading svg,.state-line svg{animation:spin .9s linear infinite}.segmented{display:inline-grid;grid-auto-flow:column;border:1px solid #b8c3be;border-radius:8px;background:#dfe6e2;padding:3px}.segmented.wide{display:grid;grid-template-columns:1fr 1fr;margin:12px 14px}.segmented button{min-width:76px;min-height:30px;padding:0 10px;background:transparent;color:#26312e;font-size:.82rem;font-weight:650}.segmented button.active{background:#fff;color:#171717;box-shadow:0 2px 8px #181e1d14}button:focus-visible{outline:3px solid rgba(21,94,93,.28);outline-offset:2px}.markdown-body,.raw-output{flex:1;min-height:0;overflow:auto;margin:0;padding:20px;background:#fffdfa}.markdown-body{line-height:1.68}.markdown-body.empty{display:grid;place-items:center;color:#777b80;text-align:center}.markdown-body h1,.markdown-body h2,.markdown-body h3{line-height:1.22;letter-spacing:0}.markdown-body h1{font-size:1.75rem}.markdown-body h2{font-size:1.34rem}.markdown-body h3{font-size:1.08rem}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table{margin-top:0;margin-bottom:1rem}.markdown-body pre,.raw-output{font-family:ui-monospace,Source Code Pro,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.62}.markdown-body pre{overflow:auto;padding:14px;border:1px solid #d9d7ce;border-radius:8px;background:#f8f8f2}.markdown-body code{border-radius:5px;background:#f8f8f2;padding:.14em .34em}.markdown-body pre code{padding:0;background:transparent}.markdown-body blockquote{margin-left:0;padding-left:14px;border-left:3px solid #23706f;color:#54595e}.markdown-body table{width:100%;border-collapse:collapse}.markdown-body th,.markdown-body td{border:1px solid #d9d7ce;padding:8px 10px;text-align:left;vertical-align:top}.markdown-body a{color:#1f6feb}.raw-output{white-space:pre-wrap;color:#1e2421}.hidden{display:none}.state-line{display:inline-flex;align-items:center;gap:10px}.library-pane{background:#f9f9f5f0}.search-field{margin:0 14px 12px}.history-list{display:grid;gap:8px;min-height:0;overflow:auto;padding:0 14px 14px}.history-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #dddcd5;border-radius:8px;background:#fffdfa;padding:7px}.history-item.selected{border-color:#23706f;box-shadow:0 0 0 3px #23706f1f}.history-main{display:grid;gap:3px;min-width:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.history-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.empty-list{display:grid;min-height:120px;place-items:center;border:1px dashed #cbc9c0;border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.main-panes{grid-template-columns:1fr 1fr}}@media (max-width: 780px){.shell{padding:12px}.topbar,.top-actions{align-items:stretch;flex-direction:column}.brand,.compact,.api-key-field,.theme-field,.model-field{width:100%}.main-panes{grid-template-columns:1fr}.source-pane,.result-pane{min-height:420px}.pane-header{align-items:flex-start;flex-direction:column}.icon-row{justify-content:flex-start}.segmented button{min-width:68px}}:root[data-theme=dark]{background:#0f172a;color:#e5e7eb}:root[data-theme=dark] body{background:linear-gradient(180deg,#1e293bdb,#0f172af5),#0f172a;color:#e5e7eb}:root[data-theme=dark] .brand-mark{border-color:#334155;background:#172033;color:#5eead4;box-shadow:0 12px 28px #00000047}:root[data-theme=dark] .brand p,:root[data-theme=dark] .pane-header span,:root[data-theme=dark] .source-footer span,:root[data-theme=dark] .history-main span,:root[data-theme=dark] .field span,:root[data-theme=dark] .empty-list{color:#a7b0be}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select{border-color:#475569;background:#111827;color:#f8fafc}:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#94a3b8}:root[data-theme=dark] .field input:focus,:root[data-theme=dark] .field select:focus,:root[data-theme=dark] textarea:focus{border-color:#5eead4;box-shadow:0 0 0 3px #5eead433}:root[data-theme=dark] .source-pane,:root[data-theme=dark] .result-pane,:root[data-theme=dark] .library-pane{border-color:#334155;background:#0f172aeb;box-shadow:0 18px 42px #00000052}:root[data-theme=dark] .pane-header,:root[data-theme=dark] .source-footer{border-color:#334155}:root[data-theme=dark] .icon-button{border-color:#475569;background:#111827;color:#e2e8f0}:root[data-theme=dark] .icon-button:hover:not(:disabled){border-color:#5eead4;background:#123236;color:#5eead4}:root[data-theme=dark] .icon-button:disabled{border-color:#334155;background:#1e293b;color:#94a3b8}:root[data-theme=dark] .icon-button.starred{border-color:#f59e0b;background:#422006;color:#fbbf24}:root[data-theme=dark] textarea,:root[data-theme=dark] .markdown-body,:root[data-theme=dark] .raw-output{background:#0f172a;color:#e5e7eb}:root[data-theme=dark] textarea.dragging{background:#123236;box-shadow:inset 0 0 0 2px #5eead4}:root[data-theme=dark] .primary-button{background:#0f766e;color:#f0eee9}:root[data-theme=dark] .primary-button:hover:not(:disabled){background:#0d9488}:root[data-theme=dark] .primary-button:disabled{background:#475569;color:#f0eee9}:root[data-theme=dark] .segmented{border-color:#475569;background:#1e293b}:root[data-theme=dark] .segmented button{color:#cbd5e1}:root[data-theme=dark] .segmented button.active{background:#0f172a;color:#f8fafc;box-shadow:0 2px 10px #00000047}:root[data-theme=dark] button:focus-visible{outline-color:#5eead44d}:root[data-theme=dark] .markdown-body.empty{color:#94a3b8}:root[data-theme=dark] .markdown-body pre,:root[data-theme=dark] .markdown-body code{background:#111827}:root[data-theme=dark] .markdown-body pre{border-color:#334155}:root[data-theme=dark] .markdown-body blockquote{border-color:#5eead4;color:#cbd5e1}:root[data-theme=dark] .markdown-body th,:root[data-theme=dark] .markdown-body td{border-color:#334155}:root[data-theme=dark] .markdown-body a{color:#93c5fd}:root[data-theme=dark] .library-pane{background:#0f172af0}:root[data-theme=dark] .history-item{border-color:#334155;background:#111827}:root[data-theme=dark] .history-item.selected{border-color:#5eead4;box-shadow:0 0 0 3px #5eead429}:root[data-theme=dark] .empty-list{border-color:#475569}