:root{--bg:#ffffff;--ink:#1a2030;--dim:#5c6577;--line:#e4e8f0;--accent:#2456e6;--accent-ink:#ffffff;--panel:#f6f8fc}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,Noto Sans KR,sans-serif;font-size:16px;line-height:1.6}main{padding:0 16px 64px}.site-head,main{max-width:720px;margin:0 auto}.site-head{display:flex;justify-content:space-between;align-items:center;padding:16px}.logo{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none}.site-head nav a{color:var(--dim);text-decoration:none;font-size:14px}.site-foot{max-width:720px;margin:0 auto;padding:24px 16px 48px;color:var(--dim);font-size:13px;border-top:1px solid var(--line)}.hero h1{font-size:26px;line-height:1.3;letter-spacing:-.02em;margin:24px 0 8px}.hero p{color:var(--dim);margin:0 0 24px}.tool{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{flex:1 1;padding:10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;cursor:pointer;color:var(--dim)}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pane{display:grid;grid-gap:14px;gap:14px}.row{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.row input[type=number],.row select{flex:1 1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}.row input[type=range]{flex:1 1}.drop{border:2px dashed var(--line);border-radius:10px;padding:28px;text-align:center;color:var(--dim);font-size:14px;cursor:pointer;background:#fff;transition:border-color .15s}.drop.over,.drop:hover{border-color:var(--accent);color:var(--accent)}.preview-wrap{position:relative;display:flex;justify-content:center}.preview-wrap canvas{background:#eceff5;border-radius:8px;max-width:100%}.badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:rgba(26,32,48,.8);color:#fff;font-size:12px;padding:4px 10px;border-radius:20px}.notes{padding-left:18px}.filemeta,.notes{margin:0;color:var(--dim);font-size:13px}button.primary{padding:13px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:700;cursor:pointer}button.primary:disabled{opacity:.45;cursor:default}a.download{display:block;text-align:center;padding:13px;border-radius:10px;background:#16a34a;color:#fff;font-weight:700;text-decoration:none}.privacy{margin:16px 0 0;text-align:center;color:var(--dim);font-size:12.5px}.links h2{font-size:18px;margin-top:40px}.links ul{padding-left:18px}.links a{color:var(--accent)}.guide h1{font-size:24px;line-height:1.35}.guide h2{font-size:18px;margin-top:28px}.guide table{border-collapse:collapse;width:100%;font-size:14px}.guide td,.guide th{border:1px solid var(--line);padding:8px 10px;text-align:left}.guide .cta{display:inline-block;margin-top:20px;padding:12px 20px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}