:root{color-scheme:dark;--bg: #191c22;--ink: #e8eaf0;--ink-soft: #a3abbd;--accent: #ff8fc1;--line: rgba(255, 255, 255, .1);--glass-bg: rgba(10, 11, 15, .82);--shadow: 0 12px 40px rgba(0, 0, 0, .5);--danger: #ff6b8b;--mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Bricolage Grotesque,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scene canvas{pointer-events:none}.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:stretch;padding:28px clamp(20px,6vw,88px)}.page header{display:flex;justify-content:flex-start}.page .stage{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:clamp(32px,12vh,140px)}.page footer{font-family:var(--mono);letter-spacing:.04em;font-size:12px;color:var(--ink-soft);text-align:left;max-width:480px;padding-top:16px}.glass{width:100%;max-width:480px;text-align:left}.glass h1{margin:0 0 12px;font-size:clamp(30px,6vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.glass h1 em{font-style:normal;color:var(--accent)}.glass p{margin:0 0 28px;color:var(--ink-soft);font-size:16px;line-height:1.45}.wm{font-weight:800;font-size:34px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;display:inline-flex;line-height:1}.wm-i{position:relative;display:inline-block}.wm-dot{position:absolute;left:50%;top:-.08em;width:.3em;height:.3em;margin-left:-.15em;border-radius:50%;background:var(--accent)}.dropzone{position:relative;display:block;padding:40px 20px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;cursor:pointer;font-weight:700;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.active,.dropzone:has(input:focus-visible){background:#ff8fc10d;border-color:var(--accent)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.dropzone small{display:block;margin-top:6px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;font-weight:500;color:var(--ink-soft)}.filelist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.filelist li{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}.filelist-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filelist-size{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-soft)}.filelist-remove{font:inherit;line-height:1;min-width:32px;min-height:32px;padding:2px 8px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer}.filelist-remove:hover{color:var(--ink)}.filelist-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;margin-top:24px}.chip{font-family:var(--mono);font-size:12px;letter-spacing:.04em;font-weight:500;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:border-color .15s,color .15s}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.toggle{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.04em;font-weight:500;color:var(--ink-soft);cursor:pointer;width:100%;justify-content:flex-start;margin-top:8px}.btn{font:inherit;font-weight:800;padding:13px 26px;border:1px solid transparent;border-radius:999px;background:var(--ink);color:var(--bg);cursor:pointer;transition:box-shadow .2s,transform .15s}.btn:hover{box-shadow:0 0 24px #ff8fc159}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn:focus-visible,.chip:focus-visible,.sw:focus-visible,.cells-field:focus-visible,.cpy-btn:focus-visible,.linkbox input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.ghost:hover{border-color:#ffffff40;box-shadow:none}.linkbox{margin:16px 0}.qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0}.qr svg{border-radius:10px}.glass .qr-hint{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-soft)}.status{font-family:var(--mono);letter-spacing:.04em;font-weight:500;color:var(--ink-soft)}.error{color:var(--danger);font-family:var(--mono);letter-spacing:.04em;font-weight:500;margin-top:16px}.static-field{background-image:radial-gradient(rgba(138,147,166,.35) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.codebox{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 8px;padding:14px 16px;border:1px dashed var(--line);border-radius:12px}.codebox-label{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.04em;font-weight:500;color:var(--ink-soft)}.codebox-value{display:block;font-family:var(--mono);font-size:28px;letter-spacing:.3em;font-weight:700;color:var(--ink)}.codeform{display:flex;flex-direction:column;gap:12px;margin:16px 0}.codeform .error{margin-top:0}.sw{position:relative;flex:none;width:44px;height:24px;padding:0;border:0;border-radius:999px;background:#ffffff1a;cursor:pointer;touch-action:none;transition:background .3s}.sw[aria-checked=true]{background:var(--accent)}.sw-thumb{position:absolute;left:0;top:50%;width:var(--sw-thumb);height:var(--sw-thumb);margin-top:calc(var(--sw-thumb) / -2);border-radius:999px;background:var(--ink-soft);transition:background .3s}.sw[aria-checked=true] .sw-thumb{background:var(--bg)}.cpy-field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;font-family:var(--mono);font-size:13px}.cpy-line{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-user-select:all;user-select:all;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.cpy-ch{white-space:pre}.cpy[data-done] .cpy-ch{animation:cpy-sheen .42s ease calc(var(--i) * 16ms)}.cpy-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:#ffffff0f;color:var(--ink);cursor:pointer;transition:background-color .16s,color .16s}.cpy-btn:hover{background:#ffffff1f}.cpy[data-done] .cpy-btn{color:var(--accent)}.cpy-back{transition:translate .22s cubic-bezier(.22,1,.36,1) .16s}.cpy-pages{transition:opacity .16s ease .16s}.cpy-tick{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .16s ease}.cpy[data-done] .cpy-back{translate:6px 6px;transition:translate .22s cubic-bezier(.22,1,.36,1)}.cpy[data-done] .cpy-pages{opacity:0;transition:opacity .16s ease .22s}.cpy[data-done] .cpy-tick{stroke-dashoffset:0;transition:stroke-dashoffset .22s cubic-bezier(.22,1,.36,1) .22s}@keyframes cpy-sheen{0%,to{opacity:1}45%{opacity:.35}}.cells{position:relative;display:flex;gap:8px}.cell{position:relative;flex:1;min-width:0;max-width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#ffffff08;font-family:var(--mono);font-size:22px;font-weight:700;transition:border-color .15s}.cell[data-active]{border-color:var(--accent)}.cell[data-active]:empty:after{content:"";width:2px;height:22px;border-radius:2px;background:var(--accent);animation:cell-caret 1.1s ease-in-out infinite alternate}.cell-ch{animation:cell-in .3s cubic-bezier(.22,1,.36,1) both}.cells-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;padding:0;font-size:16px;caret-color:transparent;cursor:text}.cells:has(.cells-field:focus-visible) .cell[data-active]{outline:2px solid var(--accent);outline-offset:2px}@keyframes cell-in{0%{transform:translateY(45%) scale(.86);opacity:0;filter:blur(3px)}to{transform:none;opacity:1;filter:none}}@keyframes cell-caret{0%{opacity:1}to{opacity:.25}}@media(prefers-reduced-motion:reduce){.cell-ch,.cell[data-active]:empty:after{animation:none}.cpy-back,.cpy-pages,.cpy-tick{transition-duration:.16s!important;transition-delay:0s!important}}.egl{position:relative;display:inline-block;isolation:isolate;border-radius:var(--egl-r)}.egl-block{display:block}.egl-rim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px solid;border-radius:inherit;pointer-events:none}.egl-glow{position:absolute;z-index:2;border-radius:calc(var(--egl-r) + 40px);pointer-events:none;mix-blend-mode:plus-lighter}.egl-glow>span{position:absolute;border-radius:var(--egl-r)}@media(prefers-reduced-motion:reduce){.egl-rim,.egl-glow{transition:none!important}}