:root{color-scheme:dark light;--kie-bg:light-dark(#ffffff,#0c0a09);--kie-surface:light-dark(#ffffff,#000000);--kie-surface-raised:light-dark(#ffffff,#131110);--kie-surface-sunken:light-dark(#f4f4f5,rgba(38,38,38,0.3));--kie-border:light-dark(#e5e7eb,#27272a);--kie-border-strong:light-dark(#d1d5db,#3f3f46);--kie-text:light-dark(#111827,#f2f2f2);--kie-text-secondary:light-dark(#374151,#d4d4d8);--kie-text-muted:light-dark(#6b7280,#a1a1aa);--kie-text-inverse:#052e16;--kie-state-idle:light-dark(#6b7280,#a1a1aa);--kie-state-idle-bg:light-dark(#f4f4f5,#1c1917);--kie-state-processing:light-dark(#1f6feb,#6ba6ff);--kie-state-processing-bg:light-dark(#e8f1ff,#101c2e);--kie-state-saturated:light-dark(#c2560c,#ff9a52);--kie-state-saturated-bg:light-dark(#fff0e4,#2a1a0e);--kie-state-degraded:light-dark(#8a6100,#ffd24a);--kie-state-degraded-bg:light-dark(#fff8e0,#29220b);--kie-state-failed:light-dark(#c1121f,#ff707c);--kie-state-failed-bg:light-dark(#ffe9ea,#2c1114);--kie-state-recovering:light-dark(#6d3bc4,#b18cff);--kie-state-recovering-bg:light-dark(#f2ebff,#1f1834);--kie-state-on:var(--kie-surface);--kie-token-request:light-dark(#1f6feb,#6ba6ff);--kie-token-response:light-dark(#0a7a4a,#4ad195);--kie-token-error:light-dark(#c1121f,#ff707c);--kie-token-retry:light-dark(#c2560c,#ff9a52);--kie-token-event:light-dark(#6d3bc4,#b18cff);--kie-accent:#22c55e;--kie-accent-hover:#16a34a;--kie-accent-text:light-dark(#15803d,#4ade80);--kie-accent-bg:light-dark(rgba(34,197,94,0.1),rgba(34,197,94,0.12));--kie-success:light-dark(#0a7a4a,#4ad195);--kie-success-bg:light-dark(#e6f6ee,rgba(74,209,149,0.12));--kie-font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic","맑은 고딕",system-ui,sans-serif;--kie-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--kie-text-xs:0.6875rem;--kie-text-sm:0.75rem;--kie-text-base:0.875rem;--kie-text-lg:1rem;--kie-text-xl:1.125rem;--kie-text-2xl:1.5rem;--kie-text-3xl:1.875rem;--kie-text-4xl:2.25rem;--kie-leading-tight:1.2;--kie-leading-normal:1.7;--kie-leading-relaxed:1.85;--kie-space-1:0.25rem;--kie-space-2:0.5rem;--kie-space-3:0.75rem;--kie-space-4:1rem;--kie-space-5:1.5rem;--kie-space-6:2rem;--kie-space-8:3rem;--kie-space-10:4rem;--kie-radius-sm:4px;--kie-radius-btn:6px;--kie-radius:8px;--kie-radius-lg:12px;--kie-radius-full:999px;--kie-shadow-sm:0 1px 2px light-dark(rgba(15,15,30,0.06),rgba(0,0,0,0.4));--kie-shadow:0 2px 8px light-dark(rgba(15,15,30,0.08),rgba(0,0,0,0.5));--kie-shadow-lg:0 8px 28px light-dark(rgba(15,15,30,0.12),rgba(0,0,0,0.6));--kie-content-max:1360px;--kie-content-pad:var(--kie-space-5);--kie-header-h:57px;--kie-node-size:96px;--kie-token-size:10px;--kie-edge-width:2px;--kie-edge-width-active:3px;--kie-duration-fast:120ms;--kie-duration:200ms;--kie-duration-slow:400ms;--kie-ease:cubic-bezier(0.4,0,0.2,1);--kie-enter-y:6px;--kie-enter-duration:220ms;--kie-pulse-duration:1100ms}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.kie-token-layer{display:none}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--kie-bg);color:var(--kie-text);font-family:var(--kie-font-sans);font-size:var(--kie-text-base);line-height:var(--kie-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;overflow-wrap:break-word}h1,h2,h3,h4{line-height:var(--kie-leading-tight);font-weight:700;letter-spacing:-.02em;margin:0}a{color:var(--kie-accent-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--kie-accent);outline-offset:2px;border-radius:var(--kie-radius-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer}.kie-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kie-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kie-skip-link{position:absolute;top:-100px;left:var(--kie-space-4);z-index:100;padding:var(--kie-space-3) var(--kie-space-4);background:var(--kie-accent);color:var(--kie-text-inverse);border-radius:var(--kie-radius-btn);font-weight:600;transition:top var(--kie-duration) var(--kie-ease)}.kie-skip-link:focus{top:var(--kie-space-4)}.kie-shell{min-height:100dvh;display:flex;flex-direction:column}.kie-container{width:100%;max-width:var(--kie-content-max);margin:0 auto;padding:0 var(--kie-content-pad)}.kie-container--narrow{max-width:760px}.kie-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--kie-border);background:color-mix(in srgb,var(--kie-bg) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.kie-header__inner{justify-content:space-between;gap:var(--kie-space-5);height:var(--kie-header-h)}.kie-header__inner,.kie-logo{display:flex;align-items:center}.kie-logo{font-weight:700;font-size:var(--kie-text-lg);letter-spacing:-.04em;color:var(--kie-text);gap:var(--kie-space-2)}.kie-logo:hover{text-decoration:none}.kie-logo__mark{width:18px;height:18px;border-radius:var(--kie-radius-sm);background:var(--kie-accent)}.kie-nav{display:flex;gap:var(--kie-space-5);align-items:center}.kie-nav a{color:var(--kie-text-muted);font-size:var(--kie-text-base);font-weight:500;transition:color var(--kie-duration) var(--kie-ease)}.kie-nav a:hover,.kie-nav a[aria-current=page]{color:var(--kie-text);text-decoration:none}@media (max-width:640px){:root{--kie-header-h:49px}.kie-nav{gap:var(--kie-space-3)}.kie-nav a{font-size:var(--kie-text-sm)}}.kie-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kie-space-2);height:36px;padding:0 var(--kie-space-3);border-radius:var(--kie-radius-btn);border:1px solid var(--kie-border);background:transparent;color:var(--kie-text);font-size:var(--kie-text-base);font-weight:500;transition:background-color var(--kie-duration) var(--kie-ease),border-color var(--kie-duration) var(--kie-ease),color var(--kie-duration) var(--kie-ease),opacity var(--kie-duration) var(--kie-ease);white-space:nowrap}.kie-btn:hover:not(:disabled){background:var(--kie-surface-sunken);border-color:var(--kie-border-strong);text-decoration:none}.kie-btn:disabled{opacity:.4;cursor:not-allowed}.kie-btn--primary{background:var(--kie-accent);border-color:var(--kie-accent);color:var(--kie-text-inverse);font-weight:600}.kie-btn--primary:hover:not(:disabled){background:var(--kie-accent-hover);border-color:var(--kie-accent-hover)}.kie-btn--lg{height:40px;padding:0 var(--kie-space-4)}.kie-btn--icon{width:36px;padding:0}.kie-card{background:var(--kie-surface);border:1px solid var(--kie-border);border-radius:var(--kie-radius-lg);padding:var(--kie-space-5)}.kie-badge{display:inline-flex;align-items:center;gap:var(--kie-space-1);padding:2px var(--kie-space-2);border-radius:var(--kie-radius-full);font-size:var(--kie-text-xs);font-weight:600;border:1px solid transparent}.kie-badge--idle{background:var(--kie-state-idle-bg);color:var(--kie-state-idle);border-color:var(--kie-state-idle)}.kie-badge--processing{background:var(--kie-state-processing-bg);color:var(--kie-state-processing);border-color:var(--kie-state-processing)}.kie-badge--saturated{background:var(--kie-state-saturated-bg);color:var(--kie-state-saturated);border-color:var(--kie-state-saturated)}.kie-badge--degraded{background:var(--kie-state-degraded-bg);color:var(--kie-state-degraded);border-color:var(--kie-state-degraded)}.kie-badge--failed{background:var(--kie-state-failed-bg);color:var(--kie-state-failed);border-color:var(--kie-state-failed)}.kie-badge--recovering{background:var(--kie-state-recovering-bg);color:var(--kie-state-recovering);border-color:var(--kie-state-recovering)}.kie-prose{line-height:var(--kie-leading-relaxed);color:var(--kie-text-secondary);font-size:var(--kie-text-lg)}.kie-prose h2{font-size:var(--kie-text-2xl);margin:var(--kie-space-8) 0 var(--kie-space-3);color:var(--kie-text)}.kie-prose h3{font-size:var(--kie-text-xl);margin:var(--kie-space-6) 0 var(--kie-space-2);color:var(--kie-text)}.kie-prose ol,.kie-prose p,.kie-prose ul{margin:0 0 var(--kie-space-4)}.kie-prose ol,.kie-prose ul{padding-left:var(--kie-space-5)}.kie-prose li{margin-bottom:var(--kie-space-2)}.kie-prose strong{color:var(--kie-text);font-weight:700}.kie-prose code{font-family:var(--kie-font-mono);font-size:.875em;padding:1px 5px;border-radius:var(--kie-radius-sm)}.kie-prose code,.kie-prose pre{background:var(--kie-surface-sunken);border:1px solid var(--kie-border)}.kie-prose pre{border-radius:var(--kie-radius);padding:var(--kie-space-4);overflow-x:auto;margin:0 0 var(--kie-space-4)}.kie-prose pre code{background:none;border:none;padding:0;font-size:var(--kie-text-base)}.kie-prose blockquote{margin:0 0 var(--kie-space-4);padding:var(--kie-space-3) var(--kie-space-4);border-left:2px solid var(--kie-accent);background:var(--kie-accent-bg);border-radius:0 var(--kie-radius) var(--kie-radius) 0}.kie-prose blockquote p:last-child{margin-bottom:0}.kie-prose .kie-table-wrap{overflow-x:auto;margin:0 0 var(--kie-space-4)}.kie-prose table{border-collapse:collapse;width:100%;font-size:var(--kie-text-base)}.kie-prose td,.kie-prose th{border:1px solid var(--kie-border);padding:var(--kie-space-2) var(--kie-space-3);text-align:left}.kie-prose th{background:var(--kie-surface-sunken);color:var(--kie-text);font-weight:700}@keyframes kie-enter{0%{opacity:0;transform:translateY(var(--kie-enter-y))}to{opacity:1;transform:none}}.kie-enter{animation:kie-enter var(--kie-enter-duration) var(--kie-ease) backwards}.react-flow{--xy-background-color:var(--kie-surface);--xy-background-pattern-color:var(--kie-border);--xy-edge-stroke:var(--kie-border-strong);--xy-edge-stroke-selected:var(--kie-accent);--xy-connectionline-stroke:var(--kie-accent);--xy-edge-label-background-color:var(--kie-surface);--xy-edge-label-color:var(--kie-text-secondary);--xy-node-color:var(--kie-text);--xy-node-border:1px solid var(--kie-border);--xy-node-background-color:var(--kie-surface-raised);--xy-node-boxshadow-hover:none;--xy-node-boxshadow-selected:0 0 0 2px var(--kie-accent);--xy-node-border-radius:var(--kie-radius-lg);--xy-handle-background-color:var(--kie-border-strong);--xy-handle-border-color:var(--kie-surface);--xy-selection-background-color:var(--kie-accent-bg);--xy-selection-border:1px dotted var(--kie-accent);--xy-resize-background-color:var(--kie-accent);--xy-minimap-background-color:var(--kie-surface);--xy-minimap-node-background-color:var(--kie-text-muted);--xy-minimap-mask-background-color:color-mix(in srgb,var(--kie-bg) 65%,transparent);--xy-minimap-mask-stroke-color:var(--kie-border-strong);--xy-controls-button-background-color:var(--kie-surface);--xy-controls-button-background-color-hover:var(--kie-surface-raised);--xy-controls-button-color:var(--kie-text-secondary);--xy-controls-button-color-hover:var(--kie-text);--xy-controls-button-border-color:var(--kie-border);--xy-controls-box-shadow:0 0 0 1px var(--kie-border)}.react-flow__controls{border-radius:var(--kie-radius-sm);overflow:hidden}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__minimap{border:1px solid var(--kie-border);border-radius:var(--kie-radius-sm)}.kie-footer{margin-top:auto;border-top:1px solid var(--kie-border);padding:var(--kie-space-6) 0;color:var(--kie-text-muted);font-size:var(--kie-text-sm)}.theme-toggle_placeholder__6s_YA{width:36px;height:36px}.theme-toggle_toggle__URAIf{color:var(--kie-text-muted)}.theme-toggle_toggle__URAIf:hover{color:var(--kie-text)}.theme-toggle_toggle__URAIf svg{display:block}