@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #0b1020;--bg-elev-0: #0f152a;--bg-elev-1: #131b34;--bg-elev-2: #1a2340;--bg-elev-3: #232e52;--hairline: #1f2a4a;--hairline-strong: #2c3866;--text: #e6ebf5;--text-muted: #9aa4c2;--text-faint: #6b7494;--indigo-50: #eef0ff;--indigo-200: #c6cbff;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--emerald-400: #34d399;--emerald-500: #10b981;--amber-400: #fbbf24;--amber-500: #f59e0b;--rose-400: #fb7185;--rose-500: #f43f5e;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .32);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .36), 0 2px 4px -2px rgba(0, 0, 0, .32);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .45), 0 4px 8px -4px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px var(--indigo-500), 0 6px 16px -4px rgba(99, 102, 241, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--gradient-bg: radial-gradient(1200px 600px at 0% -10%, rgba(79, 70, 229, .18), transparent 60%), radial-gradient(900px 500px at 100% 110%, rgba(16, 185, 129, .12), transparent 60%), var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Noto Sans KR,sans-serif;background:var(--gradient-bg);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}::selection{background:var(--indigo-600);color:#fff}a{color:var(--indigo-400);text-decoration:none}a:hover{color:var(--indigo-200);text-decoration:underline;text-underline-offset:3px}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-elev-2);padding:1px 6px;border-radius:4px;color:var(--indigo-200)}.btn,button{font-family:inherit;font-weight:500;font-size:13.5px;letter-spacing:-.005em;background:linear-gradient(180deg,var(--indigo-500) 0%,var(--indigo-600) 100%);color:#fff;border:1px solid transparent;padding:9px 16px;border-radius:var(--radius-md);cursor:pointer;transition:transform .06s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;box-shadow:var(--shadow-sm),inset 0 1px #ffffff1f}button:hover:not(:disabled){background:linear-gradient(180deg,var(--indigo-400) 0%,var(--indigo-500) 100%);box-shadow:var(--shadow-md),inset 0 1px #ffffff29}button:active:not(:disabled){transform:translateY(.5px)}button:focus-visible{outline:none;box-shadow:var(--shadow-glow)}button:disabled{opacity:.45;cursor:not-allowed;background:var(--bg-elev-3);color:var(--text-muted);box-shadow:none}button.secondary,.btn.secondary{background:var(--bg-elev-2);color:var(--text);border-color:var(--hairline-strong);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){background:var(--bg-elev-3);border-color:var(--indigo-600)}button.ghost,.btn.ghost{background:transparent;color:var(--text-muted);border-color:transparent;box-shadow:none}button.ghost:hover:not(:disabled){background:var(--bg-elev-1);color:var(--text)}button.danger,.btn.danger{background:linear-gradient(180deg,var(--rose-400) 0%,var(--rose-500) 100%)}button.danger:hover:not(:disabled){background:linear-gradient(180deg,#fda4af 0%,var(--rose-400) 100%)}button.sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}button.lg{padding:12px 22px;font-size:15px;font-weight:600}input[type=text],input[type=url],input[type=date],input[type=search],input[type=number],textarea,select{font-family:inherit;background:var(--bg-elev-1);border:1px solid var(--hairline);color:var(--text);padding:10px 12px;border-radius:var(--radius-md);font-size:14px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,textarea:hover,select:hover{border-color:var(--hairline-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--indigo-500);box-shadow:0 0 0 4px #6366f12e}input[type=date]{color-scheme:dark}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.nav{display:flex;gap:4px;align-items:center;padding:14px 24px;background:#0f152ad9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:100}.nav .brand{display:flex;align-items:center;gap:10px;margin-right:24px;font-size:15px;font-weight:600;letter-spacing:-.01em}.nav .brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));color:#fff;font-size:14px;box-shadow:var(--shadow-md)}.nav a{color:var(--text-muted);text-decoration:none;padding:7px 12px;border-radius:var(--radius-md);font-weight:500;font-size:13.5px;transition:all .12s ease}.nav a.active,.nav a:hover{color:var(--text);background:var(--bg-elev-2);text-decoration:none}.page{padding:28px 32px 64px;overflow:auto;max-width:1200px;margin:0 auto;width:100%}.card{background:linear-gradient(180deg,var(--bg-elev-1),var(--bg-elev-0));border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card.elev{box-shadow:var(--shadow-md)}.card.flat{box-shadow:none;background:var(--bg-elev-1)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.h1{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.h2{font-size:17px;font-weight:600;letter-spacing:-.012em;margin:0 0 4px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.tiny{font-size:11px}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.row{display:flex;gap:10px;align-items:center}.stack{display:grid;gap:10px}.stack-lg{display:grid;gap:16px}.field{display:grid;gap:6px;margin-bottom:12px}.field label{color:var(--text-muted);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stepper{display:flex;gap:0;margin-bottom:16px;padding:6px;background:var(--bg-elev-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow-x:auto}.step{flex:1;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-faint);cursor:pointer;transition:all .15s ease;border:1px solid transparent;white-space:nowrap}.step .step-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--bg-elev-3);color:var(--text-muted);font-size:11px;font-weight:600;flex-shrink:0}.step.active{background:linear-gradient(180deg,var(--indigo-500),var(--indigo-600));color:#fff}.step.active .step-num{background:#ffffff38;color:#fff}.step.done{color:var(--emerald-400);background:#10b98114}.step.done .step-num{background:var(--emerald-500);color:#fff}.step.done:hover{background:#10b98129;border-color:var(--emerald-500)}.step.locked{cursor:not-allowed;opacity:.55}.pending{background:linear-gradient(135deg,#6366f11f,#6366f10a);border:1px solid var(--indigo-500);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow-md),0 0 0 4px #6366f11f;animation:pending-pop .18s ease-out}@keyframes pending-pop{0%{transform:scale(.985);opacity:0}to{transform:scale(1);opacity:1}}.pending-row{display:flex;gap:14px;align-items:flex-start}.pending-info{flex:1;min-width:0}.pending-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--indigo-400);margin-bottom:4px}.selector-chip{display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;background:var(--bg-elev-0);border:1px solid var(--hairline-strong);padding:4px 10px;border-radius:var(--radius-sm);color:var(--indigo-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.text-preview{margin-top:8px;background:var(--bg-elev-0);border:1px solid var(--hairline);padding:8px 12px;border-radius:var(--radius-md);font-size:12.5px;line-height:1.55;white-space:pre-wrap;max-height:80px;overflow:auto}.text-preview.tall{max-height:280px}.match-pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.match-pill.good{background:#10b9811f;color:var(--emerald-400);border:1px solid rgba(16,185,129,.32)}.match-pill.warn{background:#f59e0b1f;color:var(--amber-400);border:1px solid rgba(245,158,11,.32)}.match-pill.bad{background:#f43f5e1f;color:var(--rose-400);border:1px solid rgba(244,63,94,.32)}.instruction{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-elev-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-bottom:12px;font-size:13px}.instruction strong{color:var(--indigo-200);font-weight:600}.frame-wrap{position:relative;height:calc(100vh - 320px);min-height:520px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--hairline);box-shadow:var(--shadow-lg)}.frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}.frame-status{position:absolute;inset:0 0 auto 0;background:linear-gradient(180deg,#0f152af2,#0f152ab3);padding:10px 16px;font-size:13px;font-weight:500;color:#fff;z-index:10;display:flex;align-items:center;gap:10px}.frame-status.error{background:linear-gradient(180deg,#7f1d1df2,#7f1d1db3)}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-grid{display:grid;grid-template-columns:110px 1fr;gap:14px 18px;align-items:start}.preview-grid .key{color:var(--text-muted);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding-top:8px}.preview-grid .value{background:var(--bg-elev-0);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:10px 12px;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.55;max-height:320px;overflow:auto}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.stat{background:var(--bg-elev-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:14px;text-align:left}.stat .num{font-size:28px;font-weight:700;letter-spacing:-.02em}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:2px}.event-log{max-height:320px;overflow:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;background:var(--bg-elev-0);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--hairline)}.event-log .ev{padding:2px 0;color:var(--text-muted)}.event-log .ev .tag{display:inline-block;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:600;margin-right:6px;background:var(--bg-elev-3);color:var(--text-muted)}.event-log .ev.error .tag{background:#f43f5e2e;color:var(--rose-400)}.event-log .ev.error{color:var(--rose-400)}.event-log .ev.saved .tag{background:#10b9812e;color:var(--emerald-400)}.event-log .ev.saved{color:var(--text)}.event-log .ev.skipped .tag,.event-log .ev.skipped{color:var(--text-faint)}.event-log .ev.page-done .tag,.event-log .ev.list-page .tag{background:#6366f12e;color:var(--indigo-400)}table.articles{width:100%;border-collapse:separate;border-spacing:0}table.articles th,table.articles td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--hairline);font-size:13.5px}table.articles th{color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elev-1);position:sticky;top:0}table.articles tr{transition:background .12s ease}table.articles tbody tr:hover td{background:var(--bg-elev-1);cursor:pointer}.site-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(180deg,var(--bg-elev-1),var(--bg-elev-0));border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-bottom:12px;transition:border-color .15s ease,transform .15s ease}.site-card:hover{border-color:var(--indigo-600);transform:translateY(-1px)}.site-card .site-domain{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--bg-elev-3);font-size:11px;font-family:JetBrains Mono,monospace;color:var(--indigo-200);margin-right:8px}.site-card .site-name{font-size:16px;font-weight:600;letter-spacing:-.01em}.empty{text-align:center;padding:64px 24px;background:linear-gradient(180deg,var(--bg-elev-1),var(--bg-elev-0));border:1px solid var(--hairline);border-radius:var(--radius-xl);margin-top:24px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.85}.empty h2{font-size:19px;font-weight:600;margin:0 0 8px}.empty p{color:var(--text-muted);max-width:420px;margin:0 auto 24px}.fallback{margin-top:10px;padding:12px 14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.32);border-radius:var(--radius-md);color:var(--amber-400);font-size:13px}.fallback strong{color:var(--amber-400)}.scroll-x{overflow-x:auto}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:var(--bg-elev-2);border:1px solid var(--hairline-strong);font-size:11.5px;font-family:JetBrains Mono,monospace;color:var(--text-muted);margin-right:4px;margin-bottom:4px}.tag strong{color:var(--indigo-200)}