@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:url('./Pretendard-Regular.subset.woff2') format('woff2')}
@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:url('./Pretendard-Medium.subset.woff2') format('woff2')}
@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:url('./Pretendard-SemiBold.subset.woff2') format('woff2')}
@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:url('./Pretendard-Bold.subset.woff2') format('woff2')}
:root{--paper:#f2f5f9;--card:#ffffff;--ink:#1a2130;--muted:#5d6879;--rule:#e6ecf5;--rule-strong:#d6e0ee;--accent:#3c62a6;--accent-soft:#e7edf7;--accent-line:#b8c8e3;--ok:#26784b;--ok-soft:#e3f3ea;--warn:#94600a;--warn-soft:#fbf0dc;--bad:#b63630;--bad-soft:#fae6e4;--added:#7950ad;--added-soft:#efe7f8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-inner:8px;--radius-control:10px;--radius-card:16px;--font-body:14px;--font-small:12px;--font-title:20px;--none:var(--rule);--sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#11151c;--card:#1a1f28;--ink:#e6eaf1;--muted:#97a2b4;--rule:#232c3b;--rule-strong:#2e3a50;--accent:#8daee8;--accent-soft:#1d2940;--accent-line:#3a4e73;--ok:#5cc48b;--ok-soft:#173326;--warn:#e3a64a;--warn-soft:#382a12;--bad:#ef7a72;--bad-soft:#3a1c1b;--added:#c2a1ef;--added-soft:#30223f;color-scheme:dark}}
:root[data-theme=dark]{--paper:#11151c;--card:#1a1f28;--ink:#e6eaf1;--muted:#97a2b4;--rule:#232c3b;--rule-strong:#2e3a50;--accent:#8daee8;--accent-soft:#1d2940;--accent-line:#3a4e73;--ok:#5cc48b;--ok-soft:#173326;--warn:#e3a64a;--warn-soft:#382a12;--bad:#ef7a72;--bad-soft:#3a1c1b;--added:#c2a1ef;--added-soft:#30223f;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-family:var(--sans);font-size:var(--font-body);line-height:1.6;font-variant-numeric:tabular-nums}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%}::selection{background:var(--accent-soft)}[hidden]{display:none!important}
.ph{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.35em;fill:currentColor;flex-shrink:0}
kbd{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 3px;border:1px solid currentColor;border-radius:5px;background:transparent;font:inherit;font-size:11px;box-shadow:none}
.synb-shell{width:min(960px,100%);margin-inline:auto;padding:24px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.synb-stack{display:flex;flex-direction:column;gap:var(--space-4)}.synb-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.synb-spread{justify-content:space-between}
.synb-card{background:var(--card);border:0;border-radius:var(--radius-card);padding:var(--space-6);box-shadow:none;min-width:0}
.synb-inset{background:var(--paper);border:0;border-radius:var(--radius-inner);padding:var(--space-3)}
.synb-title{font-size:var(--font-title);font-weight:600;line-height:1.4;margin:0}.synb-muted{color:var(--muted);font-size:var(--font-small)}
.synb-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 14px;background:var(--card);border:1px solid var(--rule-strong);border-radius:var(--radius-control);font-weight:600;text-decoration:none;white-space:nowrap}
.synb-button:hover:not(:disabled){border-color:var(--accent-line);color:var(--ink)}.synb-button[data-variant=primary]{background:var(--ink);color:var(--card);border-color:var(--ink)}.synb-button[data-variant=soft]{background:var(--paper);border-color:transparent}.synb-button .ph{margin:0}
.synb-button[data-icon]{height:32px;min-height:32px;width:32px;padding:0}.synb-button[data-icon] .ph{width:1.25em;height:1.25em}
.synb-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.synb-input{display:block;width:100%;min-width:0;padding:9px 12px;border:1px solid var(--rule-strong);border-radius:var(--radius-control);background:var(--card);font-size:14px;font-weight:400}.synb-input:hover{border-color:var(--accent-line)}
.synb-check{display:inline-flex;align-items:center;gap:8px;font-size:13px}.synb-check input{appearance:none;display:grid;place-content:center;width:16px;height:16px;flex-shrink:0;margin:0;border:1px solid var(--accent-line);border-radius:5px;background:var(--card)}.synb-check input:checked{background:var(--accent);border-color:var(--accent)}.synb-check input:checked::after{content:'';width:8px;height:5px;border-left:2px solid var(--card);border-bottom:2px solid var(--card);transform:translateY(-1px) rotate(-45deg)}
.synb-segment{display:inline-flex;align-items:center;gap:2px;padding:3px;width:fit-content;max-width:100%;background:var(--rule);border-radius:10px}.synb-segment button{position:relative;background:transparent;border:0;border-radius:7px;padding:5px 10px;color:var(--muted);font-size:12px;min-height:28px}.synb-segment button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0001}.synb-segment button:not([aria-pressed=true])+button:not([aria-pressed=true])::before{position:absolute;content:'';left:-1px;top:8px;bottom:8px;width:1px;background:var(--rule-strong)}.synb-segment .ph{margin:0}
.synb-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:12px;background:var(--paper);color:var(--muted)}.synb-badge .ph{margin:0}.synb-badge[data-state=ok]{color:var(--ok);background:var(--ok-soft)}.synb-badge[data-state=warn]{color:var(--warn);background:var(--warn-soft)}.synb-badge[data-state=bad]{color:var(--bad);background:var(--bad-soft)}.synb-badge[data-state=added]{color:var(--added);background:var(--added-soft)}
.synb-list{display:flex;flex-direction:column;gap:0}.synb-list-row{display:flex;align-items:center;gap:12px;padding:12px 0;min-width:0;white-space:nowrap}.synb-list-row>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:600}.synb-list-row .synb-button{flex-shrink:0}
.synb-progress{width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:8px;overflow:hidden}.synb-progress::-webkit-progress-bar{background:var(--rule)}.synb-progress::-webkit-progress-value{background:var(--accent)}
.synb-action-bar{position:fixed;bottom:var(--synb-keyboard-offset,0px);left:0;right:0;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--paper) 55%,transparent);backdrop-filter:blur(16px);z-index:10}
.synb-dialog{max-width:min(440px,calc(100% - 32px));padding:24px;border:0;border-radius:16px;background:var(--card);color:var(--ink);box-shadow:0 16px 60px #0003}.synb-dialog::backdrop{background:#11151c66;backdrop-filter:blur(3px)}
@media(max-width:480px){.synb-card{padding:20px}.synb-list-row .synb-badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}