:root{--bg: #0b1020;--bg-soft: #111834;--panel: #151d3b;--panel-2: #1b2447;--border: #26315c;--border-soft: #1e2750;--text: #e8ecf8;--text-dim: #a8b2d1;--text-faint: #7d88ab;--accent: #4d9bff;--accent-2: #7cc0ff;--accent-deep: #1f5fd0;--error: #ff6b7a;--error-bg: rgba(255, 107, 122, .12);--warning: #ffc857;--warning-bg: rgba(255, 200, 87, .12);--notice: #5ad1c8;--notice-bg: rgba(90, 209, 200, .12);--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.glow{position:fixed;inset:-20% -10% auto;height:60vh;pointer-events:none;z-index:0;background:radial-gradient(45% 55% at 20% 0%,rgba(77,155,255,.22),transparent 70%),radial-gradient(40% 50% at 80% 0%,rgba(124,192,255,.14),transparent 70%);filter:blur(10px)}.wrap{width:min(1040px,calc(100% - 2.5rem));margin:0 auto;position:relative;z-index:1}.hero{padding:3.25rem 0 1.5rem}.brand{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}.brand-link{display:inline-flex;align-items:center;border-radius:var(--radius-sm);text-decoration:none;transition:opacity .18s ease,transform .18s ease}.brand-link:hover{opacity:.85;transform:translateY(-1px)}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.brand-logo{height:46px;width:auto;display:block}.brand-sep{width:1px;height:30px;background:var(--border)}.brand-name{font-family:var(--mono);font-size:1.05rem;letter-spacing:.02em;color:var(--text-dim)}.hero h1{margin:0 0 .9rem;font-size:clamp(1.85rem,4.2vw,2.85rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.accent{background:linear-gradient(100deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.subtitle{margin:0 0 1.4rem;max-width:62ch;color:var(--text-dim);font-size:1.05rem}.subtitle strong{color:var(--text);font-weight:600}.pills{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:0}.pills li{font-size:.82rem;font-family:var(--mono);color:var(--accent-2);background:#4d9bff1a;border:1px solid rgba(77,155,255,.28);padding:.3rem .7rem;border-radius:999px}.panel{background:linear-gradient(180deg,var(--panel),var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.35rem;position:relative;z-index:1}.drop{cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.drop:hover,.drop:focus-visible{border-color:var(--accent);outline:none}.drop.is-over{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 4px #4d9bff29,var(--shadow)}.drop-inner{padding:3rem 1.5rem;text-align:center}.drop-icon{width:62px;height:62px;margin:0 auto 1.15rem;color:var(--accent);background:#4d9bff17;border:1px solid rgba(77,155,255,.25);border-radius:18px;display:grid;place-items:center}.drop-icon svg{width:30px;height:30px}.drop-title{margin:0 0 .4rem;font-size:1.12rem;font-weight:600}.drop-or{margin:.55rem 0;color:var(--text-faint);font-size:.9rem}.drop-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.1rem 0 1.15rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hint{margin:0;color:var(--text-faint);font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.66rem 1.25rem;font:inherit;font-size:.94rem;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}.btn:hover:not(:disabled){background:#202a54;border-color:var(--accent);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:has(+.visually-hidden:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));border-color:transparent;color:#fff;box-shadow:0 8px 22px #1f5fd059}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent}.btn-small{padding:.42rem .85rem;font-size:.85rem}.options{padding:1.35rem 1.5rem}.options-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.15rem}.options-row+.options-row{margin-top:1.15rem;align-items:center}.field{display:flex;flex-direction:column;gap:.4rem}.field>span{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}select{font:inherit;font-size:.94rem;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;min-width:170px;cursor:pointer}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field.checkbox{flex-direction:row;align-items:center;gap:.55rem;padding-bottom:.55rem}.field.checkbox input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.field.checkbox span{font-size:.94rem;text-transform:none;letter-spacing:0;color:var(--text)}.status{font-size:.9rem;color:var(--text-dim)}.status[data-kind=error]{color:var(--error)}.results{padding:1.35rem 1.5rem 1.5rem}.results-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.results-head h2{margin:0;font-size:1.2rem}.results-actions{display:flex;gap:.6rem}.summary{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.badge{font-size:.85rem;font-weight:600;padding:.35rem .8rem;border-radius:999px;border:1px solid transparent}.badge-error{color:var(--error);background:var(--error-bg);border-color:#ff6b7a4d}.badge-warning{color:var(--warning);background:var(--warning-bg);border-color:#ffc8574d}.badge-notice{color:var(--notice);background:var(--notice-bg);border-color:#5ad1c84d}.badge-hidden{color:var(--text-faint);background:transparent;border-color:var(--border-soft);border-style:dashed}.output,#error-output{margin:0;padding:1.15rem;background:#080c19;border:1px solid var(--border-soft);border-radius:var(--radius-sm);font-family:var(--mono);font-size:.85rem;line-height:1.65;color:#cfe0ff;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:70vh;overflow-y:auto}.error{padding:1.35rem 1.5rem;border-color:#ff6b7a66;background:linear-gradient(180deg,rgba(255,107,122,.07),var(--bg-soft))}.error h2{margin:0 0 .75rem;font-size:1.1rem;color:var(--error)}.error #error-output{border-color:#ff6b7a40;color:#ffd7dc}.notes{margin:2.25rem 0 1rem;color:var(--text-dim);position:relative;z-index:1}.notes h2{font-size:1.05rem;color:var(--text);margin:0 0 .75rem}.notes ul{margin:0 0 1rem;padding-left:1.15rem}.notes li{margin-bottom:.45rem}.disclaimer{font-size:.88rem;color:var(--text-faint);border-left:2px solid var(--border);padding-left:.9rem;margin:0}footer{padding:1.75rem 0 2.75rem;color:var(--text-faint);font-size:.88rem;position:relative;z-index:1}footer p{margin:0}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.87em;background:#4d9bff1a;border:1px solid rgba(77,155,255,.2);border-radius:5px;padding:.1em .36em;color:var(--accent-2)}@media(max-width:640px){.wrap{width:calc(100% - 1.6rem)}.drop-inner{padding:2.25rem 1.1rem}.brand-logo{height:36px}.options,.results{padding:1.15rem 1.1rem}select{min-width:0;width:100%}.field{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
