*,:after,:before{box-sizing:border-box}html{background:var(--cb-bg);color:var(--cb-text);font-family:Inter,sans-serif}body,html{margin:0;padding:0}body{overflow-x:clip}:root{--fontFamily:"Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:50%;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--overlay-subtle:hsla(0,0%,100%,.03);--overlay-light:hsla(0,0%,100%,.06);--overlay-medium:hsla(0,0%,100%,.08);--overlay-text-muted:hsla(0,0%,100%,.5);--text-xs:11px;--text-sm:12px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(../fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(../fonts/Inter-Bold.woff2) format("woff2")}:root{--cb-primary:#e275ff;--cb-secondary:#5729d6;--cb-accent:#df86aa;--cb-bg:#0f101e;--cb-surface:#181a2e;--cb-text:#f1f5f9;--cb-text-secondary:#94a3b8;--cb-border:#2a2b3d;--cb-success:#00ffa2;--cb-error:red}.cb-page{background:var(--cb-bg)}.cb-grad-a{background:linear-gradient(180deg,var(--cb-secondary) 0,rgba(226,117,255,.5) 50%,var(--cb-bg) 100%)}.cb-grad-b{background:linear-gradient(180deg,var(--cb-bg) 0,var(--cb-bg) 100%)}.cb-grad-c{background:linear-gradient(180deg,var(--cb-bg) 0,rgba(87,41,214,.4) 50%,rgba(226,117,255,.3) 100%)}.cb-grad-d{background:linear-gradient(180deg,rgba(226,117,255,.3) 0,var(--cb-bg) 100%)}@media(max-width:960px){.cb-page{padding-bottom:60px}}.cb-label{color:var(--cb-text-secondary);display:block;font-size:.75rem;font-weight:500;margin-bottom:6px}.cb-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cb-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2394a3b8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--cb-border);border-radius:12px;color:var(--cb-text);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;outline:none;padding:8px 32px 8px 12px;width:100%}.cb-select:focus{border-color:var(--cb-primary)}.cb-input{background:var(--cb-bg);border:1px solid var(--cb-border);border-radius:12px;color:var(--cb-text);font-family:Inter,sans-serif;font-size:.85rem;outline:none;padding:8px 12px;width:100%}.cb-input:focus{border-color:var(--cb-primary)}.cb-input::-moz-placeholder{color:var(--cb-text-secondary)}.cb-input::placeholder{color:var(--cb-text-secondary)}.cb-color-field{align-items:center;background:var(--cb-bg);border:1px solid var(--cb-border);border-radius:12px;display:flex;gap:10px;padding:6px 12px}.cb-color-field__swatch{border:none;border-radius:6px;cursor:pointer;height:28px;padding:0;width:28px}.cb-color-field__swatch::-webkit-color-swatch-wrapper{padding:0}.cb-color-field__swatch::-webkit-color-swatch{border:none;border-radius:6px}.cb-color-field__swatch::-moz-color-swatch{border:none;border-radius:6px}.cb-color-field__label{color:var(--cb-text);flex:1;font-size:.85rem}.cb-color-field__hex{color:var(--cb-text-secondary);font-family:monospace;font-size:.75rem}.cb-btn{border:none;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;padding:8px 18px;transition:opacity .15s}.cb-btn:hover{opacity:.85}.cb-btn--primary{background:var(--cb-primary);color:#fff}.cb-btn--secondary{background:none;border:1px solid var(--cb-border);color:var(--cb-text)}.cb-btn--danger{background:var(--cb-error);color:#fff}.cb-btn:disabled{cursor:not-allowed;opacity:.4}.cb-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:500px){.cb-grid{grid-template-columns:1fr}}.cb-divider{border:none;grid-column:1/-1;margin:16px 0}.cb-bottombar,.cb-divider{border-top:1px solid var(--cb-border)}.cb-bottombar{background:var(--cb-surface);bottom:0;display:flex;justify-content:space-around;left:0;padding:6px 0 max(6px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:999}@media(min-width:961px){.cb-bottombar{display:none}}.cb-bottombar__btn{align-items:center;background:none;border:none;color:var(--cb-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.6rem;gap:2px;padding:4px 8px;transition:color .15s}.cb-bottombar__btn:active,.cb-bottombar__btn:hover{color:var(--cb-primary)}.cb-bottombar__btn--active{color:#f97316}.cb-error-page[data-v-d5c0ba2e]{align-items:center;color:var(--cb-text);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.cb-error__content[data-v-d5c0ba2e]{position:relative;text-align:center;z-index:1}.cb-error__digits[data-v-d5c0ba2e]{display:flex;gap:16px;justify-content:center;margin-bottom:32px}@media(min-width:600px){.cb-error__digits[data-v-d5c0ba2e]{gap:24px}}.cb-error__digit[data-v-d5c0ba2e]{animation:cb-float-d5c0ba2e 3s ease-in-out infinite;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--cb-primary) 30%,transparent));height:110px;width:110px}@media(min-width:600px){.cb-error__digit[data-v-d5c0ba2e]{height:160px;width:160px}}.cb-error__svg[data-v-d5c0ba2e]{height:100%;overflow:visible;width:100%}.cb-error__digit-text[data-v-d5c0ba2e]{fill:#fff;font-family:Inter,sans-serif;font-size:52px;font-weight:700}@media(max-width:599px){.cb-error__digit-text[data-v-d5c0ba2e]{font-size:40px}}.cb-error__title[data-v-d5c0ba2e]{font-size:1.5rem;font-weight:700;margin-bottom:12px}.cb-error__desc[data-v-d5c0ba2e]{color:var(--cb-text-secondary);margin:0 auto 32px;max-width:400px}.cb-error__btn[data-v-d5c0ba2e]{font-size:1rem;padding:12px 32px}.cb-error__bubbles[data-v-d5c0ba2e]{inset:0;overflow:hidden;pointer-events:none;position:absolute}.cb-error__bubble[data-v-d5c0ba2e]{animation:cb-rise-d5c0ba2e linear infinite;background:color-mix(in srgb,var(--cb-primary) 6%,transparent);border-radius:50%;bottom:-100px;position:absolute}@keyframes cb-float-d5c0ba2e{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cb-rise-d5c0ba2e{0%{opacity:.4;transform:translateY(0) scale(1)}50%{opacity:.2}to{opacity:0;transform:translateY(-110vh) scale(.3)}}