: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}::selection{background:#25ffe6;color:#0d1024}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;scrollbar-color:#25ffe6 #11142e;scrollbar-width:thin}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}.shell:after{background:linear-gradient(rgba(255,247,215,.035) 50%,transparent 50%),radial-gradient(ellipse at center,transparent 42%,rgba(7,10,28,.34) 100%);background-size:100% 4px,auto;content:"";inset:0;mix-blend-mode:soft-light;opacity:.52;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}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.mobile-logo-button,.mascot-button{background:transparent;cursor:pointer;padding:0;position:relative}.mobile-logo-button{display:none}.mobile-logo-button:focus-visible,.mascot-button:focus-visible{outline:3px solid #ffd14c;outline-offset:6px}.mobile-logo-button[data-impact=true],.mascot-button[data-impact=true]{animation:pashi-impact .22s cubic-bezier(.16,1,.3,1)}.mobile-logo-button[data-loading=true]:after,.mascot-button[data-loading=true]:after{animation:pashi-loading-ring .74s steps(4,end) infinite;border:3px solid rgba(37,255,230,.78);border-left-color:#ff2f78;border-radius:999px;content:"";inset:10%;position:absolute;z-index:1}.mobile-logo-button[data-loading=true] img,.mascot-button[data-loading=true] img{animation:pashi-loading-pop .74s steps(2,end) infinite}.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{-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);background:linear-gradient(135deg,rgba(37,255,230,.055),transparent 34%),#070a1ccc;border:2px solid #2ffff1;box-shadow:10px 10px #ff2f78,0 0 44px #2ffff129,inset 0 0 0 1px #fff7d70a;display:grid;gap:.75rem;max-width:42rem;padding:clamp(1rem,2.5vw,1.4rem);transition:border-color .18s ease,box-shadow .18s ease}.generator:focus-within{border-color:#ffd14c;box-shadow:10px 10px #ff2f78,0 0 54px #2ffff138,inset 0 0 0 1px #fff7d714}.generator label{color:#ffd14c;display:block;font-size:.9rem;font-weight:900;text-transform:uppercase}.generator-loading{min-height:8.2rem}.generator-loading .tool-description{animation:loading-copy-step .74s steps(2,end) infinite;color:#25ffe6;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;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.input-row input:focus-visible{background:#fffbea;box-shadow:4px 4px #ff2f78;outline:3px solid #25ffe6;outline-offset:2px;transform:translate(-1px,-1px)}.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;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.tool-trigger:hover{background:#fffbea;box-shadow:4px 4px #ff2f78;transform:translate(-1px,-1px)}.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(var(--tool-menu-max-height),calc(100dvh - 2rem));overflow:hidden;padding:.75rem;position:absolute;top:calc(100% + .5rem);transform-origin:top center;width:100%;z-index:80}.tool-menu[data-side=top]{bottom:calc(100% + .5rem);top:auto;transform-origin:bottom center}.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;scrollbar-color:#25ffe6 rgba(255,247,215,.08);scrollbar-width:thin}.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;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;width:100%}.tool-option[aria-selected=true],.tool-option[data-active=true],.tool-option:hover,.tool-option:focus-visible{background:#25ffe61f;border-left-color:#25ffe6;outline:0}.tool-option[data-active=true]{box-shadow:inset 0 0 0 1px #25ffe673;transform:translate(2px)}.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)}.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:active:not(:disabled),.input-row button:active:not(:disabled){transform:translate(0)}.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{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.mode-toggle{background:#10132d;border:2px solid #25ffe6;display:inline-grid;grid-template-columns:1fr 1fr;min-height:2.25rem}.mode-control{align-items:center;display:inline-flex;gap:.5rem}.mode-control>span{color:#ffd14c;font-size:.76rem;font-weight:900;text-transform:uppercase}.mode-toggle button{background:transparent;color:#25ffe6;font-size:.76rem;min-height:auto;min-width:5.25rem;padding:0 .65rem}.mode-toggle button[aria-pressed=true]{background:#25ffe6;color:#10132d}.mode-toggle button:hover{background:#ffd14c;color:#10132d;transform:none}.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,.field-control select,.field-control textarea{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;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.field-control textarea{min-height:6rem;padding-block:.65rem;resize:vertical}.field-control input:focus-visible,.field-control select:focus-visible,.field-control textarea:focus-visible{background:#fffbea;box-shadow:4px 4px #ff2f78;outline:3px solid #25ffe6;outline-offset:2px;transform:translate(-1px,-1px)}.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;transition:background .14s ease,color .14s ease,transform .14s ease}.examples button:hover,.examples button:focus-visible{background:#25ffe6;color:#11142e;outline:0;transform:translateY(-1px)}.error{color:#ffd14c;font-weight:800;margin:0}.showcase{align-items:center;display:grid;justify-items:center;position:relative}.mascot-button{display:grid;justify-items:center;width:min(22rem,80vw);z-index:2}.mascot{filter:drop-shadow(18px 20px 0 rgba(255,47,120,.42));max-width:100%;position:relative;width:100%;z-index:2}.result-stage{display:grid;justify-items:center;margin-top:-2rem;position:relative;width:min(24rem,70vw,100%);z-index:3}.result-box{align-items:center;aspect-ratio:1 / 1;background:#fff7d7;border:3px solid #11142e;box-shadow:12px 12px #25ffe6,-10px -10px #ff2f78;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:stretch;overflow:hidden;padding:0;position:relative;transform:rotate(-2deg);transition:box-shadow .18s ease,transform .18s ease;width:100%}.result-content{display:grid;height:100%;justify-items:stretch;min-height:0;place-items:center;width:100%}.result-generated-at{align-items:center;background:linear-gradient(90deg,#11142e 0 72%,#11142eeb);border-top:2px solid rgba(17,20,46,.2);color:#fff7d7;display:flex;font-size:.68rem;font-weight:900;gap:.35rem;justify-self:stretch;letter-spacing:.04em;margin:0;min-height:1.55rem;overflow:hidden;padding:.3rem .65rem;pointer-events:none;position:relative;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;z-index:3}.result-generated-at:before{background:#ffd14c;content:"";flex:0 0 .45rem;height:.45rem}.result-box:after{border:1px solid rgba(255,247,215,.42);content:"";inset:.55rem .55rem 2rem;pointer-events:none;position:absolute}.result-stage:hover .result-box{box-shadow:14px 14px #25ffe6,-10px -10px #ff2f78,0 0 42px #25ffe62e;transform:rotate(-1.4deg) translateY(-1px)}.result-box[data-result-kind=image]{background:#fff}.result-box[data-result-kind=image] .result-content{background:#fff;padding:.75rem}.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}.image-result{display:block;height:100%;min-height:0;object-fit:contain;width:100%}.text-result{color:#11142e;font:800 1rem/1.45 Trebuchet MS,system-ui,sans-serif;margin:0;max-height:100%;overflow:auto;padding:1rem;scrollbar-color:#ff2f78 rgba(17,20,46,.12);scrollbar-width:thin;white-space:pre-wrap;width:100%}.field-result{display:grid;gap:.5rem;margin:0;max-height:100%;overflow:auto;padding:1rem;scrollbar-color:#ff2f78 rgba(17,20,46,.12);scrollbar-width:thin;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;white-space:pre-wrap}.records-result{color:#11142e;margin:0;max-height:100%;overflow:auto;padding:1rem;scrollbar-color:#ff2f78 rgba(17,20,46,.12);scrollbar-width:thin;width:100%}.records-result table{border-collapse:collapse;font:800 .78rem/1.35 Trebuchet MS,system-ui,sans-serif;min-width:100%}.records-result th,.records-result td{border-bottom:1px solid rgba(17,20,46,.2);padding:.45rem .55rem;text-align:left;vertical-align:top}.records-result th{color:#ff2f78;font-size:.68rem;text-transform:uppercase}.records-result td{overflow-wrap:anywhere;white-space:pre-wrap}.palette-result{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));max-height:100%;overflow:auto;padding:1rem;scrollbar-color:#ff2f78 rgba(17,20,46,.12);scrollbar-width:thin;width:100%}.swatch{align-items:end;aspect-ratio:1;border:1px solid #11142e;display:flex;min-height:100%;min-width:0;padding:.45rem}.swatch span{background:#070a1cd6;color:#fff7d7;font-size:clamp(.56rem,2.2vw,.68rem);font-weight:900;overflow-wrap:anywhere;padding:.2rem;text-align:center;width:100%}.colour-records-result{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));max-height:100%;overflow:auto;padding:1rem;scrollbar-color:#ff2f78 rgba(17,20,46,.12);scrollbar-width:thin;width:100%}.colour-card{aspect-ratio:1;border:1px solid #11142e;color:#fff7d7;display:grid;min-width:0;padding:.6rem}.colour-card>strong,.colour-card>span,.colour-card dl{align-self:end;background:#070a1cdb;overflow-wrap:anywhere;padding:.28rem .35rem}.colour-card>strong{font-size:clamp(.74rem,2.4vw,.92rem);line-height:1.1}.colour-card>span{color:#25ffe6;font-size:.66rem;font-weight:900;text-transform:uppercase}.colour-card dl{display:grid;gap:.24rem;margin:0}.colour-card dl div{display:grid;gap:.2rem;grid-template-columns:3.4rem minmax(0,1fr)}.colour-card dt,.colour-card dd{font-size:.62rem;line-height:1.15;margin:0}.colour-card dt{color:#ffd14c;font-weight:900}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;justify-self:center;margin-top:1.45rem;max-width:18rem;width:100%}.result-actions a,.result-actions button{background:#080b21;border:1px solid rgba(37,255,230,.75);color:#fff7d7;cursor:pointer;display:grid;font:900 1rem/1 Trebuchet MS,system-ui,sans-serif;height:2.45rem;place-items:center;padding:0;text-decoration:none;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;width:2.45rem}.result-actions a span,.result-actions button span{display:block;transform:translateY(-.02rem)}.result-actions a:hover,.result-actions button:hover,.result-actions a:focus-visible,.result-actions button:focus-visible{background:#25ffe6;box-shadow:4px 4px #ff2f78;color:#11142e;outline:0;transform:translate(-1px,-1px)}.result-actions a:active,.result-actions button:active{box-shadow:none;transform:translate(0)}.pashi-toast{animation:toast-in .18s cubic-bezier(.16,1,.3,1);background:#11142e;border:2px solid #25ffe6;bottom:1.25rem;box-shadow:6px 6px #ff2f78;color:#ffd14c;font-size:.8rem;font-weight:900;max-width:min(18rem,calc(100vw - 2rem));padding:.7rem .8rem;position:fixed;right:1.25rem;text-transform:uppercase;z-index:70}@keyframes generate-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pashi-impact{0%{transform:scale(1) rotate(0)}38%{transform:scale(.9) rotate(-5deg)}64%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes pashi-loading-pop{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.18rem) scale(1.025)}}@keyframes pashi-loading-ring{to{transform:rotate(360deg)}}@keyframes loading-copy-step{50%{opacity:.46}}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mobile-logo-button[data-impact=true],.mascot-button[data-impact=true],.mobile-logo-button[data-loading=true] img,.mascot-button[data-loading=true] img,.mobile-logo-button[data-loading=true]:after,.mascot-button[data-loading=true]:after,.generator-loading .tool-description,.loading-generate,.pashi-toast{animation:none}}@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-button{display:block;grid-area:logo;width:clamp(3.25rem,18vw,5rem)}.mobile-logo{display:block;filter:drop-shadow(6px 7px 0 rgba(255,47,120,.36));width:100%}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-button{display:none}.result-stage{margin-top:0;width:min(22rem,86vw)}.image-result{max-width:100%}.tool-menu{box-shadow:6px 6px #ff2f78,0 0 32px #2ffff129;max-height:min(var(--tool-menu-max-height),calc(100dvh - 1.5rem))}}@media(max-width:560px){.input-row,.field-grid{grid-template-columns:1fr}.generate-actions button,.input-row button{width:100%}}