:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111213;--surface:#18191b;--surface-2:#202124;--border:#2b2d31;--border-strong:#3d4046;--text:#e7e6e3;--text-2:#a6a59f;--text-3:#74746f;--accent:#7ea6e0;--error:#ec7a72;--error-bg:#2a1716;--warn:#d8a646;--warn-bg:#2a2214;--ok:#86b97f;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--radius:4px;--page-width:1180px}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,kbd,.mono{font-family:var(--mono);font-size:.92em}kbd{border:1px solid var(--border-strong);color:var(--text-2);border-bottom-width:2px;border-radius:3px;padding:0 4px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::selection{background:#35507a}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg)}.topbar-inner,.page{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 20px}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:52px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;display:flex}.brand:hover{text-decoration:none}.brand img{width:auto;height:26px;display:block}.brand-name{border-left:1px solid var(--border-strong);padding-left:12px;font-weight:600}.topbar-nav{align-items:center;gap:16px;font-size:13px;display:flex}.topbar-nav a{color:var(--text-2)}.page{flex:1;padding-top:28px;padding-bottom:64px}.page-head{margin-bottom:20px}.page-head h1{font-size:20px;font-weight:600}.page-head p{color:var(--text-2);margin-top:4px}.footer{border-top:1px solid var(--border);color:var(--text-3);font-size:12px}.footer .page{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px;display:flex}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);height:32px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.btn:hover:not(:disabled){background:#292b2f;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--text);border-color:var(--text);color:#111;font-weight:600}.btn-primary:hover:not(:disabled){background:#fff}.btn-sm{height:26px;padding:0 8px;font-size:12px}.btn-link{height:auto;color:var(--accent);background:0 0;border:0;padding:0}.btn-link:hover:not(:disabled){background:0 0;text-decoration:underline}.input,.textarea,.select{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit}.input,.select{height:34px;padding:0 10px}.textarea{resize:vertical;font-family:var(--mono);padding:12px;font-size:13px;line-height:1.55;display:block}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.field{flex-direction:column;gap:5px;display:flex}.field>label,.field>.label{color:var(--text-2);font-size:12px}.hint{color:var(--text-3);font-size:12px}.check{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{accent-color:var(--accent);margin:0}.notice{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);border-left-width:3px;padding:9px 12px;font-size:13px}.notice-error{border-color:#5a2d2a;border-left-color:var(--error);background:var(--error-bg);color:#f3b3ad}.notice-warn{border-color:#554223;border-left-color:var(--warn);background:var(--warn-bg)}.meta{color:var(--text-2);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.text-ok{color:var(--ok)}.text-error{color:var(--error)}.text-warn{color:var(--warn)}.state{text-align:center;color:var(--text-2);padding:48px 0}.state h2{color:var(--text);margin-bottom:6px;font-size:17px}.state .btn{margin-top:18px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.topbar-inner,.page{padding-left:16px;padding-right:16px}.brand-name{display:none}}:root{--page-width:760px}.stack{flex-direction:column;gap:14px;display:flex}.secret-input{min-height:180px}.options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.box h2{font-size:16px;font-weight:600}.box>p{color:var(--text-2);margin-top:4px}.copy-row{gap:6px;display:flex}.copy-row .input{font-family:var(--mono);font-size:12.5px}.facts{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:13px;display:grid}.facts dt{color:var(--text-3)}.facts dd{margin:0}.secret-output{border:1px solid var(--border-strong);border-radius:var(--radius);max-height:420px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#0c0d0e;margin:0;padding:12px;font-size:13px;line-height:1.55;overflow:auto}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.row-end{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.how{border-top:1px solid var(--border);color:var(--text-2);margin-top:32px;padding-top:16px;font-size:13px}.how h3{color:var(--text);margin-bottom:6px;font-size:13px}.how ol{margin:0;padding-left:18px}.how li+li{margin-top:4px}@media (width<=640px){.options{grid-template-columns:1fr}}.title{font-size:18px;font-weight:600}
