@font-face{font-family:Comet Roboto;font-style:normal;font-weight:400;src:url(/assets/Roboto-Regular-FqysxNcR.ttf)format("truetype")}@font-face{font-family:Comet Roboto;font-style:italic;font-weight:400;src:url(/assets/Roboto-Italic-BMFT0yMa.ttf)format("truetype")}@font-face{font-family:Comet Roboto;font-style:normal;font-weight:700;src:url(/assets/Roboto-Bold-DcHKkOo1.ttf)format("truetype")}@font-face{font-family:Comet Roboto;font-style:italic;font-weight:700;src:url(/assets/Roboto-BoldItalic-DTmk43cn.ttf)format("truetype")}@font-face{font-family:Comet Playfair Display;font-style:normal;font-weight:400;src:url(/assets/PlayfairDisplay-Regular-cAkczocX.ttf)format("truetype")}@font-face{font-family:Comet Playfair Display;font-style:italic;font-weight:400;src:url(/assets/PlayfairDisplay-Italic-k7ygr7eI.ttf)format("truetype")}@font-face{font-family:Comet Playfair Display;font-style:normal;font-weight:700;src:url(/assets/PlayfairDisplay-Bold-Dsgb2Oov.ttf)format("truetype")}@font-face{font-family:Comet Playfair Display;font-style:italic;font-weight:700;src:url(/assets/PlayfairDisplay-BoldItalic-Dyxttjke.ttf)format("truetype")}@font-face{font-family:Comet Noto Sans;font-style:normal;font-weight:400;src:url(/assets/NotoSans-Regular-D96CXwz4.ttf)format("truetype")}@font-face{font-family:Comet Noto Sans;font-style:italic;font-weight:400;src:url(/assets/NotoSans-Italic-COlTysje.ttf)format("truetype")}@font-face{font-family:Comet Noto Sans;font-style:normal;font-weight:700;src:url(/assets/NotoSans-Bold-my-r4HAi.ttf)format("truetype")}@font-face{font-family:Comet Noto Sans;font-style:italic;font-weight:700;src:url(/assets/NotoSans-BoldItalic-Bee_YR3k.ttf)format("truetype")}@font-face{font-family:Comet Bebas Neue;font-style:normal;font-weight:400;src:url(/assets/BebasNeue-Regular-37KXJlK_.ttf)format("truetype")}@font-face{font-family:Comet Montserrat;font-style:normal;font-weight:400;src:url(/assets/Montserrat-Regular-D9MDQ0fn.ttf)format("truetype")}@font-face{font-family:Comet Montserrat;font-style:italic;font-weight:400;src:url(/assets/Montserrat-Italic-CqQHh-Rq.ttf)format("truetype")}@font-face{font-family:Comet Montserrat;font-style:normal;font-weight:700;src:url(/assets/Montserrat-Bold-Cyf9Lkyo.ttf)format("truetype")}@font-face{font-family:Comet Montserrat;font-style:italic;font-weight:700;src:url(/assets/Montserrat-BoldItalic-CnvoR4wM.ttf)format("truetype")}@font-face{font-family:Comet Abril Fatface;font-style:normal;font-weight:400;src:url(/assets/AbrilFatface-Regular-B7_IVB_q.ttf)format("truetype")}@font-face{font-family:Comet Pacifico;font-style:normal;font-weight:400;src:url(/assets/Pacifico-Regular-CxeUuf1v.ttf)format("truetype")}@font-face{font-family:Comet Anton;font-style:normal;font-weight:400;src:url(/assets/Anton-Regular-DDTWnLuj.ttf)format("truetype")}@font-face{font-family:Comet Orbitron;font-style:normal;font-weight:400;src:url(/assets/Orbitron-Regular-CDlIS_r9.ttf)format("truetype")}@font-face{font-family:Comet Orbitron;font-style:normal;font-weight:700;src:url(/assets/Orbitron-Bold-DWsrSf0r.ttf)format("truetype")}@font-face{font-family:Comet Sansation;font-style:normal;font-weight:400;src:url(/assets/Sansation-Regular-BmjSQHtH.ttf)format("truetype")}@font-face{font-family:Comet Sansation;font-style:italic;font-weight:400;src:url(/assets/Sansation-Italic-Xom1Ez1C.ttf)format("truetype")}@font-face{font-family:Comet Sansation;font-style:normal;font-weight:700;src:url(/assets/Sansation-Bold-BVx5ZCcO.ttf)format("truetype")}@font-face{font-family:Comet Sansation;font-style:italic;font-weight:700;src:url(/assets/Sansation-BoldItalic-u-ETlHaR.ttf)format("truetype")}@font-face{font-family:Comet League Spartan;font-style:normal;font-weight:400;src:url(/assets/LeagueSpartan-Regular-BeH1p1Pq.ttf)format("truetype")}@font-face{font-family:Comet League Spartan;font-style:normal;font-weight:700;src:url(/assets/LeagueSpartan-Bold-DiGnp4lK.ttf)format("truetype")}@font-face{font-family:Comet Kablammo;font-style:normal;font-weight:400;src:url(/assets/Kablammo_MORF_-BZ0jLVmN.ttf)format("truetype")}@font-face{font-family:Comet Henny Penny;font-style:normal;font-weight:400;src:url(/assets/HennyPenny-Regular-BkElNNPH.ttf)format("truetype")}@font-face{font-family:Comet Unifraktur Cook;font-style:normal;font-weight:700;src:url(/assets/UnifrakturCook-Bold-DCcVtruz.ttf)format("truetype")}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060b19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app-shell{background:linear-gradient(#17120d 0%,#080807 72%);place-items:center;min-height:100vh;padding:32px;display:grid}.viewer{background:#120f0cf0;border:1px solid #f0bf9238;border-radius:8px;width:min(100%,640px);padding:clamp(24px,5vw,56px);box-shadow:0 24px 70px #0000005c}.viewer-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:#f0bf92;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}h1{overflow-wrap:anywhere;color:#fff;max-width:18ch;margin:0;font-size:2.75rem;line-height:1}h2{color:#fff;margin:0;font-size:1rem;line-height:1.3}.lede{color:#ffffffb8;margin:14px 0 0;font-size:1.05rem;line-height:1.55}.customization-page{color:#fffaf0;background:linear-gradient(#17120d 0%,#0a0a08 68%,#070707 100%);gap:36px;width:100%;min-height:100vh;margin:0 auto;padding:40px max(24px,50vw - 620px);display:grid}.portfolio-hero{border-bottom:1px solid #f0bf9238;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px;padding:24px 0 36px;display:grid}.portfolio-intro{gap:18px;min-width:0;display:grid}.portfolio-intro .eyebrow{margin-bottom:0}.portfolio-intro h1{color:#fff8ec;max-width:none;font-size:3.4rem;line-height:1.02}.portfolio-intro .lede{color:#fffaf0bd;margin-top:0}.preview-actions{justify-self:end;gap:8px;display:flex}.preview-actions__status{color:#fffaf0bd;text-align:right;grid-column:1/-1;min-height:1.4em;margin:0;font-size:.85rem;line-height:1.4}.showcase-layout{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.preview-panel{gap:16px;min-width:0;display:grid}.preview-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.preview-heading .eyebrow{margin-bottom:6px}.preview-heading h2{color:#fff8ec;font-size:1.15rem}.preview-stage{aspect-ratio:16/10;background:linear-gradient(145deg,#fffaf0f5 0%,#e7dfd3 100%);border:1px solid #f0bf922e;border-radius:8px;place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -80px 130px #48351f1f}.preview-stage p{color:#17120da3;margin:0;font-size:1rem}.three-renderer{gap:12px;display:grid}.three-renderer__mount{color:var(--scene-message-color,#17120dbf);touch-action:none;background:linear-gradient(145deg,#fffaf0 0%,#e8dfd1 100%);border-color:#f0bf922e}.three-renderer__mount[data-scene=spotlight]{background:radial-gradient(at 50% 28%,#454852 0%,#202127 50%,#101115 100%);box-shadow:inset 0 -80px 130px #00000040}.three-renderer__mount[data-scene=sunset]{background:linear-gradient(155deg,#ffd6b3 0%,#d69590 48%,#604467 100%);box-shadow:inset 0 -80px 130px #401e372e}.three-renderer__mount[data-scene=daylight]{background:linear-gradient(150deg,#f2f9ff 0%,#d5e5f0 55%,#b8d1e4 100%);box-shadow:inset 0 -80px 130px #4167821a}.three-renderer__mount[data-scene=moonlight]{background:radial-gradient(at 28% 18%,#3d507a 0%,#172440 48%,#080f21 100%);box-shadow:inset 0 -80px 130px #00041440}.three-renderer__mount[data-scene=ocean]{background:linear-gradient(150deg,#9edcdd 0%,#458b9b 45%,#163f5c 100%);box-shadow:inset 0 -80px 130px #0726342e}.three-renderer__mount[data-scene=aurora]{background:radial-gradient(at 18% 15%,#47a89999,#0000 58%),radial-gradient(at 88% 30%,#8852b3b3,#0000 58%),linear-gradient(150deg,#262441 0%,#120e26 100%);box-shadow:inset 0 -80px 130px #0a041840}.three-renderer__mount:is([data-scene=spotlight],[data-scene=moonlight],[data-scene=ocean],[data-scene=aurora]){--scene-message-color:#fff8ec}.three-renderer__mount p{color:var(--scene-message-color,#17120dbf)}.three-renderer__canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.three-renderer[data-presentation=fixed] .three-renderer__mount,.three-renderer[data-presentation=fixed] .three-renderer__canvas{cursor:default;touch-action:auto}.three-renderer__canvas.is-dragging{cursor:grabbing}.three-renderer__message{color:#fffaf0a8;margin:0;font-size:.9rem}.renderer-controls{flex-wrap:wrap;justify-content:space-between;gap:20px 32px;display:flex}.renderer-controls__group{border:0;min-width:0;margin:0;padding:0}.renderer-controls__group--scenes{flex-basis:100%}.renderer-controls__group legend{color:#fffaf0bd;margin-bottom:8px;padding:0;font-size:.85rem;font-weight:700}.renderer-controls__buttons{flex-wrap:wrap;gap:8px;display:flex}.renderer-controls button,.preview-actions__button{color:#fff8ec;cursor:pointer;background:#fffaf014;border:1px solid #f0bf923d;border-radius:8px;min-width:72px;min-height:44px;padding:0 12px;font-weight:700}.renderer-controls button:hover:not(:disabled),.preview-actions__button:hover:not(:disabled){background:#f0bf922e;border-color:#f0bf92}.renderer-controls button[aria-pressed=true]{color:#21180f;background:#f0bf92;border-color:#f0bf92}.renderer-controls button[aria-pressed=true]:hover:not(:disabled){background:#ffd3aa}.renderer-controls button:focus-visible,.preview-actions__button:focus-visible{outline-offset:3px;outline:2px solid #fff8ec}.renderer-controls button:disabled,.preview-actions__button:disabled{cursor:not-allowed;opacity:.52}.preview-actions__button{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;display:inline-flex}.preview-actions__button svg{width:22px;height:22px}.renderer-unsupported{text-align:center;padding:24px}@media (width<=920px){.showcase-layout{grid-template-columns:1fr}}@media (width<=720px){h1{font-size:2.1rem}.customization-page{gap:22px;padding:20px}.portfolio-hero{gap:12px 16px;padding:8px 0 28px}.portfolio-intro h1{font-size:2.4rem}.preview-heading{align-items:start}.preview-stage{aspect-ratio:4/3;min-height:360px}}@media (width<=520px){.app-shell{align-items:stretch;padding:16px}.viewer{align-self:center}.viewer-header{display:grid}.renderer-controls button{flex:auto}.renderer-controls{justify-content:stretch}.renderer-controls__group{flex:100%}.preview-stage{min-height:300px}}
