@font-face{font-family:Sharp Grotesk;src:url(./SharpGrotesk-Light15-DUronIs8.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(./SharpGrotesk-Light25-CCc9ontx.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(./SharpGrotesk-Book20-Do-NzjUF.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(./SharpGrotesk-Bold20-DBsN9SSi.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(./SharpGrotesk-SemiBold25-C87NQIZL.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;background:#0a0a0c;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#3e547e59,#0000 38%),linear-gradient(135deg,#0a0a0c 0%,#11151e 100%);min-height:100vh;margin:0;overflow:hidden}.panel-toggle{display:none}.canvas-loader{z-index:1500;color:#f5f7fb;letter-spacing:.08em;text-transform:uppercase;background:#0a0a0c;align-content:center;place-items:center;gap:14px;font-family:Sharp Grotesk,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:700;transition:opacity .28s,visibility .28s;display:grid;position:fixed;inset:0}.canvas-loader.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loader-lottie{aspect-ratio:1;place-items:center;width:min(180px,48vw);display:grid}.loader-lottie svg{width:100%;height:100%;display:block}.loader-mark{border:3px solid #ffffff2e;border-top-color:#ffd040;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite loader-spin}.canvas-loader:not(.is-video-loader):not(.is-video-result)>span,.canvas-loader.has-lottie:not(.is-video-loader) .loader-mark,.canvas-loader.is-video-loader .loader-lottie,.canvas-loader.is-video-result .loader-lottie,.canvas-loader.is-video-result .loader-mark{display:none}.loader-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.loader-actions[hidden]{display:none}.loader-actions button{color:#0a0a0c;min-height:42px;font:inherit;text-transform:uppercase;cursor:pointer;background:#f5f7fb;border:1px solid #ffffff29;border-radius:999px;padding:0 16px;font-size:12px;font-weight:700}.loader-actions button:first-child{background:#ffd040}@keyframes loader-spin{to{transform:rotate(360deg)}}#control-panel{z-index:1200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c11c7;border:1px solid #ffffff14;border-radius:20px;width:min(340px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px;position:fixed;top:16px;right:16px;overflow:auto;box-shadow:0 18px 50px #00000059}#control-panel h1{font-family:Sharp Grotesk;font-weight:700}#control-panel label span{font-family:Sharp Grotesk;font-weight:600}#control-panel.field{font-weight:100}#control-panel h1{margin:0 0 18px;font-size:24px;font-weight:700;line-height:1.1}.field{margin:0 0 16px;display:block}.field>span,.field legend,.field label>span{letter-spacing:.08em;text-transform:uppercase;color:#f5f7fbb8;margin-top:4px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field input[type=text],.field input[type=number]{color:#f5f7fb;font-variant:all-small-caps;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-weight:100}.field input[type=text]:focus{border-color:#ffffff47}.field input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:44px;padding:0}fieldset.field{border:1px solid #ffffff14;border-radius:14px;padding:12px}fieldset.field legend{padding:0 6px}fieldset.field label{color:#f5f7fb;align-items:center;gap:10px;margin:8px 0;font-size:14px;font-weight:100;display:flex}.palette-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.palette-option{aspect-ratio:1.15;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;min-width:0;margin:0;padding:5px;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.palette-option:hover{background:#ffffff14;border-color:#ffffff3d}.palette-option:has(input:checked){background:#ffffff21;border-color:#f5f7fbd1;box-shadow:inset 0 0 0 1px #0a0a0cd1}.palette-option:has(input:focus-visible){outline-offset:2px;outline:2px solid #f5f7fbbd}.palette-option input{opacity:0;pointer-events:none;position:absolute}.palette-swatch{border:1px solid #ffffff1f;border-radius:7px;grid-template-columns:1fr 1fr 1fr;width:100%;height:100%;display:inline-grid;overflow:hidden}.palette-label{color:#f5f7fb;font-size:14px}.actions{grid-template-columns:1fr 1fr;display:grid}.actions button{font:inherit;text-transform:uppercase;color:#0a0a0c;cursor:pointer;background:#f5f7fb;border:0;padding:13px 4px;font-size:10pt;font-weight:600;transition:transform .18s,opacity .18s}button.buttonLeft{background:#ffd040;border-radius:20px 0 0 20px}button.buttonRight{color:unset;background:#da4f49;border-radius:0 20px 20px 0}.actions button:hover{transform:translateY(-1px)}.actions button:active{opacity:.92;transform:translateY(0)}.actions button:disabled{cursor:wait;opacity:.62}#app{width:100vw;height:100svh}#app canvas{width:100%;height:100%;display:block}span.palette-swatch span{height:9px;display:list-item}.hidden{display:none}@media (width<=900px){body{min-height:100svh}.panel-toggle{z-index:1300;color:#f5f7fb;min-width:104px;min-height:44px;font:inherit;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c11db;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-family:Sharp Grotesk,Segoe UI,system-ui,sans-serif;font-weight:700;display:inline-flex;position:fixed;bottom:12px;right:12px;box-shadow:0 14px 40px #00000061}#control-panel{opacity:0;pointer-events:none;border-radius:18px;width:auto;max-height:min(68svh,560px);margin:0;padding:14px;transition:transform .22s,opacity .22s;top:auto;bottom:66px;left:12px;transform:translateY(calc(100% + 90px))}body.panel-open #control-panel{opacity:1;pointer-events:auto;transform:translateY(0)}#control-panel h1{margin-bottom:12px;font-size:20px}.field{margin-bottom:12px}fieldset.field{padding:10px}fieldset.field label{margin:6px 0;font-size:13px}#app{height:100svh;min-height:0}.actions{background:linear-gradient(#0a0c1100,#0a0c11f2 28%);margin:0 -14px -14px;padding:10px 14px 14px;position:sticky;bottom:-14px}.palette-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}}@media (width<=420px){.palette-list{grid-template-columns:repeat(5,minmax(0,1fr))}.actions button{min-height:44px;font-size:9pt}}