.cat-studio{--studio-ink:#191928;--studio-paper:#fffdf7;--studio-cream:#fff9e8;color:var(--foreground)}.cat-studio .cat-studio-grid{gap:28px}.cat-studio .cat-studio-heading{margin-bottom:28px}.cat-studio .cat-studio-eyebrow{color:var(--foreground);letter-spacing:.01em;text-transform:none;font:600 23px/1.15 Cat Caveat,cursive}.cat-studio .cat-studio-title{font:600 clamp(26px, 3vw, 36px)/1.15 var(--font-serif-display);letter-spacing:-.035em}.cat-studio :is(.cat-studio-form,.cat-studio-preview,.cat-studio-library){border:3px solid var(--cat-ink);background:var(--card);box-shadow:5px 5px 0 var(--cat-shadow);border-radius:24px;padding:28px}.cat-studio .cat-studio-roles{align-items:stretch;gap:10px;margin-bottom:20px}.cat-studio :is(.cat-studio-role,.cat-studio-choice){border:2px solid var(--studio-ink);background:var(--studio-paper);min-height:42px;color:var(--studio-ink);box-shadow:2px 2px 0 var(--cat-shadow);border-radius:13px;font-weight:800;line-height:1.4;transition:background-color .15s,box-shadow .15s,transform .15s}.cat-studio :is(.cat-studio-role,.cat-studio-choice)[aria-pressed=true]{background:var(--cat-orange);color:var(--studio-ink);box-shadow:3px 3px 0 var(--cat-shadow)}.cat-studio :is(.cat-studio-role,.cat-studio-choice):hover:not(:disabled){background:var(--cat-butter);box-shadow:3px 3px 0 var(--cat-shadow);transform:translate(-1px,-1px)}.cat-studio :is(.cat-studio-role,.cat-studio-choice):active:not(:disabled){box-shadow:1px 1px 0 var(--cat-shadow);transform:translate(1px,1px)}.cat-studio :is(.cat-studio-role,.cat-studio-choice):disabled{cursor:not-allowed;opacity:.55}.cat-studio .cat-studio-recipe-title{font:600 22px/1.25 var(--font-serif-display)}.cat-studio .cat-studio-description{line-height:1.7}.cat-studio .cat-studio-inputs{gap:18px;margin-block:24px}.cat-studio .cat-studio-input{min-width:0}.cat-studio .cat-studio-label{margin-bottom:9px;font-size:14px;font-weight:800;line-height:1.5;display:block}.cat-studio .cat-studio-textarea{border:2px solid var(--cat-ink);background:var(--card);min-height:120px;color:var(--foreground);resize:vertical;border-radius:16px;line-height:1.65}.cat-studio .cat-studio-textarea:disabled{opacity:.55;cursor:not-allowed}.cat-studio .cat-studio-upload{border:2px dashed var(--studio-ink);background:var(--studio-cream);min-height:228px;color:var(--studio-ink);box-shadow:3px 3px 0 var(--cat-shadow);border-radius:18px;transition:background-color .15s,box-shadow .15s}.cat-studio .cat-studio-upload:hover{box-shadow:4px 4px 0 var(--cat-shadow);background:#fff1ca}.cat-studio .cat-studio-upload-label{border-radius:16px;gap:10px;padding:18px 14px;line-height:1.5}.cat-studio .cat-studio-upload input:disabled+.cat-studio-upload-label{opacity:.55;cursor:not-allowed}.cat-studio .cat-studio-upload input:focus-visible+.cat-studio-upload-label{outline-offset:-5px;box-shadow:none;outline:3px solid #b8510a}.cat-studio .cat-studio-upload-icon{box-sizing:content-box;border:2px solid var(--studio-ink);background:var(--cat-orange);width:22px;height:22px;color:var(--studio-ink);box-shadow:2px 2px 0 var(--studio-ink);border-radius:50%;flex-shrink:0;margin-bottom:2px;padding:10px}.cat-studio .cat-studio-upload-title{font-weight:800}.cat-studio .cat-studio-upload-hint{color:#505063;overflow-wrap:anywhere;max-width:200px;font-size:11px;line-height:1.55;display:block}.cat-studio .cat-studio-remove{z-index:20;border:2px solid var(--studio-ink);background:var(--studio-paper);color:var(--studio-ink);box-shadow:2px 2px 0 var(--studio-ink)}.cat-studio .cat-studio-remove:hover:not(:disabled){background:var(--cat-pink)}.cat-studio .cat-studio-remove:disabled{cursor:not-allowed;opacity:.55}.cat-studio .cat-studio-upload-status{overflow-wrap:anywhere;margin-top:10px;line-height:1.5}.cat-studio .cat-studio-choices{min-width:0}.cat-studio .cat-studio-output-spec{border:1.5px solid var(--cat-ink);background:var(--cat-butter);color:var(--studio-ink);border-radius:8px;padding:5px 9px;font-weight:700;line-height:1.5;display:inline-block}.cat-studio :is(.cat-studio-status,.cat-studio-error){border:2px solid var(--cat-ink);border-radius:14px;line-height:1.6}.cat-studio .cat-studio-error{border-color:var(--destructive)}.cat-studio .cat-studio-action{border:2px solid var(--studio-ink);background:var(--cat-butter);color:var(--studio-ink);border-radius:18px;padding:18px}.cat-studio .cat-studio-action .text-muted-foreground{color:#505063}.cat-studio .cat-studio-balance{font-size:13px;font-weight:800;line-height:1.5}.cat-studio .cat-studio-generate{border-color:var(--studio-ink);height:48px;min-height:48px;font-size:16px;line-height:1.25}.cat-studio .cat-studio-generate:disabled{opacity:.55;cursor:not-allowed;box-shadow:1px 1px 0 var(--cat-shadow)}.cat-studio .cat-studio-draft{margin-top:18px;line-height:1.6}.cat-studio .cat-studio-draft button{text-underline-offset:3px}.cat-studio .cat-studio-draft button:disabled{opacity:.55;cursor:not-allowed}.cat-studio .cat-studio-privacy{text-align:center;align-items:flex-start;line-height:1.6}.cat-studio .cat-studio-privacy svg{flex-shrink:0;margin-top:3px}.cat-studio .cat-studio-preview{padding:18px}.cat-studio .cat-studio-preview-screen{border:2px solid var(--studio-ink);min-height:360px;color:var(--studio-ink);background-color:#ffd4df;background-image:radial-gradient(#19192812 1px,#0000 1px);background-size:16px 16px;border-radius:18px;flex:1}.cat-studio .cat-studio-empty{border:2px solid var(--studio-ink);background:var(--studio-paper);width:calc(100% - 44px);max-width:330px;color:var(--studio-ink);box-shadow:4px 4px 0 var(--studio-ink);border-radius:18px;margin:24px;padding:28px 22px;transform:rotate(-1.5deg)}.cat-studio .cat-studio-empty-icon{box-sizing:content-box;border:2px solid var(--studio-ink);background:var(--cat-mint);width:28px;height:28px;color:var(--studio-ink);box-shadow:2px 2px 0 var(--studio-ink);border-radius:50%;padding:12px}.cat-studio .cat-studio-empty>p:first-of-type{font:600 23px/1.25 var(--font-serif-display)}.cat-studio .cat-studio-empty .text-muted-foreground{color:#505063;font-size:13px;line-height:1.65}.cat-studio .cat-studio-result-video{max-height:480px}.cat-studio .cat-studio-back-to-examples{z-index:2;border:2px solid var(--studio-ink);background:var(--studio-paper);min-height:40px;color:var(--studio-ink);box-shadow:2px 2px 0 var(--studio-ink);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.cat-studio .cat-studio-back-to-examples:focus-visible{outline-offset:3px;outline:3px solid #b8510a}@media (width<=359px){.cat-studio .cat-studio-preview-screen:has([data-preview-carousel]){min-height:327px}}.cat-studio .cat-studio-download{border:2px solid var(--studio-ink);background:var(--studio-paper);color:var(--studio-ink);box-shadow:2px 2px 0 var(--studio-ink)}.cat-studio .cat-studio-download:hover{background:var(--cat-orange)}.cat-studio .cat-studio-library-heading{gap:16px}.cat-studio .cat-studio-library-heading h3{font:600 22px/1.25 var(--font-serif-display)}.cat-studio .cat-studio-library-heading a{text-underline-offset:4px;flex-shrink:0;font-weight:800}.cat-studio .cat-studio-library-item{border:2px solid var(--cat-ink);background:var(--card);box-shadow:2px 2px 0 var(--cat-shadow);border-radius:16px;padding:14px;transition:box-shadow .15s,transform .15s}.cat-studio .cat-studio-library-item:hover:not(:disabled){box-shadow:4px 4px 0 var(--cat-shadow);transform:translate(-1px,-1px)}.cat-studio .cat-studio-library-item-active{background:var(--cat-butter);color:var(--studio-ink);border-color:var(--studio-ink)}.cat-studio .cat-studio-library-item-active .text-muted-foreground{color:#505063}.cat-studio .cat-studio-library-item:disabled{cursor:default}.cat-studio .cat-studio-library-item progress{accent-color:var(--cat-orange)}.cat-studio .cat-studio-examples{margin-top:40px}.cat-studio .cat-studio-examples-title{border:2px solid var(--cat-ink);background:var(--card);box-shadow:3px 3px 0 var(--cat-shadow);font:600 24px/1.2 var(--font-serif-display);text-align:center;border-radius:13px;margin:0 auto 24px;padding:10px 22px;display:table}.cat-studio .cat-studio-example{padding:18px}.cat-studio .cat-studio-example-video{aspect-ratio:9/16;border:2px solid var(--cat-ink);background:var(--muted);border-radius:15px;width:auto;max-width:100%;height:480px;max-height:480px;margin-inline:auto;display:block}.cat-studio .cat-studio-example-caption{border-top:2px solid var(--border);margin-top:18px;padding:16px 6px 2px}.cat-studio .cat-studio-example-caption>p:first-child{font:600 19px/1.3 var(--font-serif-display)}.cat-studio .cat-studio-example-caption>p:last-child{font-size:12px;line-height:1.65}.cat-studio .cat-studio-examples-empty{border:2px dashed var(--cat-ink);background:var(--card);border-radius:16px;line-height:1.7}.cat-studio :is(a,button,textarea):focus-visible,.cat-studio-purchase :is(a,button):focus-visible{outline:3px solid var(--ring);outline-offset:5px}@media (width<=1023px){.cat-studio .cat-studio-preview-screen{min-height:320px}}@media (width<=767px){.cat-studio .cat-studio-grid{gap:22px}.cat-studio :is(.cat-studio-form,.cat-studio-library){padding:20px}.cat-studio .cat-studio-preview{padding:14px}.cat-studio .cat-studio-roles{gap:8px}.cat-studio .cat-studio-role{padding:9px 12px;font-size:12px}.cat-studio .cat-studio-inputs{gap:12px;margin-block:22px}.cat-studio .cat-studio-label{font-size:13px}.cat-studio .cat-studio-upload{min-height:216px}.cat-studio .cat-studio-upload-label{gap:9px;padding:14px 9px}.cat-studio .cat-studio-upload-title{font-size:13px}.cat-studio .cat-studio-upload-hint{font-size:10px}.cat-studio .cat-studio-action{padding:14px}.cat-studio .cat-studio-balance{flex-wrap:wrap;gap:6px 14px}.cat-studio .cat-studio-draft{align-items:flex-start}.cat-studio .cat-studio-empty{width:calc(100% - 32px);margin:18px;padding:26px 20px}.cat-studio .cat-studio-library-heading h3{font-size:20px}.cat-studio .cat-studio-examples{margin-top:32px}.cat-studio .cat-studio-example{padding:16px}.cat-studio .cat-studio-example-video{height:420px;max-height:420px}}@media (prefers-reduced-motion:reduce){.cat-studio :is(.cat-studio-role,.cat-studio-choice,.cat-studio-upload,.cat-studio-library-item){transition:none}.cat-studio :is(.cat-studio-role,.cat-studio-choice,.cat-studio-library-item):hover:not(:disabled),.cat-studio :is(.cat-studio-role,.cat-studio-choice):active:not(:disabled){transform:none}}.cat-preview-carousel{--carousel-ink:#191928;--carousel-paper:#fffdf7;--carousel-orange:#ff9034;--carousel-frame-height:calc(100cqh - 90px);--carousel-frame-width:min(74cqw, calc(var(--carousel-frame-height) * 4 / 7));--carousel-side-offset:calc(50cqw + var(--carousel-frame-width) / 2 - 28px);min-width:0;min-height:0;color:var(--carousel-ink);isolation:isolate;grid-template-rows:minmax(0,1fr) auto;padding:12px 10px;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.cat-preview-carousel__stage{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;min-width:0;min-height:0;position:relative}.cat-preview-carousel[data-dragging] .cat-preview-carousel__stage{cursor:grabbing}.cat-preview-carousel__slide{--carousel-position:0px;width:var(--carousel-frame-width);height:var(--carousel-frame-height);border:2px solid var(--carousel-ink);background:var(--carousel-paper);max-height:calc(100% - 12px);box-shadow:4px 4px 0 var(--carousel-ink);transform:translate(-50%, -50%) translateX(calc(var(--carousel-position) + var(--carousel-drag,0px)));border-radius:19px;padding:4px;transition:transform .26s cubic-bezier(.2,.75,.25,1),opacity .22s;position:absolute;top:50%;left:50%;overflow:hidden}.cat-preview-carousel__slide[data-position=active]{z-index:2}.cat-preview-carousel__slide[data-position=previous]{--carousel-position:calc(-1 * var(--carousel-side-offset));z-index:1;opacity:.78}.cat-preview-carousel__slide[data-position=next]{--carousel-position:var(--carousel-side-offset);z-index:1;opacity:.78}.cat-preview-carousel[data-dragging] .cat-preview-carousel__slide{transition:none}.cat-preview-carousel__video,.cat-preview-carousel__poster{background:var(--carousel-ink);object-fit:contain;-webkit-user-drag:none;border-radius:12px;width:100%;height:100%;display:block}.cat-preview-carousel__poster-fallback{text-align:center;place-items:center;height:100%;padding:14px;font-weight:800;display:grid}.cat-preview-carousel__side-hit{border-radius:inherit;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.cat-preview-carousel__arrow{z-index:4;border:2px solid var(--carousel-ink);background:var(--carousel-paper);width:35px;height:35px;color:var(--carousel-ink);box-shadow:2px 2px 0 var(--carousel-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cat-preview-carousel__arrow--previous{left:0}.cat-preview-carousel__arrow--next{right:0}.cat-preview-carousel__footer{z-index:5;min-width:0;padding:7px 8px 0;position:relative}.cat-preview-carousel__caption{justify-content:center;align-items:center;gap:10px;min-width:0;margin-bottom:7px;font-size:12px;font-weight:800;line-height:1.3;display:flex}.cat-preview-carousel__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cat-preview-carousel__count{font-variant-numeric:tabular-nums;flex-shrink:0}.cat-preview-carousel__controls{justify-content:center;align-items:center;gap:8px;display:flex}.cat-preview-carousel__control{border:2px solid var(--carousel-ink);background:var(--carousel-paper);min-height:31px;color:var(--carousel-ink);box-shadow:2px 2px 0 var(--carousel-ink);font:800 11px/1.2 var(--font-sans,system-ui);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.cat-preview-carousel__control:first-child{background:var(--carousel-orange)}.cat-preview-carousel__arrow:hover,.cat-preview-carousel__control:hover{background:#f8e9a3}.cat-preview-carousel__dots{align-items:center;gap:1px;margin-left:3px;display:flex}.cat-preview-carousel__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:18px;height:28px;padding:0;display:grid}.cat-preview-carousel__dot:after{content:"";border:1.5px solid var(--carousel-ink);background:var(--carousel-paper);border-radius:50%;width:8px;height:8px;transition:background-color .15s,transform .15s}.cat-preview-carousel__dot[aria-current=true]:after{background:var(--carousel-orange);transform:scale(1.25)}.cat-preview-carousel:focus-visible,.cat-preview-carousel button:focus-visible{outline-offset:3px;outline:3px solid #a34408}.cat-preview-carousel__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (width<=290px){.cat-preview-carousel__control{gap:4px;padding-inline:7px}.cat-preview-carousel__controls{gap:6px}.cat-preview-carousel__control span{display:none}.cat-preview-carousel__caption{font-size:11px}}@media (prefers-reduced-motion:reduce){.cat-preview-carousel__slide,.cat-preview-carousel__dot:after{transition:none}}.cat-story-examples{scroll-margin-top:100px}.cat-story-examples__heading{margin-bottom:44px}.cat-story-examples__list{gap:36px;display:grid}.cat-story-example{border-radius:28px;grid-template-columns:minmax(240px,310px) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,72px);min-width:0;padding:36px 40px;display:grid}.cat-story-example__media{width:100%;min-width:0;max-width:310px;margin-inline:auto;position:relative}.cat-story-example__video-frame{box-shadow:6px 6px 0 var(--cat-shadow);background:#191928;border:3px solid #191928;border-radius:23px;padding:6px;overflow:hidden;transform:rotate(-1deg)}.cat-story-example:nth-child(2) .cat-story-example__video-frame{transform:rotate(1deg)}.cat-story-example__video{aspect-ratio:4/7;object-fit:contain;background:#191928;border-radius:13px;width:100%;display:block}.cat-story-example__video:focus-visible{outline:3px solid var(--cat-orange);outline-offset:3px}.cat-story-example__duration{color:#191928;pointer-events:none;background:#fffdf7;border:2px solid #191928;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;line-height:1.2;position:absolute;top:15px;right:16px}.cat-story-example__details{min-width:0;padding-block:12px}.cat-story-example__meta{align-items:center;gap:14px;margin-bottom:18px;display:flex}.cat-story-example__mode{color:var(--muted-foreground);letter-spacing:.02em;font-size:13px;font-weight:800}.cat-story-example__number{background:var(--cat-butter);color:#191928;width:42px;height:42px;box-shadow:3px 3px 0 var(--cat-shadow);font:600 21px/1 var(--font-serif-display);border:2px solid #191928;border-radius:13px;place-items:center;display:inline-grid;transform:rotate(-5deg)}.cat-story-example:nth-child(2) .cat-story-example__number{background:var(--cat-pink);transform:rotate(4deg)}.cat-story-example:nth-child(3) .cat-story-example__number{background:var(--cat-mint)}.cat-story-example__title{max-width:490px;font:600 clamp(28px, 3vw, 38px)/1.12 var(--font-serif-display);letter-spacing:-.035em;overflow-wrap:anywhere}.cat-story-example__note{max-width:500px;color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:18px;font-size:16px;line-height:1.75}.cat-story-example__source-tray{margin-top:30px;padding:12px 10px 6px;position:relative}.cat-story-example__arrow{width:70px;height:48px;color:var(--cat-ink);pointer-events:none;position:absolute;top:16px;left:-76px}.cat-story-example__photos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;width:100%;max-width:370px;display:grid}.cat-story-example__photos[data-photo-count="1"]{grid-template-columns:minmax(0,1fr);max-width:195px}.cat-story-example__photo{color:#191928;min-width:0;box-shadow:4px 5px 0 var(--cat-shadow);background:#fffdf7;border:2px solid #191928;border-radius:3px;margin:0;padding:9px 9px 0;position:relative;transform:rotate(-6deg)}.cat-story-example__photo:nth-child(2n){margin-top:14px;transform:rotate(7deg)}.cat-story-example__photo:before{content:"";z-index:1;pointer-events:none;background:#f8e9a3d1;border:1px solid #19192829;width:56px;height:20px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(3deg)}.cat-story-example__photo:nth-child(2n):before{background:#ffacbfb3;transform:translate(-50%)rotate(-5deg)}.cat-story-example__photo img{aspect-ratio:4/5;object-fit:contain;background:#f4eedf;border:1px solid #1919282e;width:100%;display:block}.cat-story-example__photo figcaption{min-height:38px;font:600 20px/1.1 "Cat Caveat", var(--font-sans);text-align:center;overflow-wrap:anywhere;align-items:center;padding:7px 2px;display:grid}@media (width<=899px){.cat-story-example{grid-template-columns:minmax(0,1fr);gap:32px;padding:30px}.cat-story-example__media{max-width:290px}.cat-story-example__details{text-align:center;width:100%;max-width:500px;margin-inline:auto;padding:0}.cat-story-example__title,.cat-story-example__note,.cat-story-example__photos{margin-inline:auto}.cat-story-example__arrow{display:none}.cat-story-example__meta{justify-content:center}}@media (width<=479px){.cat-story-examples__heading{margin-bottom:32px}.cat-story-examples__list{gap:28px}.cat-story-example{border-radius:22px;gap:26px;padding:24px 18px 28px}.cat-story-example__media{max-width:260px}.cat-story-example__title{font-size:28px}.cat-story-example__note{font-size:15px}.cat-story-example__meta{margin-bottom:16px}.cat-story-example__source-tray{margin-top:24px;padding-inline:6px}.cat-story-example__photos{gap:16px}.cat-story-example__photo{padding:6px 6px 0}.cat-story-example__photo figcaption{min-height:34px;font-size:18px}}