.maker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);max-width:1200px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(16px,3vw,32px) 0;display:grid}.maker-copy{padding-top:clamp(0px,4vw,56px)}.maker h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 18px;font-size:clamp(40px,5.6vw,70px);font-weight:700;line-height:1}.maker-sub{max-width:470px;color:var(--text-soft);font-size:var(--fs-lg);margin:0 0 28px;line-height:1.55}.maker-form{border:1px solid rgb(var(--accent-rgb) / .35);background:var(--surface-solid);box-shadow:0 24px 70px -30px rgb(var(--accent-rgb) / .35);border-radius:18px;gap:10px;padding:10px;transition:border-color .2s,box-shadow .2s;display:grid}.maker-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .12), 0 24px 70px -30px rgb(var(--accent-rgb) / .45)}.maker-form textarea{resize:none;width:100%;min-height:64px;color:var(--text);font:500 var(--fs-lg) / 1.45 var(--font);field-sizing:content;background:0 0;border:0;outline:none;max-height:160px;padding:8px 10px}.maker-form textarea::placeholder{color:var(--faint)}.maker-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.arms{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin:0;padding:2px;display:inline-flex}.arms label{cursor:pointer;position:relative}.arms input{opacity:0;pointer-events:none;position:absolute}.arms span{color:var(--muted);line-height:26px;font-size:var(--fs-sm);border-radius:7px;padding:0 11px;font-weight:500;transition:color .15s,background .15s;display:block}.arms input:checked+span{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 1px var(--border-2) inset}.arms input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.boost{cursor:pointer;margin-left:auto;position:relative}.boost input{opacity:0;pointer-events:none;position:absolute}.boost input+span{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted);font-size:var(--fs-sm);border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.boost svg{fill:currentColor;width:12px;height:12px}.boost:hover input+span{color:var(--text)}.boost.is-locked{cursor:help}.boost.is-locked input+span{color:var(--faint);border-style:dashed}.boost-tip{z-index:5;border:1px solid rgb(var(--amber-rgb) / .45);background:var(--bg-2);width:max-content;max-width:min(260px,80vw);color:var(--text);font-size:var(--fs-sm);box-shadow:0 12px 30px -12px rgb(var(--shade-rgb) / .8);opacity:0;pointer-events:none;transition:opacity .15s, transform .15s var(--ease-out);border-radius:10px;padding:8px 11px;line-height:1.4;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px)}.boost.is-locked:hover .boost-tip,.boost.is-locked:focus-within .boost-tip,.boost.tip-open .boost-tip{opacity:1;transform:none}.boost input:checked+span{border-color:rgb(var(--amber-rgb) / .55);background:rgb(var(--amber-rgb) / .12);color:var(--amber)}.boost input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.boost-hint{color:var(--muted);font-size:var(--fs-sm);margin:10px 0 0}.paint-btn{border-radius:9px;min-width:132px;height:32px}.ideas{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.ideas-label{color:var(--faint);font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-right:2px}.idea{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font:500 13px var(--font);cursor:pointer;transition:border-color .15s, background .15s, transform .15s var(--ease-out);border-radius:999px;padding:6px 12px}.idea:hover{border-color:rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .08);color:var(--text)}.idea:active{transform:scale(.97)}.ideas-shuffle{border:1px solid var(--border);background:var(--surface);width:31px;height:31px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-grid}.ideas-shuffle:hover{border-color:rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .08);color:var(--text)}.ideas-shuffle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ideas-shuffle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.ideas-shuffle.is-spinning svg{animation:shuffle-spin .4s var(--ease-out)}@keyframes shuffle-spin{0%{transform:rotate(-180deg)scale(.7)}}@media (prefers-reduced-motion:reduce){.ideas-shuffle.is-spinning svg{animation:none}}.stage{border:1px solid var(--border-2);background:rgb(var(--panel-rgb) / .92);box-shadow:0 40px 120px -50px rgb(var(--sky-rgb) / .45), 0 24px 60px -30px rgb(var(--shade-rgb) / .8);border-radius:22px;margin:0;position:relative;overflow:hidden}.stage-view{--u:10px;--block:calc(var(--u) * 16);--top:calc(var(--u) * 2.8);--ground:calc(var(--u) * 7 + var(--top));background:linear-gradient(#78a7ff,#a3c2ff 62%,#c3d8ff);height:clamp(380px,46vw,520px);position:relative}.stage-clouds{inset:0 0 var(--ground);pointer-events:none;position:absolute;overflow:hidden}.stage-clouds i{width:calc(100% + var(--tile));will-change:transform;animation:120s linear infinite clouds;position:absolute;left:0}.stage-clouds i:first-child{--tile:768px;height:calc(var(--tile) / 32);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 3' shape-rendering='crispEdges'><path fill='%23fff' d='M6 0h16v1H6zM22 1h8v1H22zM60 0h10v1H60zM56 1h4v1H56zM84 0h8v1H84z'/><path fill='%23dbe5f6' d='M6 1h16v1H6zM6 2h24v1H6zM60 1h10v1H60zM56 2h18v1H56zM84 1h8v1H84z'/></svg>") 0 0 / var(--tile) 100% repeat-x;opacity:.72;animation-duration:200s;top:8%}.stage-clouds i:last-child{--tile:768px;height:calc(var(--tile) / 16);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 4' shape-rendering='crispEdges'><path fill='%23fff' d='M2 0h12v1H2zM14 1h16v1H14zM44 0h10v1H44zM40 1h4v1H40zM54 1h4v1H54z'/><path fill='%23d8e2f4' d='M2 1h12v1H2zM2 2h28v1H2zM6 3h18v1H6zM44 1h10v1H44zM40 2h18v1H40zM42 3h8v1H42z'/></svg>") 0 0 / var(--tile) 100% repeat-x;opacity:.9;background-position-x:300px;top:19%}.stage.is-offscreen .stage-clouds i{animation-play-state:paused}@keyframes clouds{to{transform:translateX(calc(var(--tile) * -1))}}.stage-view:after{content:"";height:var(--ground);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' preserveAspectRatio='none' shape-rendering='crispEdges'><path fill='%237bbb48' d='M0 0h3v1H0zM4 0h1v1H4zM9 0h1v1H9zM14 0h2v1H14zM4 1h1v1H4zM6 1h1v1H6zM8 1h1v1H8zM2 2h2v1H2zM6 2h1v1H6zM15 2h1v1H15zM1 3h1v1H1zM4 3h1v1H4zM8 3h1v1H8zM12 3h1v1H12zM15 3h1v1H15zM1 4h1v1H1zM7 4h1v1H7zM12 4h2v1H12zM15 4h1v1H15zM0 5h1v1H0zM6 5h1v1H6zM10 5h1v1H10zM0 6h1v1H0zM5 6h1v1H5zM8 6h2v1H8zM2 7h1v1H2zM4 7h2v1H4zM1 8h1v1H1zM9 8h1v1H9zM14 8h1v1H14zM1 9h5v1H1zM7 9h1v1H7zM10 9h2v1H10zM14 9h2v1H14zM1 10h1v1H1zM3 10h1v1H3zM5 10h3v1H5zM9 10h3v1H9zM15 10h1v1H15zM2 11h2v1H2zM8 11h3v1H8zM12 11h3v1H12zM0 12h4v1H0zM7 12h1v1H7zM9 12h2v1H9zM6 13h2v1H6zM15 13h1v1H15zM2 14h1v1H2zM4 14h1v1H4zM6 14h1v1H6zM8 14h1v1H8zM10 14h2v1H10zM14 14h2v1H14zM2 15h1v1H2zM7 15h2v1H7zM10 15h1v1H10z'/><path fill='%238bc955' d='M3 0h1v1H3zM5 0h1v1H5zM8 0h1v1H8zM10 0h1v1H10zM3 1h1v1H3zM11 1h1v1H11zM14 1h2v1H14zM1 2h1v1H1zM5 2h1v1H5zM7 2h2v1H7zM10 3h1v1H10zM13 3h1v1H13zM5 4h1v1H5zM8 4h2v1H8zM1 5h1v1H1zM3 5h1v1H3zM7 5h1v1H7zM9 5h1v1H9zM1 6h1v1H1zM4 6h1v1H4zM13 6h1v1H13zM0 7h1v1H0zM3 7h1v1H3zM9 7h1v1H9zM12 7h3v1H12zM7 8h2v1H7zM15 8h1v1H15zM13 9h1v1H13zM13 10h2v1H13zM0 11h2v1H0zM5 11h2v1H5zM9 13h1v1H9zM7 14h1v1H7zM0 15h2v1H0zM4 15h1v1H4zM11 15h1v1H11z'/><path fill='%235f9a35' d='M6 0h1v1H6zM11 0h1v1H11zM0 1h1v1H0zM5 1h1v1H5zM7 1h1v1H7zM9 1h2v1H9zM11 2h3v1H11zM0 3h1v1H0zM9 3h1v1H9zM11 3h1v1H11zM14 3h1v1H14zM2 4h2v1H2zM14 4h1v1H14zM2 5h1v1H2zM4 5h1v1H4zM14 5h2v1H14zM2 6h2v1H2zM12 6h1v1H12zM14 6h1v1H14zM1 7h1v1H1zM6 7h1v1H6zM8 7h1v1H8zM5 8h1v1H5zM12 8h1v1H12zM0 10h1v1H0zM4 11h1v1H4zM4 12h2v1H4zM11 12h1v1H11zM14 12h2v1H14zM3 13h1v1H3zM10 13h1v1H10zM14 13h1v1H14zM1 14h1v1H1zM3 14h1v1H3zM13 14h1v1H13zM5 15h2v1H5zM9 15h1v1H9z'/><path fill='%236dab3e' d='M7 0h1v1H7zM12 0h2v1H12zM1 1h2v1H1zM12 1h2v1H12zM0 2h1v1H0zM4 2h1v1H4zM9 2h2v1H9zM14 2h1v1H14zM2 3h2v1H2zM5 3h3v1H5zM0 4h1v1H0zM4 4h1v1H4zM6 4h1v1H6zM10 4h2v1H10zM5 5h1v1H5zM8 5h1v1H8zM11 5h3v1H11zM6 6h2v1H6zM10 6h2v1H10zM15 6h1v1H15zM7 7h1v1H7zM10 7h2v1H10zM15 7h1v1H15zM0 8h1v1H0zM2 8h3v1H2zM6 8h1v1H6zM10 8h2v1H10zM13 8h1v1H13zM0 9h1v1H0zM6 9h1v1H6zM8 9h2v1H8zM12 9h1v1H12zM2 10h1v1H2zM4 10h1v1H4zM8 10h1v1H8zM12 10h1v1H12zM7 11h1v1H7zM11 11h1v1H11zM15 11h1v1H15zM6 12h1v1H6zM8 12h1v1H8zM12 12h2v1H12zM0 13h3v1H0zM4 13h2v1H4zM8 13h1v1H8zM11 13h3v1H11zM0 14h1v1H0zM5 14h1v1H5zM9 14h1v1H9zM12 14h1v1H12zM3 15h1v1H3zM12 15h4v1H12z'/></svg>") 50% 0 / var(--block) var(--top) repeat-x, url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><path fill='%236c9b3f' d='M0 0h1v1H0zM2 0h2v1H2zM5 0h2v1H5zM8 0h1v1H8zM12 0h1v1H12zM14 0h1v1H14z'/><path fill='%235d8b34' d='M1 0h1v1H1zM4 0h1v1H4zM7 0h1v1H7zM9 0h3v1H9zM13 0h1v1H13zM15 0h1v1H15zM0 1h1v1H0zM3 1h1v1H3zM10 1h3v1H10zM14 1h2v1H14zM0 2h1v1H0zM6 2h1v1H6zM13 2h2v1H13zM10 4h1v1H10z'/><path fill='%234f7b2b' d='M1 1h2v1H1zM4 1h6v1H4zM13 1h1v1H13zM2 2h1v1H2zM10 2h1v1H10zM0 3h1v1H0zM5 3h1v1H5zM14 3h1v1H14z'/><path fill='%23426924' d='M1 2h1v1H1zM4 2h2v1H4zM8 2h2v1H8zM11 2h1v1H11zM15 2h1v1H15zM2 3h1v1H2zM6 3h1v1H6zM9 3h2v1H9zM13 3h1v1H13zM0 4h1v1H0zM5 4h1v1H5zM14 4h1v1H14zM10 5h1v1H10z'/><path fill='%234c3322' d='M3 2h1v1H3zM7 2h1v1H7zM12 2h1v1H12zM1 3h1v1H1zM3 3h2v1H3zM8 3h1v1H8zM15 3h1v1H15zM1 4h2v1H1zM6 4h1v1H6zM8 4h2v1H8zM4 5h2v1H4zM2 6h1v1H2zM9 6h1v1H9zM13 6h1v1H13zM3 7h2v1H3zM8 7h1v1H8zM15 7h1v1H15zM0 8h1v1H0zM9 8h1v1H9zM5 9h1v1H5zM9 9h1v1H9zM11 9h1v1H11zM13 9h1v1H13zM0 10h1v1H0zM5 10h1v1H5zM13 10h1v1H13zM3 11h1v1H3zM7 11h3v1H7zM11 11h1v1H11zM9 12h1v1H9zM0 13h4v1H0zM13 13h1v1H13zM1 14h1v1H1zM3 14h1v1H3zM9 15h2v1H9z'/><path fill='%235d412b' d='M7 3h1v1H7zM12 3h1v1H12zM13 4h1v1H13zM0 5h1v1H0zM2 5h1v1H2zM7 5h3v1H7zM12 5h2v1H12zM15 5h1v1H15zM3 6h1v1H3zM12 6h1v1H12zM15 6h1v1H15zM5 7h2v1H5zM13 7h2v1H13zM1 8h1v1H1zM3 8h1v1H3zM5 8h4v1H5zM0 9h1v1H0zM4 9h1v1H4zM7 9h2v1H7zM14 9h1v1H14zM1 10h1v1H1zM4 10h1v1H4zM9 10h1v1H9zM1 11h1v1H1zM6 11h1v1H6zM12 11h1v1H12zM1 12h1v1H1zM3 12h1v1H3zM5 12h1v1H5zM7 12h2v1H7zM14 12h1v1H14zM4 13h1v1H4zM12 13h1v1H12zM14 13h1v1H14zM2 14h1v1H2zM5 14h1v1H5zM9 14h1v1H9zM11 14h1v1H11zM4 15h1v1H4zM15 15h1v1H15z'/><path fill='%23775739' d='M11 3h1v1H11zM4 4h1v1H4zM15 4h1v1H15zM1 5h1v1H1zM3 5h1v1H3zM6 5h1v1H6zM11 5h1v1H11zM5 6h3v1H5zM10 6h1v1H10zM0 7h3v1H0zM12 7h1v1H12zM10 8h2v1H10zM13 8h2v1H13zM2 9h1v1H2zM6 9h1v1H6zM10 9h1v1H10zM3 10h1v1H3zM7 10h1v1H7zM11 10h2v1H11zM0 11h1v1H0zM2 12h1v1H2zM4 12h1v1H4zM13 12h1v1H13zM15 12h1v1H15zM6 13h1v1H6zM8 13h1v1H8zM4 14h1v1H4zM7 14h1v1H7zM2 15h2v1H2zM12 15h2v1H12z'/><path fill='%23694a30' d='M3 4h1v1H3zM7 4h1v1H7zM11 4h2v1H11zM14 5h1v1H14zM0 6h2v1H0zM4 6h1v1H4zM8 6h1v1H8zM11 6h1v1H11zM14 6h1v1H14zM7 7h1v1H7zM9 7h3v1H9zM2 8h1v1H2zM4 8h1v1H4zM12 8h1v1H12zM15 8h1v1H15zM1 9h1v1H1zM12 9h1v1H12zM15 9h1v1H15zM2 10h1v1H2zM8 10h1v1H8zM10 10h1v1H10zM14 10h2v1H14zM5 11h1v1H5zM10 11h1v1H10zM14 11h2v1H14zM0 12h1v1H0zM10 12h3v1H10zM5 13h1v1H5zM7 13h1v1H7zM9 13h3v1H9zM6 14h1v1H6zM10 14h1v1H10zM12 14h4v1H12zM1 15h1v1H1zM5 15h4v1H5zM11 15h1v1H11zM14 15h1v1H14z'/><path fill='%23896746' d='M3 9h1v1H3zM6 10h1v1H6zM2 11h1v1H2zM4 11h1v1H4zM13 11h1v1H13zM6 12h1v1H6zM15 13h1v1H15zM0 14h1v1H0zM8 14h1v1H8zM0 15h1v1H0z'/></svg>") 50% var(--top) / var(--block) var(--block) repeat-x;position:absolute;inset:auto 0 0}.stage-model{inset:0 0 calc(var(--ground) - var(--top) / 2 - var(--u) * 2);z-index:1;outline:none;justify-content:center;align-items:flex-end;display:flex;position:absolute}.stage-floor{bottom:calc(var(--u) * 1.2);width:calc(var(--u) * 11);height:calc(var(--u) * 1.6);pointer-events:none;background:radial-gradient(closest-side,#00000059,#0000);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.stage-caption{z-index:2;color:#fffc;font:500 12px var(--mono);background:#00000059;border-radius:999px;margin:0;padding:4px 10px;position:absolute;top:14px;left:16px}.stage-status{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:500 var(--fs-sm) var(--font);white-space:nowrap;background:#00000080;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}#status-text{display:inline-block}#status-text.is-swapping{animation:status-in .35s var(--ease-out)}@keyframes status-in{0%{opacity:0;transform:translateY(4px)}}.stage[data-state=painting] .stage-status,.stage[data-state=polishing] .stage-status{display:inline-flex}.pixel-loader{grid-template-columns:repeat(2,6px);gap:2px;display:grid}.pixel-loader i{background:var(--accent);width:6px;height:6px;animation:1s step-end infinite pixel-blink}.pixel-loader i:nth-child(2){background:var(--sky);animation-delay:.25s}.pixel-loader i:nth-child(3){background:var(--amber);animation-delay:.75s}.pixel-loader i:nth-child(4){background:var(--violet);animation-delay:.5s}@keyframes pixel-blink{50%{opacity:.2}}.stage[aria-busy=true] .result-actions,.stage[aria-busy=true] .change-form{opacity:.5;pointer-events:none}.stage-error{border-top:1px solid rgb(var(--danger-rgb) / .3);background:rgb(var(--danger-rgb) / .08);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.stage-error p{color:var(--text-soft);font-size:var(--fs-sm);margin:0}.result{border-top:1px solid var(--border);animation:result-in .45s var(--ease-out);gap:14px;padding:18px 20px 20px;display:grid}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}}.result h2{font:600 var(--fs-xl) / 1.2 var(--pixel);margin:0 0 4px}.result p{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.change-form{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:6px;padding:4px;display:flex}.change-form:focus-within{border-color:rgb(var(--accent-rgb) / .5)}.change-form input{min-width:0;color:var(--text);font:var(--fs-sm) var(--font);background:0 0;border:0;outline:none;flex:1;padding:0 10px}.change-form input::placeholder{color:var(--faint)}.section{max-width:1200px;margin:0 auto;padding:104px clamp(16px,3vw,32px) 0}.section h2{font-size:var(--fs-2xl);letter-spacing:-.03em;margin:0 0 14px;line-height:1.05}.section-sub{max-width:600px;color:var(--muted);font-size:var(--fs-lg);margin:0;line-height:1.6}.section code{background:var(--surface-2);border-radius:5px;padding:.1em .35em;font-size:.88em}.wear-card h3{font-size:var(--fs-lg);margin:0 0 6px}.wear-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;display:grid}.wear-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px 24px}.wear-card ol{color:var(--text-soft);font-size:var(--fs-sm);gap:8px;margin:12px 0 0;padding-left:20px;line-height:1.55;display:grid}.wear-card b{color:var(--text);font-weight:600}.devband{justify-content:space-between;align-items:center;gap:32px;display:flex}.devband>div{max-width:640px}.devband-uses{max-width:600px;color:var(--text-soft);font-size:var(--fs-md);margin:14px 0 0;line-height:1.6}.devband-uses a{white-space:nowrap}@media (max-width:960px){.maker{grid-template-columns:minmax(0,1fr)}.stage-view{height:380px}}@media (max-width:720px){.section{padding-top:72px}.wear-grid{grid-template-columns:1fr}.devband{flex-direction:column;align-items:flex-start}.maker-row{flex-wrap:wrap}.paint-btn{flex:1}.stage-status{max-width:calc(100% - 24px)}#status-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.stage-error{flex-wrap:wrap}}.stage-error-actions{flex:none;gap:8px;display:flex}.account-actions{gap:8px;display:flex}.account-actions:not([data-ready])>[hidden]{display:inline-flex!important}.account-btn{text-overflow:ellipsis;max-width:160px;overflow:hidden}@media (max-width:480px){.account-actions:not([data-ready])>.account-btn{display:none!important}.account-btn:not(.is-signed-in):has(+.signup-btn:not([hidden])){display:none!important}}.account-dialog{border:1px solid var(--border-2);background:var(--surface-solid);width:min(400px,100vw - 32px);color:var(--text);box-shadow:0 40px 120px -30px rgb(var(--shade-rgb) / .8);border-radius:18px;padding:48px 24px 24px}.account-dialog::backdrop{background:rgb(var(--shade-rgb) / .6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.account-close-form{margin:0;position:absolute;top:10px;right:10px}.account-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:20px}.account-close:hover{background:var(--surface-2);color:var(--text)}.account-panel{gap:12px;display:grid}.account-panel h2{font-size:var(--fs-xl);overflow-wrap:anywhere;margin:0}.account-note,.account-msg{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.account-msg:empty{display:none}.google-btn{color:#1f1f1f;background:#fff;border-color:#fff;width:100%;font-weight:600}.google-btn:hover{background:#f1f3f4;border-color:#f1f3f4}.google-btn svg{width:18px;height:18px}.account-or{color:var(--faint);font-size:var(--fs-xs);align-items:center;gap:10px;margin:2px 0;display:flex}.account-or:before,.account-or:after{content:"";background:var(--border);flex:1;height:1px}.email-form,.code-entry{gap:8px;display:grid}.otp{position:relative}.email-form .otp input{z-index:1;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.email-form .otp input::placeholder{color:#0000}.email-form .otp input:focus{border:0}.otp-cells{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.otp-cell{border:1px solid var(--border-2);background:var(--surface);height:52px;font:700 var(--fs-xl) var(--font);font-variant-numeric:tabular-nums;transition:border-color .15s, background .15s, transform .15s var(--ease-out);border-radius:10px;place-items:center;display:grid}.otp-cell:not(:empty){border-color:rgb(var(--accent-rgb) / .6);animation:otp-pop .18s var(--ease-out)}.otp-cell.is-active{border-color:var(--accent-hi);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .25)}.otp-cell.is-active:empty:after{content:"";background:var(--accent-hi);width:2px;height:24px;animation:1s step-end infinite otp-caret}.otp.is-filled .otp-cell{border-color:var(--accent);background:rgb(var(--accent-rgb) / .08)}@keyframes otp-pop{0%{transform:scale(.9)}}@keyframes otp-caret{50%{opacity:0}}.roll{display:inline-flex}.roll-col{height:1em;line-height:1;display:inline-block;overflow:hidden}.roll-strip{word-break:break-all;width:1ch;transition:transform .7s var(--ease-spring);display:block}.roll-instant .roll-strip{transition:none}.roll-sym{line-height:1}.email-form input{border:1px solid var(--border-2);background:var(--surface);height:44px;color:var(--text);font:var(--fs-md) var(--font);border-radius:10px;padding:0 12px}.email-form input:focus{border-color:var(--accent);outline:none}.account-stats{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0;display:grid}.account-stats div{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px}.account-stats dt{color:var(--muted);font-size:var(--fs-xs)}.account-stats dd{font:700 var(--fs-xl) var(--font);font-variant-numeric:tabular-nums;margin:4px 0 0}.profile-who{gap:2px;min-width:0;display:grid}.profile-email{color:var(--muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.profile-actions{gap:8px;margin-top:4px;display:grid}.link-btn{color:var(--accent-hi);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--accent-hi);text-decoration:underline}.account-dialog[data-mode=paywall]{width:min(560px,100vw - 32px)}.gate-skin{border:1px solid var(--border);color:#13233a;background:linear-gradient(#6e9ff4,#c4dcff);border-radius:12px;align-items:center;gap:14px;margin:0 0 18px;padding:12px 14px;display:flex}.gate-skin img{width:40px;height:80px;image-rendering:pixelated;filter:drop-shadow(0 6px 8px rgb(var(--shade-rgb) / .4));flex:none}.gate-skin figcaption{gap:4px;min-width:0;display:grid}.gate-name{font:600 var(--fs-lg) / 1.2 var(--pixel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gate-safe{color:var(--accent-deep);font-size:var(--fs-xs);font-weight:650}.gate-safe:before{content:"✓ "}.account-lead{color:var(--text-soft);font-size:var(--fs-sm);margin:0;line-height:1.5}.perks{font-size:var(--fs-sm);gap:6px;margin:0 0 4px;padding:0;list-style:none;display:grid}.perks li{gap:8px;display:flex}.perks li:before{content:"";background:var(--accent);flex:none;width:8px;height:8px;margin-top:6px}.packs{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0;display:grid}.pack{border:1px solid var(--border-2);background:var(--surface);color:var(--text);font:inherit;text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:4px;padding:18px 10px 12px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.pack:hover{border-color:rgb(var(--accent-rgb) / .6);background:var(--surface-2)}.pack:active{transform:scale(.98)}.pack.is-popular{border-color:var(--accent);background:rgb(var(--accent-rgb) / .07)}.pack[aria-pressed=true]{border-color:var(--accent-hi);box-shadow:0 0 0 2px rgb(var(--accent-rgb) / .35)}.pack-badge{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-10px}.pack-credits{font-size:var(--fs-md);font-variant-numeric:tabular-nums;font-weight:600}.pack-price{font-size:var(--fs-xl);font-weight:700}.pack-save{color:var(--accent-hi);font-size:var(--fs-xs);font-weight:600}.paywall-later{color:var(--faint);font-size:var(--fs-sm);justify-self:center}.paywall-later:hover{color:var(--muted)}.pack-cta{background:var(--surface-2);font-size:var(--fs-sm);border-radius:8px;margin-top:6px;padding:6px 12px;font-weight:600}.pack.is-popular .pack-cta{background:var(--accent);color:var(--accent-ink)}#paywall-msg{border:1px dashed rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .06);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}#paywall-msg:before{content:"🚧";font-size:20px}#paywall-msg:empty{display:none}@media (max-width:520px){.packs{grid-template-columns:1fr;gap:14px}.pack{text-align:left;grid-template-columns:1fr auto;place-items:center start;padding:14px}.pack-price{grid-area:1/2}.pack-cta{grid-area:2/2/span 2;margin:0}.pack-badge{left:12px}}
