/* Bright creator palette. UI text stays black; video captions keep their own style. */
:root{--bg:#fff9fc;--ink:#0a0a0a;--muted:#0a0a0a;--secondary:#0a0a0a;--line:#eddfeb;--green:#0a0a0a;--pale:#f3e7ff;--mint:#ffd4ea;--creator:linear-gradient(115deg,#ffa1ce 0%,#ffbf80 52%,#c5a4ff 100%)}
body{background:radial-gradient(ellipse at 95% 2%,#ffe6cf80,transparent 36%),radial-gradient(ellipse at 10% 65%,#f2e6ff70,transparent 42%),var(--bg);color:var(--ink)}
::selection{background:#ffd2e8;color:#000}
button,a,input,select,textarea{color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#a758e4}
h1,h2,h3{font-weight:650}
.brand-symbol{background:var(--creator);color:#000;box-shadow:0 4px 16px #ed72b822}
.brand-symbol:after{background:#000}
.brand small{background:#ffecd4;color:#000;border-color:#ffdaad}
.sidebar{background:#fffdfefa;border-color:#f0dfed}
.nav-link.active{background:linear-gradient(105deg,#ffe0ee,#f0e3ff);box-shadow:inset 3px 0 #d995ec}
.nav-link:hover{background:#fff0f7}
.nav-link.active svg,.nav-link,.nav-label,.side-footer,.side-tip p,.side-tip strong,.breadcrumbs,.breadcrumbs .current,.mode-label,.account-name,.hero-note,.hero-note svg,.panel-label,.preview-panel .panel-label,.tiny-tag,.upload-foot,.text-button,.float-chip,.preview-bottom,.preview-bottom button,.eyebrow,.hero h1 .soft{color:#0a0a0a}
.side-tip{background:linear-gradient(135deg,#ffe9f1,#fff0dc);border-color:#f0d3de}
.side-tip .small-symbol{color:#000}
.status-dot,.eyebrow:before{background:#b982ed}
.avatar{background:linear-gradient(135deg,#ffd5e9,#e2ccff);color:#000;box-shadow:0 0 0 3px #fff,0 0 0 4px #e8b6df}
.hero h1{font-weight:650;letter-spacing:-.055em}
.hero h1 .soft{position:relative;isolation:isolate}
.hero h1 .soft:after{content:'';position:absolute;left:0;right:-5px;bottom:3px;height:12px;background:var(--creator);z-index:-1;border-radius:4px;transform:rotate(-1deg)}
.hero-note{padding:9px 13px;border:1px solid #e7d2f3;border-radius:30px;background:#f2e5ff}
.creator-strip{display:flex;align-items:center;gap:9px;margin:-4px 0 23px}
.creator-strip>span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #eddbea;border-radius:24px;background:#fff;font-size:11px;font-weight:550}
.creator-strip>.text-button{margin-left:auto;font-size:11px}
.creator-dot{display:block;width:8px;height:8px;border-radius:50%}.creator-dot.pink{background:#fa8ac4}.creator-dot.orange{background:#ffb565}.creator-dot.violet{background:#bc91ee}
.upload-panel{border-color:#efd3e3;box-shadow:0 10px 35px #d868a007}
.drop-zone{background:linear-gradient(135deg,#fff7fb,#fff9f0 60%,#f9f1ff);border-color:#e3afcc;border-style:dashed}
.drop-zone.dragging{background:#ffe8f4;border-color:#bb55a3}
.upload-glyph{background:linear-gradient(145deg,#ffd4e9,#ffe2b8);border-color:#f1bbd4}
.upload-glyph svg,.upload-glyph:after{color:#000}
.upload-glyph:after{background:#dab9ff;border-color:#fff5fa}
.btn{background:var(--creator);color:#000;border-color:#eeb9cf;font-weight:600;box-shadow:0 4px 10px #ee8fb21a}
.btn:hover{background:var(--creator);filter:brightness(.97)}
.btn.secondary{background:#fff;color:#000;border-color:#ead4e2;box-shadow:none}
.btn.secondary:hover{background:#fff1f8}
.btn.soft{background:#ecd9ff;color:#000;border-color:#dcb9f5;box-shadow:none}
.btn.soft:hover{background:#e4caff}
.btn.danger{background:#ffe2e6;color:#000;border-color:#efb6bf;box-shadow:none}
.text-button:hover{color:#000;text-decoration:underline;text-underline-offset:3px}
.tiny-tag{background:#fff5e6;border-color:#f1dcc2}
.preview-panel{background:linear-gradient(145deg,#ffe1ee,#ffedcf 55%,#e6d6ff);border-color:#ecd0e2}
.preview-orbit,.preview-orbit:after{border-color:#d1a0c260}
.mini-film{background:#8f61ab;box-shadow:0 12px 28px #a651a52c}
.mini-film:before{background:#e4a2d8}.mini-film:after{background:#bb8ccb}
.film-text em{color:#ffe0ac}.float-chip{border-color:#edd5df;background:#ffffffed}
.preview-bottom button{background:#fff5fb;border-color:#d7b6ce}
.feature-icon{background:#ffe3ef;color:#000;border-color:#efd1e1}
.feature:nth-child(2) .feature-icon{background:#ffecd2}.feature:nth-child(3) .feature-icon{background:#edddff}
.hero p,.drop-zone p,.feature p,.empty-projects p,.panel-description,.page-heading p,.note,.style-card p,.preferences-note p,.settings-row,.modal-body,.step p,.bottom-note,.project-meta,.empty-projects,.filter-button,.form-field .label,.label,.field-row,.export-info,.editor-tools,.setting-description,.preview-banner,.preview-banner .text-button,.section-heading p{color:#0a0a0a}
.badge{background:#ffe1ef;color:#000}.badge.working{background:#e8d6ff;color:#000}.badge.gray{background:#f2edf4;color:#000}.badge.error{background:#ffdfd7;color:#000}
.style-card{border-color:#ead9e6;box-shadow:0 5px 22px #cd7bab05}.style-card:hover{border-color:#c97daf}
.style-card.selected{border-color:#c576ae;box-shadow:0 0 0 1px #c576ae;background:linear-gradient(160deg,#fff,#fff4fa)}
.style-card .style-card-bottom{color:#000}.style-check{border-color:#d4b3ce}.selected .style-check{background:#e6c4ff;color:#000;border-color:#c290df}
.preferences-note{background:linear-gradient(110deg,#fff1f7,#f1e7ff);border-color:#edd7e9}
.mobile-nav{background:#fffdfef5;border-color:#eed9e6;backdrop-filter:blur(15px)}
.mobile-nav button{color:#000}.mobile-nav button.active{color:#000;background:linear-gradient(135deg,#ffe0ed,#f0deff);border-radius:14px}
.mobile-nav button.active:before{background:#c285da}
.select,.input,.textarea{color:#000;border-color:#e3cfe0;background:#fffcfe}
input::placeholder,textarea::placeholder{color:#484048}
.range{accent-color:#c292dd}.segment button.active,.editor-tabs button.active{background:#f0dfff;color:#000}
.settings-card,.project-card{border-color:#ecdaea}.settings-card h2{color:#000}
.toast{background:#181018;color:#fff}.modal-body .note{color:#000}
.balance-pill{display:flex;align-items:center;gap:6px;border:1px solid #e7c5de;border-radius:30px;padding:7px 12px;background:linear-gradient(110deg,#ffe4ef,#f2e0ff);font-size:11px;font-weight:600;white-space:nowrap}
.balance-pill svg{width:13px;height:13px}
.pricing-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.pricing-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.14;letter-spacing:-.045em}
.pricing-sticker{display:block;position:relative;transform:rotate(8deg);padding:19px 26px;background:#ffc4e0;border:1px solid #f4a9cd;border-radius:24px;font-size:20px;line-height:1.05;color:#000;box-shadow:4px 5px 0 #f2dcff;letter-spacing:-.045em}
.pricing-sticker strong{font-size:40px;font-weight:800}.pricing-sticker svg{position:absolute;right:8px;top:-10px;width:29px;height:29px;transform:rotate(-8deg);fill:#ffe8b0;stroke:#000}
.credit-balance{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px 28px;background:linear-gradient(115deg,#ffddec,#ffeacb 55%,#e7d5ff);border:1px solid #f0c9df;border-radius:20px;margin-bottom:28px;overflow:hidden}
.credit-balance h2{font-size:28px;line-height:1.3;margin:8px 0 7px;letter-spacing:-.04em}.credit-balance h2 span{font-weight:400}.credit-balance p{font-size:12px}.credit-balance>svg{width:44px;height:44px;stroke-width:1}
.root-seal{padding:16px 11px;border:2px solid #000;border-radius:50%;font-weight:800;line-height:1.3;letter-spacing:.07em;text-align:center;font-size:10px;transform:rotate(-8deg)}
.root-badge{background:#e8ceff;color:#000}
.pricing-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 16px;font-size:12px;font-weight:500}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.plan-card{position:relative;overflow:hidden;background:#fff;border:1px solid #ecd6e6;border-radius:23px;padding:24px 22px;display:flex;flex-direction:column;box-shadow:0 8px 25px #c96c9c08}
.plan-card:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:#ffc1df}.plan-1:before{background:var(--creator)}.plan-2:before{background:#d1b2ff}
.plan-card.featured{border:1.5px solid #d797cb;background:linear-gradient(165deg,#fff7fc,#fff 70%)}
.plan-top{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.plan-top h2{font-size:20px;letter-spacing:-.025em}
.plan-tag{padding:4px 7px;background:#ffe7f1;border-radius:6px;font-size:9px;line-height:1.3}.plan-1 .plan-tag{background:#ffecd0}.plan-2 .plan-tag{background:#edddff}
.plan-credits{font-size:62px;font-weight:700;letter-spacing:-.065em;line-height:1.1;margin:25px 0 7px;white-space:nowrap}.plan-credits span{font-size:14px;letter-spacing:-.01em;font-weight:400;margin-left:7px}
.plan-tagline{font-size:11px;min-height:18px}.plan-price{font-size:25px;font-weight:650;letter-spacing:-.035em;margin-top:24px;white-space:nowrap}.plan-price span{font-size:11px;font-weight:400;letter-spacing:0}
.plan-unit{font-size:10px;margin:3px 0 18px}.plan-features{padding:16px 0 20px;list-style:none;border-top:1px solid #f0dfed;display:grid;gap:11px;margin:0;font-size:11px}
.plan-features li{display:flex;gap:7px;align-items:center}.plan-features svg{width:14px;height:14px;stroke-width:2}.plan-card .btn{margin-top:auto;font-size:12px;padding-inline:9px}.plan-card .btn:disabled{cursor:default;opacity:.7}
.payment-soon{display:block;text-align:center;font-size:10px;margin-top:10px}.pricing-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 4px 16px}.pricing-details>div{display:flex;gap:12px}.pricing-details svg{background:#f1dfff;box-sizing:content-box;padding:9px;border-radius:12px;width:16px;height:16px}.pricing-details p{font-size:12px;line-height:1.75}.pricing-details strong{font-weight:600}
.pricing-footnote{font-size:11px;padding:15px 0 8px;border-top:1px solid #ecdbea;line-height:1.7}.payment-notice{margin-top:20px;padding:14px 16px;background:#fff0dc;border:1px solid #f1d5ab;border-radius:12px;font-size:13px}.plan-modal-count{font-size:40px;font-weight:650;letter-spacing:-.04em;margin:8px 0 20px}.plan-modal-count span{font-size:16px;font-weight:400;letter-spacing:0}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-members{margin-top:20px}.member-id{display:block;font-size:10px;margin-top:4px}.admin-grid .note{margin-top:18px;font-size:11px;line-height:1.8}.admin-grid .settings-row{gap:12px;flex-wrap:wrap}
@media(max-width:1100px){.top-right{gap:13px}.balance-pill{padding:7px 9px}.plan-card{padding:22px 17px}.plan-price{font-size:23px}.plan-tag{font-size:8px}}
@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.plan-card{padding:24px}.plan-top{flex-direction:row;align-items:center;justify-content:space-between}.plan-credits{font-size:60px;margin:18px 0 5px}.plan-price{margin-top:15px;font-size:29px}.plan-features{grid-template-columns:1fr;gap:9px}.plan-tag{font-size:10px}.plan-card .btn{font-size:13px}.plan-card .plan-tagline{font-size:12px}.pricing-details{grid-template-columns:1fr;gap:20px}.admin-grid{grid-template-columns:1fr}.top-right .mode-label{display:none}}
@media(max-width:600px){.balance-pill{display:none}.hero h1 .soft:after{height:10px;bottom:0}.hero-note{display:none}.creator-strip{gap:6px;margin-top:1px;margin-bottom:18px}.creator-strip>span{font-size:10px;padding:5px 8px}.creator-strip>.text-button{font-size:10px;gap:3px}.creator-strip>.text-button svg{width:11px}.mobile-nav{padding-left:6px;padding-right:6px}.mobile-nav button{min-width:0;flex:1;padding:8px 2px;font-size:9px}.mobile-nav svg{width:19px;height:19px}.pricing-sticker{display:none}.pricing-heading h1{font-size:31px}.credit-balance{padding:20px;margin-bottom:22px}.credit-balance h2{font-size:26px}.credit-balance p{font-size:11px}.credit-balance .btn{font-size:10px;padding:9px;max-width:110px}.pricing-label{font-size:11px}.pricing-label .tiny-tag{font-size:8px;padding:4px 5px}.plan-card{border-radius:20px}.style-card p{font-size:11px}.style-card h3{font-size:15px}.root-seal{font-size:8px;padding:12px 9px}.settings-footer{gap:14px;flex-wrap:wrap}.settings-row{gap:14px}.admin-grid .settings-row span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

/* Upload guidance belongs immediately before the primary action. */
.upload-guidelines{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 auto 18px;max-width:380px;font-size:11px;line-height:1.6;color:#000}
.upload-guidelines strong{font-weight:600}.upload-guidelines p{margin:3px 0 0;font-size:10px}.upload-guidelines .text-button{font-size:11px;text-decoration:underline;text-underline-offset:3px;justify-content:center}
.feature-row .feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.feature-row .feature-icon{margin:0}.feature-row .feature p{max-width:180px;margin:0 auto}.feature-row .feature h3{line-height:1.45}
.video-card{background:transparent;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center}.video-card .video-screen{margin:0 auto;width:100%;max-width:500px;max-height:none;aspect-ratio:9/16}.video-card .video-screen.landscape{aspect-ratio:16/9;max-width:100%}.video-card .video-screen.square{aspect-ratio:1;max-width:500px}.video-card .video-screen video{width:100%;height:100%;max-height:none;object-fit:contain}.video-card .video-footer{width:100%;max-width:500px;padding:14px 0}.video-card:has(.landscape) .video-footer{max-width:100%}
.rules-document{display:grid;gap:18px;max-width:850px;margin:auto}.rules-document .settings-card ul{padding-left:20px;margin:12px 0 0;font-size:12px;line-height:1.8}.rules-document li+li{margin-top:10px}.rules-check{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;margin-bottom:20px;cursor:pointer}.rules-check input{width:20px;height:20px;flex-shrink:0;accent-color:#d169ad;margin-top:2px}.rules-acceptance .note{margin:15px 0}.rules-acceptance svg{width:15px;vertical-align:middle}.btn:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.upload-guidelines{font-size:10px;gap:5px}.drop-zone{padding:24px 12px}.drop-zone>div{width:100%}.rules-document .settings-card ul{font-size:12px}.feature-row .feature{gap:9px}.video-card .video-screen{width:100%;max-width:340px}.video-card .video-screen.landscape{max-width:100%}.video-card .video-footer{max-width:340px}.tiny-tag{white-space:nowrap}}

.account-avatar{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-avatar.large{width:78px;height:78px;font-size:24px;border:3px solid #fff;box-shadow:0 0 0 1px #e4badc}.cabinet-profile{display:flex;align-items:center;gap:20px;margin-bottom:22px;background:linear-gradient(115deg,#fff0f7,#fff7eb 60%,#f3eaff)}.cabinet-identity{flex:1;min-width:0}.cabinet-identity h2{font-size:22px;margin:0 0 5px}.cabinet-identity p{margin:0 0 3px;font-size:12px;overflow-wrap:anywhere}.cabinet-identity small{font-size:10px}.cabinet-balance{font-size:54px;font-weight:650;line-height:1.15;margin:16px 0}.cabinet-balance span{display:block;font-size:12px;font-weight:400;margin-top:4px}.cabinet-plan>h2{margin-top:10px}.quota-track{height:7px;border-radius:9px;background:#f2e5f2;overflow:hidden;margin:18px 0 9px}.quota-track span{height:100%;display:block;background:linear-gradient(90deg,#ee9ecb,#f3c181,#be9ee9)}.quota-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:10px;padding:22px 0}.quota-stats strong{display:block;font-size:23px;font-weight:550}.quota-stats span{display:block;font-size:10px;margin-top:4px}.cabinet-plan-note{margin-top:15px}.cabinet-documents{grid-column:1/-1}.cabinet-link{width:100%;border:0;border-bottom:1px solid #f0e6ef;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;padding:18px 0;color:#000}.cabinet-link:last-child{border-bottom:0}.cabinet-link>span{display:flex;align-items:center;gap:13px;min-width:0}.cabinet-link strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.cabinet-link small{display:block;font-size:10px;line-height:1.6;margin-top:4px}.cabinet-link svg{width:19px;height:19px;flex-shrink:0}.legal-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.legal-links button{border:0;background:none;padding:0;color:#000;font-size:11px;text-align:left;text-decoration:underline;text-underline-offset:3px}.legal-links a{font-size:11px;color:#000}.pricing-rules{margin:25px 0;padding:21px;border:1px solid #ead8e6;border-radius:14px;background:#fff7fc;font-size:12px}.pricing-rules p{font-size:11px;line-height:1.7;margin:9px 0 14px}.current-plan-label{display:inline-block;font-size:10px;border-radius:12px;background:#f7def1;padding:4px 8px;margin:10px 0}.plan-request-note{background:#fff6e9;border-radius:12px;padding:15px;margin-top:18px;font-size:11px;line-height:1.7}.plan-request-note p{margin:6px 0 10px}.document-draft{background:#fff2dd;border:1px solid #edce9f;border-radius:13px;padding:17px;font-size:12px;line-height:1.7}.legal-paragraph{font-size:12px;line-height:1.85;margin-top:14px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ticket-messages{display:grid;gap:12px;margin:20px 0}.ticket-message{padding:15px;border-radius:12px;background:#f7f2f7}.ticket-message.from-support{background:#fce8f3}.ticket-message small{font-size:10px}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.75;margin-top:8px}.ticket-close,.ticket-refresh{margin-top:18px}.cabinet-admin-actions{display:grid;gap:12px}
@media(max-width:600px){.cabinet-profile{gap:13px;padding:19px 15px;flex-wrap:wrap}.cabinet-identity h2{font-size:20px}.account-avatar.large{width:62px;height:62px;font-size:21px}.cabinet-profile>.badge{margin-left:75px}.cabinet-balance{font-size:48px}.cabinet-documents{grid-column:auto}.cabinet-link strong{font-size:12px}.support-grid{grid-template-columns:1fr}.legal-links{gap:13px}.pricing-rules{padding:18px}.upload-panel .drop-zone{margin-top:0}}

@media(max-width:600px){.cabinet-profile{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px 13px}.cabinet-profile .cabinet-identity{width:100%;min-width:0}.cabinet-profile .cabinet-identity h2{text-align:left;overflow-wrap:anywhere;line-height:1.35}.cabinet-profile .cabinet-identity p{width:100%;line-height:1.6}.cabinet-profile>.badge{grid-column:2;margin:0;justify-self:start}.cabinet-profile .account-avatar{grid-column:1;grid-row:1/3}}

.brand{gap:10px;font-size:19px}.brand>span:nth-child(2){max-width:138px;line-height:1.08}.mobile-brand{font-size:18px;gap:10px}.support-contacts{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.support-contacts a{color:#111;text-decoration:underline;overflow-wrap:anywhere;display:flex;align-items:center;gap:8px}.support-contacts svg{width:16px;height:16px}.trial-card{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:28px;background:linear-gradient(120deg,#fff2f5,#fff6e9)}.trial-card p{line-height:1.6;margin-top:10px;max-width:720px}.trial-card .btn{flex-shrink:0}.trial-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px;text-align:center}.settings-row strong{color:#111}@media(max-width:600px){.mobile-brand{max-width:230px;line-height:1.1}.trial-card{display:block}.trial-card .btn{margin-top:18px}.top-right .mode-label{display:none}}
@font-face{font-family:"Roboto";src:url("/assets/fonts/Roboto.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Caveat";src:url("/assets/fonts/Caveat.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Noto Sans";src:url("/assets/fonts/NotoSans.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Noto Serif";src:url("/assets/fonts/NotoSerif.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Oswald";src:url("/assets/fonts/Oswald.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Lora";src:url("/assets/fonts/Lora.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Rubik";src:url("/assets/fonts/Rubik.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Comfortaa";src:url("/assets/fonts/Comfortaa.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Play";src:url("/assets/fonts/Play.ttf") format("truetype");font-display:swap}

.login-code{font-size:38px;letter-spacing:8px;text-align:center;padding:20px;background:linear-gradient(110deg,#ffdfeb,#ffe8cb);border-radius:18px;margin:18px 0;font-weight:700}@media(max-width:600px){.top-right .balance-pill{display:none}.topbar{gap:10px}}