:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--control-size:50px;--control-gap:11px;--safe-top:max(16px, env(safe-area-inset-top));--safe-side:max(16px, env(safe-area-inset-left));background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-shell{isolation:isolate;background:#000;width:100%;min-width:320px;height:100%;position:relative;overflow:hidden}.scene-mount,.balloon-canvas{width:100%;height:100%;position:absolute;inset:0}.balloon-canvas{cursor:crosshair;touch-action:none;outline:none;display:block}.controls{z-index:4;top:var(--safe-top);gap:var(--control-gap);pointer-events:none;display:flex;position:absolute}.controls--materials{left:var(--safe-side)}.controls--actions{right:max(16px, env(safe-area-inset-right))}.material-swatch,.action-button{width:var(--control-size);height:var(--control-size);color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff80;border-radius:999px;place-items:center;transition:transform .18s cubic-bezier(.2,1.5,.5,1),border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 8px 26px #0000007a,inset 0 1px #ffffffc2,inset 0 -7px 14px #0000005c}.material-swatch:hover,.action-button:hover{border-color:#ffffffe0;transform:translateY(-3px)scale(1.08)rotate(-2deg);box-shadow:0 12px 32px #0000008f,0 0 0 3px #ffffff17,inset 0 1px #ffffffd9,inset 0 -7px 14px #00000052}.material-swatch:active,.action-button:active{transform:translateY(1px)scale(.91)}.material-swatch:focus-visible,.action-button:focus-visible{outline-offset:4px;outline:3px solid #fff}.material-swatch[aria-pressed=true]{border-color:#fff;transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 3px #000,0 0 0 5px #ffffffeb,0 10px 30px #0000008a,inset 0 1px #ffffffd9,inset 0 -7px 14px #00000052}.material-swatch--gold{background:radial-gradient(circle at 31% 24%,#fff8bc 0 7%,#ffd95d 18%,#c98a10 58%,#6f3e00 100%)}.material-swatch--silver{background:radial-gradient(circle at 31% 24%,#fff 0 8%,#dce8f3 23%,#8798aa 63%,#3e4855 100%)}.material-swatch--rainbow{background:radial-gradient(circle at 28% 22%,#fffffff0 0 7%,#0000 18%),conic-gradient(from 210deg,#1de8ff,#6366ff,#ff43ec,#ff386d,#ffd83f,#35efbd,#1de8ff)}.swatch-glint{filter:blur(1px);background:#ffffff6b;border-radius:50%;height:12px;position:absolute;inset:7px 10px auto;transform:rotate(-12deg)}.material-swatch svg{filter:drop-shadow(0 1px 2px #000c);position:relative}.action-button{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#0e0e11a8}.action-button svg{filter:drop-shadow(0 2px 4px #0000008f)}.action-button.is-spinning svg{animation:.58s cubic-bezier(.3,.8,.2,1) spin-clear}.action-button.is-saved{color:#8dffd7;border-color:#8dffd7db;animation:.56s cubic-bezier(.2,1.7,.3,1) saved-bounce}.capture-flash{z-index:3;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.capture-flash.is-visible{animation:.4s ease-out camera-flash}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin-clear{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-220deg)scale(1.2)}to{transform:rotate(-360deg)scale(1)}}@keyframes saved-bounce{0%{transform:scale(.86)}55%{transform:scale(1.18)rotate(4deg)}to{transform:scale(1)}}@keyframes camera-flash{0%{opacity:0}12%{opacity:.24}to{opacity:0}}@media (width<=620px){:root{--control-size:46px;--control-gap:8px;--safe-top:max(12px, env(safe-area-inset-top));--safe-side:max(12px, env(safe-area-inset-left))}.controls--actions{right:max(12px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}