.cf-root{--cf-bg:#0e0f13;--cf-ink:#f3f2f7;--cf-mut:#9a9aab;--cf-line:#ffffff1a;--cf-acc:#7a4cff;padding-top:84px}.cf-intro{background:radial-gradient(60% 50% at 50% 40%,#7a4cff24,#0000 70%);place-items:center;min-height:86vh;padding:120px 20px 60px;display:grid}.cf-intro-in{text-align:center;max-width:820px}.cf-eyebrow{letter-spacing:.18em;color:var(--cf-acc,#7a4cff);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.cf-brand{letter-spacing:.3em;margin:0 0 22px;font-family:Sora,sans-serif;font-size:14px;font-weight:800;line-height:1.4}.cf-brand span{color:#7a4cff}.cf-intro h1{margin:0 0 18px;font-size:clamp(36px,6vw,68px);line-height:1.04}.cf-intro p{opacity:.8;font-size:18px}.cf-intro-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 18px;display:flex}.cf-fine{opacity:.6;font-size:13px}.cf-top{background:var(--cf-bg);color:var(--cf-ink);border-bottom:1px solid var(--cf-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.cf-top small{letter-spacing:.2em;color:var(--cf-mut);font-size:10px;display:block}.cf-top b{font-family:Sora,sans-serif;font-size:20px}.cf-top-actions{flex-wrap:wrap;gap:6px;display:flex}.cf-top-actions button,.cf-cams button,.cf-envs button,.cf-photo-bar button{color:var(--cf-ink);border:1px solid var(--cf-line);cursor:pointer;text-transform:capitalize;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;display:inline-flex}.cf-top-actions button svg,.cf-envs svg,.cf-photo-bar svg{width:14px;height:14px}.cf-top-actions .pri,[aria-pressed=true].cf-cams button,.cf-cams button[aria-pressed=true],.cf-envs button[aria-pressed=true]{background:var(--cf-acc);border-color:var(--cf-acc)}.cf-top-actions button:focus-visible,.cf-opts button:focus-visible,.cf-cams button:focus-visible{outline-offset:2px;outline:2px solid #b9a6ff}.cf-main{background:var(--cf-bg);height:calc(100vh - 150px);min-height:560px;color:var(--cf-ink);grid-template-columns:1fr 380px;display:grid}.cf-main.photo{grid-template-columns:1fr}.cf-view{touch-action:none;min-height:0;position:relative}.cf-view canvas{display:block}.cf-loading{background:var(--cf-bg);color:var(--cf-ink);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.cf-loading img{filter:invert()brightness(1.4);width:44px;height:44px}.cf-loading small{letter-spacing:.25em;color:var(--cf-mut);font-size:11px}.cf-loading .bar{background:var(--cf-line);width:220px;height:2px;overflow:hidden}.cf-loading .bar i{background:linear-gradient(90deg,#7a4cff,#4b7bff);height:100%;transition:width .2s;display:block}.cf-reveal{text-align:center;pointer-events:none;animation:2.6s forwards cfReveal;position:absolute;top:14%;left:0;right:0}.cf-reveal h2{letter-spacing:.06em;color:#fff;margin:0;font-family:Sora,sans-serif;font-size:clamp(48px,8vw,96px)}.cf-reveal p{letter-spacing:.4em;color:#b9a6ff;margin:4px 0 0}@keyframes cfReveal{0%{opacity:0;transform:translateY(14px)}20%,75%{opacity:1;transform:none}to{opacity:0}}.cf-cams{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:14px;left:14px}.cf-envs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex;position:absolute;top:14px;right:14px}.cf-cams button,.cf-envs button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0f138c}.cf-hint{text-align:center;color:var(--cf-mut);pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:10px;left:0;right:0}.cf-photo-bar{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.cf-panel{border-left:1px solid var(--cf-line);background:#121318;flex-direction:column;min-height:0;display:flex}.cf-cats{border-bottom:1px solid var(--cf-line);scrollbar-width:none;gap:4px;padding:12px;display:flex;overflow-x:auto}.cf-cats button{color:var(--cf-mut);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:8px 10px;font-size:13px;font-weight:600}.cf-cats button[aria-pressed=true]{color:#fff;background:#7a4cff38}.cf-opts{flex:1;padding:14px 16px;overflow-y:auto}.cf-group{margin-bottom:20px}.cf-group h3{letter-spacing:.18em;text-transform:uppercase;color:var(--cf-mut);margin:0 0 10px;font-family:Manrope,sans-serif;font-size:11px}.cf-choices{gap:6px;display:grid}.cf-choices button,.cf-pack,.cf-toggle{text-align:left;width:100%;color:var(--cf-ink);border:1px solid var(--cf-line);cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:border-color .2s,background .2s;display:flex;position:relative}.cf-choices button span,.cf-pack span{flex:1}.cf-choices em,.cf-pack em{color:var(--cf-mut);font-size:12px;font-style:normal}.cf-choices button[aria-checked=true],.cf-pack[aria-pressed=true],.cf-toggle[aria-pressed=true]{border-color:var(--cf-acc);background:#7a4cff24}.cf-choices.sw{grid-template-columns:1fr 1fr}.cf-choices.sw i{border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff40}.cf-choices.sw button{flex-wrap:wrap;row-gap:2px}.cf-choices.sw em{width:100%;padding-left:32px}.cf-pack{flex-wrap:wrap;margin-bottom:8px}.cf-pack small{color:var(--cf-mut);margin-top:2px;font-size:12px;display:block}.cf-pack .tick{color:#b9a6ff;width:14px;height:14px;position:absolute;top:8px;right:8px}.cf-note{color:var(--cf-mut);margin:8px 0 0;font-size:12px}.cf-link{color:#b9a6ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.cf-link svg{width:14px}.cf-progress{border-top:1px solid var(--cf-line);padding:10px 16px}.cf-progress small{letter-spacing:.2em;color:var(--cf-mut);font-size:10px}.cf-progress ul{text-transform:capitalize;color:var(--cf-mut);gap:12px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.cf-progress li{align-items:center;gap:3px;display:flex}.cf-progress li.ok{color:#fff}.cf-progress svg{color:#9df0b9;width:12px}.cf-total{border-top:1px solid var(--cf-line);background:#0c0d11;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cf-total small{letter-spacing:.2em;color:var(--cf-mut);text-transform:uppercase;font-size:10px;display:block}.cf-total b{font-family:Sora,sans-serif;font-size:24px}.cf-total span{color:var(--cf-mut);font-size:11px;display:block}.cf-modal{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080c99;place-items:center;padding:16px;animation:.2s cfFade;display:grid;position:fixed;inset:0}@keyframes cfFade{0%{opacity:0}}.cf-sheet{color:#17151f;background:#fff;border-radius:20px;width:min(640px,100%);max-height:90vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000059}.cf-sheet h2{margin:0 0 16px;font-size:26px}.cf-close{cursor:pointer;color:inherit;background:0 0;border:0;position:absolute;top:14px;right:14px}.cf-summary dl{gap:8px;margin:0 0 16px;display:grid}.cf-summary dl div{border-bottom:1px solid #eee;justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.cf-summary dt{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:12px}.cf-summary dd{text-align:right;margin:0;font-weight:600}.cf-lines{background:#f6f4fb;border-radius:12px;gap:4px;padding:12px 14px;font-size:14px;display:grid}.cf-lines div{justify-content:space-between;display:flex}.cf-lines .tot{border-top:1px solid #ddd;margin-top:6px;padding-top:8px;font-size:18px}.cf-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.cf-actions svg{width:15px}.cf-cmp{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.cf-cmp>span{opacity:.5;font-weight:700}.cf-cmp-col{background:#f6f4fb;border-radius:12px;gap:4px;padding:14px;display:grid}.cf-cmp-col p{margin:0;font-size:14px}.cf-cmp-col b{margin:6px 0;font-family:Sora,sans-serif;font-size:20px}.cf-builds{gap:8px;padding:0;list-style:none;display:grid}.cf-builds li{background:#f6f4fb;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.cf-builds small{opacity:.65;display:block}.cf-form{gap:12px;display:grid}.cf-form label{gap:4px;font-size:13px;font-weight:600;display:grid}.cf-form input:not([type=checkbox]):not([type=radio]){font:inherit;border:1px solid #ddd;border-radius:10px;padding:10px 12px}.cf-form input:focus{border-color:#7a4cff;outline:2px solid #7a4cff}.cf-form fieldset{border:0;margin:0;padding:0}.cf-form legend{margin-bottom:6px;font-size:13px;font-weight:600}.cf-checks{flex-wrap:wrap;gap:6px;display:flex}.cf-checks label{cursor:pointer;background:#f6f4fb;border-radius:999px;flex-direction:row;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.cf-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cf-after{padding:40px 0 20px}.cf-big{text-align:center;padding:70px 20px}.cf-big h2{margin:0;font-size:clamp(32px,5vw,58px);line-height:1.05}.cf-morph{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.cf-morph span{background:#f2eefc;border-radius:999px;padding:8px 16px;font-weight:600;animation:3.5s infinite cfPop}@keyframes cfPop{0%,to{transform:none}10%{background:#e6dcff;transform:translateY(-4px)}20%{transform:none}}.cf-uses,.cf-flow-sec{text-align:center;padding:50px 20px}.cf-uses h2,.cf-flow-sec h2{margin:0 0 10px;font-size:clamp(28px,4vw,46px)}.cf-use-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:28px;display:grid}.cf-use-grid article{background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s}.cf-use-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 40px #5032b41a}.cf-use-grid h3{margin:0 0 6px}.cf-use-grid small{opacity:.6}.cf-use-grid ul{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.cf-use-grid li{background:#f6f4fb;border-radius:999px;padding:4px 10px;font-size:12px}.cf-flow{counter-reset:f;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px auto 0;padding:0;list-style:none;display:flex}.cf-flow li{background:#fff;border:1px solid #e3dcf7;border-radius:12px;padding:10px 16px;font-weight:600;animation:3.2s infinite cfFlow;position:relative}.cf-flow li:not(:last-child):after{content:"→";opacity:.4;margin-left:12px}@keyframes cfFlow{0%,to{border-color:#e3dcf7}12%{border-color:#7a4cff;box-shadow:0 0 0 4px #7a4cff1f}25%{box-shadow:none;border-color:#e3dcf7}}.cf-final p{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:13px}.cf-fallback{text-align:center;place-content:center;height:100%;padding:20px;display:grid}.cf-fallback svg{width:min(560px,90vw)}@media (width<=860px){.cf-root{padding-top:72px}.cf-top{padding:8px 12px}.cf-top-actions button{padding:6px 10px;font-size:12px}.cf-main{grid-template-rows:58vh auto;grid-template-columns:1fr;height:auto;min-height:0}.cf-panel{border-left:0;border-top:1px solid var(--cf-line);z-index:2;border-radius:18px 18px 0 0;margin-top:-14px;position:relative}.cf-opts{max-height:none;overflow:visible}.cf-choices{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.cf-choices.sw{grid-template-columns:none}.cf-total{z-index:5;position:sticky;bottom:0}.cf-total .btn{padding:10px 14px;font-size:13px}.cf-cams{top:8px;left:8px;right:8px}.cf-envs{top:auto;bottom:30px;right:8px}.cf-cams button,.cf-envs button{padding:5px 10px;font-size:12px}.cf-two,.cf-cmp{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cf-reveal,.cf-morph span,.cf-flow li,.cf-modal{animation:none}}