/* The Parent Company: berry, blush, white, and quiet product-led typography. */
:root{font-family:Poppins,sans-serif;color:#30242a;background:#fffafb;--muted:#78646d;--line:#eadce2;--panel:#fff;--lime:#a53d5f;--ink:#30242a;--berry:#a53d5f;--blush:#f9edf1}
body:before{content:'';display:block;height:4px;background:var(--berry)}
button{background:#fff;color:var(--ink);border-color:var(--line)}button:hover:not(:disabled){background:#f8e9ef}button.primary,.button.primary{background:var(--berry);color:#fff;border-color:var(--berry)}button.primary:hover:not(:disabled){background:#89314f}button:disabled{opacity:.48}
input,textarea,select{background:#fff;color:var(--ink);border-color:#d9c8cf}input:focus,textarea:focus,select:focus{outline:2px solid #b55877;outline-offset:2px}label{color:#49363e}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:36px}h2{font-size:23px}.eyebrow{font-size:10px;color:var(--berry);letter-spacing:.15em}.danger,.error,.job-error{color:#a12243!important}
.brandmark{gap:13px}.brandmark img{width:94px;height:54px;object-fit:contain}.brandmark>div{font-size:13px;line-height:1.3;letter-spacing:.05em;border-left:1px solid #ddc3cc;padding-left:13px;color:var(--berry)}.brandmark small{font-size:6px;letter-spacing:.07em;margin-top:6px}
.shell{grid-template-columns:240px 1fr;min-height:calc(100dvh - 4px)}.sidebar{background:#fff;height:calc(100dvh - 4px)}.sidebar select{background:#fffafb;font-size:12px}.nav button{color:#745763}.nav button.active{background:#f9e8ef;color:var(--berry);font-weight:600}.usage{background:#fffafb}.meter{background:#eddce3}.avatar{background:#f5dce6;color:var(--berry)}.topbar{background:#fff;height:68px}.topbar b{color:var(--berry)}.tag{border-color:#e7cfd9;color:#8e3857;background:#fff7fa;font-size:10px}.content{padding-top:36px}.pagehead p{font-size:14px}.segments{background:#faeef3}.segments button{font-size:12px}.segments button.active{background:#fff;color:var(--berry);box-shadow:0 1px 5px #a53d5f12}
.template-card{background:#fff}.template-card:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.template-card.selected{border-color:var(--berry);box-shadow:0 0 0 1px var(--berry)}.card-art,.card-art.video{background:linear-gradient(135deg,#f5d6e3,#fcf0f5)}.card-art.tone-1{background:linear-gradient(135deg,#eadde8,#f9f1f6)}.card-art.tone-2{background:linear-gradient(135deg,#f4e5df,#fff8f3)}.card-art svg{color:#a45670;stroke-width:1.2}.art-caption{color:#8a4961;font-size:9px}.art-kind{background:#ffffffb8;color:#88425a;font-size:9px}.card-body h3{font-size:16px}.card-body p{font-size:12px}.composer{background:#fff;border-color:#e6cbd6;box-shadow:0 8px 35px #6c234b06}.composer h2{color:var(--berry)}.composer .tag{white-space:normal}.composer .intro{font-size:13px}.empty{background:#fff;border-color:#e1ccd5}.empty svg{color:#b5708a}.empty h3{font-size:17px}.notice{background:#fff3f7;border-color:#ebc8d6;color:#88425a;font-size:13px}.panel,.job-card{background:#fff}.job-media{background:#f6edf1}.brand-info{color:#705c65}.asset img{background:#faf1f5}.success-link{background:#faedf2}.spinner{border-color:#e6ccd6;border-top-color:var(--berry)}.check input{accent-color:var(--berry)}#toast{background:#713048;color:#fff}dialog{background:#fff;color:var(--ink);border-color:#e0c7d1}dialog::backdrop{background:#40233170}
.auth{min-height:calc(100dvh - 4px);grid-template-columns:1.05fr 1fr}.auth-story{padding:48px 54px 32px;background:radial-gradient(ellipse at 90% 60%,#f3ccdc 0,transparent 55%),#faeaf0;border-color:#f1dce5;position:relative;overflow:hidden}.auth-story-copy{padding:58px 0}.auth-story h1{font-size:clamp(40px,4.9vw,70px);line-height:1.1;letter-spacing:-.06em;margin:22px 0}.auth-story h1 em{color:var(--berry);font-weight:500}.auth-story p{color:#80636f;font-size:14px;max-width:360px;line-height:1.9}.auth-pillars{display:flex;gap:10px;margin-top:30px}.auth-pillars span{padding:7px 12px;border:1px solid #dfb9c8;border-radius:30px;font-size:9px;letter-spacing:.12em;color:#974661}.auth-story footer{font-size:9px;letter-spacing:.13em;color:#986276}.auth-form{background:#fffafb}.auth-form>div{max-width:365px}.auth-form h2{font-size:30px;line-height:1.3;margin-top:16px}.auth-form .muted{font-size:13px;margin-bottom:28px}.auth-form .help{font-size:11px}.auth-form button.primary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px}.code-input{display:flex;align-items:center;position:relative}.code-input input{padding-right:110px;letter-spacing:.18em;min-height:54px}.code-input input::placeholder{font-size:13px;letter-spacing:.02em}.code-input button{position:absolute;right:6px;margin:0;width:auto;min-height:36px;padding:8px 10px;font-size:11px;color:var(--berry);background:#faedf2;border:0}.code-input button:hover{background:#f3dce5}
@media(max-width:1100px){.auth-story{padding:35px}.shell{grid-template-columns:210px 1fr}.brandmark img{width:76px}.brandmark>div{font-size:11px}.content{padding:28px 26px}.studio-layout{grid-template-columns:1fr}}
@media(max-width:700px){.shell{display:block}.sidebar{height:auto}.brandmark img{width:86px}.sidebar .brandmark>div{font-size:12px}.nav button{font-size:12px}.content{padding:25px 18px}.topbar{padding:0 18px}.topbar>span{font-size:10px}.topbar .tag{display:none}.auth{display:block}.auth-story{display:none}.auth-form{min-height:calc(100dvh - 4px);padding:34px 26px}.auth-form .brandmark{margin-bottom:48px}.auth-form h2{font-size:28px}.auth-form .brandmark img{width:104px;height:58px}.code-input input{font-size:16px}h1{font-size:29px}.card-body h3{font-size:14px}.card-body p{font-size:11px}.art-caption{left:10px;top:10px}.art-kind{font-size:8px}.sectionhead h2{font-size:18px}.assets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reference-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px dashed #93003c;border-radius:14px;padding:14px;margin-top:12px;cursor:pointer}.reference-upload input{max-width:100%;font-size:14px}.reference-upload svg{width:20px;height:20px}#reference-preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;margin:12px 0;background:#f8eff2}#reference-preview[hidden]{display:none} .reference-field select{max-width:100%}

.drop-zone.drag-over{background:#f9e0e9;outline:3px solid #8c2855}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-item{min-width:0;padding:8px;border:1px solid #e3cbd3;border-radius:12px}.reference-item span{display:block;font-size:12px;overflow-wrap:anywhere}.reference-item button{font-size:12px;margin-top:6px}#reference-preview .reference-item img{height:100px;margin:0 0 6px;width:100%;object-fit:contain}

.api-online{display:flex;gap:7px;align-items:center;margin:-10px 0 20px;font-size:12px;font-weight:600;color:#8c2855}.api-online[hidden]{display:none}.api-online span{width:7px;height:7px;border-radius:50%;background:#1a8c43}

.asset-picker{position:relative;margin-top:8px}.asset-picker summary{padding:14px 16px;border:1px solid #e3cbd3;border-radius:12px;background:#ffffff;cursor:pointer;font-size:14px}.asset-options{max-height:300px;overflow:auto;border:1px solid #e3cbd3;border-radius:12px;background:#ffffff;padding:6px;margin-top:6px}.asset-options button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;text-align:left;background:transparent;border:0;border-radius:8px;font-size:13px}.asset-options button:hover,.asset-options button[aria-pressed="true"]{background:#fae7ee}.asset-options img{width:44px;height:44px;object-fit:contain;border-radius:6px;background:#f8eff2;flex-shrink:0}.asset-options button>span:first-of-type{flex:1}.asset-check{visibility:hidden;color:#8c2855}.asset-options button[aria-pressed="true"] .asset-check{visibility:visible}

.quick-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.quick-references button{min-width:0;padding:6px;background:#ffffff;border:2px solid #e3cbd3;border-radius:10px;text-align:center}.quick-references img{width:100%;height:62px;object-fit:contain;display:block;background:#f8eff2;border-radius:6px}.quick-references span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:5px}.quick-references button[aria-pressed="true"]{border-color:#8c2855;background:#fae7ee;box-shadow:0 0 0 1px #8c2855}

.turn-video{width:100%;margin-top:8px;display:flex;justify-content:center;align-items:center;gap:7px}.turn-video svg{width:18px;height:18px}.animate-preview{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:#f8eff2;margin-bottom:16px}

.edit-canvas{position:relative;touch-action:none;cursor:crosshair;margin:16px auto;max-width:100%;width:fit-content}.edit-canvas>img{display:block;max-width:100%;max-height:440px;width:auto;height:auto;user-select:none}.edit-box{position:absolute;border:2px solid #f51f28;background:#f51f2825;color:white;font-weight:bold;text-shadow:0 1px 3px #000;pointer-events:none;box-sizing:border-box}.edit-comment{padding:12px;border-bottom:1px solid #e3cbd3;overflow-wrap:anywhere}.edit-comment button{margin-left:8px}

.generation-options{display:grid;gap:12px}.generation-options button{width:100%}.video-options{margin:16px 0}.video-options summary{cursor:pointer;font-weight:700;margin-bottom:12px}

.motion-image{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;overflow-wrap:anywhere;border:1px solid #e3cbd3;border-radius:12px;padding:8px}.motion-image img{width:100%;height:80px;object-fit:contain}.motion-image input{width:auto}.motion-image:has(input:checked){outline:2px solid #a53d5f}

.animate-preview[hidden]{display:none}

.asset video{width:100%;height:150px;object-fit:contain;border-radius:9px;background:var(--panel)}.asset button{display:block;width:100%;margin-top:10px}.favourite[aria-pressed="true"]{color:#963c5d;background:#f9edf1;border-color:#d6a6b7}

.brandmark{flex-wrap:wrap;row-gap:10px}.brandmark .powered-by{flex-basis:100%;font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--muted)}