.maker{gap:18px;max-width:1120px;margin:0 auto;padding:14px 16px 120px;display:grid}.stage{top:calc(58px + env(safe-area-inset-top));z-index:5;background:linear-gradient(180deg, var(--bg) 88%, #070a1800);justify-items:center;gap:6px;padding:8px 0 10px;display:grid;position:sticky}.card-wrap{aspect-ratio:1000/1400;perspective:900px;touch-action:none;-webkit-user-select:none;user-select:none;width:min(64vw,300px,36vh);transition:width .25s;position:relative}body.compact .card-wrap{width:min(36vw,150px)}body.compact .hint{display:none}.card-wrap canvas{filter:drop-shadow(0 18px 36px #0000008c);transform-origin:50% 60%;width:100%;height:100%;animation:6s ease-in-out infinite float}.card-wrap.has-photo canvas{cursor:grab}.card-wrap.dragging canvas{cursor:grabbing;animation-play-state:paused}@keyframes float{0%,to{transform:rotateY(-7deg)rotateX(2deg)}50%{transform:rotateY(7deg)rotateX(-2deg)}}.card-shine{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 35%,#ffffffd9 48%,#0000 60%) 0 0/260% 100%;animation:4.2s ease-in-out infinite sweep;position:absolute;inset:0;-webkit-mask:url(/card-mask.svg) 50%/100% 100% no-repeat;mask:url(/card-mask.svg) 50%/100% 100% no-repeat}@keyframes sweep{0%{background-position:110% 0}55%,to{background-position:-30% 0}}.busy{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070a18b8;border-radius:18px;place-content:center;justify-items:center;gap:10px;padding:16px;font-weight:700;display:grid;position:absolute;inset:0}.spinner{border:4px solid #fff3;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hint{color:var(--ink-3);margin:0;font-size:12.5px}.controls{gap:14px;display:grid}.block{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px 16px}.block h2{align-items:center;gap:10px;margin-bottom:14px;font-size:21px;display:flex}.block h2 .n{background:var(--gold);color:#1b1302;width:28px;height:28px;font:700 16px var(--num);border-radius:9px;place-items:center;display:grid}.note{color:var(--ink-3);margin:10px 0 0;font-size:14px}.field em{color:var(--ink-3);font-style:normal;font-weight:500}.field+.field,.field+.row,.row+.field,.row.two{margin-top:12px}.row.wrap{flex-wrap:wrap;margin-top:10px}.grow{flex:1}.field.num{width:96px}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.file-btn:focus-within{outline:3px solid var(--cyan);outline-offset:2px}.photo-tools{gap:12px;margin-top:14px;display:grid}.switch{cursor:pointer;align-items:center;gap:12px;font-weight:700;display:inline-flex}.switch input{opacity:0;position:absolute}.switch .track{background:#ffffff2e;border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track:after{transform:translate(20px)}.switch input:focus-visible+.track{outline:3px solid var(--cyan);outline-offset:2px}.range{color:var(--ink-2);grid-template-columns:44px 1fr;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}input[type=range]{appearance:none;background:0 0;width:100%;height:34px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff29;border-radius:99px;height:6px}input[type=range]::-moz-range-track{background:#ffffff29;border-radius:99px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:3px solid #1b1302;border-radius:50%;width:26px;height:26px;margin-top:-10px}input[type=range]::-moz-range-thumb{background:var(--gold);border:3px solid #1b1302;border-radius:50%;width:22px;height:22px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips label{cursor:pointer}.chips input{opacity:0;position:absolute}.chips span{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:10px 14px;font-size:15px;font-weight:700;display:inline-flex}.chips input:checked+span{background:var(--gold);color:#1b1302;border-color:#0000}.chips input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:2px}.stats{gap:4px 18px;margin-top:16px;display:grid}.stat{grid-template-columns:1fr 44px;align-items:center;gap:2px 10px;display:grid}.stat label{color:var(--ink-2);font-size:14px;font-weight:700}.stat label b{font-family:var(--num);color:var(--ink);letter-spacing:.04em;margin-right:6px}.stat output{font:700 24px var(--num);color:var(--gold);text-align:right;grid-row:span 2}.ovr-row{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.ovr{margin:0;font-weight:700}.ovr b{font:700 30px var(--num);color:var(--gold);margin-left:4px}.ovr small{color:var(--ink-3);font-weight:500}.designs{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.designs label{cursor:pointer;text-align:center;color:var(--ink-2);font-size:12px;font-weight:700}.designs input{opacity:0;position:absolute}.designs canvas{border:2px solid #0000;border-radius:10px;width:100%;height:auto;padding:3px;transition:transform .15s}.designs input:checked+canvas{border-color:var(--gold);transform:translateY(-3px)}.designs input:focus-visible+canvas{outline:3px solid var(--cyan)}.designs span{margin-top:4px;line-height:1.2;display:block}.result{background:linear-gradient(#ffcf3f17,#ffcf3f05);border-color:#ffcf3f66}.gets{color:var(--ink-2);gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.asset{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.asset small{color:var(--ink-3);font-size:13px;display:block}.asset .row{gap:8px}.asset .btn{min-height:42px;padding:8px 16px;font-size:15px}.progress{background:#ffffff1f;border-radius:99px;height:10px;margin:2px 0 10px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--gold), #fff1b8);width:0;height:100%;transition:width .2s;display:block}.next{gap:10px;margin-top:16px;display:grid}.pack-pill{color:var(--green);background:#2bd57629;border:1px solid #2bd57659;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.buybar{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#070a18db;position:fixed;bottom:0;left:0;right:0}.buybar .btn{max-width:520px;margin:0 auto;display:flex}.plan-pick{gap:10px;margin:8px 0 14px;display:grid}.plan-opt{border:2px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.plan-opt:has(input:checked){border-color:var(--gold);background:#ffcf3f14}.plan-opt input{accent-color:var(--gold);flex:none;width:20px;height:20px}.plan-opt span{flex:1}.plan-opt small{color:var(--ink-3);display:block}.plan-opt em{font:700 26px var(--num);color:var(--gold);font-style:normal}@media (min-width:900px){.maker{grid-template-columns:420px 1fr;align-items:start;gap:32px;padding-top:28px}.stage{background:0 0;top:90px}.card-wrap,body.compact .card-wrap{width:min(380px,60vh)}body.compact .hint{display:block}.stats{grid-template-columns:1fr 1fr}.buybar{display:none}}.inapp{color:var(--ink-2);background:#3de3ff1a;border:1px solid #3de3ff59;border-radius:14px;margin:10px 16px 0;padding:12px 14px;font-size:14px}.inapp b{color:var(--ink)}