:root{--font-sans:Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-heading:var(--font-sans);--text:#6b6375;--text-h:#08060d;--bg:#fff;--panel:#fbfbfd;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:var(--font-sans);--heading:var(--font-heading);--mono:ui-monospace, Consolas, monospace;font:17px/155% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@font-face{font-family:Pretendard;font-style:normal;font-weight:45 920;font-display:swap;src:url(/Pretendard-1.3.9/web/variable/woff2/PretendardVariable.woff2)format("woff2")}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--panel:#1b1c24;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:100%;min-height:100svh}body{font-feature-settings:"ss01" 1, "ss02" 1;text-rendering:geometricprecision;background:radial-gradient(800px 500px at 15% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), radial-gradient(900px 600px at 85% 15%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 62%), var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:720}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.appShell{grid-template-columns:280px 1fr;width:100%;min-height:100svh;display:grid}@media (width<=900px){.appShell{grid-template-columns:1fr}}.sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, var(--panel) 18%);padding:18px}@media (width<=900px){.sidebar{border-right:none;border-bottom:1px solid var(--border);padding:14px}}.brand{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px 8px 14px;display:flex}.brand:hover{background:color-mix(in srgb, var(--panel) 65%, transparent)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brandMark{width:40px;height:40px;font-family:var(--mono);color:var(--text-h);background:var(--panel);border:1px solid var(--border);border-radius:12px;place-items:center;display:grid}.brandTitle{letter-spacing:-.2px;color:var(--text-h);font-weight:650}.brandSub{color:var(--text);font-size:13px}.nav{gap:8px;padding:8px;display:grid}.navItem{text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--text-h);cursor:pointer;border-radius:10px;padding:10px 12px;font-weight:600;transition:transform 50ms,box-shadow .2s,border-color .2s}.navItem:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.navItem:active{transform:translateY(1px)}.navItem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navItem.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent-bg) 55%, var(--panel))}.sidebarHelp{color:var(--text);padding:10px 8px 0;font-size:13px}.main{padding:22px 22px 26px}@media (width<=900px){.main{padding:16px}}.header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}@media (width<=900px){.header{flex-direction:column}}.title{letter-spacing:-.6px;margin:0;font-size:28px}.subtitle{color:var(--text);margin-top:6px;font-size:14px}.headerActions{align-items:center;gap:10px;display:flex}.fileInput{display:none}button.primary,button.secondary,button.tiny{border:1px solid var(--border);background:var(--panel);color:var(--text-h);cursor:pointer;border-radius:10px;padding:10px 12px;font-weight:650}:is(button.primary,button.secondary,button.tiny):disabled{cursor:not-allowed;opacity:.55}:is(button.primary,button.secondary,button.tiny):focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:color-mix(in srgb, var(--accent) 18%, var(--panel));border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}button.secondary{background:var(--panel)}button.tiny{border-radius:9px;padding:7px 10px;font-size:13px;font-weight:650}button.tiny.danger{border-color:color-mix(in srgb, #ff3b30 35%, var(--border));background:color-mix(in srgb, #ff3b30 10%, var(--panel))}.options{border:1px solid var(--border);background:var(--panel);border-radius:14px;margin-bottom:14px;padding:12px}.optionRow{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.noOptionsInline{color:var(--text);align-items:center;gap:8px;font-size:12.5px;line-height:1.5;display:inline-flex}.hint{border-top:1px dashed var(--border);color:var(--text);text-align:left;margin-top:10px;padding-top:10px;font-size:12.5px;line-height:1.5}.label{color:var(--text-h);align-items:center;gap:8px;font-size:14px;display:inline-flex}.label select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:10px;padding:8px 10px}.label.checkbox{color:var(--text)}.dropzone{border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:18px;margin-bottom:14px;padding:18px}.dropzone.busy{opacity:.7}.dropInner{border:1px solid var(--border);background:var(--bg);text-align:center;border-radius:14px;padding:18px}.dropTitle{color:var(--text-h);margin-bottom:6px;font-weight:750}.dropSub{color:var(--text);font-size:13px}.dropNotice{color:var(--text);margin-top:10px;font-size:12.5px}.kbd{font-family:var(--mono);border:1px solid var(--border);background:var(--panel);color:var(--text-h);border-radius:6px;padding:2px 6px;font-size:12px}.content{grid-template-columns:360px 1fr;gap:14px;display:grid}@media (width<=1100px){.content{grid-template-columns:1fr}}.fileList,.preview{border:1px solid var(--border);background:var(--panel);border-radius:18px;overflow:hidden}.listHeader{border-bottom:1px solid var(--border);color:var(--text-h);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:750;display:flex}.listMeta{color:var(--text);font-size:12px;font-weight:600}.empty{color:var(--text);padding:18px 14px;font-size:14px}.list{margin:0;padding:0;list-style:none;display:grid}.list li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;display:grid}.list li:last-child{border-bottom:none}.listItem{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;padding:8px}.listItem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.listItem.selected{background:color-mix(in srgb, var(--accent-bg) 50%, transparent)}.listItem.error .listTitle{color:color-mix(in srgb, #ff3b30 72%, var(--text-h))}.listTitle{color:var(--text-h);margin-bottom:2px;font-size:14px;font-weight:750}.listSub{color:var(--text);word-break:break-word;font-size:12px}.listActions{gap:8px;display:inline-flex}.previewHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.previewTitle{color:var(--text-h);font-weight:800}.previewActions{gap:8px;display:inline-flex}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.seg{color:var(--text);cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:13px;font-weight:750}.seg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.seg.active{background:color-mix(in srgb, var(--accent-bg) 65%, transparent);color:var(--text-h)}.previewText{resize:none;width:100%;height:460px;color:var(--text-h);font-family:var(--mono);box-sizing:border-box;background:0 0;border:none;outline:none;padding:14px;font-size:12.5px;line-height:1.45}.tableWrap{padding:10px 12px 12px}.tableNote{color:var(--text);margin:2px 0 10px;font-size:12px}.tableScroll{border:1px solid var(--border);background:var(--bg);border-radius:14px;max-height:470px;overflow:auto}.table{border-collapse:collapse;width:100%;color:var(--text-h);font-size:12.5px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 10px}.table th{z-index:1;background:color-mix(in srgb, var(--panel) 70%, var(--bg));font-weight:900;position:sticky;top:0}.table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--panel) 50%, transparent)}.errorBox{padding:14px}.errorTitle{color:color-mix(in srgb, #ff3b30 72%, var(--text-h));margin-bottom:6px;font-weight:900}.errorText{color:var(--text);white-space:pre-wrap;font-size:13px}.footer{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;font-size:13px;display:flex}.footerRight{align-items:center;gap:10px;display:inline-flex}.footer a{color:var(--text-h);text-decoration:none}.footer a:hover{text-decoration:underline}.footerSep{color:var(--text)}.legal{border:1px solid var(--border);background:var(--panel);border-radius:18px;overflow:hidden}.legalHeader{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 75%, var(--bg));padding:16px 16px 12px}.legalBody{color:var(--text-h);padding:16px;font-size:14px;line-height:1.6}.legalBody h2{margin:18px 0 8px;font-size:16px}.legalBody h2:first-child{margin-top:0}
