:root{--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg:#f4f2ec;--surface:#fbfaf7;--surface-2:#efece3;--ink:#17150f;--muted:#726c5e;--faint:#a49d8c;--rule:#ddd8cc;--rule-strong:#c7c1b2;--accent:#6d28d9;--accent-ink:#fff;--accent-tint:#6d28d912;--accent-line:#6d28d947;--ok:#1f7a4d;--danger:#b23222;--step:8px;--radius:6px;--radius-sm:5px;--maxw:660px;--hair:1px solid var(--rule);--shadow:0 1px 2px #17150f0d, 0 10px 30px #17150f14}@media (prefers-color-scheme:dark){:root{--bg:#0c0c0e;--surface:#141417;--surface-2:#1c1c20;--ink:#ececed;--muted:#9a968d;--faint:#66635c;--rule:#2a2a30;--rule-strong:#3a3a42;--accent:#a78bfa;--accent-ink:#0c0c0e;--accent-tint:#a78bfa1f;--accent-line:#a78bfa57;--ok:#57c98b;--danger:#ff7a68;--shadow:0 1px 2px #0006, 0 12px 34px #0000006b}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:15px;line-height:1.5;display:flex}.masthead,footer{flex:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.masthead{border-bottom:1px solid var(--rule-strong)}.masthead .wrap{justify-content:space-between;align-items:baseline;gap:16px;padding-top:22px;padding-bottom:18px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:700;text-decoration:none}.brand:before{content:"";vertical-align:-.2em;background:var(--accent);width:1.15em;height:1.15em;margin-right:.42em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M110%20256%20C168%20162%20344%20162%20402%20256%20C344%20350%20168%20350%20110%20256%20Z'%20fill='none'%20stroke='%23fff'%20stroke-width='28'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='256'%20cy='242'%20r='34'%20fill='%23fff'/%3E%3Cpath%20d='M241%20260%20L271%20260%20L283%20306%20L229%20306%20Z'%20fill='%23fff'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M110%20256%20C168%20162%20344%20162%20402%20256%20C344%20350%20168%20350%20110%20256%20Z'%20fill='none'%20stroke='%23fff'%20stroke-width='28'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='256'%20cy='242'%20r='34'%20fill='%23fff'/%3E%3Cpath%20d='M241%20260%20L271%20260%20L283%20306%20L229%20306%20Z'%20fill='%23fff'/%3E%3C/svg%3E") 50%/contain no-repeat}.tag{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);text-align:right;font-size:11px}main{flex:1 0 auto;padding:40px 0 64px}.hero{margin-bottom:40px}.hero-title{text-wrap:balance;margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.2}.hero-sub{color:var(--muted);max-width:48ch;margin:0;font-size:16px}.hero-sub strong{color:var(--ink);font-weight:600}.steps{border-top:var(--hair);border-bottom:var(--hair);grid-template-columns:repeat(3,1fr);margin:0 0 28px;padding:0;list-style:none;display:grid}.step{border-left:var(--hair);padding:16px 16px 18px}.step:first-child{border-left:0;padding-left:0}.step:last-child{padding-right:0}.step-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.step-n{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);font-size:12px}.step-ico{color:var(--accent);opacity:.85;line-height:0}.step-ico svg{width:18px;height:18px}.step-t{margin-bottom:3px;font-size:13.5px;font-weight:600;display:block}.step-d{color:var(--muted);font-size:12px;line-height:1.5;display:block}.mono-inline{font-family:var(--mono);color:var(--ink)}.field{margin-bottom:24px}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:10px;font-size:11px;display:block}.drop{border:1.5px dashed var(--rule-strong);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;padding:48px 24px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.drop:hover,.drop:focus-visible{border-color:var(--accent);background:var(--accent-tint);box-shadow:var(--shadow);outline:none}.drop.dragging{border-color:var(--accent);background:var(--accent-tint);box-shadow:var(--shadow);border-style:solid;transform:translateY(-1px)}.drop .prompt{flex-direction:column;align-items:center;gap:4px;display:flex}.drop-ico{color:var(--accent);margin-bottom:14px;line-height:0;transition:transform .18s}.drop-ico svg{width:44px;height:44px}.drop:hover .drop-ico,.drop.dragging .drop-ico{transform:translateY(-2px)}.drop-title{font-size:18px;font-weight:700}.drop-sub{color:var(--muted);font-size:14.5px}.drop-sub b{color:var(--accent);font-weight:600}.drop-hint{color:var(--faint);margin-top:6px;font-size:12.5px}.drop.has-file{border-style:solid;border-color:var(--rule-strong);text-align:left;background:var(--surface);padding:20px}.drop .picked,.drop.has-file .prompt{display:none}.drop.has-file .picked{align-items:center;gap:13px;display:flex}.picked-ico{color:var(--accent);flex:none;line-height:0}.picked-ico svg{width:26px;height:26px}.picked-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fname{word-break:break-word;font-weight:600}.fmeta{font-family:var(--mono);color:var(--muted);font-size:12px}.picked-change{color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--radius-sm);flex:none;padding:5px 11px;font-size:12px;font-weight:600}input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.segmented{background:var(--surface-2);border:var(--hair);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg{position:relative}.seg input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.seg span{text-align:center;color:var(--muted);border-radius:5px;padding:9px 8px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:block}.seg:hover span{color:var(--ink)}.seg input:checked+span{background:var(--surface);color:var(--accent);box-shadow:0 0 0 1px var(--accent-line) inset}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.options{border:var(--hair);border-radius:var(--radius);background:var(--surface);margin-top:24px;overflow:hidden}.opt-row{max-height:200px;padding:16px;transition:max-height .25s,opacity .2s,padding .25s;overflow:hidden}.opt-row .label{margin-bottom:10px}.opt-row .segmented{background:var(--surface-2);border:0}.options.onetime .opt-row{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.options.onetime .check{border-top:0}.spec{font-family:var(--mono);letter-spacing:.01em;color:var(--faint);text-align:center;margin:14px 0 0;font-size:11px}.btn{font:inherit;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;padding:11px 22px;font-weight:640;transition:filter .15s,transform .1s,box-shadow .15s}.btn:hover{filter:brightness(1.06);box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.ghost{color:var(--ink);border-color:var(--rule-strong);background:0 0}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{width:100%;margin-top:24px;padding:15px 24px;font-size:16px}.btn-lg:hover{box-shadow:var(--shadow)}.controls{align-items:end;gap:12px;margin-top:4px;display:flex}.controls .field{margin:0}.grow{flex:1}select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);appearance:none;padding:11px 12px}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.check{cursor:pointer;border-top:var(--hair);align-items:start;gap:12px;margin:0;padding:16px;transition:background .15s;display:flex}.check:hover{background:var(--surface-2)}.check:has(input:checked){background:var(--accent-tint)}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:1px 0 0}.check b{font-size:13.5px;font-weight:600}.check .chint{color:var(--muted);margin-top:2px;font-size:12px;display:block}.onetime-banner{border:var(--hair);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-2);color:var(--muted);align-items:baseline;gap:8px;margin:0 0 10px;padding:9px 12px;font-size:12.5px;display:flex}.onetime-banner b{color:var(--ink)}.noselect img,.noselect video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.progress{margin-top:20px;animation:1.8s ease-in-out infinite pulse}.progress[hidden]{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}.bar{background:var(--surface-2);border:var(--hair);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.progress .meta{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:12px}.result{border:var(--hair);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:.3s both fade-up;overflow:hidden}.result[hidden]{display:none}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.result-head{background:var(--surface-2);border-bottom:var(--hair);align-items:center;gap:13px;padding:16px 18px;display:flex}.result-check{width:26px;height:26px;color:var(--ok);border:1.5px solid var(--ok);border-radius:50%;flex:none;place-items:center;display:grid}.result-check svg{width:15px;height:15px}.rc-path{stroke:var(--ok);stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s .1s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.result-status{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rs-k{font-size:14px;font-weight:600}.rs-sub{font-family:var(--mono);color:var(--muted);font-size:11.5px}.result-head .exp{font-family:var(--mono);color:var(--muted);flex:none;font-size:11.5px}.result-body{padding:20px}.linkrow{gap:8px;display:flex}.link{min-width:0;font-family:var(--mono);background:var(--bg);border:var(--hair);border-radius:var(--radius-sm);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:11px 12px;font-size:12.5px;overflow:hidden}.warn{border-left:3px solid var(--accent);background:var(--accent-tint);color:var(--muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:14px 0 0;padding:11px 13px;font-size:12.5px}.warn b{color:var(--ink)}.result-actions{gap:8px;margin-top:16px;display:flex}.result-actions .btn{flex:1}.qr{border:var(--hair);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding:20px;animation:.25s both fade-up;display:flex}.qr[hidden]{display:none}.qr-canvas{border-radius:var(--radius-sm);width:200px;height:200px;box-shadow:var(--shadow);background:#fff;padding:12px}.qr-canvas svg,.qr-canvas img,.qr-canvas canvas{width:100%;height:100%;display:block}.qr-note{color:var(--faint);text-align:center;margin:0;font-size:11.5px}.manage{border-top:var(--hair);margin-top:20px;padding-top:20px}.status{font-family:var(--mono);color:var(--muted);min-height:1.2em;margin-top:14px;font-size:12.5px}.status.err{color:var(--danger)}.filecard{border:1px solid var(--rule-strong);border-radius:var(--radius);margin-top:8px;overflow:hidden}.filecard .meta{border-bottom:var(--hair);background:var(--surface-2);font-family:var(--mono);grid-template-columns:auto 1fr;gap:4px 18px;padding:14px 16px;font-size:12px;display:grid}.filecard .meta dt{color:var(--faint)}.filecard .meta dd{color:var(--ink);word-break:break-all;margin:0}.filecard .media{background:var(--surface);text-align:center;padding:16px}.filecard .media img,.filecard .media video{border-radius:4px;max-width:100%;margin:0 auto;display:block}.filecard .actions{border-top:var(--hair);justify-content:flex-end;padding:12px 16px;display:flex}.card{border:var(--hair);border-radius:var(--radius);text-align:center;background:var(--surface);margin-top:40px;padding:28px 20px}.card h2{margin:0 0 6px;font-size:17px}.card p{color:var(--muted);margin:0;font-size:13.5px}.card.err{border-color:var(--danger)}.card.err h2{color:var(--danger)}.card-ico{width:44px;height:44px;color:var(--accent);margin:0 auto 12px}.card.err .card-ico{color:var(--danger)}.card-ico svg{width:100%;height:100%}.card-act{margin-top:20px;text-decoration:none;display:inline-block}.modal{border:var(--hair);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:calc(100% - 32px);max-width:420px;box-shadow:var(--shadow);padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.modal[open]{animation:.2s both fade-up}.modal-body{flex-direction:column;gap:10px;padding:20px;display:flex}.modal-title{margin:0;font-size:17px;font-weight:700}.modal-sub{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.modal-input{font:inherit;resize:vertical;width:100%;min-height:78px;color:var(--ink);background:var(--bg);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:10px 12px}.modal-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modal-input.invalid{border-color:var(--danger)}.modal-msg{min-height:1em;margin:0;font-size:12.5px}.modal-msg.ok{color:var(--ok)}.modal-msg.err{color:var(--danger)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.modal-lg{width:calc(100% - 32px);max-width:640px}.modal-lg[open]{flex-direction:column;max-height:85vh;display:flex}.modal-head{border-bottom:var(--hair);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex}.modal-close{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex:none;padding:5px 8px;font-size:18px;line-height:1}.modal-close:hover{color:var(--ink);background:var(--surface-2)}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-scroll{padding:16px 20px 22px;overflow-y:auto}.modal-scroll .prose{padding:0}.modal-scroll .prose h2:first-of-type{margin-top:8px}.modal-full{margin-top:22px;font-size:13px;font-weight:600;display:inline-block}.modal-loading{color:var(--muted);font-size:13px}footer{border-top:var(--hair)}footer .wrap{font-family:var(--mono);color:var(--faint);justify-content:space-between;gap:12px;padding:18px 20px;font-size:11px;display:flex}a{color:var(--accent)}.mhint{color:var(--muted);margin:8px 0 0;font-size:12px}footer a{color:var(--faint);text-decoration:none}footer a:hover{color:var(--muted);text-decoration:underline}.prose{padding-top:28px;padding-bottom:56px}.prose h1{margin:0 0 10px;font-size:24px}.prose h2{border-top:var(--hair);margin:26px 0 8px;padding-top:14px;font-size:16px}.prose ul{color:var(--muted);margin:8px 0;padding-left:20px}.prose li{margin:4px 0}.prose p,.prose .lead{color:var(--muted)}.prose strong{color:var(--ink)}.prose .back{margin-top:28px}@media (width<=560px){main{padding:28px 0 48px}.hero{margin-bottom:28px}.hero-title{font-size:25px}.hero-sub{font-size:15px}.steps{grid-template-columns:1fr}.step{border-left:0;border-top:var(--hair);padding:14px 0}.step:first-child{border-top:0}.drop{padding:36px 18px}.result-actions{flex-direction:column}.controls{flex-direction:column;align-items:stretch}.controls .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rc-path{stroke-dashoffset:0!important}}