:root{font-family:Trebuchet MS,Gill Sans,Avenir Next Condensed,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#f8f2df;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 72% 18%,rgba(255,43,119,.24),transparent 25rem),linear-gradient(135deg,#0d1024,#151326 43%,#250f18);background-size:42px 42px,42px 42px,auto,auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button{border:0;font-family:inherit}input,select{font:inherit}#root{min-height:100vh}.shell{min-height:100vh;overflow-x:hidden;padding:clamp(1rem,3vw,2.5rem);position:relative}.shell:before{background:linear-gradient(115deg,transparent 0 44%,rgba(35,255,236,.7) 44% 45%,transparent 45%),linear-gradient(155deg,transparent 0 70%,rgba(255,209,76,.42) 70% 71%,transparent 71%);content:"";inset:0;opacity:.8;pointer-events:none;position:absolute}.hero{align-items:center;display:grid;gap:clamp(1.5rem,5vw,5rem);grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - clamp(2rem,6vw,5rem));position:relative;z-index:1}.copy{max-width:40rem}.mobile-logo{display:none}.eyebrow{color:#25ffe6;font-size:clamp(.86rem,1vw,1rem);font-weight:800;letter-spacing:.14em;margin:0 0 1rem;text-transform:uppercase}h1{color:#fff7d7;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(5.5rem,14vw,12rem);font-weight:900;letter-spacing:0;line-height:.78;margin:0;text-shadow:.06em .05em 0 #ff2f78,.1em .09em 0 #10132d;text-transform:uppercase}.intro{color:#f0d9bb;font-size:clamp(1.08rem,2vw,1.35rem);margin:2rem 0;max-width:36rem}.generator{background:#070a1cc7;border:2px solid #2ffff1;box-shadow:10px 10px #ff2f78,0 0 44px #2ffff129;display:grid;gap:.75rem;max-width:42rem;padding:clamp(1rem,2.5vw,1.4rem)}.generator label{color:#ffd14c;display:block;font-size:.9rem;font-weight:900;text-transform:uppercase}.input-row input{background:#fff7d7;border:2px solid #0d1024;border-radius:0;color:#0d1024;font:inherit;font-weight:800;min-height:3.25rem;min-width:0;padding:0 1rem;width:100%}.input-row input:focus-visible{outline:3px solid #25ffe6;outline-offset:2px}.tool-picker{position:relative;z-index:10}.tool-trigger{align-items:center;background:#fff7d7;border:2px solid #0d1024;color:#0d1024;cursor:pointer;display:flex;font:inherit;font-weight:900;justify-content:space-between;min-height:3.25rem;padding:0 .85rem 0 1rem;text-align:left;width:100%}.tool-trigger span{display:grid;gap:.1rem;min-width:0}.tool-trigger strong,.tool-trigger small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-trigger small{color:#0d1024ad;font-size:.72rem;text-transform:uppercase}.tool-trigger kbd{background:#11142e;color:#25ffe6;font-size:.78rem;font-weight:900;padding:.12rem .38rem}.tool-trigger:focus-visible{outline:3px solid #25ffe6;outline-offset:2px}.tool-menu{background:#080b21;border:2px solid #25ffe6;box-shadow:8px 8px #ff2f78,0 0 38px #2ffff12e;display:grid;gap:.6rem;grid-template-rows:auto minmax(0,1fr);left:0;max-height:min(28rem,70vh);overflow:hidden;padding:.75rem;position:absolute;right:0;top:calc(100% + .45rem)}.tool-search{background:#fff7d7;border:2px solid #0d1024;border-radius:0;color:#0d1024;font:inherit;font-weight:800;min-height:2.75rem;padding:0 .85rem;width:100%}.tool-list{display:grid;gap:.7rem;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:.2rem;-webkit-overflow-scrolling:touch}.tool-group{display:grid;gap:.35rem}.tool-group p{color:#ffd14c;font-size:.76rem;font-weight:900;margin:0;text-transform:uppercase}.tool-option{background:#fff7d70f;border-left:3px solid transparent;color:#fff7d7;cursor:pointer;display:grid;gap:.15rem;padding:.55rem .65rem;text-align:left;width:100%}.tool-option[aria-selected=true],.tool-option:hover,.tool-option:focus-visible{background:#25ffe61f;border-left-color:#25ffe6;outline:0}.tool-option span{font-weight:900}.tool-option small{color:#f0d9bb;font-size:.78rem;line-height:1.25}.tool-empty{color:#f0d9bb;font-weight:800;margin:0;padding:.8rem}.tool-description{color:#f0d9bb;font-size:1rem;line-height:1.35;margin:0}.input-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto}.generate-actions button,.input-row button{background:#ff2f78;color:#fff7d7;cursor:pointer;font-size:1rem;font-weight:900;min-height:3.25rem;padding:0 1.35rem;text-transform:uppercase;transition:background .16s ease,color .16s ease,transform .16s ease}.generate-actions button:hover:not(:disabled),.input-row button:hover:not(:disabled){background:#25ffe6;color:#11142e;transform:translate(-2px,-2px)}.generate-actions button:disabled,.input-row button:disabled{cursor:wait;opacity:.72}.generate-actions button:focus-visible,.input-row button:focus-visible{outline:3px solid #ffd14c;outline-offset:3px}.generate-actions{display:flex;justify-content:flex-end}.field-grid{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field-control{display:grid;gap:.35rem}.field-control span{color:#ffd14c;font-size:.78rem;font-weight:900;text-transform:uppercase}.field-control input{background:#fff7d7eb;border:2px solid #0d1024;border-radius:0;color:#0d1024;font:inherit;font-weight:800;min-height:2.7rem;min-width:0;padding:0 .8rem;width:100%}.field-control input:focus-visible{outline:3px solid #25ffe6;outline-offset:2px}.examples{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.examples span{color:#ffd14c;font-size:.75rem;font-weight:900;text-transform:uppercase}.examples button{background:#fff7d714;border:1px solid rgba(255,247,215,.28);color:#f0d9bb;cursor:pointer;font-size:.82rem;font-weight:800;padding:.25rem .45rem}.examples button:hover,.examples button:focus-visible{background:#25ffe6;color:#11142e;outline:0}.error{color:#ffd14c;font-weight:800;margin:0}.showcase{align-items:center;display:grid;justify-items:center;position:relative}.mascot{filter:drop-shadow(18px 20px 0 rgba(255,47,120,.42));max-width:min(22rem,80vw);position:relative;width:100%;z-index:2}.result-stage{display:grid;margin-top:-2rem;position:relative;width:min(20rem,68vw);z-index:3}.result-box{align-items:center;background:#fff7d7;border:3px solid #11142e;box-shadow:12px 12px #25ffe6,-10px -10px #ff2f78;display:grid;justify-items:center;min-height:min(22rem,54vh);overflow:hidden;padding:0;position:relative;transform:rotate(-2deg)}.loading-generate{animation:generate-scan .9s linear infinite;background:linear-gradient(90deg,transparent,rgba(37,255,230,.28),transparent);inset:0;position:absolute;z-index:2}.empty-result{color:#11142e;font:900 1rem/1.35 Trebuchet MS,system-ui,sans-serif;margin:0;max-width:13rem;text-align:center;text-transform:uppercase}.qr-result{display:block;height:auto;max-height:min(21rem,52vh);max-width:100%;object-fit:contain;width:auto}.text-result{color:#11142e;font:800 1rem/1.45 Trebuchet MS,system-ui,sans-serif;margin:0;max-height:min(18rem,46vh);overflow:auto;padding:1rem;white-space:pre-wrap;width:100%}.field-result{display:grid;gap:.5rem;margin:0;padding:1rem;width:100%}.field-result div{background:#11142e14;border-left:3px solid #ff2f78;padding:.55rem .65rem}.field-result dt{color:#11142e;font-size:.72rem;font-weight:900;text-transform:uppercase}.field-result dd{color:#11142e;font-weight:800;margin:.15rem 0 0;overflow-wrap:anywhere}.palette-result{display:grid;gap:.5rem;grid-template-columns:repeat(5,minmax(0,1fr));min-height:16rem;padding:1rem;width:100%}.swatch{align-items:end;border:1px solid #11142e;display:flex;min-height:100%;padding:.45rem}.swatch span{background:#070a1cd6;color:#fff7d7;font-size:.68rem;font-weight:900;padding:.2rem;width:100%}.result-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:1.25rem}.result-actions a,.result-actions button{background:#080b21;border:1px solid rgba(37,255,230,.75);color:#fff7d7;cursor:pointer;font:inherit;font-size:.78rem;font-weight:900;padding:.4rem .55rem;text-decoration:none;text-transform:uppercase}.result-actions a:hover,.result-actions button:hover,.result-actions a:focus-visible,.result-actions button:focus-visible{background:#25ffe6;color:#11142e;outline:0}.result-actions span{color:#ffd14c;font-size:.78rem;font-weight:900;padding:.4rem 0;text-transform:uppercase}@keyframes generate-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:820px){body{overflow-x:hidden;overflow-y:auto}.shell{min-height:100dvh;overflow-x:hidden;overflow-y:visible}.hero{align-items:start;gap:1rem;grid-template-columns:1fr;min-height:auto;padding:2rem 0}.copy{display:grid;gap:0 1rem;grid-template-areas:"logo title" "logo intro" "generator generator";grid-template-columns:auto minmax(0,1fr)}.mobile-logo{display:block;filter:drop-shadow(6px 7px 0 rgba(255,47,120,.36));grid-area:logo;width:clamp(3.25rem,18vw,5rem)}h1{grid-area:title;font-size:clamp(3.7rem,18vw,6rem)}.intro{grid-area:intro;margin:.4rem 0 0}.generator{grid-area:generator;margin-top:1.25rem;max-width:none;width:100%}.showcase{margin-top:1rem}.mascot{display:none}.result-stage{margin-top:0;width:min(22rem,86vw)}.qr-result{max-width:100%}.tool-menu{inset:1rem;max-height:none;position:fixed;z-index:40}}@media(max-width:560px){.input-row,.field-grid{grid-template-columns:1fr}.generate-actions button,.input-row button{width:100%}}