@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-text-primary:#0a0a0b;--color-text-secondary:#71717a;--color-text-tertiary:#9b9ba0;--color-bg-primary:#fff;--color-bg-secondary:#fafaf9;--color-bg-tertiary:#f4f4f5;--color-border:#e8e8e6;--color-border-strong:#d4d4d0;--color-border-light:#f4f4f5;--color-accent:#00d4ff;--color-accent-bg:#e0f2fe;--color-success:#09b;--color-danger:#b91c1c;--color-warning:#92400e;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:4px;--space-2:6px;--space-3:10px;--space-4:14px;--space-5:18px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--gnb-height:80px;--font-sans:"Inter", "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--color-info:#1e40af;--color-info-bg:#eff6ff;--color-success-bg:#e0f2fe;--color-success-border:#00d4ff;--color-success-text:#09b;--color-danger-bg:#fef2f2;--color-warning-bg:#fffbeb;--color-purple:#7c3aed;--color-purple-bg:#f5f3ff;--color-teal:#14b8a6;--color-brand:#4a82ff;--color-brand-hover:#3b6de6;--color-text-on-accent:#fff;--content-max-width:1500px;--sidebar-bg:#0f1115;--sidebar-bg-2:#16191f;--sidebar-text:#c8ccd4;--sidebar-text-dim:#6b7080;--sidebar-active-bg:#00d4ff1a;--sidebar-active-text:#00d4ff;--sidebar-border:#1f232b;--sidebar-width:232px;--gnb-bg:#ffffffd9;--gnb-border:#e8e8e6}[data-theme=dark]{--color-text-primary:#e4e4e7;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-bg-primary:#0c0c0e;--color-bg-secondary:#18181b;--color-bg-tertiary:#1e1e22;--color-border:#27272a;--color-border-light:#1e1e22;--color-accent:#818cf8;--color-accent-bg:#818cf81f;--color-success:#38bdf8;--color-danger:#f87171;--color-warning:#fbbf24;--color-info:#60a5fa;--color-info-bg:#3b82f61a;--color-success-bg:#0ea5e914;--color-success-border:#0ea5e933;--color-success-text:#38bdf8;--color-danger-bg:#dc262614;--color-warning-bg:#d9770614;--color-purple:#a78bfa;--color-purple-bg:#7c3aed14;--color-teal:#22d3ee;--color-brand:#6b9fff;--color-brand-hover:#5a8cf0;--color-text-on-accent:#fff}
pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-3{top:.75rem}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[300\]{z-index:300}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-none{max-height:none}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:var(--radius-md)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-\[var\(--color-border-default\)\]{border-color:var(--color-border-default)}.border-\[var\(--color-border-light\)\]{border-color:var(--color-border-light)}.bg-\[var\(--color-accent-bg\)\]{background-color:var(--color-accent-bg)}.bg-\[var\(--color-action-primary\)\]{background-color:var(--color-action-primary)}.bg-\[var\(--color-bg-surface\)\]{background-color:var(--color-bg-surface)}.bg-\[var\(--color-border-light\)\]{background-color:var(--color-border-light)}.bg-\[var\(--color-danger-bg\)\]{background-color:var(--color-danger-bg)}.bg-\[var\(--color-info-bg\)\]{background-color:var(--color-info-bg)}.bg-\[var\(--color-purple-bg\)\]{background-color:var(--color-purple-bg)}.bg-\[var\(--color-success-bg\)\]{background-color:var(--color-success-bg)}.bg-\[var\(--color-warning-bg\)\]{background-color:var(--color-warning-bg)}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!py-\[2px\]{padding-top:2px!important;padding-bottom:2px!important}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pt-\[8vh\]{padding-top:8vh}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-\[0\.5px\]{letter-spacing:.5px}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-danger\)\]{color:var(--color-danger)}.text-\[var\(--color-info\)\]{color:var(--color-info)}.text-\[var\(--color-purple\)\]{color:var(--color-purple)}.text-\[var\(--color-semantic-danger\)\]{color:var(--color-semantic-danger)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.text-\[var\(--color-text-on-primary\)\]{color:var(--color-text-on-primary)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-warning\)\]{color:var(--color-warning)}.text-\[var\(--text-base\)\]{color:var(--text-base)}.text-\[var\(--text-sm\)\]{color:var(--text-sm)}.text-\[var\(--text-xs\)\]{color:var(--text-xs)}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-card{--tw-shadow:var(--shadow-card-light);--tw-shadow-colored:var(--shadow-card-light);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[background-color\,border-color\,color\]{transition-property:background-color,border-color,color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}html{overflow-y:scroll}body{font-family:var(--font-sans);font-size:var(--text-base);color:#3f3f46;background:#f7f7f5;line-height:1.5;transition:background-color .2s,color .2s}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-panel{width:var(--sidebar-width,232px)}.app-sidebar.sidebar-panel{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);padding:14px 0 8px}[data-theme=dark] .app-sidebar.sidebar-panel{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border)}.sidebar-group-label{color:var(--color-text-tertiary);letter-spacing:1.2px;text-transform:uppercase;padding:14px 10px 6px 22px;font-size:10px;font-weight:600}.sidebar-item{color:var(--color-text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:10px;margin:1px 12px;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.sidebar-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-item.active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.app-sidebar .sidebar-group-label{color:var(--sidebar-text-dim)}.app-sidebar .sidebar-item{color:var(--sidebar-text)}.app-sidebar .sidebar-item:hover{background:var(--sidebar-bg-2);color:#fff}.app-sidebar .sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.app-sidebar .sidebar-item.active:before{content:"";background:var(--color-accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:6px;bottom:6px;left:-12px}.sidebar-section{border-bottom:1px solid var(--color-border-light);padding:14px 20px 16px}.sidebar-section:first-child{padding-top:0}.sidebar-section:last-child{border-bottom:none}.sidebar-section-label{color:var(--color-text-tertiary);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}@media (max-width:768px){.app-sidebar.sidebar-panel{width:60px}.app-sidebar .sidebar-group-label{display:none}.app-sidebar .sidebar-item{justify-content:center;gap:0;margin:2px 8px;padding:9px 0;font-size:0}.app-sidebar .sidebar-item-icon{font-size:14px}.app-sidebar .sidebar-item.active:before{left:-8px}.app-sidebar .sidebar-status{display:none!important}.dashboard-main{margin-left:60px!important}}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 16px}.data-table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:#3f3f46;padding:12px 16px;line-height:1.45}.data-table tr:hover{background:var(--color-bg-secondary)}.data-table .mono{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.data-table th.num,.data-table td.num{text-align:right;white-space:nowrap;width:90px}.data-table th.num-wide,.data-table td.num-wide{text-align:right;white-space:nowrap;width:110px}.tag{font-size:11px;font-weight:var(--font-medium);border-radius:12px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.tag.green{color:#09b;background:#e0f7ff}.tag.yellow{color:#d97706;background:#fffbeb}.tag.red{color:#dc2626;background:#fef2f2}.tag.blue{color:#0a0a0b;background:#eff6ff}.tag.gray{background:var(--color-border-light);color:var(--color-text-secondary)}.tag.purple{background:var(--color-purple-bg);color:var(--color-purple)}.topbar-btn{cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-primary);color:#3f3f46;font-size:12px;font-weight:var(--font-medium);border-radius:6px;padding:6px 12px;transition:all .15s}.topbar-btn:hover{border-color:var(--color-border-strong);color:#0a0a0b;background:#fafaf9}.topbar-btn.primary{color:#fff;background:#0a0a0b;border-color:#0a0a0b}.topbar-btn.primary:hover{background:#1f1f22;border-color:#1f1f22}.toggle{cursor:pointer;width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .slider{background:var(--color-border);border-radius:22px;transition:all .2s;position:absolute;inset:0}.toggle .slider:before{content:"";background:var(--color-bg-primary);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider{background:var(--color-accent)}.toggle input:checked+.slider:before{transform:translate(18px)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h3{font-size:13px;font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.005em}.card-body{padding:18px 20px}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:none;border-radius:8px;padding:18px 20px;transition:border-color .12s}.stat-card:hover{border-color:var(--color-border-strong,#d4d4d0)}.stat-label{color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-medium);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.4px}.stat-value{color:var(--color-text-primary);letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1.2}.routing-option{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;padding:16px 0;display:flex}.routing-option:last-child{border-bottom:none}.routing-option .ro-left{flex:1;padding-right:16px}.routing-option .ro-label{color:var(--color-text-primary);letter-spacing:-.005em;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.routing-option .ro-desc{color:var(--color-text-tertiary);margin-top:4px;font-size:11px;line-height:1.6}.routing-option .ro-right{flex-shrink:0;align-items:center;gap:8px;padding-top:2px;display:flex}.byok-provider-fixed{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);box-sizing:border-box;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;display:inline-flex}.byok-provider-fixed .provider-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 2px #00d4ff2e}.select-sm{border:1px solid var(--color-border-strong);color:#09090b;background:var(--color-bg-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14' fill='none' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 5 5 3 7 5'/><polyline points='3 9 5 11 7 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border-radius:6px;outline:none;height:30px;padding:0 28px 0 10px;font-size:12px}.select-sm:focus{border-color:#0a0a0b;box-shadow:0 0 0 3px #0a0a0b14}.input-sm{border:1px solid var(--color-border-strong);height:30px;color:var(--color-text-primary);background:var(--color-bg-primary);border-radius:6px;outline:none;width:100%;padding:0 10px;font-size:12px}.input-sm:focus{border-color:#0a0a0b;box-shadow:0 0 0 3px #0a0a0b14}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);outline:none;padding:8px 12px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #00d4ff1f}.dash-top-list{flex-direction:column;gap:8px;display:flex}.dash-top-list.dash-top-compact .dash-top-row{grid-template-columns:22px minmax(80px,1fr) minmax(40px,1fr) auto;gap:10px}.dash-top-row{border-bottom:1px solid var(--color-border-light);grid-template-columns:28px 1fr 1fr 110px;align-items:center;gap:14px;padding:8px 4px;display:grid}.dash-top-row:last-child{border-bottom:none}.dash-top-rank{color:var(--color-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono);text-align:center;background:var(--color-bg-secondary);border-radius:4px;padding:3px 0}.dash-top-row.top-3 .dash-top-rank{color:var(--color-success);background:#00d4ff1a}.dash-top-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.dash-top-bar{background:var(--color-bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.dash-top-bar-fill{background:linear-gradient(90deg,#00d4ff,#0ea5e9);border-radius:4px;height:100%;transition:width .3s}.dash-top-value{color:var(--color-text-primary);font-size:12px;font-family:var(--font-mono);text-align:right;font-weight:600}.dash-metric-tabs{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:6px;display:inline-flex;overflow:hidden}.dash-metric-tab{background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;border:none;padding:5px 14px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .12s}.dash-metric-tab+.dash-metric-tab{border-left:1px solid var(--color-border)}.dash-metric-tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.dash-metric-tab.active{background:var(--color-text-primary);color:var(--color-bg-primary)}.modal-overlay{z-index:300;background:#0006;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:580px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;font-size:20px}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.apikey-modal{max-height:84vh;position:static}.apikey-modal-overlay{align-items:flex-start;padding:8vh 16px 16px}.byok-modal{width:520px;max-height:84vh;position:static}.apikey-create-modal,.apikey-edit-modal{width:520px}.apikey-create-intro{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin:0 0 16px;padding:12px 14px;line-height:1.6}.apikey-create-intro code{border-radius:var(--radius-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);padding:1px 5px;font-size:.92em}.apikey-create-modal .form-group label,.apikey-edit-modal .form-group label{font-size:var(--text-xs);color:var(--color-text-primary);margin-bottom:6px;font-weight:600}.apikey-create-modal .form-group label .req{color:#ef4444;white-space:nowrap;font-size:10px;font-weight:500}.apikey-create-modal .form-group label .opt{color:#a1a1aa;white-space:nowrap;font-size:10px;font-weight:500}.apikey-create-modal .form-group .help-text{color:#71717a;margin-top:6px;font-size:11px;line-height:1.5}.apikey-create-modal .form-group input,.apikey-create-modal .form-group select,.apikey-edit-modal .form-group input,.apikey-edit-modal .form-group select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);height:36px;font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);padding:0 12px}.apikey-create-modal .form-group select,.apikey-edit-modal .form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14' fill='none' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 5 5 3 7 5'/><polyline points='3 9 5 11 7 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.code-block{border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-base);color:#e4e7ed;background:#1a1d23;margin-bottom:12px;padding:18px 22px;line-height:1.7;position:relative;overflow-x:auto}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-row .filter-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.meta-filter{box-sizing:border-box;cursor:text;background:#fff;border:1px solid #d4d4d8;border-radius:6px;flex-wrap:nowrap;align-items:center;gap:6px;min-width:240px;max-width:100%;height:30px;padding:0 8px;transition:border-color .12s,box-shadow .12s;display:inline-flex;overflow-x:auto}.meta-filter::-webkit-scrollbar{height:4px}.meta-filter::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:2px}.meta-filter:hover{border-color:#a1a1aa}.meta-filter:focus-within{border-color:#0a0a0b;box-shadow:0 0 0 3px #0a0a0b14}.meta-filter .meta-chips{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.meta-filter .meta-chip{color:#18181b;white-space:nowrap;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:2px 3px 2px 8px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.4;display:inline-flex}.meta-filter .meta-chip-x{color:#71717a;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:12px;line-height:1;display:inline-flex}.meta-filter .meta-chip-x:hover{color:#0a0a0b;background:#e4e4e7}.meta-filter .meta-input-pair{flex-shrink:0;align-items:center;display:inline-flex}.meta-filter input{color:#09090b;background:0 0;border:0;outline:0;height:24px;padding:0 4px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:500}.meta-filter input::placeholder{color:#a1a1aa;font-family:inherit}.meta-filter .meta-key{width:72px}.meta-filter .meta-val{width:90px}.meta-filter .meta-eq{color:#71717a;padding:0 2px;font-size:12px;font-weight:600}.meta-filter .meta-add-btn{color:#71717a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d4d4d8;border-radius:999px;margin-left:6px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .12s}.meta-filter .meta-add-btn:not(:disabled):hover{color:#0a0a0b;background:#f4f4f5;border-color:#a1a1aa}.meta-filter .meta-add-btn:disabled{opacity:.4;cursor:not-allowed}.filter-add-wrap{display:inline-flex;position:relative}.filter-add-btn{align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:inline-flex}.filter-add-count{color:#71717a;font-size:11px}.filter-add-menu{z-index:50;background:#fff;border:1px solid #e4e4e7;border-radius:8px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #09090b14,0 2px 6px #09090b0a}.filter-add-menu-item{cursor:pointer;color:#27272a;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.filter-add-menu-item:hover{background:#fafafa}.meta-row-close{color:#71717a;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:16px;line-height:1}.meta-row-close:hover{color:#27272a;background:#f4f4f5}.section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.chat-message-content{line-height:1.6}.chat-message-content pre{color:#d4d4d4;border-radius:var(--radius-md);font-size:var(--text-md);font-family:var(--font-mono);background:#1e1e1e;margin:.5rem 0;padding:1rem;overflow-x:auto}.chat-message-content code:not(pre code){background:var(--color-border-light);border-radius:var(--radius-sm);font-size:.85em;font-family:var(--font-mono);padding:.125rem .375rem}.chat-message-content p{margin:.5rem 0}.chat-message-content ul,.chat-message-content ol{margin:.5rem 0;padding-left:1.5rem}.chat-message-content li{margin:.25rem 0}.chat-message-content table{border-collapse:collapse;width:100%;margin:.5rem 0}.chat-message-content th,.chat-message-content td{border:1px solid var(--color-border);text-align:left;padding:.5rem .75rem}.chat-message-content th{background:var(--color-bg-secondary);font-weight:var(--font-semibold)}.md-content{overflow-wrap:break-word;word-break:break-word}.md-content pre{color:#d4d4d4;border-radius:var(--radius-md);font-size:var(--text-md);font-family:var(--font-mono);background:#1e1e1e;margin:.5rem 0;padding:1rem;overflow-x:auto}.md-content code:not(pre code){background:var(--color-border-light);border-radius:var(--radius-sm);font-size:.85em;font-family:var(--font-mono);word-break:break-all;padding:.125rem .375rem}.md-content p{margin:.5rem 0}.md-content ul,.md-content ol{margin:.5rem 0;padding-left:1.5rem}.md-content li{margin:.25rem 0}.md-content table{border-collapse:collapse;width:100%;margin:.5rem 0;display:block;overflow-x:auto}.md-content th,.md-content td{border:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:.5rem .75rem}.md-content th{background:var(--color-bg-secondary);font-weight:var(--font-semibold)}.md-content h1{font-size:1.5rem;font-weight:var(--font-bold);margin:1rem 0 .5rem;line-height:1.3}.md-content h2{font-size:1.25rem;font-weight:var(--font-bold);margin:.875rem 0 .5rem;line-height:1.3}.md-content h3{font-size:1.1rem;font-weight:var(--font-semibold);margin:.75rem 0 .375rem;line-height:1.3}.md-content h4{font-size:1rem;font-weight:var(--font-semibold);margin:.625rem 0 .25rem}.md-content h5,.md-content h6{font-size:.95rem;font-weight:var(--font-semibold);color:var(--color-text-secondary);margin:.5rem 0 .25rem}.md-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.md-content a:hover{text-decoration-thickness:2px}.md-content blockquote{border-left:3px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:.5rem 0;padding:.25rem .75rem}.md-content blockquote p{margin:.25rem 0}.md-content hr{border:0;border-top:1px solid var(--color-border);margin:1rem 0}.md-content strong{font-weight:var(--font-bold)}.md-content em{font-style:italic}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content pre code.hljs{background:0 0;padding:0}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22d3ee}.hljs-addition{color:#7dd3fa;background-color:#0c2340}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.topbar{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);height:52px;top:var(--gnb-height);z-index:100;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky}.topbar-title{letter-spacing:-.01em;color:var(--color-text-primary);font-size:15px;font-weight:600}.topbar-right{align-items:center;gap:8px;display:flex}.status-badge{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.status-badge:before{content:"";background:var(--color-text-tertiary);border-radius:50%;width:6px;height:6px}.status-badge.online{color:#09b;background:#00d4ff1a}.status-badge.online:before{background:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.warning:before{background:var(--color-warning)}.status-badge.danger{background:var(--color-danger-bg);color:var(--color-danger)}.status-badge.danger:before{background:var(--color-danger)}.info-tip{cursor:help;align-items:center;display:inline-flex;position:relative}.info-icon{width:14px;height:14px;color:var(--color-text-tertiary);border:1px solid var(--color-border);text-transform:lowercase;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:Times New Roman,Georgia,serif;font-size:10px;font-style:italic;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.info-tip:hover .info-icon{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}.info-bubble{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:#0a0a0b;border-radius:6px;padding:6px 10px;font-size:11px;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.info-tip:hover .info-bubble{opacity:1}.info-bubble.info-bubble-modal{white-space:normal;word-break:keep-all;overflow-wrap:break-word;width:max-content;max-width:260px;padding:10px 14px;line-height:1.6;left:0;right:auto;transform:none}.info-tip-right .info-bubble{top:50%;bottom:auto;left:calc(100% + 6px);transform:translateY(-50%)}.policy-tip{cursor:help;align-items:center;display:inline-flex;position:relative}.policy-bubble{color:#fff;opacity:0;pointer-events:none;z-index:1000;background:#0a0a0b;border-radius:6px;width:max-content;max-width:260px;padding:8px 12px;font-size:11px;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.policy-tip:hover .policy-bubble{opacity:1;pointer-events:auto}.policy-bubble a{color:var(--color-accent);text-decoration:underline}.policy-bubble a:hover{color:#09b}.sem-thresh-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:11px;font-weight:500;font-family:var(--font-mono);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:inline-flex}.sem-thresh-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.sem-thresh-btn:disabled{opacity:.4;cursor:not-allowed}.modal-alert{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:12px;line-height:1.5}.modal-alert.info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #bae6fd}.modal-alert.warning{color:var(--color-success);background:#00d4ff0f;border:1px solid #00a0504d}.modal-alert.danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-sub{color:var(--color-text-tertiary);margin-top:6px;font-size:11px;line-height:1.4}.stat-sub strong{color:var(--color-text-secondary);font-weight:600}.stat-sub .delta-up{color:var(--color-success)}.stat-sub .delta-down{color:var(--color-danger)}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.cache-trend-wrap{width:100%;position:relative}.cache-trend-dot{background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-accent);pointer-events:none;border:2px solid #fff;border-radius:50%;transition:left .1s,top .1s;position:absolute;transform:translate(-50%,-50%)}.cache-trend-tooltip{color:#fff;pointer-events:none;white-space:nowrap;z-index:10;background:#0a0a0b;border-radius:6px;padding:6px 10px;font-size:11px;line-height:1.4;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 4px 12px #00000026}.cache-trend-tooltip:after{content:"";background:#0a0a0b;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.cache-period-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);display:inline-flex;overflow:hidden}.cache-period-btn{font-size:var(--text-2xs);font-weight:var(--font-semibold);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;border:none;padding:4px 10px;font-family:inherit;transition:background .12s,color .12s}.cache-period-btn+.cache-period-btn{border-left:1px solid var(--color-border)}.cache-period-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.cache-period-btn.active{background:var(--color-text-primary);color:#fff}.cache-trend-body{align-items:stretch;gap:8px;display:flex}.cache-trend-yaxis{width:44px;height:180px;color:var(--color-text-tertiary);font-size:10.5px;font-family:var(--font-mono);flex-shrink:0;position:relative}.cache-trend-xlabels{color:var(--color-text-tertiary);letter-spacing:.2px;font-size:10.5px;font-family:var(--font-mono);justify-content:space-between;margin-top:10px;display:flex}.cache-trend-empty{height:180px;color:var(--color-text-tertiary);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.cache-trend-tooltip .ctt-date{color:#d4d4d8;margin-bottom:4px;font-size:10px;font-weight:500;display:block}.cache-trend-tooltip .ctt-row{justify-content:space-between;gap:12px;font-size:11px;display:flex}.cache-trend-tooltip .ctt-key{color:#a1a1aa;font-weight:500}.cache-trend-tooltip .ctt-val{color:#fff;font-weight:600;font-family:var(--font-mono)}.cache-trend-tooltip .ctt-val.rate{color:var(--color-accent)}.cache-card-head{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.cache-card-head h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.cache-card-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s,background .12s}.data-table thead th.sortable:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.data-table thead th.sortable .sort-arrow{color:var(--color-text-tertiary);margin-left:4px;font-size:9px;display:inline-block}.data-table thead th.sortable.sort-asc,.data-table thead th.sortable.sort-desc,.data-table thead th.sortable.sort-asc .sort-arrow,.data-table thead th.sortable.sort-desc .sort-arrow{color:var(--color-success)}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.cache-row-delete{width:26px;height:26px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.cache-row-delete:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.cache-detail-section{border-bottom:1px solid var(--color-border-light);padding:14px 20px}.cache-detail-section:first-child{padding-top:18px}.cds-label{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.cds-body{font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-word;white-space:pre-wrap;line-height:1.55}.cache-detail-meta{background:var(--color-bg-secondary);grid-template-columns:1fr 1fr;gap:10px 24px;padding:16px 20px;display:grid}.cdm-row{font-size:var(--text-xs);justify-content:space-between;gap:8px;display:flex}.cdm-k{color:var(--color-text-secondary);font-weight:500}.cdm-v{color:var(--color-text-primary);font-weight:600;font-family:var(--font-mono)}.cache-empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);padding:60px 20px}.cache-foot{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.cache-pager{align-items:center;gap:4px;display:flex}.cache-pager button{border:1px solid var(--color-border);background:var(--color-bg-primary);min-width:28px;height:28px;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;display:inline-flex}.cache-pager button:hover:not(:disabled):not(.active){background:var(--color-bg-secondary)}.cache-pager button.active{border-color:var(--color-text-primary);background:var(--color-text-primary);color:#fff;cursor:default;font-weight:600}.cache-pager button:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.cache-entries-table{table-layout:fixed;width:100%}.cache-entries-table td{overflow:hidden}.cache-detail-overlay{z-index:300;padding:calc(var(--gnb-height,80px) + 24px) 16px 16px;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.cache-detail-overlay .modal{position:static}.playground-shell{min-height:calc(100vh - var(--gnb-height));grid-template-columns:var(--sidebar-width,232px) 1fr;box-sizing:border-box;gap:0;margin:0;padding:0;display:grid}.playground-shell .pg-main{width:100%;min-width:0;padding:24px}.playground-shell .pg-sidebar{padding:24px 16px 24px 24px}.pg-sidebar{border-right:1px solid var(--color-border);flex-direction:column;gap:10px;min-height:0;padding-right:16px;display:flex;position:relative}.pg-new-chat-btn{background:var(--color-text-primary);color:#fff;border:1px solid var(--color-text-primary);cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s;display:flex}.pg-new-chat-btn:hover{background:#1f1f22}.pg-chat-list{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.pg-chat-empty{text-align:center;color:var(--color-text-tertiary);padding:20px 4px;font-size:11.5px;line-height:1.6}.pg-chat-item{cursor:pointer;color:#3f3f46;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;width:100%;min-width:0;padding:8px 10px;font-family:inherit;font-size:12.5px;transition:background .12s,color .12s;display:flex}.pg-chat-item:hover{color:var(--color-text-primary);background:#fafaf9}.pg-chat-item.active{color:var(--color-success);background:#00d4ff14;font-weight:600}.pg-chat-item .pg-chat-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pg-chat-item .pg-chat-delete{width:22px;height:22px;color:var(--color-text-tertiary);cursor:pointer;opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.pg-chat-item:hover .pg-chat-delete,.pg-chat-item.active .pg-chat-delete{opacity:1}.pg-chat-item .pg-chat-delete:hover{color:#ef4444;background:#f4f4f5}.pg-main{flex-direction:column;min-width:0;min-height:0;display:flex}.playground-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.pg-title{color:var(--color-text-primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:17px;font-weight:700;overflow:hidden}.pg-model-picker-wrap{align-items:center;gap:8px;display:inline-flex;position:relative}.pg-model-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:700}.pg-model-picker{border:1px solid var(--color-border-strong);cursor:pointer;color:var(--color-text-primary);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:7px 10px 7px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #0a0a0b0a}.pg-model-picker:hover{border-color:var(--color-text-primary);background:#fafaf9;box-shadow:0 2px 6px #0a0a0b14}.pg-model-picker .dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 2px #00d4ff2e}.pg-model-picker .name{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.pg-model-picker .arrow{color:#3f3f46;transition:transform .15s}.pg-model-change-hint{color:var(--color-text-secondary);letter-spacing:.2px;background:#f4f4f5;border-radius:4px;align-items:center;margin-left:2px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.pg-model-picker:hover .pg-model-change-hint{color:var(--color-success);background:#00d4ff1a}.pg-model-picker.unselected .name{color:var(--color-text-secondary);font-family:inherit;font-style:italic;font-weight:500}.pg-model-picker.unselected .pg-model-change-hint{background:var(--color-text-primary);color:#fff}.pg-model-picker.unselected:hover .pg-model-change-hint{background:var(--color-success);color:#fff}.pg-model-menu{border:1px solid var(--color-border);z-index:100;background:#fff;border-radius:10px;flex-direction:column;min-width:280px;max-width:360px;max-height:380px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 32px #0000001a}.pg-model-search{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:#fafaf9;border-radius:6px;outline:none;margin-bottom:6px;padding:7px 10px;font-family:inherit;font-size:12.5px}.pg-model-search:focus{border-color:var(--color-accent);background:#fff;box-shadow:0 0 0 3px #00d4ff1a}.pg-model-menu-list{flex:1;overflow-y:auto}.pg-model-noresults{color:var(--color-text-tertiary);text-align:center;padding:12px 10px;font-size:12px}.pg-model-group{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.6px;padding:8px 8px 4px;font-size:10px;font-weight:700}.pg-model-item{cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;display:flex}.pg-model-item:hover{background:#fafaf9}.pg-model-item.selected{color:var(--color-success);background:#00d4ff14;font-weight:600}.pg-model-item .pm-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pg-model-item .pm-check{opacity:0;color:var(--color-accent);flex-shrink:0;margin-left:auto;font-weight:700}.pg-model-item.selected .pm-check{opacity:1}.pg-messages{flex-direction:column;flex:1;gap:24px;min-height:200px;padding:16px 4px;display:flex;overflow-y:auto}.pg-empty{text-align:center;margin:auto;padding:60px 20px}.pg-empty-title{color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.pg-empty-desc{color:var(--color-text-secondary);max-width:440px;margin:0 auto;font-size:13px;line-height:1.6}.pg-msg{flex-direction:column;gap:6px;display:flex}.pg-msg-role{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700}.pg-msg-content{color:var(--color-text-primary);font-size:14px;line-height:1.65}.pg-msg-user .pg-msg-content{border:1px solid var(--color-border);background:#fafaf9;border-radius:10px;padding:12px 16px}.pg-msg-assistant .pg-msg-content{padding:4px 0}.pg-msg-assistant .pg-msg-content p{margin:.5em 0}.pg-msg-assistant .pg-msg-content pre{color:#e5e7eb;background:#0a0a0b;border-radius:8px;margin:.5em 0;padding:12px 14px;font-size:12.5px;overflow-x:auto}.pg-msg-assistant .pg-msg-content code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.pg-msg-assistant .pg-msg-content :not(pre)>code{background:#f4f4f5;border-radius:4px;padding:2px 5px;font-size:12px}.pg-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:13px}.pg-reasoning{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-subtle,#f9fafb);border-radius:8px;margin:0 0 10px;overflow:hidden}.pg-reasoning-summary{cursor:pointer;color:var(--color-text-secondary,#6b7280);-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:12px;font-weight:600;list-style:none}.pg-reasoning-summary::-webkit-details-marker{display:none}.pg-reasoning-summary:before{content:"▸";margin-right:6px;transition:transform .15s;display:inline-block}.pg-reasoning[open] .pg-reasoning-summary:before{transform:rotate(90deg)}.pg-reasoning-body{color:var(--color-text-tertiary,#9ca3af);border-top:1px solid var(--color-border,#e5e7eb);padding:4px 14px 12px;font-size:12.5px}.pg-reasoning-body p{margin:.4em 0}.pg-typing{align-items:center;gap:5px;padding:6px 2px;display:inline-flex}.pg-typing span{background:var(--color-text-tertiary,#9ca3af);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite both pg-typing-bounce}.pg-typing span:nth-child(2){animation-delay:.16s}.pg-typing span:nth-child(3){animation-delay:.32s}@keyframes pg-typing-bounce{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.pg-typing span{animation:1.2s ease-in-out infinite both pg-typing-fade}@keyframes pg-typing-fade{0%,70%,to{opacity:.35}35%{opacity:1}}}.pg-input-wrap{border-top:1px solid var(--color-border);margin-top:8px;padding-top:12px}.pg-input-tools{align-items:center;gap:6px;margin-top:6px;padding-left:2px;display:flex}.pg-mem-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.pg-mem-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.pg-mem-btn.active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.pg-mem-count{line-height:1}.pg-mem-popover{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border-strong);z-index:30;border-radius:12px;width:320px;padding:14px 16px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 28px #00000024}.pg-mem-popover-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pg-mem-popover-title{color:var(--color-text-primary);font-size:13px;font-weight:700}.pg-mem-popover-value{text-align:center;min-width:40px;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700}.pg-mem-range{width:100%;accent-color:var(--color-accent);cursor:pointer}.pg-mem-desc{color:var(--color-text-tertiary);margin:10px 0 0;font-size:11px;line-height:1.5}.pg-attach-preview{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pg-attach-chip{border:1px solid var(--color-border);background:#fafaf9;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.pg-attach-chip .filename{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.pg-attach-chip button{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:0;padding:0;font-size:14px;line-height:1}.pg-attach-chip button:hover{color:#ef4444}.pg-input-row{border:1px solid var(--color-border-strong);background:#fff;border-radius:12px;align-items:flex-end;gap:8px;padding:8px 8px 8px 12px;transition:border-color .12s,box-shadow .12s;display:flex}.pg-input-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #00d4ff1a}.pg-icon-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text-secondary);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.pg-icon-btn:hover{color:var(--color-text-primary);background:#fafaf9}.pg-input{resize:none;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;min-height:24px;max-height:200px;padding:8px 0;font-family:inherit;font-size:14px;line-height:1.5}.pg-input::placeholder{color:var(--color-text-tertiary)}.pg-send-btn{background:var(--color-text-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,opacity .12s;display:inline-flex}.pg-send-btn:hover:not(:disabled){background:#1f1f22}.pg-send-btn:disabled{background:var(--color-border-strong);cursor:not-allowed;opacity:.6}@media (max-width:768px){.playground-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.playground-shell .pg-sidebar,.pg-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;gap:8px;padding:10px 16px;overflow-x:auto}.pg-new-chat-btn{white-space:nowrap;flex-shrink:0;width:auto;padding:8px 12px}.pg-chat-list{flex-direction:row;flex:1;gap:6px;overflow:auto hidden}.pg-chat-empty{white-space:nowrap}.pg-chat-item{flex-shrink:0;max-width:160px}.playground-shell .pg-main{padding:16px}.pg-model-menu{min-width:0;max-width:calc(100vw - 32px)}}.byok-page{flex-direction:column;gap:20px;max-width:1100px;display:flex}.byok-loading{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);padding:60px 20px}.byok-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px}.byok-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.byok-section-header h3{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.byok-new-btn{background:var(--color-text-primary);color:#fff;border:1px solid var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;padding:7px 14px;font-family:inherit;font-weight:600}.byok-new-btn:hover{background:#1f1f22}.byok-count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.byok-empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);padding:28px 12px}.byok-table{border-collapse:collapse;width:100%}.byok-table th{text-align:left;color:var(--color-text-tertiary);letter-spacing:.7px;text-transform:uppercase;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:10.5px;font-weight:700}.byok-table td{font-size:var(--text-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:14px 12px}.byok-table tr:last-child td{border-bottom:none}.byok-cell-provider{font-weight:600}.byok-cell-keyhint code{font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:4px;padding:2px 6px;font-size:12.5px}.byok-cell-date{color:var(--color-text-tertiary)}.byok-actions-col{text-align:right;width:140px}.byok-actions-cell{text-align:right;white-space:nowrap}.byok-table th.byok-num,.byok-table td.byok-num{text-align:right;font-variant-numeric:tabular-nums}.byok-table td.byok-muted{color:var(--color-text-tertiary)}.byok-action-btn{font-size:var(--text-xs);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;align-items:center;margin-left:6px;padding:5px 12px;font-family:inherit;font-weight:500;transition:all .12s;display:inline-flex}.byok-action-btn:hover:not(:disabled){border-color:var(--color-text-tertiary);background:var(--color-bg-secondary)}.byok-action-btn:disabled{opacity:.5;cursor:not-allowed}.byok-action-btn.danger{color:var(--color-danger);border-color:#fca5a5}.byok-action-btn.danger:hover:not(:disabled){background:var(--color-danger-bg)}.byok-action-btn.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.byok-action-btn.primary:hover:not(:disabled){opacity:.9}.byok-search{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;font-size:var(--text-sm);color:var(--color-text-primary);outline:none;margin-bottom:12px;padding:9px 12px;font-family:inherit}.byok-search:focus{border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:0 0 0 3px #00d4ff1a}.byok-provider-list{flex-direction:column;gap:4px;display:flex}.byok-provider-row{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.byok-provider-row.editing{border-color:var(--color-accent);background:var(--color-bg-secondary)}.byok-provider-name{font-size:var(--text-sm);color:var(--color-text-primary);flex:1;min-width:0;font-weight:600}.byok-provider-tag{font-weight:500}.byok-edit-inline{flex:2;align-items:center;gap:6px;min-width:0;display:flex}.byok-edit-input{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;font-size:var(--text-sm);font-family:var(--font-mono);background:var(--color-bg-primary);outline:none;flex:1;padding:6px 10px}.byok-edit-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #00d4ff1a}.byok-toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.byok-toggle-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:4px;font-weight:600}.byok-toggle-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.5}.byok-policy-note{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:0 4px;line-height:1.6}.cascade-cols{grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;display:grid}.cascade-col{flex-direction:column;min-width:0;display:flex}.cascade-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cascade-head .cascade-title{color:var(--color-text-primary);font-size:12px;font-weight:600}.cascade-head .cascade-count{color:var(--color-text-tertiary);font-size:11px}.cascade-toolbar{gap:6px;margin-bottom:8px;display:flex}.cascade-toolbar .cascade-search{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.cascade-toolbar .cascade-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #00d4ff1a}.cascade-toolbar .cascade-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;padding:4px 8px;font-family:inherit;font-size:11px}.cascade-toolbar .cascade-btn:hover{border-color:var(--color-text-tertiary);background:var(--color-bg-secondary)}.cascade-list{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);min-height:110px;max-height:200px;overflow-y:auto}.cascade-list .cas-item{border-bottom:1px solid var(--color-border-light);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.cascade-list .cas-item:last-child{border-bottom:none}.cascade-list .cas-item:hover{background:var(--color-bg-secondary)}.cascade-list .cas-item input[type=checkbox]{accent-color:var(--color-text-primary);cursor:pointer;flex-shrink:0;margin:0}.cascade-list .cas-item .cas-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cascade-list .cas-item .cas-meta{color:var(--color-text-tertiary);flex-shrink:0;font-size:10px}.cascade-list .cas-empty{text-align:center;color:var(--color-text-tertiary);padding:24px 12px;font-size:11px}.cascade-pattern-hint{color:var(--color-text-tertiary);margin-top:8px;font-size:11px}.cascade-pattern-hint code{background:var(--color-bg-secondary);font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:4px;padding:2px 6px;font-size:10.5px}.cascade-summary{background:#00d4ff0f;border:1px solid #00a05040;border-radius:6px;margin-bottom:8px;padding:8px 10px}.cascade-summary .cs-head{color:#09b;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.cascade-summary .cs-head .cs-count{font-weight:500}.cascade-summary .cs-chips{flex-wrap:wrap;gap:5px;display:flex}.cascade-summary .cs-chip{background:var(--color-bg-primary);color:#09b;border:1px solid #00a05059;border-radius:999px;align-items:center;gap:3px;padding:2px 3px 2px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.cascade-summary .cs-chip-x{color:#09b;cursor:pointer;background:#00d4ff2e;border:0;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:10px;line-height:1;display:inline-flex}.cascade-summary .cs-chip-x:hover{background:var(--color-accent);color:#fff}.ac-intro code{background:var(--color-border-light);font-family:var(--font-mono);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px;font-size:11px}.ac-link{color:var(--color-accent);-webkit-text-decoration:underline #00a05059;text-decoration:underline #00a05059}.ac-link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.ac-panel{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:8px}.ac-panel-body{padding:16px}.ac-mode-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);border-top-left-radius:8px;border-top-right-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.ac-mode-bar-label{color:var(--color-text-primary);flex-shrink:0;font-size:12px;font-weight:700}.ac-mode-bar-select{min-width:280px}.ac-mode-bar-hint{color:var(--color-text-tertiary);flex:auto;min-width:0;font-size:11px;line-height:1.55}.ac-block-box{background:var(--color-danger-bg);border:1px solid #fca5a5;border-radius:8px;padding:14px 16px;transition:background .15s,border-color .15s}.ac-block-box .ac-block-head{color:var(--color-text-primary);margin-bottom:10px;font-size:12px;font-weight:600}.ac-block-box .ac-block-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ac-allowlist .ac-block-box{background:#00d4ff14;border-color:#00a05073}.cascade-fallback-row{border-top:1px dashed var(--color-border);color:var(--color-text-tertiary);margin-top:12px;padding-top:12px;font-size:11px}.cascade-fallback-row code{background:var(--color-bg-secondary);font-family:var(--font-mono);border-radius:3px;padding:1px 4px}html [data-sonner-toaster][data-theme=light]{--success-bg:#e0f2fe;--success-border:#bae6fd;--success-text:#09b}html [data-sonner-toaster][data-theme=dark]{--success-bg:#0c2340;--success-border:#0c4a6e;--success-text:#38bdf8}.public-content{min-height:calc(100vh - var(--gnb-height))}.onb-coach{z-index:4000;pointer-events:none;display:none;position:fixed;inset:0}.onb-coach.show{display:block}.onb-coach .onb-pop,.onb-coach.center-dim:before{pointer-events:auto}body.onb-coaching .modal-overlay,body.onb-coaching .apikey-modal-overlay{z-index:4100}body.onb-coaching .recharge-modal-overlay{z-index:4100!important}body.onb-coaching .recharge-payment-overlay{z-index:4110!important}.onb-guide-line,.onb-done-line{color:#52525b;align-items:flex-start;gap:7px;margin:0;font-size:13px;line-height:1.55;display:flex}.onb-guide-line svg{color:#09b;flex-shrink:0;margin-top:2px}.onb-done-line{color:#16a34a;font-weight:600}.onb-done-line svg{flex-shrink:0;margin-top:1px}.onb-tip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:11px;padding:14px 15px 13px}.onb-tip-badge{color:#09b;background:#dff2ff;border-radius:999px;margin-bottom:9px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.onb-steps-mini{counter-reset:onb-mini;flex-direction:column;gap:6px;margin:0;padding-left:20px;list-style:none;display:flex}.onb-steps-mini li{color:#334155;counter-increment:onb-mini;font-size:13px;line-height:1.5;position:relative}.onb-steps-mini li:before{content:counter(onb-mini) ".";color:#334155;width:18px;font-weight:600;position:absolute;left:-20px}.onb-steps-mini li b{color:#0f172a}.onb-eg{color:#94a3b8;font-size:12px}.onb-case-panel .onb-case-desc+.onb-tip{margin-top:12px}.onb-pop .onb-sec-label{color:#334155;align-items:center;gap:7px;margin:14px 0 8px;font-size:12.5px;font-weight:700;display:flex}.onb-pop .onb-sec-label-gap{margin-top:16px}.onb-sec-num{color:#fff;background:#09b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.onb-pop .onb-tip-note{color:#64748b;margin:12px 0 0;font-size:13px;line-height:1.5}.onb-tip-note b{color:#09b}.onb-keynote{color:#334155;background:#f0f9ff;border:1px solid #bae6fd;border-radius:11px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:12px 14px;font-size:12.5px;line-height:1.6;display:flex}.onb-keynote svg{flex-shrink:0;margin-top:2px}.onb-keynote b{color:#0f172a}.onb-way-label{color:#18181b;align-items:center;gap:8px;margin:0 0 9px;font-size:13.5px;font-weight:700;display:flex}.onb-way-num{color:#fff;background:#09b;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.onb-way-help{color:#64748b;margin:9px 0 0;font-size:12px;line-height:1.55}.onb-way-help b{color:#334155}.onb-way-help code{color:#0f172a;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:11px}.onb-case-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px;display:grid}.onb-case-tabs-3{grid-template-columns:1fr 1fr 1fr}.onb-case-tab{color:#52525b;cursor:pointer;text-align:center;background:#f7f7f8;border:1px solid #e4e4e7;border-radius:9px;padding:9px 8px;font-size:12px;font-weight:600;line-height:1.35;transition:all .12s}.onb-case-tabs-3 .onb-case-tab{padding:8px 4px;font-size:11.5px}.onb-case-tab:hover{border-color:#cbd5e1}.onb-case-tab.active{color:#09b;background:#f0f9ff;border-color:#09b;font-weight:700}.onb-case-panel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px;padding:15px 16px}.onb-case-desc{color:#475569;margin:0;font-size:12.5px;line-height:1.65}.onb-case-desc b{color:#0f172a}.onb-case-panel .onb-way-help{margin-top:11px;margin-bottom:0}.onb-pop .onb-case-note{color:#94a3b8;margin:16px 0 0;font-size:12px;line-height:1.5}.onb-switch-rows{flex-direction:column;gap:7px;margin-top:14px;margin-bottom:12px;display:flex}.onb-switch-row{align-items:center;gap:8px;display:flex}.onb-switch-k{color:#64748b;flex-shrink:0;width:64px;font-size:11px;font-weight:700}.onb-switch-v{color:#0f172a;white-space:nowrap;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:7px;flex:1;min-width:0;padding:7px 9px;font-family:JetBrains Mono,monospace;font-size:11.5px;overflow-x:auto}.onb-switch-v-note{white-space:normal;color:#475569;font-family:inherit;font-size:11.5px;line-height:1.5}.onb-switch-v-note b{color:#0f172a}.onb-switch-warn{color:#94a3b8;font-size:10.5px}.onb-copy-sm{padding:6px 10px;font-size:11px}.modal.onb-ide-modal{width:760px;max-width:calc(100vw - 32px)}.onb-ide-sub{color:#94a3b8;margin-left:8px;font-size:12px;font-weight:500}.onb-ide-body{padding-top:18px}.onb-demo-auto{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600}.onb-what{background:#f0f9ff;border:1px solid #bae6fd;border-radius:11px;margin-bottom:16px;padding:14px 16px}.onb-what-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.onb-what-head h4{color:#0c4a6e;margin:0;font-size:14px;font-weight:800}.onb-what-desc{color:#334155;margin:0;font-size:13px;line-height:1.65}.onb-what-desc b{color:#0f172a}.onb-ide-pane-full{width:100%}.onb-ide-pane{background:#0d1117;border:1px solid #1e293b;border-radius:10px;flex-direction:column;min-height:300px;display:flex;overflow:hidden}.onb-ide-bar{background:#161b22;border-bottom:1px solid #21262d;align-items:center;gap:7px;height:36px;padding:0 12px;display:flex}.onb-ide-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.onb-ide-dot.r{background:#ff5f56}.onb-ide-dot.y{background:#ffbd2e}.onb-ide-dot.g{background:#27c93f}.onb-ide-file{color:#8b949e;margin-left:4px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600}.onb-ide-copy{color:#c9d1d9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.onb-ide-copy:hover{background:#ffffff1f}.onb-ide-copy.copied{color:#3fb950;border-color:#238636}.onb-ide-run{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:4px 14px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.onb-ide-run:hover{background:#2ea043}.onb-ide-run:disabled{color:#8b949e;cursor:default;background:#30363d}.onb-ide-code{color:#c9d1d9;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.7;overflow-y:auto}.onb-ide-console{color:#c9d1d9;flex:1;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.7;overflow:auto}.onb-ide-hint{color:#586069;font-size:11.5px}.onb-con-line{white-space:pre-wrap;word-break:break-word;animation:.18s onbConIn}@keyframes onbConIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.onb-con-line.cmd{color:#79c0ff;font-weight:600}.onb-con-line.dim{color:#8b949e}.onb-con-line.ok{color:#3fb950}.onb-con-line.out{color:#e6edf3;background:#3fb95014;border-left:2px solid #3fb950;border-radius:4px;margin:6px 0;padding:8px 10px;font-weight:600}.onb-con-line.meta{color:#6e7681}.onb-con-tag{color:#3fb950;vertical-align:middle;background:#3fb95024;border-radius:999px;margin-right:8px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.onb-ide-input{margin-top:14px}.onb-ide-input label{color:#3f3f46;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.onb-ide-input textarea{color:#18181b;box-sizing:border-box;resize:vertical;border:1px solid #d4d4d8;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.onb-ide-input textarea:focus{border-color:#09b;outline:none}.onb-demo-foot{color:#a1a1aa;margin-right:auto;font-size:11.5px}.onb-real{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:18px;padding:16px 18px}.onb-real-head{align-items:center;gap:9px;margin-bottom:4px;display:flex}.onb-real-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700}.onb-real-head h4{color:#0f172a;margin:0;font-size:14px;font-weight:800}.onb-real-desc{color:#475569;margin:6px 0 14px;font-size:12.5px;line-height:1.6}.onb-real-desc b{color:#0f172a}.onb-real-steps{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.onb-real-step{align-items:flex-start;gap:11px;display:flex}.onb-real-num{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.onb-real-step-txt{color:#334155;padding-top:1px;font-size:12.5px;line-height:1.55}.onb-real-step-txt b{color:#0f172a}.onb-real-warn{color:#b45309;font-weight:600}.onb-real-actions{flex-wrap:wrap;gap:10px;display:flex}.onb-real-colab{color:#1a1a1a;cursor:pointer;background:#f9ab00;border:none;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.onb-real-colab:hover{filter:brightness(.95)}.onb-real-copy{color:#334155;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.onb-real-copy:hover{border-color:#94a3b8}.onb-real-copy.copied{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.onb-real-note{color:#94a3b8;margin-top:11px;font-size:11px;line-height:1.5}.onb-inline-code{color:#0f172a;background:#eef2f7;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px}@media (max-width:760px){.onb-ide{grid-template-columns:1fr}.onb-ide-pane{min-height:200px}}.onb-spot{pointer-events:none;outline-offset:2px;border-radius:10px;outline:2px solid #00d4ff;transition:top .35s cubic-bezier(.16,1,.3,1),left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1);position:fixed;box-shadow:0 0 0 9999px #080c149e}.onb-spot:after{content:"";outline-offset:6px;border-radius:10px;outline:2px solid #00d4ff59;animation:1.8s ease-out infinite onbSpotPulse;position:absolute;inset:-2px}@keyframes onbSpotPulse{0%{outline-color:#00d4ff73}70%{outline-color:#00d4ff00}to{outline-color:#00d4ff00}}.onb-coach.center-dim:before{content:"";background:#080c149e;position:fixed;inset:0}.onb-pop{z-index:4010;overscroll-behavior:contain;background:#fff;border-radius:18px;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:26px 26px 20px;transition:top .35s cubic-bezier(.16,1,.3,1),left .35s cubic-bezier(.16,1,.3,1);position:fixed;overflow:hidden auto;box-shadow:0 20px 56px -10px #09090b6b,0 2px 8px #09090b0f}.onb-pop.onb-pop-wide{width:610px}.onb-pop-wide h4{margin-bottom:8px;font-size:17px}.onb-pop-wide .onb-pop-body-box,.onb-pop-wide .onb-case-desc,.onb-pop-wide .onb-case-panel .onb-way-help{color:#334155;font-size:13px;line-height:1.5}.onb-pop-wide .onb-pop-body-box{padding:13px 15px}.onb-pop-wide .onb-case-note{color:#94a3b8;font-size:12px;line-height:1.5}.onb-pop-wide .onb-case-tab{font-size:11px}.onb-pop-arrow{background:#fff;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.onb-pop-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.onb-pop-step{color:#09b;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.onb-pop-dots{gap:5px;display:flex}.onb-pop-dots i{background:#e4e4e7;border-radius:50%;width:6px;height:6px;transition:background .2s,width .2s}.onb-pop-dots i.active{background:#00d4ff;border-radius:4px;width:16px}.onb-pop-dots i.done{background:#16a34a}.onb-pop h4{color:#18181b;letter-spacing:-.3px;margin:0 0 10px;font-size:19px;font-weight:800;line-height:1.35}.onb-pop p,.onb-pop-body{color:#475569;word-break:keep-all;margin:0;font-size:14px;line-height:1.72}.onb-pop p b,.onb-pop-body b{color:#18181b;font-weight:700}.onb-pop p code,.onb-pop-body code{color:#0f172a;background:#f1f5f9;border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.onb-mask-eg{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;margin:12px 0 14px;padding:11px 13px;font-size:12.5px;line-height:1.5;display:flex}.onb-mask-row{align-items:baseline;gap:8px;display:flex}.onb-mask-k{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:10.5px;font-weight:700}.onb-mask-k-out{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.onb-mask-row b{color:#0f172a}.onb-doc-link{color:#09b;text-decoration:underline}.onb-doc-link:hover{color:#007a99}.onb-pop-body-box{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px;padding:13px 15px;font-size:13.5px;line-height:1.7}.onb-pop-body-box b{color:#18181b;font-weight:700}.onb-pop-credit{color:#09b;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:16px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.onb-pop-actions{border-top:1px solid #f1f5f9;align-items:center;gap:10px;margin-top:22px;padding-top:16px;display:flex}.onb-pop-spacer{flex:1}.onb-pop-skip{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:12.5px;font-weight:600}.onb-pop-skip:hover{color:#71717a;text-decoration:underline}.onb-pop-prev{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700}.onb-pop-prev:hover{border-color:#a1a1aa}.onb-pop-next{color:#fff;cursor:pointer;background:#084fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.onb-pop-next:hover{background:#0040cc}.onb-inline{border-top:1px solid #f0f0f0;margin-top:14px;padding-top:14px}.onb-fast-btn{color:#fff;cursor:pointer;background:#09b;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;margin:13px 0 11px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.onb-fast-btn:hover{background:#007a99}.onb-fast-btn svg{width:15px;height:15px}.onb-fast-btn-bottom{margin:15px 0 0}.onb-case-panel .onb-way-help-gap{margin-bottom:20px}.onb-or{color:#a1a1aa;align-items:center;gap:12px;margin:14px 0;font-size:11.5px;font-weight:600;display:flex}.onb-or:before,.onb-or:after{content:"";background:#ececec;flex:1;height:1px}.onb-key-row{align-items:center;gap:8px;display:flex}.onb-key{color:#18181b;white-space:nowrap;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px;flex:1;padding:9px 11px;font-family:JetBrains Mono,monospace;font-size:12.5px;overflow-x:auto}.onb-copy{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;flex-shrink:0;padding:8px 13px;font-size:12px;font-weight:600;transition:all .12s}.onb-copy:hover{border-color:#a1a1aa}.onb-copy.copied{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.onb-key-warn{color:#f59e0b;margin-top:7px;font-size:11px}.onb-lang-tabs{background:#f4f4f5;border-radius:8px;gap:4px;margin-bottom:9px;padding:3px;display:inline-flex}.onb-lang-tab{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.onb-lang-tab.active{color:#18181b;background:#fff;box-shadow:0 1px 3px #00000014}.onb-snippet{position:relative}.onb-snippet pre{color:#c9d1d9;white-space:pre;background:#0d1117;border-radius:10px;max-height:220px;margin:0;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.65;overflow-x:auto}.onb-codebox{background:#f0f9ff;border:1px solid #bae6fd;border-radius:11px;margin-top:14px;padding:13px 14px 14px}.onb-codebox .onb-tip-badge{width:fit-content;margin-bottom:10px;display:block}.onb-codebox .onb-lang-tabs{width:fit-content;margin-bottom:10px;display:flex}.onb-codebox .onb-snippet pre{max-height:none}.onb-copy-abs{color:#c9d1d9;background:#ffffff14;border-color:#ffffff26;position:absolute;top:9px;right:9px}.onb-copy-abs:hover{background:#ffffff29}.onb-restart{z-index:3900;color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:700;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000038}.onb-restart.show{display:inline-flex}.onb-restart:hover{background:#000}.backdrop\:bg-black\/50::backdrop{background-color:#00000080}.hover\:border-\[var\(--color-semantic-danger\)\]:hover{border-color:var(--color-semantic-danger)}.hover\:bg-\[var\(--color-action-primary-hover\)\]:hover{background-color:var(--color-action-primary-hover)}.hover\:bg-\[var\(--color-bg-surface-variant\)\]:hover{background-color:var(--color-bg-surface-variant)}.hover\:bg-\[var\(--color-danger-bg\)\]:hover{background-color:var(--color-danger-bg)}.hover\:text-\[var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.active\:bg-\[var\(--color-action-primary-hover\)\]:active{background-color:var(--color-action-primary-hover)}.active\:bg-\[var\(--color-bg-surface-container\)\]:active{background-color:var(--color-bg-surface-container)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}@media (min-width:1024px){.lg\:flex{display:flex}}
.gnb{--g-white:#fff;--g-ink:#0a0a0b;--g-ink-soft:#1c1c1c;--g-muted:#6b6b70;--g-border:#e8e8e6;--g-accent:#00d4ff;--g-surface-hover:#fafaf9;height:var(--gnb-height);background:var(--g-white);border-bottom:1px solid var(--g-border);z-index:200;-webkit-font-smoothing:antialiased;align-items:center;display:flex;position:sticky;top:0}.gnb-container{justify-content:space-between;align-items:center;width:100%;height:100%;margin:0 auto;padding:0 24px;display:flex;position:relative}.gnb-logo{z-index:10;flex-shrink:0;align-items:center;display:flex}.gnb-logo a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.gnb-logo .llm-cafe24-logo{filter:brightness(0);flex-shrink:0;width:auto;height:18px;display:block}.gnb-logo .llm-logo-text{letter-spacing:-.02em;color:var(--g-ink-soft);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:21px;font-weight:400}.gnb-menu{align-items:center;gap:30px;margin:0 0 0 40px;list-style:none;display:flex}.gnb-menu-item{position:relative}.gnb-menu-item>a{white-space:nowrap;letter-spacing:0;color:var(--g-ink-soft);flex-direction:column;align-items:center;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;transition:font-weight .1s;display:inline-flex}.gnb-menu-item>a:after{content:attr(data-text);visibility:hidden;pointer-events:none;height:0;font-weight:700;overflow:hidden}.gnb-menu-item>a:hover,.gnb-menu-item>a.is-active{color:var(--g-ink);font-weight:700}.gnb-right-menu{z-index:10;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:200px;display:flex}.gnb-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.gnb-btn-login{color:var(--g-ink-soft);background:0 0;font-weight:400}.gnb-btn-login:hover{background:var(--g-surface-hover)}.gnb-btn-console{background:var(--g-ink);height:36px;color:var(--g-white);border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.gnb-btn-console:hover{background:#000}.gnb-user-wrap{flex-shrink:0;margin-left:4px;position:relative}.gnb-user-avatar{width:36px;height:36px;color:var(--g-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.gnb-user-avatar:hover{background:#0000000f}.gnb-user-menu{background:var(--g-white);border:1px solid var(--g-border);z-index:1100;border-radius:12px;min-width:220px;margin-top:12px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 16px 40px -10px #0a0a0b2e,0 2px 8px #0a0a0b0a}.gnb-user-menu.show{display:block}.gnb-user-menu:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.gnb-user-info{border-bottom:1px solid #f4f4f5;align-items:center;gap:10px;margin-bottom:4px;padding:12px 12px 14px;display:flex}.gnb-user-thumb{background:var(--g-ink);width:36px;height:36px;color:var(--g-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gnb-user-thumb svg{width:16px;height:16px}.gnb-user-meta{flex:1;min-width:0}.gnb-user-name{color:var(--g-ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.gnb-user-sub{color:#9b9ba0;margin-top:2px;font-size:11px}.gnb-user-menu .gnb-user-item{text-align:left;color:#4b4b50;cursor:pointer;background:0 0;border:none;border-radius:7px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .12s,color .12s;display:block}.gnb-user-menu .gnb-user-item:hover{background:var(--g-surface-hover);color:var(--g-ink)}.gnb-user-menu .gnb-user-item.is-logout{text-align:center;background:var(--color-accent,#00d4ff);color:#fff;border:0;margin-top:4px;font-weight:700}.gnb-user-menu .gnb-user-item.is-logout:hover{color:#fff;background:#09b}.gnb-hamburger{cursor:pointer;width:40px;height:40px;color:var(--g-ink-soft);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.gnb-hamburger:hover{background:#0000000f}.gnb-hamburger svg{width:20px;height:20px}.gnb-backdrop{z-index:1001;background:#00000080;display:none;position:fixed;inset:0}.gnb-backdrop.is-open{animation:.3s ease-in-out gnbFadeIn;display:block}@keyframes gnbFadeIn{0%{opacity:0}to{opacity:1}}.gnb-mobile{--g-white:#fff;--g-ink:#0a0a0b;--g-ink-soft:#1c1c1c;--g-border:#e8e8e6;--g-accent:#00d4ff;--g-surface-hover:#fafaf9;background:var(--g-white);z-index:1002;visibility:hidden;flex-direction:column;width:min(360px,100vw);transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-2px 0 8px #0000001a}.gnb-mobile.is-open{visibility:visible;transform:translate(0)}.gnb-mobile__header{height:var(--gnb-height);border-bottom:1px solid var(--g-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.gnb-mobile__header .gnb-logo a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.gnb-mobile__header .llm-cafe24-logo{filter:brightness(0);flex-shrink:0;width:auto;height:18px;display:block}.gnb-mobile__header .llm-logo-text{letter-spacing:-.02em;color:var(--g-ink-soft);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:21px;font-weight:400}.gnb-mobile__close{cursor:pointer;width:36px;height:36px;color:var(--g-ink-soft);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.gnb-mobile__close:hover{background:#0000000f}.gnb-mobile__content{flex:1;overflow:hidden auto}.gnb-mobile__menu{flex-direction:column;margin:0;padding:8px 0;list-style:none;display:flex}.gnb-mobile__menu-link{min-height:50px;color:var(--g-ink-soft);box-sizing:border-box;align-items:center;width:100%;padding:12px 24px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .12s,font-weight .1s;display:flex}.gnb-mobile__menu-link:hover,.gnb-mobile__menu-link.is-active{background:var(--g-surface-hover);color:var(--g-ink);font-weight:700}.gnb-mobile__cta{border-top:1px solid var(--g-border);background:var(--g-white);flex-direction:row;flex-shrink:0;align-items:center;gap:8px;padding:16px 24px;display:flex}.gnb-mobile__cta a,.gnb-mobile__cta button{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;height:44px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.gnb-mobile__cta .mobile-btn-login{background:var(--g-surface-hover);color:var(--g-ink);border:1px solid var(--g-border)}.gnb-mobile__cta .mobile-btn-console{background:var(--g-ink);color:var(--g-white)}.gnb-mobile__cta .mobile-btn-logout{background:var(--g-accent);color:#fff}@media (max-width:1024px){.gnb-menu{display:none}.gnb-hamburger{display:inline-flex}.gnb-right-menu{gap:4px}}@media (max-width:768px){.gnb-btn-login,.gnb-btn-console{display:none}.gnb-right-menu{min-width:0}.gnb-container{padding:0 16px}}