:root{--bg:#000;--surface:#0d0d0f;--raised:#161618;--line:#232326;--line-strong:#3a3a3f;--text:#f4f4f5;--muted:#8a8a92;--faint:#55555c;--accent:#c9f24e;--on-accent:#121605;--error:#ff6d64;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);min-height:100%;margin:0}::selection{background:#c9f24e4d}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}button:disabled{cursor:default}button:focus-visible,.drop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea,input{font:inherit;color:var(--text);caret-color:var(--accent);background:0 0;border:0;outline:none}textarea::placeholder,input::placeholder{color:var(--faint)}.page{max-width:480px;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 40px);flex-direction:column;gap:20px;margin:0 auto;display:flex}@media (width>=700px){.page{padding-top:72px}}.segment{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;display:flex;position:relative}.segment button{height:40px;color:var(--muted);flex:1;font-size:15px;font-weight:600;transition:color .2s;position:relative}.segment button[aria-selected=true]{color:var(--text)}.segment .pill{background:var(--raised);border:1px solid var(--line-strong);border-radius:999px;position:absolute;inset:0}.segment span{position:relative}.tabs{border-bottom:1px solid var(--line);gap:24px;display:flex;position:relative}.tabs button{color:var(--muted);padding:10px 0;font-size:16px;font-weight:600;transition:color .2s;position:relative}.tabs button[aria-selected=true]{color:var(--text)}.tabs .bar{background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px}.card textarea{resize:vertical;width:100%;min-height:168px;max-height:320px;padding:16px;font-size:16px;line-height:22px;display:block}.card textarea.mono{font-family:var(--mono);font-size:14px}.card-footer{padding:0 12px 12px;display:flex}.drop{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;padding:32px 20px;transition:border-color .2s,background .2s;display:flex}.drop.over{border-color:var(--accent);background:#10120b}.drop .plus{width:48px;height:48px;color:var(--accent);background:#c9f24e1a;border-radius:24px;place-items:center;margin-bottom:8px;display:grid}.drop strong{font-size:17px;font-weight:600}.drop small{color:var(--muted);font-size:14px}.file-row{align-items:center;gap:12px;padding:12px;display:flex}.file-row.inline{padding:0}.badge{background:var(--raised);width:44px;height:44px;color:var(--accent);letter-spacing:.4px;border-radius:12px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.file-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.file-meta small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.field{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;padding-right:6px;transition:border-color .2s;display:flex}.field:focus-within{border-color:var(--accent)}.field input{flex:1;min-width:0;height:54px;padding:0 16px;font-size:16px}.field input.mono{font-family:var(--mono);font-size:15px}.icon-btn{width:40px;height:40px;color:var(--muted);border-radius:20px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{color:var(--text);background:var(--raised)}.meter{align-items:center;gap:12px;padding:0 4px;display:flex}.meter .track{background:var(--raised);border-radius:2px;flex:1;height:4px;overflow:hidden}.meter .fill{transform-origin:0;border-radius:2px;height:100%}.meter span{text-align:right;width:52px;font-size:13px;font-weight:600}.primary{background:var(--accent);height:56px;color:var(--on-accent);border-radius:999px;place-items:center;margin-top:4px;font-size:17px;font-weight:700;transition:opacity .18s;display:grid}.primary:disabled{opacity:.28}.spinner{border:2.5px solid #12160540;border-top-color:var(--on-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--error);background:#ff6d6414;border-radius:14px;align-items:center;gap:10px;padding:14px;font-size:15px;display:flex}.result{flex-direction:column;gap:14px;padding:16px;display:flex}.result h2{color:var(--muted);margin:0;font-size:13px;font-weight:600}.result pre{white-space:pre-wrap;word-break:break-all;max-height:260px;margin:0;font-family:inherit;font-size:16px;line-height:23px;overflow:auto}.result pre.mono{font-family:var(--mono);color:#d4e8a0;font-size:13px;line-height:19px}.actions{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--raised);border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.chip:hover{background:#1f1f22}.methods{scrollbar-width:none;gap:8px;margin:-6px -20px 0;padding:2px 20px;scroll-padding:20px;display:flex;overflow-x:auto}.methods::-webkit-scrollbar{display:none}.method{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--muted);border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:600;transition:color .2s,background .15s;position:relative}.method:hover{color:var(--text)}.method[aria-selected=true]{color:var(--accent);border-color:#0000}.method span{position:relative}.method .method-pill{background:#c9f24e1a;border:1px solid #c9f24e73;border-radius:999px;position:absolute;inset:-1px}.shift{height:56px;padding-left:16px}.shift-label{flex:1;font-size:16px}.shift-value{text-align:center;font-variant-numeric:tabular-nums;width:32px;font-size:17px;font-weight:600}.footnote{color:var(--faint);text-align:center;margin:8px 4px 0;font-size:13px}