:root{color-scheme:light dark;--bg: #f6f7f9;--surface: #ffffff;--border: #e2e5ea;--text: #1c2330;--text-sub: #687180;--accent: #3b6ef5;--accent-soft: #e8eeff;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #14161b;--surface: #1d2027;--border: #2c303a;--text: #e8eaef;--text-sub: #9aa2b1;--accent: #6f96ff;--accent-soft: #253252}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.console{max-width:1080px;margin:0 auto;padding:24px 20px 48px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.title{margin:0;font-size:22px}.subtitle{margin:4px 0 0;font-size:13px;color:var(--text-sub)}.devToggle{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.tabs{display:flex;gap:8px;margin:20px 0 16px}.tab{padding:8px 16px;font-size:14px;background:var(--surface);color:var(--text-sub);border:1px solid var(--border);border-radius:999px;cursor:pointer}.tabActive{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}@media(max-width:760px){.layout{grid-template-columns:1fr}}.routeList{display:flex;flex-direction:column;gap:6px}.routeItem{display:flex;align-items:baseline;gap:8px;width:100%;padding:10px 12px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer}.routeItemActive{border-color:var(--accent);background:var(--accent-soft)}.routeKey{font-size:14px;font-weight:600;white-space:nowrap}.routePath{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.paramCount{font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 7px}.detail{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.detailEmpty{color:var(--text-sub);text-align:center;padding:60px 20px}.routeName{margin:0;font-size:18px}.pathTemplate{margin:6px 0 0;font-size:13px;color:var(--text-sub)}.description{margin:10px 0 0;font-size:13px;color:var(--text-sub)}.noParams{margin:16px 0 0;font-size:13px;color:var(--text-sub)}.paramForm{display:flex;flex-direction:column;gap:12px;margin-top:16px}.paramRow{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border);border-radius:10px}.paramMeta{display:flex;align-items:center;gap:8px}.paramName{font-size:13px;font-weight:600}.badge{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.badgeMuted{background:transparent;border:1px solid var(--border);color:var(--text-sub)}.badgeRequired{background:#fde8e8;color:#c0392b}@media(prefers-color-scheme:dark){.badgeRequired{background:#4a2727;color:#ff9d8f}}.includeToggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-sub);margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.paramRow input[type=text],.paramRow input[type=number],.paramRow select{width:100%;padding:8px 10px;font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px}.boolValue{display:flex;align-items:center;gap:8px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;-webkit-user-select:none;user-select:none}.urlPreview{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.urlRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.url{flex:1;min-width:200px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;word-break:break-all}.action{padding:9px 14px;font-size:13px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-decoration:none}.actionPrimary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.qr{margin:16px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.qr img{border:1px solid var(--border);border-radius:10px;background:#fff;padding:6px}.qr figcaption{font-size:12px;color:var(--text-sub)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}