:root{font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#e7eaf3;background:#10131c;color-scheme:dark;--panel:#191e2b;--line:#30384b;--muted:#aab3c7;--accent:#9cb7ff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#262e40;color:inherit;padding:11px 17px;min-height:44px}button:hover:enabled{background:#35415b}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#a8beff;color:#10182d;border-color:#a8beff;font-weight:750}button.primary:hover:enabled{background:#c0ceff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a8beff;outline-offset:4px}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;white-space:nowrap}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{font-size:14px;padding:9px 13px;border-radius:8px;color:var(--muted)}nav a[aria-current]{background:#2b3755;color:#d9e3ff}main{max-width:920px;margin:auto;padding:48px 24px 40px}.eyebrow{font-size:13px;color:var(--accent);letter-spacing:1px;font-weight:700}h1{font-size:clamp(28px,4vw,40px);margin:10px 0 12px;letter-spacing:-1px}h2{font-size:20px;margin:0}.intro p,.hint,.privacy,.additional p,.output-settings small{color:var(--muted);line-height:1.7}.steps{display:flex;list-style:none;padding:0;margin:30px 0;gap:20px}.steps li{flex:1;color:var(--muted);display:flex;align-items:center;gap:9px;font-size:14px}.steps span{width:30px;height:30px;display:grid;place-items:center;background:#252c3d;border-radius:50%;flex-shrink:0}.steps li[aria-current]{color:#d8e3ff}.steps li[aria-current] span{background:#a8beff;color:#17203a;font-weight:800}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;margin:20px 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.panel-heading p{margin:8px 0 0;color:var(--muted);font-size:14px}.badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;background:#2b3550;color:#bdceff}fieldset{border:0;padding:0;margin:0;min-width:0}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-card{display:flex;flex-direction:column;gap:10px;border:1px dashed #586684;border-radius:12px;padding:22px;background:#151a26;min-width:0}.file-card strong{font-size:16px}.file-card>span:not(.file-icon){font-size:13px;color:var(--muted)}.file-icon{color:#a8beff;font-size:32px}.file-card small{overflow-wrap:anywhere;color:#c9d6ff;font-size:12px}.file-card input{width:100%;font-size:12px}input::file-selector-button{border:1px solid #46516b;background:#2b3449;color:#edf2ff;padding:9px 12px;border-radius:7px;cursor:pointer;margin-right:10px}.additional{border-bottom:1px solid var(--line);padding:20px 0}.additional summary{cursor:pointer;color:#cbd5ed;font-size:14px}.additional label,.additional small{display:block;margin:14px 0 8px;font-size:13px}.additional input{max-width:100%;width:100%}input[type=text],select{background:#131824;color:#edf2ff;border:1px solid #424d66;border-radius:8px;padding:11px;width:100%;min-height:44px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.settings-grid label,.output-settings label{display:flex;flex-direction:column;gap:9px;font-size:14px}.hint{font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.notice{padding:13px 16px;background:#20293c;border:1px solid #384967;border-radius:10px;font-size:13px;line-height:1.7}.message{font-size:14px;line-height:1.7;white-space:pre-line}.message.error{color:#ffb9b9}.pages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#141a26}.page-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.page-heading label{display:flex;gap:8px;align-items:center;font-weight:700}.page-heading input{width:19px;height:19px;accent-color:#a8beff}.frame-map{width:100%;height:130px;background:#eef1f6;margin:16px 0 10px;border-radius:7px}.frame-map rect{fill:none;stroke:#52678a;stroke-width:2}.frame-map .frame-inner{stroke:#96a7c3;stroke-width:1}.page-name{font-size:13px;overflow-wrap:anywhere;margin:8px 0;color:#d0d8e8}.page-meta{font-size:12px;color:var(--muted);line-height:1.7}.page-actions{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.page-actions button{font-size:12px;padding:8px 10px}.output-settings{border-top:1px solid var(--line);padding-top:20px}.output-settings label{max-width:260px}.output-settings small{display:block;font-size:12px;margin-top:10px}.warnings{background:#342d20;border:1px solid #6a5735;padding:15px 15px 15px 32px;border-radius:9px;color:#efd4a4;font-size:13px;line-height:1.8}.success-panel{text-align:center}.success-icon{display:inline-grid;place-items:center;width:45px;height:45px;background:#243e36;color:#a1e8c8;border-radius:50%;font-size:24px;margin-bottom:14px}.success-panel p{color:var(--muted);font-size:14px;line-height:1.7}.success-panel button{margin:5px}.privacy{font-size:12px;text-align:center;margin-top:24px}dialog{width:min(960px,95vw);max-height:95vh;background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:14px;padding:20px}dialog::backdrop{background:#000a}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}iframe{width:100%;height:65vh;border:0;background:#fff;margin:12px 0}dialog a{color:var(--accent);text-decoration:underline;font-size:13px}@media(max-width:640px){.site-header{flex-direction:column;align-items:flex-start;padding:18px}.site-header nav{gap:2px}.site-header nav a{padding:8px;font-size:12px}main{padding:30px 16px}.panel{padding:20px}.file-grid,.settings-grid,.pages{grid-template-columns:1fr}.steps{gap:8px}.steps li{font-size:12px;gap:5px}.steps span{width:25px;height:25px}.panel-heading{align-items:flex-start}.panel-heading button{font-size:12px;padding:9px}}@media(prefers-color-scheme:light){:root{background:#f5f7fc;color:#202a40;color-scheme:light;--panel:#fff;--line:#dce2ee;--muted:#596780;--accent:#345ab1}button{background:#edf1f9}button:hover:enabled{background:#e0e7f5}nav a[aria-current]{background:#e5ecff;color:#24458d}.steps span{background:#e4e9f4}.steps li[aria-current]{color:#24458d}.file-card,.page-card{background:#f8faff}.file-card small,.file-card strong,.page-name{color:#263d68}.additional summary{color:#344e7c}input[type=text],select{background:#fff;color:#24334e;border-color:#c9d2e3}.notice{background:#edf3ff;border-color:#cbd9f5}.badge{background:#e8eeff;color:#345ab1}.message.error{color:#b32435}.warnings{background:#fff7e7;border-color:#e9d3a4;color:#735117}.success-icon{background:#e3f4eb;color:#26744a}}
.check{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:14px}.check input{width:19px;height:19px;accent-color:#a8beff}
.thumb{display:flex;align-items:center;justify-content:center;height:170px;background:#fff;margin:16px 0 10px;border-radius:7px;overflow:hidden;color:#6b7690;font-size:12px}.thumb img{display:block;max-width:100%;max-height:100%}
.privacy a{color:var(--accent);text-decoration:underline}
.optional{font-style:normal;font-weight:400;color:var(--muted);font-size:13px}