.cm-page{--th-trend:var(--th-millionaire);--cm-paper:var(--th-card);--cm-studio:var(--th-band);--cm-action:var(--th-accent);--cm-muted:var(--th-muted);--cm-line:var(--th-line);--cm-good:#4cc38a;--cm-avoid:#ff7a6b}.cm-page>.cm-generator{padding-block:56px 88px;scroll-margin-top:96px}.cm-workbench-intro{text-align:center;width:min(880px,90%);margin:0 auto}.cm-workbench{grid-template-columns:minmax(0,1fr) clamp(250px,22vw,290px);grid-template-areas:"tool preview";align-items:center;column-gap:clamp(36px,5vw,72px);width:min(1120px,90%);margin:48px auto 0;display:grid}.cm-workbench-composer{border:1px solid var(--cm-line);border-radius:var(--th-radius);background:var(--cm-studio);counter-reset:cm-step;grid-area:tool;min-width:0;padding:24px}.cm-workbench-preview{grid-area:preview;min-width:0}.cm-eyebrow{color:var(--cm-muted);font-family:var(--th-mono);justify-content:center;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;display:flex}.cm-eyebrow:before{content:"";background:var(--th-trend);border-radius:2px;width:28px;height:3px}.cm-workbench-intro .hl-display{margin:0;font-size:clamp(40px,4.8vw,68px);line-height:1.02}.cm-workbench-intro .hl-hero-description{max-width:640px;color:var(--cm-muted);margin:20px auto 0}.cm-hero-specs{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.cm-hero-specs li{border:1px solid var(--cm-line);font-family:var(--th-mono);border-radius:999px;padding:6px 12px;font-size:12px;line-height:1.3}.cm-sample{background:var(--th-sticker);box-shadow:10px 14px 0 var(--th-trend);border-radius:26px;padding:8px;transition:transform .25s;transform:rotate(2deg)}.cm-sample:hover{transform:rotate(0)}.cm-hero-preview{--video-sound-color:var(--th-fg);--video-sound-focus-color:var(--th-accent)}.cm-sample .hl-take-preview-video{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:19px}.cm-example{position:relative}.cm-example-tag{color:#111;font-family:var(--th-mono);text-align:center;padding:7px 4px 1px;font-size:11px;line-height:1.3;display:block}.cm-example-photo{border:2px solid var(--th-sticker);pointer-events:none;border-radius:8px;width:clamp(64px,30%,88px);margin:0;position:absolute;bottom:34px;left:10px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 2px 8px #00000040}.cm-example-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.cm-example-photo figcaption{background:var(--th-sticker);color:#111;text-align:center;padding:3px 2px;font-size:9px;font-weight:600;line-height:1.2}.cm-chat{aspect-ratio:9/16;background:radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--th-trend) 22%, transparent), transparent 60%), var(--th-raised);border-radius:19px;flex-direction:column;justify-content:center;gap:22px;margin:0;padding:28px 18px;font-size:16px;line-height:1.35;display:flex}.cm-chat p{border-radius:18px;max-width:86%;margin:0;padding:10px 14px}.cm-chat-question{background:var(--th-trend);color:#111;border-bottom-right-radius:6px;align-self:flex-end}.cm-chat-answer{background:var(--th-card);font-family:var(--th-display);white-space:nowrap;border-bottom-left-radius:6px;align-self:flex-start;font-size:26px;font-weight:700}.cm-chat-reaction{color:var(--cm-muted);text-align:center;align-self:center;font-style:italic}.cm-step-label{font-family:var(--th-display);align-items:center;gap:10px;margin:0 0 12px;padding:0;font-size:17px;font-weight:700;display:flex}.cm-step-label:before{counter-increment:cm-step;content:counter(cm-step);background:var(--th-trend);color:#111;width:24px;height:24px;font-family:var(--th-mono);border-radius:50%;place-items:center;font-size:12px;display:grid}.cm-stage{grid-template-columns:minmax(190px,250px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.cm-side{flex-direction:column;min-width:0;display:flex}.cm-photo{min-width:0;position:relative}.cm-frame{aspect-ratio:3/4;border:2px dashed var(--th-trend);background:var(--cm-paper);width:100%;color:var(--th-fg);font:inherit;cursor:pointer;border-radius:14px;place-items:center;padding:0;transition:border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.cm-frame:hover:not(:disabled){border-color:var(--th-fg)}.cm-frame:focus-visible{outline:2px solid var(--cm-action);outline-offset:2px}.cm-frame.has-photo{border-style:solid;border-color:#0000}.cm-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cm-frame-empty,.cm-frame-error{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:700;display:flex}.cm-frame-empty-icon{border:1.5px solid;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.cm-frame-hint{font-family:var(--th-display);color:var(--th-fg);font-size:16px;font-weight:700;line-height:1.2}.cm-frame-empty small{color:var(--cm-muted);font-size:12px;font-weight:500}.cm-frame-error{color:var(--th-danger)}.cm-frame-error small{color:var(--cm-muted);font-weight:500}.cm-frame-uploading{background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.cm-frame-spinner{border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite cm-spin}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-frame-actions{z-index:2;justify-content:space-between;gap:6px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.cm-frame-actions button{color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#151515d1;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.cm-page .cm-photo-tip{color:var(--cm-muted);margin:0 0 28px}.cm-stage-controls{gap:18px;display:grid}.cm-controls-hint{min-width:0}.cm-frame:disabled,.cm-frame-actions button:disabled{cursor:not-allowed;opacity:.55}.cm-consent{color:var(--cm-muted);cursor:pointer;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;display:flex}.cm-consent input{width:15px;height:15px;accent-color:var(--cm-action);flex:none;margin-top:2px}.cm-policy-note{color:var(--cm-muted);margin:6px 0 0 24px;font-size:12px;line-height:1.6}.cm-policy-note a{color:var(--th-accent);text-decoration:underline}.cm-generate{border:0;justify-content:center;width:100%;min-height:48px;padding:0 28px}.cm-generate:disabled{background:var(--th-raised);box-shadow:none;transform:none;color:var(--th-faint)!important}.cm-results{width:min(1290px,90%);min-width:0;margin:40px auto 0}.cm-page>.cm-beats,.cm-page>.cm-trend,.cm-page>#photo-guide,.cm-page>.hl-faq{max-width:none;padding-inline:max(5%,50vw - 585px)}.cm-page>.cm-trend,.cm-page .hl-home-pricing{background:var(--cm-studio)}.cm-page>.hl-steps{padding-top:150px;position:relative}.cm-page>.hl-steps:before{content:"";border-bottom:4px solid var(--th-trend);height:56px;position:absolute;top:0;left:0;right:0}.cm-tip-columns{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.cm-tip-columns article{border:1px solid var(--cm-line);border-top:3px solid var(--cm-good);border-radius:var(--th-radius-sm);background:var(--cm-paper);padding:24px}.cm-tip-columns article.is-avoid{border-top-color:var(--cm-avoid)}.cm-tip-columns h3{font-family:var(--th-display);margin:0 0 12px;font-size:20px;font-weight:700}.cm-tip-columns ul{color:var(--cm-muted);margin:0;padding-left:18px;line-height:1.7}.cm-beat-list{text-align:left;counter-reset:cm-beat;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.cm-beat-list li{border:1px solid var(--cm-line);border-radius:var(--th-radius);background:var(--cm-paper);padding:24px}.cm-beat-list li:before{counter-increment:cm-beat;content:"0" counter(cm-beat);color:var(--th-trend);font-family:var(--th-mono);margin-bottom:12px;font-size:12px;display:block}.cm-beat-list h3{font-family:var(--th-display);margin:0 0 8px;font-size:20px;font-weight:700}.cm-beat-list p{color:var(--cm-muted);margin:0;line-height:1.6}.cm-page .cm-beats>.cm-beats-note{color:var(--cm-muted);margin-top:20px;font-size:13px}.cm-trend-facts{text-align:left;counter-reset:cm-fact;grid-template-columns:1fr 1fr;gap:14px;max-width:1040px;margin:40px auto 0;display:grid}.cm-trend-facts>div{border:1px solid var(--cm-line);background:var(--cm-paper);border-radius:16px;padding:20px 22px 22px}.cm-trend-facts dt{font-family:var(--th-display);align-items:center;gap:10px;margin-bottom:10px;font-size:18px;font-weight:700;display:flex}.cm-trend-facts dt:before{counter-increment:cm-fact;content:"0" counter(cm-fact);color:var(--th-trend);font-family:var(--th-mono);font-size:12px}.cm-trend-facts dd{color:var(--cm-muted);margin:0;font-size:15px;line-height:1.6}.cm-page .cm-trend>.cm-remakes-title{font-family:var(--th-display);margin:56px 0 0;font-size:22px;font-weight:700}.cm-remakes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.cm-page .cm-trend>.cm-remakes{max-width:960px;margin:24px auto 0;padding:0;list-style:none}.cm-remakes li{list-style:none}.cm-remakes .is-original figure{container-type:inline-size}.cm-original-frame{aspect-ratio:9/16;background:#000;border-radius:18px;position:relative;overflow:hidden}.cm-remakes .cm-original-frame iframe{aspect-ratio:auto;border-radius:0;width:142.22cqw;max-width:none;height:calc(294px + 177.78cqw);position:absolute;top:-54px;left:-21.11cqw}.cm-original-credit{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;position:absolute;top:10px;left:10px}.cm-remakes figure{margin:0}.cm-remakes iframe{aspect-ratio:9/16;background:var(--th-raised);border:0;border-radius:18px;width:100%;display:block}.cm-remakes figcaption{text-align:center;margin-top:10px;font-size:13px}.cm-remakes figcaption a{color:var(--cm-muted);text-underline-offset:3px}.cm-page .cm-trend>.cm-trend-note{color:var(--th-faint);margin-top:20px;font-size:12px}@media (width<=960px){.cm-trend-facts{grid-template-columns:1fr}.cm-beat-list{grid-template-columns:1fr 1fr}}@media (width<=680px){.cm-frame-actions button span{display:none}.cm-stage{flex-direction:column;gap:0;display:flex}.cm-side{display:contents}.cm-side>.cm-step-label:first-child{order:-1}.cm-photo{width:min(220px,70%);margin:0 auto 18px}.cm-beat-list,.cm-tip-columns{grid-template-columns:1fr;gap:28px}.cm-page .cm-trend>.cm-remakes{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(240px,68vw);grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.cm-remakes li{scroll-snap-align:center}}@media (prefers-reduced-motion:reduce){.cm-frame-spinner{animation-duration:2.4s}.cm-sample{transition:none}}@media (width<=1100px){.cm-workbench{grid-template-columns:minmax(0,1fr) 230px;column-gap:32px}}@media (width<=800px){.cm-page>.cm-generator{padding-block:24px 64px}.cm-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""tool";row-gap:26px;margin-top:28px}.cm-workbench-preview{justify-self:center;width:min(170px,46vw)}.cm-sample{box-shadow:7px 9px 0 var(--th-trend);border-radius:20px;padding:6px}.cm-sample .hl-take-preview-video{border-radius:15px}.cm-workbench-composer{padding:16px}.cm-chat{border-radius:15px;gap:10px;padding:14px 10px;font-size:12px}.cm-chat p{padding:7px 10px}.cm-chat-answer{font-size:16px}}.cm-page .cm-quality{margin:0 0 20px}
