.ccr{position:relative;flex:1;min-height:0;overflow:hidden}.ccr-stage{position:absolute;inset:0}.ccr-chat{position:absolute;inset:0;z-index:2;background:var(--cdm-paper);border-right:1px solid transparent;transition:width .72s cubic-bezier(.7,0,.2,1),border-color .5s ease;width:100%}.ccr[data-phase=reveal] .ccr-chat,.ccr[data-phase=done] .ccr-chat{width:32%;border-right-color:var(--cdm-border)}.ccr-home{position:absolute;left:6%;right:6%;top:auto;bottom:calc(50% + 33px);text-align:center;transition:opacity .4s ease,transform .4s ease}.ccr-greet{display:inline-flex;align-items:center;gap:.3em;font-family:var(--cdm-serif);font-size:clamp(26px,3.4vw,42px);font-weight:500;letter-spacing:-.01em;color:var(--cdm-ink);white-space:nowrap}.ccr-greet .star{color:var(--cdm-coral);width:.75em;height:.75em;position:relative;top:.02em}.ccr-greet .star svg{width:100%;height:100%}.ccr[data-phase=sent] .ccr-home,.ccr[data-phase=working] .ccr-home,.ccr[data-phase=reveal] .ccr-home,.ccr[data-phase=done] .ccr-home{opacity:0;transform:translateY(-14px)}.ccr-convo{position:absolute;inset:16px 0 96px;padding:0;overflow:hidden;opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;transition:opacity .45s ease .1s}.ccr[data-phase=working] .ccr-convo,.ccr[data-phase=reveal] .ccr-convo,.ccr[data-phase=done] .ccr-convo{opacity:1}.ccr-convo>*{width:min(540px,84%);margin:0 auto}.ccr-file{align-self:center;margin-right:auto;margin-left:12%;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--cdm-border-strong);border-radius:10px;padding:6px 11px;font-size:12px;color:var(--cdm-ink);width:auto}.ccr-file .cdm-ic{width:13px;height:13px;color:var(--cdm-muted)}.ccr-user{align-self:flex-end;margin-right:8%;margin-left:auto;background:var(--cdm-chip);border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.55;color:var(--cdm-ink);width:auto;max-width:80%}.ccr-reply-lead{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--cdm-ink);font-weight:500;margin-bottom:12px}.ccr-reply-lead .star{color:var(--cdm-coral);width:16px;height:16px;flex:none}.ccr-steps{display:flex;flex-direction:column;gap:9px}.ccr-step{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cdm-muted);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.ccr-step[data-on]{opacity:1;transform:none}.ccr-step[data-state=done]{color:var(--cdm-body)}.ccr-step .ind{width:16px;height:16px;flex:none;border-radius:50%;box-sizing:border-box}.ccr-step[data-state=run] .ind{border:1.6px solid var(--cdm-border-strong);border-top-color:var(--cdm-coral);animation:ccr-spin .75s linear infinite}.ccr-step[data-state=done] .ind{border-radius:0;background:url(/CC_LOGOMARK_BLACK.svg) center / 14px auto no-repeat}@keyframes ccr-spin{to{transform:rotate(360deg)}}.ccr-composer-wrap{position:absolute;left:50%;top:calc(50% - 2px);width:min(560px,86%);z-index:3;transform:translate(-50%);transition:transform .6s cubic-bezier(.7,0,.2,1),width .6s cubic-bezier(.7,0,.2,1),left .6s cubic-bezier(.7,0,.2,1),right .6s cubic-bezier(.7,0,.2,1),top .6s cubic-bezier(.7,0,.2,1),bottom .6s cubic-bezier(.7,0,.2,1)}.ccr-composer{background:var(--cdm-card);border:1px solid var(--cdm-border-strong);border-radius:16px;padding:16px 16px 11px;box-shadow:0 12px 30px -18px #17161338}.ccr[data-phase=sent] .ccr-composer-wrap,.ccr[data-phase=working] .ccr-composer-wrap,.ccr[data-phase=reveal] .ccr-composer-wrap,.ccr[data-phase=done] .ccr-composer-wrap{inset:auto 16px 16px;width:auto;transform:none}.ccr-ph{display:flex;align-items:flex-start;min-height:22px;max-height:44px;margin-bottom:22px;padding:2px 4px 0;overflow:hidden;font-size:15px;line-height:20px;color:var(--cdm-ink)}.ccr-ph .typed{min-width:0;white-space:normal;overflow-wrap:anywhere}.ccr-ph .ph-hint{min-width:0;color:var(--cdm-faint)}.ccr-row{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;overflow:hidden}.ccr-row .plus{color:var(--cdm-body);width:18px;height:18px;flex:none}.ccr-row .sp{flex:1;min-width:0}.ccr-model{display:inline-flex;align-items:baseline;gap:7px;flex:none;white-space:nowrap;font-size:14px;color:var(--cdm-ink);font-weight:600}.ccr-model span{color:var(--cdm-muted);font-weight:500}.ccr-model .cdm-ic{width:13px;height:13px;color:var(--cdm-muted);align-self:center}.ccr-row .mic{color:var(--cdm-body);flex:none}.ccr-send{width:34px;height:34px;border-radius:10px;background:var(--cdm-coral);color:#fff;display:grid;place-items:center;flex:none;transition:background .2s ease,color .2s ease}.ccr-send svg{width:17px;height:17px;stroke-width:2.2}.ccr[data-phase=reveal] .ccr-ph,.ccr[data-phase=done] .ccr-ph{font-size:13px;white-space:nowrap}.ccr[data-phase=reveal] .ccr-ph .ph-hint,.ccr[data-phase=done] .ccr-ph .ph-hint{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ccr[data-phase=reveal] .ccr-row,.ccr[data-phase=done] .ccr-row{gap:8px}.ccr[data-phase=reveal] .ccr-model,.ccr[data-phase=done] .ccr-model{font-size:12.5px}.ccr[data-phase=reveal] .ccr-model>span,.ccr[data-phase=done] .ccr-model>span{display:none}.ccr-hint{position:absolute;left:0;right:0;top:calc(100% - 2px);transition:opacity .35s ease}.ccr-hint .usage{white-space:nowrap}.ccr-active{position:absolute;left:50%;transform:translate(-50%);bottom:22px;width:min(560px,86%);transition:opacity .35s ease}.ccr-active .hd{display:flex;justify-content:space-between;font-size:13px;color:var(--cdm-body);padding:0 2px 8px}.ccr-active .hd span:last-child{color:var(--cdm-muted)}.ccr-active .task{display:flex;align-items:center;gap:11px}.ccr-active .task-icon{position:relative;width:28px;height:28px;flex:none;color:var(--cdm-body);border:1px solid var(--cdm-border-strong);border-radius:8px;padding:6px;box-sizing:border-box}.ccr-active .task-icon .cdm-ic{width:100%;height:100%}.ccr-active .task-icon i{position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#4f8ee8;border:1px solid var(--cdm-paper)}.ccr-active .task .tt b{display:block;font-size:13.5px;font-weight:600;color:var(--cdm-ink)}.ccr-active .task .tt span{font-size:12px;color:var(--cdm-muted)}.ccr:not([data-phase=home]) .ccr-hint,.ccr:not([data-phase=home]) .ccr-active{opacity:0;pointer-events:none}.ccr-editor{position:absolute;right:0;top:0;bottom:0;width:68%;z-index:1;transform:translate(103%);transition:transform .72s cubic-bezier(.7,0,.2,1);overflow:hidden}.ccr[data-phase=reveal] .ccr-editor,.ccr[data-phase=done] .ccr-editor{transform:translate(0)}.ccr-browser{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--cdm-sidebar)}.ccr-btabs,.ccr-baddr{flex:none}.ccr-bpage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--sk-bg)}.ccr-editor-fit{position:absolute;left:0;top:0;width:640px;height:413px;transform-origin:top left}.ccr-editor .edm{width:640px;height:413px}.ccr-editor .cc{width:100%;height:100%}.ccr .cc{display:flex;flex-direction:column;position:relative;inset:auto;opacity:1;z-index:auto;font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.ccr .cc-top{flex:1;min-height:0;display:flex}.ccr .cc-asset{flex:0 0 39%;width:39%;border-right:1px solid var(--sk-border);padding:11px 12px;min-width:0;overflow:hidden}.ccr .cc .mp-sub,.ccr .cc .ed-tabs{white-space:nowrap}.ccr .cc-player{flex:1;min-width:0;padding:12px;display:flex;container-type:size;align-items:center;justify-content:center}.ccr .cc .vw-screen{flex:none;aspect-ratio:16 / 9;width:min(100%,calc(100cqh * 16 / 9))}.ccr .cc-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--sk-viewer);opacity:0;transition:opacity .35s ease}.ccr .cc .ed-tl{flex:0 0 auto}.ccr .cc .clip.vid{background:var(--tr-blue);box-sizing:border-box;border:1px solid var(--sk-clip-border, rgba(0, 0, 0, .35));box-shadow:none}.ccr .cc .tl-ruler{gap:0;padding-right:0}.ccr .cc .tl-ruler>span{flex:1 1 0;padding-left:5px}.ccr .cc .tl-ruler:after{content:"";position:absolute;left:100px;right:0;bottom:0;height:5px;background:repeating-linear-gradient(90deg,var(--border-2, rgba(0,0,0,.14)) 0 1px,transparent 1px 5%);opacity:.75}.ccr .cc .tl-tracks:before{content:"";position:absolute;inset:0 0 0 100px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--border, rgba(0,0,0,.1)) calc(25% - 1px) 25%)}.ccr .cc .ed-tl .track.tk-v{height:64px}.ccr .cc .ed-tl .track.tk-mg{height:52px}.ccr .cc .ed-tl .track.tk-a{height:56px}.ccr .cc .ed-tl .clip.vid{height:54px}.ccr .cc .ed-tl .clip.title{height:42px}.ccr .cc .ed-tl .clip.aud{height:46px}.ccr .cc .lane{padding:5px 0;gap:0}.ccr .cc .lane.abs{position:relative}.ccr .cc .lane.abs .clip{position:absolute;top:5px}.ccr .cc .tl-playhead{left:100px;opacity:0}.ccr .cc .tl-bar .pb{transition:transform .12s ease;cursor:pointer}.ccr .cc .tl-bar .pb.pressed{transform:scale(.84)}.ccr .edm .clip{opacity:0;transform:translateY(5px) scaleX(.84);transform-origin:left center;transition:opacity .32s ease,transform .32s ease}.ccr[data-phase=reveal] .edm .clip,.ccr[data-phase=done] .edm .clip{opacity:1;transform:translateY(0) scaleX(1)}.ccr .tk-v .clip:nth-child(1){transition-delay:.42s}.ccr .tk-v .clip:nth-child(2){transition-delay:.5s}.ccr .tk-v .clip:nth-child(3){transition-delay:.58s}.ccr .tk-v .clip:nth-child(4){transition-delay:.66s}.ccr .tk-v .clip:nth-child(5){transition-delay:.74s}.ccr .tk-v .clip:nth-child(6){transition-delay:.82s}.ccr .tk-v .clip:nth-child(7){transition-delay:.9s}.ccr .tk-mg .clip:nth-child(1){transition-delay:.66s}.ccr .tk-mg .clip:nth-child(2){transition-delay:.78s}.ccr .tk-mg .clip:nth-child(3){transition-delay:1s}.ccr .tk-a .clip{transition-delay:.9s}@media(prefers-reduced-motion:reduce){.ccr-chat,.ccr-editor,.ccr-composer-wrap,.ccr-home,.ccr-convo,.ccr .edm .clip{transition:none!important}}