html,body{color:var(--cf-fg);font-family:var(--cf-font-body);background:var(--cf-bg)!important}html.light,body.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--cf-bg)!important}html.dark,body.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--cf-bg)!important;color:var(--cf-fg)!important}html.light body.light,html.dark body.dark{color:var(--cf-fg)!important}.cf-app-shell{background:var(--cf-bg);color:var(--cf-fg)}.cf-app-sidebar{background:var(--cf-bg-elevated);border:1.5px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm)}.cf-topbar{background:var(--cf-bg-elevated);border-bottom:1.5px solid var(--cf-border)}.cf-main-frame{background:var(--cf-bg-subtle);border:1.5px solid var(--cf-border);border-radius:var(--cf-radius)}.cf-page-shell{background:var(--cf-bg-elevated)}.cf-page-header{background:var(--cf-bg-elevated);border-bottom:1.5px solid var(--cf-border)}.cf-page-body{scrollbar-color:var(--cf-stone-300) #0000}.cf-section-card{background:var(--cf-bg-elevated);border:1.5px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm)}.cf-section-card:hover{box-shadow:var(--cf-shadow)}.cf-control{border:1.5px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-card);width:100%;min-height:42px;color:var(--cf-fg);font:500 13px/1.35 var(--cf-font-body);transition:border-color var(--cf-transition),box-shadow var(--cf-transition),background var(--cf-transition);padding:10px 12px}.cf-control::placeholder{color:var(--cf-fg-muted)}.cf-control:hover{border-color:var(--cf-border-strong)}.cf-control:focus{border-color:var(--cf-blue);box-shadow:var(--cf-shadow-focus);outline:none}.cf-control:disabled{cursor:not-allowed;opacity:.55}.cf-button{border:1.5px solid var(--cf-ink);border-radius:var(--cf-radius-sm);background:var(--cf-lime);min-height:40px;color:var(--cf-ink);font:700 13px/1 var(--cf-font-body);transition:transform var(--cf-transition-fast),box-shadow var(--cf-transition),background var(--cf-transition);justify-content:center;align-items:center;gap:8px;padding:9px 15px;display:inline-flex}.cf-button:hover{background:var(--cf-lime-dark);box-shadow:var(--cf-shadow-hard-sm);transform:translate(-1px,-1px)}.cf-button:active{box-shadow:none;transform:translate(1px,1px)}.cf-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.cf-button--secondary{background:var(--cf-bg-elevated)}.cf-button--secondary:hover{background:var(--cf-paper-2)}.cf-button--ink{background:var(--cf-ink);color:var(--cf-fg-inverse)}.cf-button--blue{background:var(--cf-blue);color:#fff}.cf-button--danger{background:var(--cf-coral);color:#fff}.cf-chip{border:1.5px solid var(--cf-border);border-radius:var(--cf-radius-pill);background:var(--cf-bg-elevated);min-height:28px;color:var(--cf-fg-muted);font:700 11px/1 var(--cf-font-mono);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.cf-chip--active{border-color:var(--cf-ink);background:var(--cf-ink);color:var(--cf-fg-inverse);box-shadow:var(--cf-shadow-hard-sm)}.cf-eyebrow{color:var(--cf-blue);font:700 10px/1.2 var(--cf-font-mono);letter-spacing:.12em;text-transform:uppercase}.cf-divider{background:var(--cf-border);height:1.5px}.cf-empty{border:1.5px dashed var(--cf-border-strong);border-radius:var(--cf-radius);background:var(--cf-bg-subtle)}.cf-settings{background:var(--cf-bg-elevated);color:var(--cf-fg)}.cf-settings__nav{background:var(--cf-bg-subtle);border-right:1.5px solid var(--cf-border)}.cf-settings__nav-item{color:var(--cf-fg-muted);transition:background var(--cf-transition),color var(--cf-transition);font-size:13px;font-weight:600}.cf-settings__nav-item:hover,.cf-settings__nav-item--active{background:var(--cf-bg-elevated);color:var(--cf-fg)}.cf-settings__nav-indicator{background:var(--cf-blue);border-radius:999px;flex:0 0 4px;align-self:center;width:4px;height:20px;display:block}.cf-settings__content{background:var(--cf-bg-elevated);scrollbar-color:var(--cf-stone-300) #0000}.cf-settings__content-inner{min-height:100%}.cf-settings-eyebrow{color:var(--cf-blue);font:700 10px/1.2 var(--cf-font-mono);letter-spacing:.12em;text-transform:uppercase}.cf-settings-title{color:var(--cf-fg);letter-spacing:-.02em;margin-top:6px;font-size:24px;font-weight:700}.cf-settings-card{border:1.5px solid var(--cf-border);border-radius:var(--cf-radius);background:var(--cf-bg-subtle);color:var(--cf-fg);box-shadow:var(--cf-shadow-sm);padding:20px}.cf-settings-card-title{color:var(--cf-fg);font-size:15px;font-weight:700}.cf-settings select{border-radius:var(--cf-radius-sm);width:100%;min-height:42px;border:1.5px solid var(--cf-border)!important;background:var(--cf-bg-elevated)!important;color:var(--cf-fg)!important}.cf-settings select:focus{box-shadow:var(--cf-shadow-focus);border-color:var(--cf-blue)!important}.cf-settings .text-customColor18{color:var(--cf-fg-muted)!important}.cf-usage-card{border:1.5px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-bg-subtle);color:var(--cf-fg);transition:background var(--cf-transition),border-color var(--cf-transition),box-shadow var(--cf-transition)}.cf-usage-card:hover{border-color:var(--cf-border-strong);background:var(--cf-bg-elevated);box-shadow:var(--cf-shadow-sm)}.cf-usage-toggle{cursor:pointer;font:inherit}.cf-usage-toggle-icon{color:var(--cf-fg-muted);font:700 16px/1 var(--cf-font-body)}.cf-usage-toggle:focus-visible{border-color:var(--cf-blue);box-shadow:var(--cf-shadow-focus);outline:none}.cf-usage-compact{min-height:42px}.cf-usage-compact-icon{background:var(--cf-lime);width:20px;height:20px;color:var(--cf-ink);font:800 12px/1 var(--cf-font-body);border-radius:6px;place-items:center;display:inline-grid}.cf-usage-compact-value{color:var(--cf-fg-muted);font:700 10px/1 var(--cf-font-mono)}.cf-usage-plan{color:var(--cf-fg-muted);font:700 9px/1 var(--cf-font-mono);letter-spacing:.08em;text-transform:uppercase}.cf-usage-summary{color:var(--cf-fg-muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.cf-usage-summary strong{color:var(--cf-fg);font:700 10px/1 var(--cf-font-mono)}.cf-usage-row{color:var(--cf-fg-muted)}.cf-usage-row>div:first-child span:last-child{color:var(--cf-fg);font:700 10px/1 var(--cf-font-mono)}.cf-usage-track{background:var(--cf-border)}.cf-usage-fill{background:var(--cf-blue)}.cf-usage-fill--warning{background:var(--cf-coral)}.cf-usage-link{color:var(--cf-blue);font:700 10px/1.2 var(--cf-font-mono)}.cf-studio{--studio-bg:#111315;--studio-surface:#171a1d;--studio-elevated:#202428;--studio-chip:#252a2f;--studio-line:#f5f7f224;--studio-muted:#f5f7f294;background:var(--studio-bg);color:#f5f7f2}html.light .cf-studio,body.light .cf-studio{--studio-bg:var(--cf-bg-subtle);--studio-surface:var(--cf-bg-elevated);--studio-elevated:var(--cf-card);--studio-chip:var(--cf-bg-subtle);--studio-line:var(--cf-border);--studio-muted:var(--cf-fg-muted);background:var(--studio-bg);color:var(--cf-fg)}html.light .cf-studio [class*=text-white\/],body.light .cf-studio [class*=text-white\/]{color:var(--cf-fg-muted)!important}html.light .cf-studio .text-white,body.light .cf-studio .text-white{color:var(--cf-fg)!important}html.light .cf-studio [class*=border-white\/],body.light .cf-studio [class*=border-white\/]{border-color:var(--cf-border)!important}html.light .cf-studio [class*=bg-white\/],body.light .cf-studio [class*=bg-white\/]{background:color-mix(in srgb, var(--cf-fg) 5%, transparent)!important}html.light .cf-studio [class*=bg-black\/],body.light .cf-studio [class*=bg-black\/]{background:color-mix(in srgb, var(--cf-fg) 4%, transparent)!important}html.light .cf-studio [class*=text-cyan-],body.light .cf-studio [class*=text-cyan-]{color:var(--cf-blue)!important}html.light .cf-studio [class*=border-cyan-],body.light .cf-studio [class*=border-cyan-]{border-color:color-mix(in srgb, var(--cf-blue) 30%, transparent)!important}html.light .cf-studio [class*=bg-cyan-],body.light .cf-studio [class*=bg-cyan-]{background:color-mix(in srgb, var(--cf-blue) 10%, transparent)!important}.cf-studio__surface{background:var(--studio-surface)}.cf-studio__elevated{background:var(--studio-elevated)}.cf-studio__border{border-color:var(--studio-line)}.cf-studio__muted{color:var(--studio-muted)}.cf-studio__accent{background:var(--cf-lime);color:var(--cf-ink)}.cf-studio__accent:hover{background:var(--cf-lime-dark)}.cf-studio__help-button{white-space:nowrap;border-color:var(--studio-line);min-width:96px;color:var(--studio-muted);align-items:center;gap:7px}.cf-studio__help-button>span:first-child{width:18px;height:18px;font:700 11px/1 var(--cf-font-mono);border:1px solid;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cf-studio__help-button:hover{border-color:var(--cf-blue);color:var(--cf-fg);background:color-mix(in srgb, var(--cf-blue) 8%, transparent)}.cf-studio .copilotKitInputContainer{box-sizing:border-box;background:0 0;padding:12px 16px 16px!important}.cf-studio .copilotKitInput{box-sizing:border-box;border:1px solid var(--studio-line);background:var(--studio-elevated);border-radius:18px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 10px 24px #00000014;width:100%!important}.cf-studio .copilotKitInput:focus-within{border-color:color-mix(in srgb, var(--cf-blue) 70%, var(--studio-line));box-shadow:0 0 0 3px color-mix(in srgb, var(--cf-blue) 12%, transparent),0 12px 28px #0000001a}.cf-studio .copilotKitInput textarea{box-sizing:border-box;width:100%;min-height:52px;padding:15px 16px 8px;line-height:1.5;display:block;box-shadow:none!important;color:var(--cf-fg)!important;background:0 0!important;border:0!important;outline:0!important}.cf-studio .copilotKitInput textarea::placeholder{color:var(--studio-muted);opacity:.8}.cf-studio .copilotKitInputControls{align-items:center;gap:8px;padding:0 10px 10px;display:flex}.cf-studio .copilotKitInputControlButton{width:32px;height:32px;color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:color .16s,background .16s,border-color .16s,transform .16s;display:inline-flex}.cf-studio .copilotKitInputControlButton:not(:disabled):hover{border-color:var(--studio-line);color:var(--cf-fg);background:color-mix(in srgb, var(--cf-blue) 10%, transparent);transform:translateY(-1px)}.cf-studio .copilotKitInputControls>.copilotKitInputControlButton:last-child:not(:disabled){color:var(--cf-ink);background:var(--cf-lime);border-color:#0000}.cf-studio .copilotKitInputControls>.copilotKitInputControlButton:last-child:not(:disabled):hover{background:var(--cf-lime-dark)}.cf-studio .copilotKitInputControlButton:disabled{cursor:not-allowed;opacity:.35}.cf-studio__composer-tools{box-sizing:border-box;scrollbar-width:thin;align-items:center;gap:6px;width:100%;min-width:0;padding:0 14px;display:flex;overflow-x:auto}.cf-studio__composer-tools .cf-studio__media-portal{flex:auto;width:auto;min-width:0;overflow-x:visible;padding-right:0!important}.cf-studio__media-portal{box-sizing:border-box;scrollbar-width:thin;width:100%;max-width:100%;overflow-x:auto;padding-right:16px!important}.cf-studio__media-portal .b1>div:last-child{align-items:center;gap:6px;min-width:max-content;display:flex;border-top:1px solid var(--studio-line)!important;background:0 0!important;padding:8px 0!important}.cf-studio__media-portal .b2{align-items:center;gap:6px;display:flex;padding:0!important}.cf-studio__media-portal .b2>div,.cf-studio__media-portal .bg-newColColor{cursor:pointer;flex:none;align-items:center;min-height:31px;transition:border-color .16s,color .16s,background .16s,transform .16s;display:inline-flex;border:1px solid var(--studio-line)!important;background:var(--studio-chip)!important;color:var(--studio-muted)!important;border-radius:9px!important;padding:0 10px!important}.cf-studio__media-portal .b2>div:hover,.cf-studio__media-portal .bg-newColColor:hover{transform:translateY(-1px);border-color:color-mix(in srgb, var(--cf-blue) 38%, var(--studio-line))!important;background:color-mix(in srgb, var(--cf-blue) 9%, var(--studio-chip))!important;color:var(--cf-fg)!important}.cf-studio__media-portal .b2 button,.cf-studio__media-portal .b2 [role=button]{min-height:31px;font-weight:650;border:1px solid var(--studio-line)!important;background:var(--studio-chip)!important;color:var(--cf-fg)!important;opacity:1!important;border-radius:9px!important}.cf-studio__composer-tools,.cf-studio__composer-tools .cf-studio__media-portal,.cf-studio__media-portal .b2,.cf-studio__media-portal .b2>.group{overflow:visible!important}.cf-studio__media-portal .b2>.group>[role=button]{min-height:31px;border:1px solid var(--studio-line)!important;background:var(--studio-chip)!important;color:var(--cf-fg)!important;opacity:1!important;border-radius:9px!important}.cf-studio__media-portal .b2>.group>[role=button]:hover,.cf-studio__media-portal .b2>.group>[role=button]:focus-visible{outline:none;border-color:color-mix(in srgb, var(--cf-blue) 55%, var(--studio-line))!important;background:color-mix(in srgb, var(--cf-blue) 14%, var(--studio-chip))!important;color:var(--cf-fg)!important}.cf-studio__media-portal .b2>.group>div[class*=absolute]{filter:drop-shadow(0 12px 24px #0000002e);min-width:200px;padding-top:4px;color:var(--cf-fg)!important}.cf-studio__media-portal .b2>.group>div[class*=absolute] ul{border:1px solid var(--studio-line)!important;background:var(--studio-elevated)!important;color:var(--cf-fg)!important}.cf-studio__media-portal .b2>.group>div[class*=absolute] li{cursor:pointer;border-radius:6px;padding:6px 8px;color:var(--cf-fg)!important}.cf-studio__media-portal .b2>.group>div[class*=absolute] li:hover,.cf-studio__media-portal .b2>.group>div[class*=absolute] li:focus-visible{background:color-mix(in srgb, var(--cf-blue) 14%, var(--studio-chip))!important;color:var(--cf-fg)!important}.cf-studio__attachment-bar{white-space:nowrap;flex:none;min-width:max-content;min-height:31px;color:var(--studio-muted)!important}.cf-studio__attachment-button{cursor:pointer;align-items:center;gap:6px;min-height:31px;padding:0 10px;font-size:10px;font-weight:600;line-height:1;transition:border-color .16s,color .16s,background .16s,transform .16s;display:inline-flex;border:1px solid var(--studio-line)!important;background:var(--studio-chip)!important;color:var(--studio-muted)!important;border-radius:9px!important}.cf-studio__attachment-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb, var(--cf-blue) 38%, var(--studio-line))!important;background:color-mix(in srgb, var(--cf-blue) 9%, var(--studio-chip))!important;color:var(--cf-fg)!important}.cf-studio__attachment-icon{flex:none;width:15px;height:15px;display:inline-flex}.cf-studio .copilotKitMessages{scroll-behavior:smooth;scrollbar-gutter:stable both-edges;padding-bottom:8px}.cf-studio .copilotKitUserMessage{animation:.22s ease-out both cf-studio-message-in}.cf-studio__assistant-message{flex-direction:column;align-self:stretch;width:100%;min-width:0;animation:.26s cubic-bezier(.16,1,.3,1) both cf-studio-message-in;display:flex}.cf-studio__assistant-message>.copilotKitMessage{width:100%;min-width:0;max-width:none}.cf-studio__assistant-message[data-loading=true]{opacity:.82;transition:opacity .18s}.cf-studio__action-status{z-index:15;border:1px solid color-mix(in srgb, var(--cf-blue) 60%, transparent);background:color-mix(in srgb, var(--cf-blue) 94%, black 6%);color:#fff;max-width:min(560px,100% - 32px);box-shadow:0 14px 34px color-mix(in srgb, var(--cf-blue) 45%, transparent),0 2px 10px #00000040;pointer-events:none;border-radius:999px;align-items:center;gap:2px;padding:12px 20px;font-size:13px;font-weight:700;line-height:1.3;animation:.18s ease-out both cf-studio-message-in;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.cf-studio__action-status:after{content:"•••";color:#fff;letter-spacing:2px;min-width:22px;margin-left:2px;font-size:15px;animation:1.2s ease-in-out infinite cf-studio-status-dots;display:inline-block}@keyframes cf-studio-status-dots{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes cf-studio-message-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.cf-creation-options{border:1px solid color-mix(in srgb, var(--cf-blue) 28%, var(--studio-line));background:var(--studio-elevated);border-radius:20px;width:min(760px,100% - 24px);margin:8px 12px 16px;animation:.3s cubic-bezier(.16,1,.3,1) both cf-creation-options-in;overflow:hidden;box-shadow:0 14px 38px #0000001f}.cf-creation-options.is-submitting{pointer-events:none;animation:.52s ease-in-out infinite alternate cf-creation-options-processing}.cf-creation-options.is-submitting .cf-creation-options__confirm{position:relative;overflow:hidden}.cf-creation-options.is-submitting .cf-creation-options__confirm:before{content:"";background:linear-gradient(105deg,#0000 20%,#ffffff47 50%,#0000 80%);animation:1.4s ease-in-out infinite cf-studio-shimmer;position:absolute;inset:0;transform:translate(-110%)}@keyframes cf-creation-options-processing{0%{box-shadow:0 14px 38px #0000001f,0 0 0 0 color-mix(in srgb, var(--cf-blue) 0%, transparent)}to{box-shadow:0 18px 42px #00000029,0 0 0 5px color-mix(in srgb, var(--cf-blue) 10%, transparent)}}@keyframes cf-studio-shimmer{to{transform:translate(110%)}}.cf-creation-options__header{background:linear-gradient(135deg, color-mix(in srgb, var(--cf-blue) 9%, transparent), transparent 65%);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 16px;display:flex}.cf-creation-options__eyebrow{color:var(--cf-blue);font:700 10px/1.2 var(--cf-font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.cf-creation-options__eyebrow>span{background:var(--cf-lime);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--cf-lime) 12%, transparent);border-radius:50%}.cf-creation-options__header h3{color:var(--cf-fg);margin:8px 0 5px;font-size:20px;line-height:1.15}.cf-creation-options__header p{max-width:590px;color:var(--studio-muted);margin:0;font-size:13px;line-height:1.55}.cf-creation-options__type{border:1px solid var(--studio-line);color:var(--studio-muted);font:700 10px/1 var(--cf-font-mono);text-transform:uppercase;border-radius:999px;flex:none;padding:6px 9px}.cf-creation-options__body{border-top:1px solid var(--studio-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 22px 20px;display:grid}.cf-creation-options__group{border:0;min-width:0;margin:0;padding:0}.cf-creation-options__group legend{color:var(--cf-fg);margin-bottom:8px;font-size:12px;font-weight:700}.cf-creation-options__choices{flex-wrap:wrap;gap:7px;display:flex}.cf-creation-options__choices button{border:1px solid var(--studio-line);min-width:70px;min-height:42px;color:var(--studio-muted);background:color-mix(in srgb, var(--studio-surface) 70%, transparent);text-align:left;border-radius:10px;flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:2px;padding:7px 10px;transition:border-color .16s,color .16s,background .16s,transform .16s;display:inline-flex}.cf-creation-options__choices button:hover{border-color:color-mix(in srgb, var(--cf-blue) 45%, var(--studio-line));color:var(--cf-fg);transform:translateY(-1px)}.cf-creation-options__choices button.is-selected{border-color:var(--cf-blue);color:var(--cf-fg);background:color-mix(in srgb, var(--cf-blue) 13%, var(--studio-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cf-blue) 16%, transparent)}.cf-creation-options__choices strong{font-size:12px;line-height:1.2}.cf-creation-options__choices small{color:var(--studio-muted);font-size:10px;line-height:1.2}.cf-creation-options__footer{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:16px;padding:13px 22px 16px;display:flex}.cf-creation-options__footer>span{color:var(--studio-muted);font-size:11px;line-height:1.4}.cf-creation-options__footer>div{flex:none;gap:8px;display:flex}.cf-creation-options__cancel,.cf-creation-options__confirm{border-radius:10px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s}.cf-creation-options__cancel{border:1px solid var(--studio-line);color:var(--studio-muted);background:0 0}.cf-creation-options__cancel:hover:not(:disabled){border-color:var(--cf-blue);color:var(--cf-fg)}.cf-creation-options__confirm{border:1px solid var(--cf-lime);color:var(--cf-ink);background:var(--cf-lime);align-items:center;gap:9px;display:inline-flex}.cf-creation-options__confirm:hover:not(:disabled){background:var(--cf-lime-dark);transform:translateY(-1px)}.cf-creation-options__cancel:disabled,.cf-creation-options__confirm:disabled{cursor:not-allowed;opacity:.55}@keyframes cf-creation-options-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.cf-howto{z-index:100;color:var(--cf-fg);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cf-howto__backdrop{cursor:default;background:#040708b8;border:0;animation:.18s ease-out both cf-howto-fade;position:absolute;inset:0}.cf-howto__dialog{border:1px solid var(--studio-line);background:var(--studio-surface);scrollbar-color:var(--studio-line) #0000;border-radius:28px;width:min(1080px,100%);max-height:min(860px,100dvh - 32px);animation:.32s cubic-bezier(.16,1,.3,1) both cf-howto-rise;position:relative;overflow:auto;box-shadow:0 30px 90px #0000006b,0 0 0 1px #ffffff05}.cf-howto__glow{pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--cf-blue) 20%, transparent), transparent 68%);filter:blur(18px);opacity:.7;width:360px;height:260px;position:absolute;top:-160px;right:14%}.cf-howto__header,.cf-howto__examples-head,.cf-howto__footer{z-index:1;position:relative}.cf-howto__header{justify-content:space-between;align-items:flex-start;gap:24px;padding:34px 36px 24px;display:flex}.cf-howto__eyebrow{color:var(--cf-blue);font:700 10px/1.2 var(--cf-font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.cf-howto__pulse{background:var(--cf-lime);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--cf-lime) 50%, transparent);border-radius:999px;animation:2s ease-out infinite cf-howto-pulse}.cf-howto__header h2{max-width:620px;color:var(--cf-fg);letter-spacing:-.045em;margin:9px 0 8px;font-size:clamp(26px,3.2vw,42px);font-weight:700}.cf-howto__header p{max-width:650px;color:var(--studio-muted);margin:0;font-size:14px;line-height:1.65}.cf-howto__close{border:1px solid var(--studio-line);width:36px;height:36px;color:var(--studio-muted);transition:border-color var(--cf-transition-fast),color var(--cf-transition-fast),transform var(--cf-transition-fast);background:0 0;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:25px;line-height:1;display:inline-flex}.cf-howto__close:hover{border-color:var(--cf-blue);color:var(--cf-fg);transform:rotate(6deg)}.cf-howto__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 36px 30px;display:grid}.cf-howto__step{border:1px solid var(--studio-line);background:color-mix(in srgb, var(--studio-elevated) 72%, transparent);border-radius:16px;align-items:flex-start;gap:11px;min-width:0;padding:14px;animation:.42s cubic-bezier(.16,1,.3,1) both cf-howto-step-in;display:flex}.cf-howto__step:nth-child(2){animation-delay:45ms}.cf-howto__step:nth-child(3){animation-delay:90ms}.cf-howto__step:nth-child(4){animation-delay:.135s}.cf-howto__step>span{color:var(--cf-blue);font:700 11px/1.2 var(--cf-font-mono)}.cf-howto__step strong,.cf-howto__step small{display:block}.cf-howto__step strong{color:var(--cf-fg);font-size:12px}.cf-howto__step small{color:var(--studio-muted);margin-top:5px;font-size:11px;line-height:1.45}.cf-howto__examples-head{justify-content:space-between;align-items:end;gap:16px;padding:0 36px 16px;display:flex}.cf-howto__examples-head h3{color:var(--cf-fg);letter-spacing:-.025em;margin:7px 0 0;font-size:19px}.cf-howto__count{color:var(--studio-muted);font:700 10px/1 var(--cf-font-mono);text-transform:uppercase}.cf-howto__examples{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 36px 30px;display:grid;position:relative}.cf-howto__example{border:1px solid var(--studio-line);background:color-mix(in srgb, var(--studio-elevated) 88%, transparent);min-width:0;animation:cf-howto-card-in .48s cubic-bezier(.16, 1, .3, 1) var(--cf-howto-delay) both;transition:border-color var(--cf-transition),background var(--cf-transition),transform var(--cf-transition),box-shadow var(--cf-transition);border-radius:20px;flex-direction:column;padding:17px;display:flex}.cf-howto__example:hover{border-color:color-mix(in srgb, var(--cf-blue) 55%, var(--studio-line));background:color-mix(in srgb, var(--cf-blue) 7%, var(--studio-elevated));transform:translateY(-4px);box-shadow:0 16px 36px #0000002e}.cf-howto__example-top{align-items:center;gap:10px;display:flex}.cf-howto__icon{background:color-mix(in srgb, var(--cf-blue) 15%, transparent);width:34px;height:34px;color:var(--cf-blue);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.cf-howto__example-top span:not(.cf-howto__icon){color:var(--cf-blue);font:700 9px/1.2 var(--cf-font-mono);letter-spacing:.08em;text-transform:uppercase;display:block}.cf-howto__example h4{color:var(--cf-fg);margin:3px 0 0;font-size:15px}.cf-howto__quote,.cf-howto__result{margin-top:16px}.cf-howto__quote{border-left:2px solid var(--cf-lime);background:color-mix(in srgb, var(--cf-lime) 5%, transparent);border-radius:0 10px 10px 0;padding:11px 12px}.cf-howto__quote small,.cf-howto__result small{color:var(--studio-muted);font:700 9px/1.2 var(--cf-font-mono);letter-spacing:.08em;text-transform:uppercase}.cf-howto__quote p,.cf-howto__result p{color:var(--cf-fg);margin:6px 0 0;font-size:12px;line-height:1.55}.cf-howto__result p{color:var(--studio-muted)}.cf-howto__use{color:var(--cf-blue);text-align:left;transition:color var(--cf-transition-fast),gap var(--cf-transition-fast);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:16px 0 0;font-size:12px;font-weight:700;display:flex}.cf-howto__use span{transition:transform var(--cf-transition-fast);font-size:17px}.cf-howto__use:hover{color:var(--cf-fg)}.cf-howto__use:hover span{transform:translate(4px)}.cf-howto__footer{border-top:1px solid var(--studio-line);color:var(--studio-muted);align-items:center;gap:7px;padding:15px 36px 20px;font-size:11px;display:flex}.cf-howto__footer>span{color:var(--cf-blue);font:700 13px/1 var(--cf-font-mono)}.cf-howto__footer button{color:var(--cf-fg);background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:700}.cf-howto__footer button:hover{color:var(--cf-blue)}@keyframes cf-howto-fade{0%{opacity:0}to{opacity:1}}@keyframes cf-howto-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cf-howto-step-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes cf-howto-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-howto-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--cf-lime) 50%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@media (max-width:900px){.cf-howto{padding:12px}.cf-howto__header,.cf-howto__examples-head,.cf-howto__footer,.cf-howto__steps,.cf-howto__examples{padding-left:20px;padding-right:20px}.cf-howto__steps,.cf-howto__examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.cf-studio__help-button{min-width:36px}.cf-creation-options{border-radius:16px;width:calc(100% - 16px);margin-left:8px;margin-right:8px}.cf-creation-options__header,.cf-creation-options__body,.cf-creation-options__footer{padding-left:16px;padding-right:16px}.cf-creation-options__header,.cf-creation-options__footer{flex-direction:column;align-items:flex-start}.cf-creation-options__body{grid-template-columns:1fr}.cf-creation-options__footer>div{width:100%}.cf-creation-options__cancel,.cf-creation-options__confirm{flex:1}.cf-howto__header{padding-top:24px}.cf-howto__header p{font-size:13px}.cf-howto__steps,.cf-howto__examples{grid-template-columns:1fr}.cf-howto__footer{flex-wrap:wrap;align-items:flex-start}.cf-howto__footer button{text-align:left;width:100%;margin-left:20px}}.cf-studio-panel>div{min-width:0}.cf-content-artifact{border:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 85%, transparent);background:var(--cf-surface,#171a1d);width:calc(100% - 24px);max-width:1080px;color:var(--cf-text,#f5f7f8);border-radius:20px;align-self:stretch;margin:12px;animation:.26s ease-out both cf-content-artifact-in;overflow:hidden;box-shadow:0 16px 50px #00000024}.cf-content-artifact.is-processing{border-color:color-mix(in srgb, var(--cf-blue) 44%, var(--cf-border,#ffffff1f));animation:1.8s ease-in-out infinite cf-content-artifact-processing}.cf-content-artifact__header{border-bottom:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 70%, transparent);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.cf-content-artifact__eyebrow{color:var(--cf-accent,#bfff38);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.cf-content-artifact__header h3{margin:0;font-size:18px;line-height:1.25}.cf-content-artifact__header p{max-width:680px;color:color-mix(in srgb, var(--cf-text,#f5f7f8) 62%, transparent);margin:7px 0 0;font-size:12px;line-height:1.5}.cf-content-artifact__count{background:color-mix(in srgb, var(--cf-accent,#bfff38) 16%, transparent);min-width:34px;height:34px;color:var(--cf-accent,#bfff38);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.cf-content-ideas__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:min(56vh,610px);padding:14px;display:grid;overflow-y:auto}.cf-content-idea{border:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 76%, transparent);background:color-mix(in srgb, var(--cf-surface,#171a1d) 72%, #fff 4%);border-radius:15px;flex-direction:column;gap:8px;min-width:0;padding:14px;transition:border-color .18s,transform .18s,background .18s;display:flex}.cf-content-idea:hover,.cf-content-idea.is-selected{border-color:color-mix(in srgb, var(--cf-accent,#bfff38) 65%, transparent);background:color-mix(in srgb, var(--cf-accent,#bfff38) 7%, var(--cf-surface,#171a1d));transform:translateY(-1px)}.cf-content-idea__top,.cf-content-idea__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.cf-content-idea__top span{color:var(--cf-accent,#bfff38);font-size:11px;font-weight:800}.cf-content-idea__top small,.cf-content-idea__meta span{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 52%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.cf-content-idea h4{margin:0;font-size:14px;line-height:1.35}.cf-content-idea p{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 66%, transparent);margin:0;font-size:12px;line-height:1.45}.cf-content-idea__hook{font-weight:650;color:var(--cf-text,#f5f7f8)!important}.cf-content-idea__meta{flex-wrap:wrap;justify-content:flex-start}.cf-content-idea__meta span{background:color-mix(in srgb, var(--cf-text,#f5f7f8) 7%, transparent);border-radius:999px;max-width:100%;padding:4px 7px}.cf-content-idea__actions,.cf-content-artifact__footer{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.cf-content-idea__actions button,.cf-content-artifact__footer button{border:1px solid color-mix(in srgb, var(--cf-accent,#bfff38) 54%, transparent);background:var(--cf-accent,#bfff38);color:#111510;cursor:pointer;border-radius:10px;min-height:34px;padding:8px 10px;font-size:11px;font-weight:800;transition:filter .16s,transform .16s}.cf-content-idea__actions button:hover,.cf-content-artifact__footer button:hover{filter:brightness(1.08);transform:translateY(-1px)}.cf-content-idea__actions button:disabled,.cf-content-artifact__footer button:disabled{cursor:wait;opacity:.55}.cf-content-artifact__pending{border:1px solid color-mix(in srgb, var(--cf-blue) 34%, var(--cf-border,#ffffff1f));background:color-mix(in srgb, var(--cf-blue) 9%, var(--cf-surface,#171a1d));color:color-mix(in srgb, var(--cf-text,#f5f7f8) 82%, var(--cf-blue));border-radius:11px;align-items:center;gap:8px;margin:0 14px 16px;padding:9px 11px;font-size:11px;line-height:1.4;animation:.22s ease-out both cf-studio-message-in;display:inline-flex}.cf-content-artifact__pending:after{content:"•••";color:var(--cf-blue);letter-spacing:2px;animation:1.2s ease-in-out infinite cf-studio-status-dots}.cf-content-artifact__error{border:1px solid color-mix(in srgb, #ff5c5c 42%, var(--cf-border,#ffffff1f));background:color-mix(in srgb, #ff5c5c 10%, var(--cf-surface,#171a1d));color:color-mix(in srgb, var(--cf-text,#f5f7f8) 82%, #ff5c5c);border-radius:11px;margin:0 14px 16px;padding:9px 11px;font-size:11px;line-height:1.4;animation:.22s ease-out both cf-studio-message-in;display:block}.cf-content-idea__actions button.is-secondary,.cf-content-artifact__footer button.is-secondary{border-color:color-mix(in srgb, var(--cf-border,#ffffff1f) 90%, transparent);color:var(--cf-text,#f5f7f8);background:0 0}.cf-carousel-preview__workspace{grid-template-columns:minmax(0,1fr) minmax(270px,320px);align-items:start;gap:12px;padding:0 14px 4px;display:grid}.cf-carousel-preview__workspace:not(.is-editing){padding:0;display:block}.cf-carousel-preview__rail{scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;min-width:0;padding:18px 6px 12px;display:flex;overflow-x:auto}.cf-carousel-slide{aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 85%, transparent);width:clamp(185px,24vw,250px);color:var(--cf-text,#f5f7f8);cursor:pointer;scroll-snap-align:start;text-align:left;background:#25292d;border-radius:15px;flex:none;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.cf-carousel-slide:hover,.cf-carousel-slide.is-active{border-color:var(--cf-accent,#bfff38);box-shadow:0 0 0 2px color-mix(in srgb, var(--cf-accent,#bfff38) 20%, transparent);transform:translateY(-2px)}.cf-carousel-slide>img{object-fit:cover;width:100%;height:100%;display:block}.cf-carousel-slide__image-preview{width:100%;height:100%;position:relative}.cf-carousel-slide__image-preview>img{object-fit:cover;width:100%;height:100%;display:block}.cf-carousel-slide__live-overlay{text-shadow:0 1px 3px #00000061;background:linear-gradient(#0000002e,#0000 28%,#000000a3);flex-direction:column;justify-content:space-between;animation:.18s ease-out both cf-carousel-live-overlay-in;display:flex;position:absolute;inset:0}.cf-carousel-slide__live-overlay h4{max-height:45%;margin:8px 0;font-size:clamp(17px,2.1vw,25px);line-height:1.1;overflow:hidden}.cf-carousel-slide__live-overlay p{max-height:25%;margin:0 0 10px;font-size:10px;line-height:1.4;overflow:hidden}.cf-carousel-slide__live-overlay em{width:fit-content;text-shadow:none;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.cf-carousel-slide__live-label{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#00000075;border:1px solid #ffffff5c;border-radius:999px;align-self:flex-start;padding:4px 7px;font-size:8px;font-weight:800}@keyframes cf-carousel-live-overlay-in{0%{opacity:0}to{opacity:1}}.cf-carousel-slide__canvas{background:linear-gradient(145deg,#25363a,#141719 62%,#3f5128);flex-direction:column;justify-content:space-between;height:100%;padding:22px;display:flex}.cf-carousel-slide__canvas--comparison{background:linear-gradient(145deg,#473d2c,#161819 58%,#713838)}.cf-carousel-slide__canvas--steps{background:linear-gradient(145deg,#273e54,#171b21 62%,#24443a)}.cf-carousel-slide__canvas--text-card{background:linear-gradient(145deg,#3c344b,#15171a 62%,#24404b)}.cf-carousel-slide__index{color:inherit;align-self:flex-end;font-size:11px;font-weight:800}.cf-carousel-slide__canvas h4{color:inherit;margin:7px 0;font-size:clamp(18px,2.1vw,25px);line-height:1.1}.cf-carousel-slide__canvas p{color:inherit;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.cf-carousel-slide__canvas strong{color:var(--cf-accent,#bfff38);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.cf-carousel-slide__canvas em{color:#111;background:#fff;border-radius:999px;width:fit-content;padding:6px 9px;font-size:10px;font-style:normal;font-weight:800}.cf-carousel-slide__badge{color:#fff;background:#0000008c;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;bottom:9px;right:9px}.cf-carousel-slide__zoom{z-index:3;color:#fff;cursor:zoom-in;opacity:0;background:#0000008c;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;line-height:1;transition:opacity .14s,background .14s;display:inline-flex;position:absolute;top:8px;right:8px}.cf-carousel-slide:hover .cf-carousel-slide__zoom,.cf-carousel-slide__zoom:focus-visible{opacity:1}.cf-carousel-slide__zoom:hover{background:#000000c7}.cf-carousel-slide__rendering{z-index:4;background:color-mix(in srgb, var(--cf-blue) 22%, #0000009e);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.cf-carousel-slide__spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:26px;height:26px;animation:.8s linear infinite cf-carousel-spin}@keyframes cf-carousel-spin{to{transform:rotate(360deg)}}.cf-carousel-gen-progress{color:var(--cf-fg-muted);flex-direction:column;gap:6px;margin:10px 0 2px;font-size:11px;font-weight:600;display:flex}.cf-carousel-gen-progress__bar{background:color-mix(in srgb, var(--cf-blue) 16%, transparent);border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.cf-carousel-gen-progress__fill{background:var(--cf-blue);border-radius:999px;height:100%;transition:width .32s}.cf-carousel-gen-progress__fill[data-indeterminate=true]{animation:1.1s ease-in-out infinite cf-carousel-progress-slide;width:40%!important}@keyframes cf-carousel-progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.cf-carousel-copy-editor__saved{color:var(--cf-ok,#0fb37b);font-weight:700}.cf-carousel-lightbox{z-index:120;cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out both cf-studio-message-in;display:flex;position:fixed;inset:0}.cf-carousel-lightbox>img{cursor:default;border-radius:12px;max-width:min(92vw,1100px);max-height:90vh;box-shadow:0 24px 60px #0000008c}.cf-carousel-lightbox__close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:999px;width:42px;height:42px;font-size:26px;line-height:1;transition:background .14s;position:absolute;top:18px;right:22px}.cf-carousel-lightbox__close:hover{background:#ffffff47}@media (prefers-reduced-motion:reduce){.cf-carousel-slide__spinner,.cf-carousel-gen-progress__fill[data-indeterminate=true]{animation:none}}.cf-carousel-preview__details{border-top:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;margin:0 20px;padding:12px 0;display:flex}.cf-carousel-preview__details strong{font-size:12px}.cf-carousel-preview__details p{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 56%, transparent);margin:4px 0 0;font-size:11px}.cf-carousel-preview__details>span{color:var(--cf-accent,#bfff38);white-space:nowrap;font-size:10px}.cf-content-artifact__pending{color:var(--cf-accent,#bfff38);margin:10px 20px 0;font-size:12px;font-weight:700}.cf-carousel-copy-editor{border:1px solid color-mix(in srgb, var(--cf-accent,#bfff38) 30%, var(--cf-border,#ffffff1f));background:color-mix(in srgb, var(--cf-surface,#171a1d) 88%, var(--cf-accent,#bfff38));border-radius:14px;gap:10px;margin:0 20px 4px;padding:14px;display:grid}.cf-carousel-copy-editor__heading,.cf-carousel-copy-editor__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.cf-carousel-copy-editor__heading strong{font-size:13px}.cf-carousel-copy-editor__heading p{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 58%, transparent);margin:3px 0 0;font-size:11px}.cf-carousel-copy-editor__heading>span{color:var(--cf-accent,#bfff38);white-space:nowrap;font-size:10px;font-weight:800}.cf-carousel-copy-editor label{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 74%, transparent);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.cf-carousel-copy-editor input,.cf-carousel-copy-editor textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 90%, transparent);background:color-mix(in srgb, var(--cf-surface,#171a1d) 82%, #fff);width:100%;color:var(--cf-text,#f5f7f8);font:inherit;letter-spacing:normal;text-transform:none;border-radius:9px;outline:none;padding:9px 10px;font-size:12px}.cf-carousel-copy-editor textarea{resize:vertical;min-height:82px;line-height:1.45}.cf-carousel-copy-editor input:focus,.cf-carousel-copy-editor textarea:focus{border-color:var(--cf-accent,#bfff38);box-shadow:0 0 0 2px color-mix(in srgb, var(--cf-accent,#bfff38) 18%, transparent)}.cf-carousel-copy-editor__actions{flex-wrap:wrap;justify-content:flex-end}.cf-carousel-copy-editor__actions button{border:1px solid color-mix(in srgb, var(--cf-accent,#bfff38) 54%, transparent);background:var(--cf-accent,#bfff38);color:#111510;cursor:pointer;border-radius:10px;min-height:34px;padding:8px 10px;font-size:11px;font-weight:800}.cf-carousel-copy-editor__actions button.is-secondary{border-color:color-mix(in srgb, var(--cf-border,#ffffff1f) 90%, transparent);color:var(--cf-text,#f5f7f8);background:0 0}.cf-carousel-copy-editor__actions button:disabled{cursor:wait;opacity:.55}.cf-carousel-copy-editor>small{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 48%, transparent);font-size:10px}.cf-carousel-preview__header-actions{align-items:center;gap:8px;display:flex}.cf-carousel-preview__header-actions>button{border:1px solid color-mix(in srgb, var(--cf-accent,#bfff38) 55%, var(--cf-border,#ffffff1f));min-height:30px;color:var(--cf-text,#f5f7f8);cursor:pointer;background:0 0;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.cf-carousel-preview__header-actions>button:hover,.cf-carousel-preview__header-actions>button.is-active{background:var(--cf-accent,#bfff38);color:#111510}.cf-carousel-slide__brand{color:inherit;letter-spacing:.08em;opacity:.72;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;top:14px;left:16px}.cf-carousel-design-editor{border:1px solid var(--cf-border,#ffffff1f);background:var(--cf-surface,#171a1d);border-radius:15px;gap:13px;max-height:min(72vh,680px);margin:0 0 10px;padding:16px;animation:.18s both cf-content-artifact-in;display:grid;overflow-y:auto}.cf-carousel-design-editor::-webkit-scrollbar{width:8px}.cf-carousel-design-editor::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--cf-text,#f5f7f8) 18%, transparent);border-radius:999px}.cf-carousel-design-editor button:disabled,.cf-carousel-design-editor select:disabled,.cf-carousel-design-editor textarea:disabled{opacity:.45;cursor:not-allowed}.cf-carousel-design-editor__heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cf-carousel-design-editor__heading strong{font-size:13px}.cf-carousel-design-editor__heading p{max-width:42ch;color:color-mix(in srgb, var(--cf-text,#f5f7f8) 58%, transparent);margin:3px 0 0;font-size:11px;line-height:1.45}.cf-carousel-design-editor button.is-quiet{border:1px solid var(--cf-border,#ffffff1f);color:color-mix(in srgb, var(--cf-text,#f5f7f8) 75%, transparent);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;padding:7px 11px;font-size:10px;font-weight:800;transition:border-color .12s,color .12s}.cf-carousel-design-editor button.is-quiet:hover{border-color:color-mix(in srgb, var(--cf-accent,#bfff38) 55%, transparent);color:var(--cf-accent,#bfff38)}.cf-segmented{border:1px solid var(--cf-border,#ffffff1f);background:#00000038;border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.cf-segmented button{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 62%, transparent);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;transition:background .12s,color .12s}.cf-segmented button:hover{color:var(--cf-text,#f5f7f8)}.cf-segmented button.is-active{background:color-mix(in srgb, var(--cf-accent,#bfff38) 16%, transparent);color:var(--cf-accent,#bfff38)}.cf-carousel-design-editor fieldset{border:1px solid color-mix(in srgb, var(--cf-border,#ffffff1f) 55%, transparent);background:color-mix(in srgb, var(--cf-text,#f5f7f8) 3%, transparent);border-radius:12px;gap:9px;min-width:0;margin:0;padding:12px;display:grid}.cf-carousel-design-editor legend{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 72%, transparent);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.cf-design-tag{background:color-mix(in srgb, var(--cf-accent,#bfff38) 16%, transparent);color:var(--cf-accent,#bfff38);letter-spacing:.03em;text-transform:none;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.cf-carousel-design-editor__row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.cf-carousel-design-editor__row>label{min-width:0;color:color-mix(in srgb, var(--cf-text,#f5f7f8) 68%, transparent);text-transform:uppercase;flex:1;gap:5px;font-size:10px;font-weight:800;display:grid}.cf-carousel-design-editor select{border:1px solid var(--cf-border,#ffffff1f);background:color-mix(in srgb, #000 18%, var(--cf-surface,#171a1d));width:100%;min-height:34px;color:var(--cf-text,#f5f7f8);font:inherit;text-transform:none;border-radius:9px;padding:7px 9px;font-size:11px;transition:border-color .12s}.cf-carousel-design-editor select:focus-visible{border-color:color-mix(in srgb, var(--cf-accent,#bfff38) 65%, transparent);outline:none}.cf-carousel-design-editor textarea{border:1px solid var(--cf-border,#ffffff1f);background:color-mix(in srgb, #000 18%, var(--cf-surface,#171a1d));width:100%;color:var(--cf-text,#f5f7f8);font:inherit;resize:vertical;border-radius:9px;padding:8px 10px;font-size:11px;line-height:1.5;transition:border-color .12s}.cf-carousel-design-editor textarea:focus-visible{border-color:color-mix(in srgb, var(--cf-accent,#bfff38) 65%, transparent);outline:none}.cf-design-imageprompt{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 68%, transparent);text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.cf-design-imageprompt small{text-transform:none;color:color-mix(in srgb, var(--cf-text,#f5f7f8) 55%, transparent);font-size:10px;font-weight:500}.cf-design-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cf-design-style-card{border:1px solid var(--cf-border,#ffffff1f);color:var(--cf-text,#f5f7f8);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:11px;gap:7px;padding:7px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.cf-design-style-card:hover{border-color:color-mix(in srgb, var(--cf-text,#f5f7f8) 38%, transparent)}.cf-design-style-card.is-selected{border-color:var(--cf-accent,#bfff38);background:color-mix(in srgb, var(--cf-accent,#bfff38) 8%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--cf-accent,#bfff38) 45%, transparent)}.cf-design-style-card__preview{border:1px solid #ffffff17;border-radius:8px;height:46px;display:block;position:relative}.cf-design-style-card__preview:after{content:"";border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 -14px 26px #00000038}.cf-design-style-card__chip{border:2px solid #ffffff9e;border-radius:50%;width:13px;height:13px;position:absolute;bottom:8px;right:8px}.cf-design-style-card__chip--second{right:27px}.cf-design-style-card strong{font-size:11px;font-weight:700}.cf-design-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.cf-design-choice-grid button{border:1px solid var(--cf-border,#ffffff1f);min-width:0;color:var(--cf-text,#f5f7f8);cursor:pointer;text-align:left;background:0 0;border-radius:10px;gap:6px;padding:8px;font-size:11px;font-weight:600;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.cf-design-choice-grid button:hover{border-color:color-mix(in srgb, var(--cf-text,#f5f7f8) 38%, transparent)}.cf-design-choice-grid button.is-selected{border-color:var(--cf-accent,#bfff38);background:color-mix(in srgb, var(--cf-accent,#bfff38) 8%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--cf-accent,#bfff38) 45%, transparent)}.cf-design-swatch{border:1px solid #ffffff1a;border-radius:7px;width:100%;height:30px;display:block}.cf-design-choice-grid--fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-design-choice-grid--fonts strong{font-size:14px}.cf-design-choice-grid--fonts small{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 55%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.cf-design-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cf-design-color-field{min-width:0;color:color-mix(in srgb, var(--cf-text,#f5f7f8) 68%, transparent);text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.cf-design-color-field>span{border:1px solid var(--cf-border,#ffffff1f);background:color-mix(in srgb, #000 18%, var(--cf-surface,#171a1d));min-height:34px;color:var(--cf-text,#f5f7f8);text-transform:none;border-radius:9px;align-items:center;gap:8px;padding:5px 9px;font-size:10px;font-weight:600;display:flex}.cf-design-color-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;width:22px;height:22px;padding:0}.cf-design-elements{flex-wrap:wrap;gap:7px;display:flex}.cf-design-chip{border:1px solid var(--cf-border,#ffffff1f);color:color-mix(in srgb, var(--cf-text,#f5f7f8) 72%, transparent);cursor:pointer;font:inherit;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.cf-design-chip:hover{border-color:color-mix(in srgb, var(--cf-text,#f5f7f8) 38%, transparent);color:var(--cf-text,#f5f7f8)}.cf-design-chip__dot{background:color-mix(in srgb, var(--cf-text,#f5f7f8) 28%, transparent);border-radius:50%;width:8px;height:8px;transition:background .12s,box-shadow .12s}.cf-design-chip[aria-pressed=true]{border-color:var(--cf-accent,#bfff38);background:color-mix(in srgb, var(--cf-accent,#bfff38) 12%, transparent);color:var(--cf-text,#f5f7f8)}.cf-design-chip[aria-pressed=true] .cf-design-chip__dot{background:var(--cf-accent,#bfff38);box-shadow:0 0 7px color-mix(in srgb, var(--cf-accent,#bfff38) 70%, transparent)}.cf-carousel-design-editor__hint{color:color-mix(in srgb, var(--cf-text,#f5f7f8) 50%, transparent);font-size:10px;line-height:1.5}.cf-content-artifact__footer{justify-content:flex-end;padding:12px 20px 16px}@keyframes cf-content-artifact-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-content-artifact-processing{0%,to{box-shadow:0 16px 50px #00000024,0 0 0 0 color-mix(in srgb, var(--cf-blue) 0%, transparent)}50%{box-shadow:0 19px 55px #0000002b,0 0 0 4px color-mix(in srgb, var(--cf-blue) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.cf-studio__action-status:after,.cf-creation-options.is-submitting,.cf-creation-options.is-submitting .cf-creation-options__confirm:before,.cf-content-artifact.is-processing,.cf-content-artifact__pending:after{animation:none}}@media (max-width:680px){.cf-content-ideas__grid{grid-template-columns:1fr;max-height:58vh}.cf-content-artifact{border-radius:16px;width:calc(100% - 16px);margin:8px}.cf-content-artifact__header{padding:15px}.cf-carousel-preview__workspace{padding:0;display:block}.cf-carousel-preview__rail{padding-left:15px;padding-right:15px}.cf-carousel-slide{width:190px}.cf-carousel-copy-editor{margin-left:15px;margin-right:15px}.cf-carousel-copy-editor__actions{flex-direction:column;align-items:stretch}.cf-carousel-copy-editor__actions button{width:100%}.cf-carousel-design-editor{max-height:none;margin-left:8px;margin-right:8px}.cf-design-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-content-artifact__footer{flex-direction:column-reverse;align-items:stretch;padding-left:15px;padding-right:15px}.cf-content-artifact__footer button{width:100%}}.cf-studio-panel .grid,.cf-studio-panel section,.cf-studio-panel a,.cf-studio-panel button{min-width:0;max-width:100%}@media (max-width:900px){.cf-app-sidebar,.cf-main-frame{border-radius:var(--cf-radius-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.cf-carousel-viewer{color:var(--cf-fg);flex-direction:column;gap:16px;max-height:85vh;padding:24px;display:flex;overflow-y:auto}.cf-carousel-viewer__project-banner{border:1.5px solid var(--cf-border);border-radius:var(--cf-radius);background:var(--cf-bg-subtle);padding:14px 16px}.cf-carousel-viewer__badge{border-radius:var(--cf-radius-pill);background:var(--cf-blue);color:var(--cf-fg-inverse);margin-right:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.cf-carousel-viewer__badge.is-quiet{background:var(--cf-bg-elevated);color:var(--cf-fg-muted);border:1px solid var(--cf-border)}.cf-carousel-viewer__project-info{margin-top:8px;font-size:13px;line-height:1.5}.cf-carousel-viewer__project-info strong{color:var(--cf-fg);display:block}.cf-carousel-viewer__project-info p{color:var(--cf-fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.cf-carousel-viewer__main{align-items:center;gap:12px;display:flex}.cf-carousel-viewer__nav{border:1.5px solid var(--cf-border);background:var(--cf-bg-elevated);width:40px;height:40px;color:var(--cf-fg);cursor:pointer;transition:var(--cf-transition-fast);border-radius:50%;flex:none;font-size:22px;line-height:1}.cf-carousel-viewer__nav:hover:not(:disabled){border-color:var(--cf-border-strong);background:var(--cf-bg-subtle)}.cf-carousel-viewer__nav:disabled{opacity:.35;cursor:not-allowed}.cf-carousel-viewer__stage{border-radius:var(--cf-radius);border:1.5px solid var(--cf-border);background:var(--cf-bg-subtle);flex:auto;justify-content:center;align-items:center;min-width:0;max-height:60vh;display:flex;position:relative;overflow:hidden}.cf-carousel-viewer__stage img{object-fit:contain;width:100%;height:100%;max-height:60vh}.cf-carousel-viewer__slide-indicator{color:#fff;border-radius:var(--cf-radius-pill);background:#0009;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.cf-carousel-viewer__thumbnails{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cf-carousel-viewer__thumbnails button{border-radius:var(--cf-radius-sm);cursor:pointer;background:var(--cf-bg-subtle);width:64px;height:64px;transition:var(--cf-transition-fast);border:2px solid #0000;flex:none;padding:0;overflow:hidden}.cf-carousel-viewer__thumbnails button img{object-fit:cover;width:100%;height:100%;display:block}.cf-carousel-viewer__thumbnails button:hover{border-color:var(--cf-border-strong)}.cf-carousel-viewer__thumbnails button.is-active{border-color:var(--cf-blue)}.cf-carousel-viewer__toolbar{flex-wrap:wrap;gap:10px;display:flex}.cf-carousel-viewer__toolbar button{border-radius:var(--cf-radius-sm);border:1.5px solid var(--cf-border);background:var(--cf-card);color:var(--cf-fg);font:700 13px var(--cf-font-body);cursor:pointer;transition:var(--cf-transition-fast);padding:10px 16px}.cf-carousel-viewer__toolbar button:hover:not(:disabled){border-color:var(--cf-blue)}.cf-carousel-viewer__toolbar button:disabled{opacity:.5;cursor:not-allowed}.cf-carousel-viewer__toolbar button.is-danger{color:var(--cf-coral);border-color:var(--cf-coral)}.cf-carousel-viewer__error{color:var(--cf-coral);font-size:13px;font-weight:600}.cf-logo-editor{color:var(--cf-fg);gap:20px;display:flex}@media (max-width:760px){.cf-logo-editor{flex-direction:column}}.cf-logo-editor__preview-wrap{flex:55%;min-width:0}.cf-logo-editor__preview{aspect-ratio:4/5;border-radius:var(--cf-radius);border:1.5px solid var(--cf-border);background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.cf-logo-editor__hint{color:var(--cf-fg-muted);margin-top:8px;font-size:12px}.cf-logo-editor__logo-handle{cursor:grab;touch-action:none;border:1.5px dashed #0000;border-radius:4px;position:absolute}.cf-logo-editor__logo-handle img{pointer-events:none;width:100%;height:auto;display:block}.cf-logo-editor__logo-handle:hover,.cf-logo-editor__logo-handle.is-dragging{border-color:var(--cf-blue)}.cf-logo-editor__logo-handle.is-dragging{cursor:grabbing}.cf-logo-editor__controls{flex-direction:column;flex:45%;gap:14px;min-width:240px;display:flex}.cf-logo-editor__upload{text-align:center;border:1.5px dashed var(--cf-border-strong);border-radius:var(--cf-radius);cursor:pointer;color:var(--cf-fg);transition:var(--cf-transition-fast);padding:14px;font-size:13px;font-weight:700;display:block}.cf-logo-editor__upload:hover{border-color:var(--cf-blue);background:var(--cf-bg-subtle)}.cf-logo-editor__upload input{display:none}.cf-logo-editor__error{color:var(--cf-coral);font-size:12px;font-weight:600}.cf-logo-editor fieldset{border:none;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.cf-logo-editor fieldset:disabled{opacity:.5}.cf-logo-editor fieldset legend{text-transform:uppercase;letter-spacing:.03em;color:var(--cf-fg-muted);margin-bottom:4px;padding:0;font-size:12px;font-weight:800}.cf-logo-editor__positions{flex-wrap:wrap;gap:6px;display:flex}.cf-logo-editor__positions button{border-radius:var(--cf-radius-sm);border:1.5px solid var(--cf-border);background:var(--cf-card);color:var(--cf-fg);font:600 12px var(--cf-font-body);cursor:pointer;padding:6px 10px}.cf-logo-editor__positions button.is-active{border-color:var(--cf-blue);background:var(--cf-blue);color:var(--cf-fg-inverse)}.cf-logo-editor__slider{color:var(--cf-fg-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.cf-logo-editor__slider input[type=range]{accent-color:var(--cf-blue)}.cf-logo-editor__actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}.cf-logo-editor__actions button{border-radius:var(--cf-radius-sm);border:1.5px solid var(--cf-border);font:700 13px var(--cf-font-body);cursor:pointer;transition:var(--cf-transition-fast);flex:auto;padding:10px 14px}.cf-logo-editor__actions button.is-primary{background:var(--cf-blue);border-color:var(--cf-blue);color:var(--cf-fg-inverse)}.cf-logo-editor__actions button.is-danger{color:var(--cf-coral);border-color:var(--cf-coral);background:var(--cf-card)}.cf-logo-editor__actions button.is-quiet{background:var(--cf-card);color:var(--cf-fg-muted)}.cf-logo-editor__actions button:disabled{opacity:.5;cursor:not-allowed}