:root{--jab-pink:#ff2ec8;--jab-blue:#1fb6ff;--jab-green:#00d084;--jab-char:#1e1e1e;--jab-paper:#f7f7f7;--jb-favicon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='48' fill='%237FFF41'/><text x='50' y='64' text-anchor='middle' font-size='44' font-family='Arial Black, sans-serif' font-weight='bold' fill='%23000'>JB</text></svg>")}*{box-sizing:border-box}body{font-family:Inter,Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--jab-char);color:var(--jab-paper)}.container{max-width:1080px;margin:0 auto;padding:28px}.header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:hsla(0,0%,4%,.6);border-bottom:1px solid hsla(0,0%,100%,.08)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}.brand{gap:12px}.brand-badge{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at center,var(--jab-pink) 0,var(--jab-blue) 70%);box-shadow:0 0 12px rgba(127,255,65,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px rgba(127,255,65,.4);transform:scale(1)}50%{box-shadow:0 0 25px rgba(127,255,65,.7);transform:scale(1.1)}}.brand-title{font-weight:800;letter-spacing:.2px}.card{background:#101010;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.h1{font-size:42px;line-height:1.1;margin:18px 0 10px}.lead{opacity:.92;font-size:18px;margin-bottom:18px}.row{grid-template-columns:1fr}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.label{font-size:12px;opacity:.85;margin-bottom:6px}.input,.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0d0d0d;color:#f5f5f5;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:10px 12px}.btn{gap:10px;padding:14px 18px;border-radius:14px;border:none;font-weight:800;transition:transform .08s ease,box-shadow .2s}.btn-primary{background:var(--jab-green);color:#0b0b0b;box-shadow:0 10px 26px rgba(0,208,132,.25)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--jab-green);border:2px solid var(--jab-green)}.kbd{padding:2px 8px;border-radius:6px;background:#0c0c0c;border:1px solid hsla(0,0%,100%,.12)}.footer{opacity:.8;font-size:14px;margin-top:28px}.link{color:var(--jab-blue);text-decoration:none}.link:hover{text-decoration:underline}.video{width:100%;max-height:520px;border-radius:16px;border:1px solid hsla(0,0%,100%,.1)}.prompt-block{flex:1 1 100%}:root{--jab-bg:#010e63;--jab-card:#0e0f16;--jab-ink:#fff;--jab-ink-dim:#cfd5ff;--jab-accent:#630183;--jab-cta:#7fff41;--jab-cta-ink:#000;--jab-outline:hsla(0,0%,100%,.1);--jab-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.03)}body,html{height:100%}body{margin:0;background:var(--jab-bg);color:var(--jab-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.topbar{position:-webkit-sticky;position:sticky;top:0;justify-content:space-between;padding:14px 24px;background:#000814;border-bottom:1px solid var(--jab-outline)}.brand,.topbar{display:flex;align-items:center}.brand{font-weight:700;letter-spacing:.3px;gap:10px}.logoDot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--jab-accent),#a400ff);box-shadow:0 0 10px rgba(163,0,255,.6)}.brandLink{color:var(--jab-ink-dim);text-decoration:none;font-size:14px}.brandLink:hover{text-decoration:underline}.wrap{max-width:1060px;margin:36px auto;padding:0 20px}.card{background:var(--jab-card);border:1px solid var(--jab-outline);border-radius:16px;padding:26px;box-shadow:var(--jab-shadow)}.title{font-size:42px;margin:6px 0 8px}.subtitle{margin:0 0 20px;color:var(--jab-ink-dim)}.field{margin:16px 0}.label{display:block;font-weight:600;margin:0 0 8px}.hint{font-size:12px;margin-top:6px}.hint,.hint-inline{color:var(--jab-ink-dim)}.hint-inline{font-weight:400;font-size:13px}.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:900px){.row{grid-template-columns:1fr}}.input{width:100%;padding:12px 14px;border-radius:10px;background:#0b0c12;color:var(--jab-ink);border:1px solid var(--jab-outline);outline:none}.input:focus{border-color:#3952ff;box-shadow:0 0 0 3px rgba(57,82,255,.25)}.input--textarea{min-height:164px;resize:vertical;line-height:1.5}.slider{width:100%;accent-color:var(--jab-accent)}.actions{margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;border:0;background:var(--jab-cta);color:var(--jab-cta-ink);font-weight:700;box-shadow:0 8px 22px rgba(127,255,65,.35);cursor:pointer;transition:transform .05s ease,box-shadow .2s ease}.btn:disabled{opacity:.6;cursor:default}.btn:not(:disabled):active{transform:translateY(1px);box-shadow:0 4px 14px rgba(127,255,65,.28)}.alert{border-radius:10px;background:#2a0b0b;border:1px solid #ff4d4d;color:#ffdede}.alert,.note{margin-top:14px;padding:12px 14px;font-size:14px}.note{border-radius:10px;background:#0b1329;border:1px solid #2743ff;color:#dbe1ff}.result{margin-top:16px}.resultLink{color:#9bd0ff;text-decoration:none;font-weight:600}.resultLink:hover{text-decoration:underline}.prompt-textarea{width:100%;min-width:100%;resize:vertical;font-size:15px;line-height:1.5}.auth-area{display:flex;align-items:center;gap:12px}@media (max-width:600px){.auth-area{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));right:calc(1rem + env(safe-area-inset-right));z-index:1000;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;padding:6px 8px}}