.creator-ui{background:var(--stage-bg);width:100%;height:100%;color:var(--ink);font-family:var(--font-ui);flex-flow:wrap;display:flex;position:relative}.creator-ui:before{content:"";z-index:0;opacity:.4;pointer-events:none;background-image:var(--weave);position:absolute;top:0;bottom:0;left:0;right:0}.creator-ui>*{z-index:1;min-width:0;min-height:0;position:relative}@media (orientation:landscape){.creator-ui{flex-flow:row}}.creator-header{flex:0 0 100%;justify-content:space-between;align-items:center;height:54px;padding:8px 22px 4px;display:flex}@media (orientation:landscape){.creator-header{display:none}}.creator-header__wordmark{font-family:var(--font-display);color:var(--ink);text-transform:lowercase;font-size:27px;line-height:1}.creator-header__tools{gap:9px;display:flex}.rail-column{display:none}@media (orientation:landscape){.rail-column{-webkit-overflow-scrolling:touch;flex-direction:column;flex:none;order:1;gap:8px;height:100%;padding:8px;display:flex;overflow-y:auto}}.category-rail{flex-direction:column;gap:8px;display:flex}.category-rail__button,.randomize-button,.save-slots-button,.export-button{background:var(--card);width:64px;min-width:64px;height:64px;min-height:64px;color:var(--ink);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 9px rgba(43,36,29,.14)}.category-rail__button svg,.randomize-button svg,.save-slots-button svg,.export-button svg{width:20px;height:20px}.creator-header__tools .randomize-button,.creator-header__tools .save-slots-button,.creator-header__tools .export-button{border-radius:14px;width:42px;min-width:42px;height:42px;min-height:42px}.category-rail__button.is-selected{background:var(--teal-soft);color:var(--teal)}.export-button{background:var(--teal);color:var(--card);box-shadow:0 4px 11px rgba(46,125,116,.4)}.category-pill-bar{-webkit-overflow-scrolling:touch;flex:0 0 100%;align-items:center;gap:8px;height:57px;padding:6px 16px 12px;display:flex;overflow-x:auto}@media (orientation:landscape){.category-pill-bar{display:none}}.category-pill{border:1px solid var(--line);background:var(--card);height:39px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 6px rgba(43,36,29,.06)}.category-pill svg{opacity:.72;width:19px;height:19px}.category-pill.is-selected{background:var(--teal);color:var(--card);border-color:transparent;font-weight:700;box-shadow:0 6px 14px rgba(46,125,116,.36)}.category-pill.is-selected svg{opacity:1}.stage{flex:0 0 100%;justify-content:center;align-items:center;height:calc(100% - 386px);display:flex;position:relative;overflow:hidden}@media (orientation:landscape){.stage{flex:1;order:4;height:100%}}.stage__spotlight{z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(255,253,247,.95),rgba(255,253,247,0) 68%);border-radius:50%;width:min(90%,360px);position:absolute;top:2%}.stage__shadow{z-index:-1;filter:blur(6px);pointer-events:none;background:rgba(80,55,30,.16);border-radius:50%;width:min(50%,190px);height:26px;position:absolute;bottom:3%}.stage svg{max-width:100%;max-height:100%}.stage.is-shaking svg{animation:.5s ease-in-out stage-shake}@keyframes stage-shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-6px,2px)rotate(-3deg)}20%{transform:translate(5px,-3px)rotate(3deg)}30%{transform:translate(-5px,3px)rotate(-3deg)}40%{transform:translate(6px,-2px)rotate(2deg)}50%{transform:translate(-4px,2px)rotate(-2deg)}60%{transform:translate(4px,-2px)rotate(2deg)}70%{transform:translate(-3px,1px)rotate(-1deg)}80%{transform:translate(2px,-1px)rotate(1deg)}90%{transform:translate(-1px,1px)rotate(0)}}.stage__particles{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.particle{background:var(--ink);opacity:0;border-radius:50%;width:6px;height:6px;animation:.5s ease-out particle-puff;position:absolute}@keyframes particle-puff{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--px), var(--py)) scale(.4)}}.particle-1{--px:-50px;--py:-30px;animation-delay:0s}.particle-2{--px:40px;--py:-50px;animation-delay:40ms}.particle-3{--px:-30px;--py:40px;animation-delay:80ms}.particle-4{--px:50px;--py:30px;animation-delay:20ms}.particle-5{--px:0px;--py:-60px;animation-delay:60ms}.item-tray,.variation-strip{background:var(--card);-webkit-overflow-scrolling:touch;gap:8px;padding:8px;display:none;overflow-x:auto}.item-tray{border-top:1px solid var(--line)}.variation-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}@media (orientation:landscape){.item-tray,.variation-strip{flex-direction:column;flex:0 0 80px;height:100%;display:flex;overflow-x:visible;overflow-y:auto}.item-tray{border-top:none;border-right:1px solid var(--line);order:2}.variation-strip{border-top:none;border-bottom:none;border-right:1px solid var(--line);order:3}}.item-panel{background:var(--card);border-radius:28px;flex-direction:column;flex:0 0 calc(100% - 24px);height:259px;margin:0 12px 16px;padding:16px 15px 17px;display:flex;box-shadow:inset 0 -2px rgba(255,255,255,.5),0 10px 26px rgba(60,40,20,.12)}@media (orientation:landscape){.item-panel{display:none}}.item-panel__header{flex-shrink:0;justify-content:space-between;align-items:baseline;height:18px;margin-bottom:13px;display:flex}.item-panel__category-name{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:13px;font-weight:800}.item-panel__count{font-family:var(--font-ui);color:rgba(43,36,29,.42);font-size:12px;font-weight:600}.item-panel__cards{-webkit-overflow-scrolling:touch;flex-shrink:0;gap:12px;height:118px;display:flex;overflow-x:auto}.item-panel__divider{border-top:1px solid var(--line);flex-shrink:0;height:0;margin-top:16px}.item-panel__colour-row{flex-shrink:0;align-items:center;gap:11px;height:46px;margin-top:14px;display:flex}.item-panel__colour-label{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:rgba(43,36,29,.5);flex-shrink:0;font-size:11px;font-weight:800}.item-panel__chips{-webkit-overflow-scrolling:touch;align-items:center;gap:9px;height:46px;display:flex;overflow-x:auto}.item-card{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:8px;width:94px;padding:0;display:flex}.item-card__tile{background:var(--tile-fill);border:1px solid var(--line);border-radius:20px;justify-content:center;align-items:center;width:94px;height:94px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px rgba(43,36,29,.09)}.item-card__tile.is-selected{border:3px solid var(--teal)}.item-card__tile img{object-fit:contain;width:86%;height:86%}.item-card__tile svg{width:36px;height:36px;color:var(--ink)}.item-card__badge{background:var(--gold);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.item-card__badge svg{width:13px;height:13px;color:var(--ink)}.item-card__name{max-width:94px;height:16px;line-height:16px;font-family:var(--font-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.color-chip{background:var(--tile-fill);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex;position:relative;overflow:hidden}.color-chip img{object-fit:contain;width:86%;height:86%}.color-chip svg{width:20px;height:20px;color:var(--ink)}.item-tray__token{background:var(--tile-fill);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;min-height:64px;padding:0;display:flex;overflow:hidden}.item-tray__token.is-selected{border-color:var(--teal);border-width:2px}.item-tray__token img{object-fit:contain;width:100%;height:100%}.category-rail__button,.item-tray__token,.randomize-button,.save-slots-button,.save-slots-panel__slot,.save-slots-panel__delete,.export-button,.export-panel__download{transition:transform .12s ease-out}.category-rail__button:active,.item-tray__token:active,.randomize-button:active,.save-slots-button:active,.save-slots-panel__slot:active,.save-slots-panel__delete:active,.export-button:active,.export-panel__download:active{transform:scale(.92)}.save-slots-overlay{z-index:10;background:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.save-slots-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:row;gap:16px;padding:16px;display:flex}.save-slots-panel__slot-wrapper{flex-direction:column;gap:8px;display:flex}.save-slots-panel__slot{background:var(--tile-fill);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:128px;height:128px;padding:0;display:flex;overflow:hidden}.save-slots-panel__slot img{object-fit:cover;width:100%;height:100%}.save-slots-panel__empty{width:100%;height:100%;display:block}.save-slots-panel__delete{background:var(--card);border:1px solid var(--line);width:128px;height:64px;min-height:64px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.export-panel-overlay{z-index:10;background:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.export-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.export-panel__preview{background-image:linear-gradient(45deg, var(--teal-soft) 25%, transparent 25%), linear-gradient(-45deg, var(--teal-soft) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--teal-soft) 75%), linear-gradient(-45deg, transparent 75%, var(--teal-soft) 75%);border:1px solid var(--line);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:8px;width:256px;height:256px}.export-panel__download{background:var(--card);border:1px solid var(--line);width:128px;height:64px;min-height:64px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.category-rail__button,.item-tray__token,.randomize-button,.save-slots-button,.save-slots-panel__slot,.save-slots-panel__delete,.export-button,.export-panel__download{transition:none}.stage.is-shaking svg{animation:none}.stage__particles{display:none}}:root{--material-bone:#ede3c8;--material-wood:#8b5a2b;--material-eye-dark:#241a13;--material-flour:#f2ecdd;--material-shadow:#241c15;--ink:#2b241d;--card:#fefbf3;--teal:#2e7d74;--teal-soft:#dceae6;--gold:#f0b429;--line:rgba(43,36,29,.09);--stage-bg:radial-gradient(125% 85% at 50% 30%, #fefaf1 0%, #f8eeda 55%, #efe0c2 100%);--weave:repeating-linear-gradient(0deg, rgba(120,85,45,.05) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, rgba(120,85,45,.05) 0 1px, transparent 1px 5px);--tile-fill:linear-gradient(160deg, #fff, #f3ebd9);--font-display:"Bagel Fat One", system-ui, sans-serif;--font-ui:"Figtree", system-ui, sans-serif}@font-face{font-family:Bagel Fat One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/BagelFatOne-Regular.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Figtree-Variable.woff2)format("woff2")}html,body,#root{height:100%;margin:0;overflow:hidden}*,:before,:after{box-sizing:border-box}