@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";

:root{--ink-950:#0c1416;--ink-900:#101a1c;--ink-850:#142022;--ink-800:#182629;--ink-700:#243237;--ink-600:#354750;--ink-500:#57676e;--ink-400:#7c8c92;--ink-300:#a6b2b6;--ink-200:#cad2d4;--ink-100:#e5eaeb;--ink-050:#f1f4f4;--paper:#fff;--paper-100:#faf8f4;--paper-200:#f2ede5;--paper-300:#e7e0d5;--teal-200:#bcd9e2;--teal-300:#84bacb;--teal-400:#4795ae;--teal-500:#227995;--teal-600:#1c6379;--teal-700:#164e5f;--teal-tint:#2279951f;--sand-200:#efe1d2;--sand-300:#e3cbb4;--sand-400:#dbb99b;--sand-500:#d1a987;--sand-600:#bc8e68;--sand-700:#9b7250;--sand-tint:#d1a98733;--run-500:#19a974;--run-tint:#19a97424;--build-500:#e0a106;--build-tint:#e0a10629;--fail-500:#e5484d;--fail-tint:#e5484d24;--info-500:#3e73c9;--info-tint:#3e73c91f;--line-ink:#0c14161c;--line-ink-strong:#0c141630;--line-paper:#e9f0f01c;--line-paper-strong:#e9f0f02b;--bg:var(--paper-100);--surface:var(--paper);--surface-sunken:var(--paper-200);--surface-raised:var(--paper);--surface-hover:var(--paper-200);--surface-inverse:var(--ink-900);--text:var(--ink-900);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-on-inverse:var(--ink-050);--text-on-inverse-muted:var(--ink-300);--text-on-accent:#fff;--border:var(--line-ink);--border-strong:var(--line-ink-strong);--border-inverse:var(--line-paper);--accent:var(--teal-500);--accent-hover:var(--teal-600);--accent-text:var(--teal-600);--accent-tint:var(--teal-tint);--highlight:var(--sand-500);--highlight-strong:var(--sand-700);--highlight-tint:var(--sand-tint);--focus-ring:var(--teal-500);--run:var(--run-500);--build:var(--build-500);--fail:var(--fail-500);--info:var(--info-500);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark{--bg:var(--ink-950);--surface:var(--ink-900);--surface-sunken:var(--ink-850);--surface-raised:var(--ink-800);--surface-hover:var(--ink-800);--surface-inverse:var(--paper);--text:var(--ink-050);--text-muted:var(--ink-300);--text-subtle:var(--ink-400);--text-on-inverse:var(--ink-900);--text-on-inverse-muted:var(--ink-600);--border:var(--line-paper);--border-strong:var(--line-paper-strong);--border-inverse:var(--line-ink);--accent-text:var(--teal-300);--highlight-strong:var(--sand-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
:root{--font-display:"Space Grotesk", "Pretendard", system-ui, sans-serif;--font-sans:"Pretendard", system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--font-label:var(--font-mono);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--display-2xl:700 64px/1.04 var(--font-display);--display-xl:700 48px/1.06 var(--font-display);--display-lg:600 36px/1.1 var(--font-display);--display-md:600 27px/1.18 var(--font-display);--display-sm:600 21px/1.25 var(--font-display);--body-lg:400 18px/1.6 var(--font-sans);--body-md:400 15px/1.55 var(--font-sans);--body-sm:400 13.5px/1.5 var(--font-sans);--body-xs:400 12px/1.45 var(--font-sans);--mono-md:400 13.5px/1.6 var(--font-mono);--mono-sm:400 12.5px/1.6 var(--font-mono);--mono-xs:400 11.5px/1.5 var(--font-mono);--label-md:500 12px/1 var(--font-label);--label-sm:500 10.5px/1 var(--font-label);--track-display:-.02em;--track-body:0;--track-label:.14em;--track-label-tight:.08em;--text-hero:var(--display-2xl);--text-title:var(--display-lg);--text-subtitle:var(--display-sm);--text-body:var(--body-md);--text-lede:var(--body-lg);--text-code:var(--mono-sm);--text-caption:var(--body-xs);--text-eyebrow:var(--label-sm)}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:96px;--space-11:128px;--measure:68ch;--gutter:20px;--page-max:1280px;--page-pad:clamp(20px, 4vw, 56px);--section-y:clamp(56px, 8vw, 112px);--rail-w:248px;--topbar-h:56px;--tool-rail-w:56px}
:root{--radius-none:0;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--border-hairline:1px solid var(--border);--border-strong-1:1px solid var(--border-strong);--border-accent:1px solid var(--accent);--shadow-0:none;--shadow-1:0 1px 2px #0c141612, 0 1px 1px #0c14160a;--shadow-2:0 4px 12px -2px #0c14161c, 0 2px 4px -2px #0c141612;--shadow-3:0 16px 40px -8px #0c14163d, 0 6px 12px -6px #0c141621;--shadow-focus:0 0 0 3px var(--accent-tint);--shadow-inset:inset 0 0 0 1px var(--border);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s}
*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--bg);color:var(--text);font:var(--body-md);letter-spacing:var(--track-body);text-wrap:pretty;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--track-display);text-wrap:balance;margin:0}p{margin:0}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}a{color:var(--accent-text);text-decoration:none}::selection{background:var(--accent-tint);color:var(--text)}.sdv-eyebrow{font:var(--label-sm);font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--text-muted)}.sdv-rule{background:var(--border);border:0;height:1px}.sdv-kbd{font:var(--mono-xs);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:2px 6px}

html,body{height:100%}.cd-app{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.cd-rail{width:var(--rail-w);gap:var(--space-2);height:100vh;padding:var(--space-4) var(--space-3);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;display:flex;position:sticky;top:0}.cd-rail__brand{align-items:center;gap:var(--space-3);padding:var(--space-2) 10px var(--space-4);color:var(--text);display:flex}.cd-rail__brandname{font:var(--display-sm);letter-spacing:var(--track-display)}.cd-rail__nav{flex-direction:column;gap:2px;display:flex}.cd-railbtn{align-items:center;gap:var(--space-3);border-radius:var(--radius);width:100%;color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-medium);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);padding:9px 10px;display:flex}.cd-railbtn:hover,.cd-railbtn[aria-current=page]{background:var(--surface-hover);color:var(--text)}.cd-railbtn[aria-current=page] svg{color:var(--accent-text)}.cd-railbtn:focus-visible,.cd-rail__brand:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius);outline:none}.cd-rail__foot{align-items:center;gap:var(--space-3);padding:var(--space-3) 10px 0;border-top:1px solid var(--border);margin-top:auto;display:flex}.cd-rail__avatar{border-radius:var(--radius-pill);background:var(--surface-raised);border:1px solid var(--border-strong);width:34px;height:34px;color:var(--text);font:var(--label-md);font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;display:flex}.cd-rail__who{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cd-rail__whoname{font:var(--body-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cd-main{flex:1;min-width:0}.cd-view{max-width:1180px;padding:var(--space-7) var(--page-pad) var(--space-9);margin:0 auto}.cd-view__head{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.cd-view__title{font:var(--display-md);letter-spacing:var(--track-display);margin-top:var(--space-2)}.cd-view__sub{font:var(--body-md);color:var(--text-muted);margin-top:var(--space-2);max-width:60ch}.cd-split{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.cd-stack{gap:var(--space-4);flex-direction:column;display:flex}.cd-aside{top:var(--space-6);position:sticky}.cd-state{align-items:flex-start;gap:var(--space-3);padding:var(--space-7);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);flex-direction:column;display:flex}.cd-state__icon{color:var(--text-subtle);display:flex}.cd-state--error .cd-state__icon{color:var(--fail)}.cd-state--offline .cd-state__icon{color:var(--info)}.cd-state--forbidden .cd-state__icon{color:var(--text-muted)}.cd-state__title{font:var(--display-sm);letter-spacing:var(--track-display)}.cd-state__desc{font:var(--body-md);color:var(--text-muted);max-width:52ch}.cd-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.cd-skeleton__block{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-sunken);flex-direction:column;display:flex}.cd-skeleton__bar{border-radius:var(--radius-sm);background:var(--surface-raised);height:12px}.cd-skeleton__bar--tag{width:72px}.cd-skeleton__bar--title{width:40%;height:20px}.cd-skeleton__bar--short{width:60%}.sdv-card.cd-sealed{gap:var(--space-4);flex-direction:column;display:flex}.cd-sealed__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.cd-sealed__kind{font:var(--weight-medium) 12px/1.3 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-muted)}.cd-sealed__name{font:var(--display-sm);letter-spacing:var(--track-display);overflow-wrap:anywhere}.cd-sealed__meta{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.cd-sealed__meta dt{font:var(--weight-medium) 12px/1.3 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-muted);margin-bottom:var(--space-1)}.cd-sealed__meta dd{font:var(--body-sm);color:var(--text);overflow-wrap:anywhere;margin:0}.cd-sealed__meta dd.is-mono{font:var(--mono-sm)}.cd-sealed__foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.cd-sealed__note{font:var(--body-xs);color:var(--text-muted)}.cd-sealed__confirm{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.cd-sealed__confirmtext{font:var(--body-sm);color:var(--text)}.cd-actions{gap:var(--space-2);display:flex}.cd-form .sdv-field__label,.cd-form .sdv-selectwrap__label{font:var(--weight-medium) 12px/1.3 var(--font-sans);letter-spacing:0;text-transform:none}.cd-app .sdv-btn--danger{color:var(--text)}.cd-form{gap:var(--space-4);flex-direction:column;display:flex}.cd-form__title{font:var(--display-sm);letter-spacing:var(--track-display);margin-top:var(--space-2)}.cd-form__lede{font:var(--body-sm);color:var(--text-muted);margin-top:var(--space-2)}.cd-field{gap:var(--space-2);flex-direction:column;display:flex}.cd-field__error,.cd-message{align-items:flex-start;gap:var(--space-2);font:var(--body-sm);color:var(--text);display:flex}.cd-field__error svg,.cd-message--error svg{color:var(--fail);flex:none;margin-top:2px}.cd-message--ok svg{color:var(--run);flex:none;margin-top:2px}.cd-guide{gap:var(--space-2);font:var(--body-sm);color:var(--text-muted);display:flex}.cd-guide svg{color:var(--info);flex:none;margin-top:2px}.cd-table{border-collapse:collapse;width:100%;font:var(--body-sm)}.cd-table th{text-align:left;padding:var(--space-2) var(--space-3);font:var(--weight-medium) 12px/1.3 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.cd-table td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text);overflow-wrap:anywhere;vertical-align:top}.cd-table tr:last-child td{border-bottom:0}.cd-table .is-mono{font:var(--mono-sm)}@media (max-width:1100px){.cd-split{grid-template-columns:minmax(0,1fr)}.cd-aside{position:static}}