.ct-studio{--ct-ink:#182d32;--ct-accent:#097f76;--ct-soft:#eaf4f0;max-width:1200px;margin:32px auto 64px;padding:0 24px;color:var(--ct-ink);font-family:inherit}.ct-studio *{box-sizing:border-box}.ct-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;background:#f1f5ed;padding:46px 48px;border-radius:30px}.ct-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:2px;color:#537369;margin-bottom:18px}.ct-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.12;font-weight:800;letter-spacing:-2px}.ct-hero em{font-style:normal;color:var(--ct-accent)}.ct-hero p{font-size:17px;line-height:1.7;max-width:520px;margin:24px 0}.ct-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.ct-pills span{padding:8px 12px;border:1px solid #ceddd2;border-radius:24px;font-size:12px}.ct-button,.ct-secondary,.ct-icon{border:0;border-radius:12px;padding:13px 20px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.ct-button{background:var(--ct-accent);color:white!important}.ct-button:hover{background:#086c64}.ct-secondary,.ct-icon{background:#edf2ef;color:var(--ct-ink)}.ct-icon{padding:5px 12px;font-size:24px}.ct-studio button:disabled{opacity:.5;cursor:wait}.ct-hero small,.ct-panel>small,.ct-panel form>small,.ct-studio form>small{display:block;color:#678079;font-size:12px;line-height:1.6;margin-top:14px}.ct-demo{position:relative;max-width:315px;justify-self:center;width:100%;padding:10px;background:#102b2c;border-radius:22px;box-shadow:0 24px 40px #183c3625;transform:rotate(2deg)}.ct-demo video{width:100%;max-height:360px;object-fit:cover;border-radius:14px;display:block}.ct-demo>span{display:block;color:#d2e5df;text-align:center;font-size:11px;padding:12px 3px 3px}.ct-steps{display:flex;justify-content:space-around;padding:30px 0;border-bottom:1px solid #e5ebe6;margin-bottom:32px;font-size:14px}.ct-steps b{margin-right:10px;color:#8ba296;font-size:12px}.ct-workspace{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.ct-panel{background:white;border:1px solid #e1e9e4;border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 4px 16px #1a382c04}.ct-sidebar{padding:20px;position:sticky;top:20px}.ct-studio h2{font-size:23px;font-weight:750;letter-spacing:-.5px;margin:0 0 14px}.ct-sidebar h2{font-size:17px;margin:0}.ct-studio h3{font-size:19px;margin:0}.ct-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.ct-studio label{display:block;font-size:13px;font-weight:650;margin:18px 0 0}.ct-studio input:not([type=radio]):not([type=range]),.ct-studio select,.ct-studio textarea{display:block;width:100%;border:1px solid #cedcd4;border-radius:10px;padding:12px;margin-top:7px;font-size:14px;font-weight:400;background:#fcfdfb;color:#203c34}.ct-studio textarea{resize:vertical}.ct-studio input:focus,.ct-studio textarea:focus,.ct-studio select:focus{outline:2px solid #98cabb;outline-offset:2px}.ct-studio label small{display:block;font-size:11px;font-weight:400;margin-top:8px;color:#6a7d73}.ct-upload{background:#f5f8f3;padding:16px;border-radius:12px;border:1px dashed #b6cbbd}.ct-upload img{max-height:160px;max-width:100%;margin-top:12px;border-radius:10px}.ct-row{display:flex;gap:20px;align-items:center}.ct-row>*{flex:1;min-width:0}.ct-panel button[type=submit]{margin-top:24px}.ct-muted{color:#6b7e75;font-size:13px;line-height:1.6}.ct-wallet{border-top:1px solid #e5ebe6;margin-top:24px;padding-top:16px;font-size:13px}.ct-wallet strong{display:block;font-size:24px}.ct-wallet a{color:var(--ct-accent);font-size:12px}.ct-project-btn{display:block;width:100%;text-align:left;border:0;background:transparent;color:#36574a;padding:12px;border-radius:10px;font-size:13px;margin:6px 0;overflow-wrap:anywhere}.ct-project-btn.active{background:var(--ct-soft);font-weight:bold}.ct-modes{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ct-modes legend{font-size:13px;font-weight:650;margin-bottom:6px}.ct-modes label{margin:0;border:1px solid #dce5de;border-radius:12px;padding:14px;cursor:pointer}.ct-modes label:has(input:checked){background:#edf7f0;border-color:var(--ct-accent)}.ct-modes input{accent-color:var(--ct-accent);margin-bottom:10px}.ct-modes strong{display:block;font-size:13px}.ct-total{text-align:right}.ct-total small{display:block;color:#6b7e75}.ct-total strong{font-size:28px;color:var(--ct-accent)}#ct-player img,#ct-player video{display:block;max-height:450px;max-width:100%;margin:auto;border-radius:12px;background:#132e28}#ct-stage{background:#f5f8f3}#ct-frame{width:100%;accent-color:var(--ct-accent);margin:14px 0}.ct-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ct-job{border:1px solid #dfe8e2;border-radius:16px;padding:18px;background:#fff;min-width:0}.ct-job img,.ct-job video{width:100%;height:180px;object-fit:contain;background:#edf2ee;border-radius:10px;margin-bottom:14px}.ct-job h4{font-size:15px;margin:0 0 8px}.ct-job p{font-size:12px;overflow-wrap:anywhere;color:#6b7e75}.ct-job .ct-secondary{font-size:12px;padding:9px 12px;margin:4px 4px 0 0}.ct-job .ct-state{font-size:11px;background:#edf4ee;border-radius:12px;padding:4px 8px;display:inline-block;margin-bottom:10px}.ct-job.failed .ct-state{background:#fff0eb;color:#9c4933}.ct-job.review .ct-state{background:#fff1d8;color:#8e650c}.ct-notice{padding:15px 20px;background:#fff5dc;border:1px solid #e9d7a4;border-radius:12px;margin-bottom:20px}.ct-help{margin-top:54px;padding:30px;border-radius:20px;background:#f4f6f1}.ct-help p{font-size:14px;line-height:1.8;color:#61776b}.ct-studio dialog{border:1px solid #d9e5dd;border-radius:20px;max-width:480px;padding:30px;color:var(--ct-ink)}.ct-studio dialog::backdrop{background:#142e26aa}.ct-studio [hidden]{display:none!important}@media(max-width:850px){.ct-hero{padding:30px;gap:25px}.ct-workspace{grid-template-columns:1fr}.ct-sidebar{position:static}#ct-projects{display:flex;overflow:auto;gap:8px}.ct-project-btn{min-width:130px;width:auto}.ct-wallet{display:flex;align-items:center;gap:16px;padding-top:12px;margin-top:12px}.ct-wallet strong{font-size:18px}.ct-modes{grid-template-columns:1fr}.ct-modes label{display:grid;grid-template-columns:24px 1fr;column-gap:8px}.ct-modes input{grid-row:span 2}.ct-modes small{margin-top:5px}}@media(max-width:560px){.ct-studio{padding:0 14px;margin-top:18px}.ct-hero{grid-template-columns:1fr;padding:26px;border-radius:20px}.ct-hero h1{letter-spacing:-1px}.ct-demo{max-width:250px}.ct-demo video{max-height:280px}.ct-steps{font-size:11px;gap:12px;align-items:start}.ct-steps span{flex:1}.ct-steps b{display:block;margin-bottom:5px}.ct-panel{padding:20px}.ct-row{gap:12px}.ct-jobs{grid-template-columns:1fr}.ct-between{align-items:flex-start}.ct-help{padding:22px}.ct-help>.ct-row{display:block}.ct-studio dialog{width:calc(100% - 28px);padding:24px}}

/* Keep Bootstrap legend floats out of the option-card grid. */
.ct-studio .ct-modes{display:block;min-width:0;margin:24px 0;padding:0;border:0}
.ct-studio .ct-modes legend{float:none;display:block;width:100%;padding:0;margin:0 0 12px;font-size:13px;line-height:1.5;font-weight:650}
.ct-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;clear:both}
.ct-studio .ct-mode-options>label{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:9px;row-gap:8px;align-content:start;align-items:start;min-width:0;margin:0;padding:16px;min-height:112px}
.ct-mode-options input{grid-column:1;grid-row:1;margin:3px 0 0;width:14px;height:14px}
.ct-mode-options strong{grid-column:2;grid-row:1;line-height:1.5}
.ct-studio .ct-mode-options small{grid-column:2;grid-row:2;margin:0;line-height:1.6}
@media(max-width:600px){.ct-mode-options{grid-template-columns:1fr;gap:10px}.ct-studio .ct-mode-options>label{min-height:0;padding:15px}}

.ct-creation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ct-studio .ct-creation-tabs label{margin:0;padding:18px;border:1px solid #dce5de;border-radius:12px;cursor:pointer}.ct-creation-tabs label:has(input:checked){background:#edf7f0;border-color:#097f76}.ct-creation-tabs strong{display:block;margin-top:7px}.ct-creation-tabs input{accent-color:#097f76}.ct-studio #ct-redub{max-width:600px;width:calc(100% - 28px)}@media(max-width:600px){.ct-creation-tabs{grid-template-columns:1fr}.ct-studio #ct-voice .ct-row,.ct-studio #ct-redub .ct-row{align-items:stretch;flex-wrap:wrap}.ct-studio #ct-voice .ct-row>label,.ct-studio #ct-redub .ct-row>label{flex-basis:100%}}