@font-face{font-family:Inter;src:url('/static/fonts/inter.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;color:#222238;background:#f7f8fb;font:14px Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #afa1ff}a{color:inherit}button{border:0;background:none;color:inherit}h1,h2,p{margin:0}h1{font-size:36px;letter-spacing:-1.5px;font-weight:650;line-height:1.2}h2{font-size:15px;letter-spacing:-.25px;font-weight:650}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid #e9eaf1;padding:31px 20px 0;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;padding:0 4px}.brand-wordmark{font-size:27px;font-weight:720;letter-spacing:-1.2px;line-height:1}.brand-period{color:#7957e7}.brand-mark{display:block;width:48px;height:42px;flex-shrink:0;object-fit:contain}.brand-sub{display:block;font-size:7px;letter-spacing:1.4px;font-weight:550;color:#9291a5;margin-top:8px;line-height:1.2}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #e9eaf0;padding:12px 10px;border-radius:10px;margin:34px 0 30px}.workspace strong{font-size:11px}.workspace small{display:block;color:#9391a6;font-size:10px;margin-top:5px}.workspace-avatar{background:#f0ebff;color:#8062d9;border-radius:8px;width:29px;height:31px;display:grid;place-items:center;font-weight:700}.nav-label{font-size:9px;letter-spacing:1.5px;color:#a6a4b6;font-weight:650;padding:0 12px;margin-bottom:13px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;text-align:left;padding:13px 12px;color:#7a788d;font-size:12px;border-radius:8px;margin-bottom:5px;font-weight:550}.nav-item:hover{background:#f8f7fc}.nav-item.active{background:#eeeafb;color:#7051dd}.nav-icon{display:block;width:22px;height:22px;flex-shrink:0}.nav-item{transition:background-color .15s ease,color .15s ease}.nav-count{margin-left:auto;background:#fff;padding:3px 6px;border-radius:4px;font-size:9px}.sidebar-note{margin-top:auto;padding:20px 14px 22px;background:linear-gradient(145deg,#f7f5ff,#f9f9fc);border-radius:12px}.note-symbol{display:block;font-size:25px;color:#9a84e8;margin-bottom:13px}.sidebar-note strong{font-size:13px;line-height:1.6;font-weight:600}.sidebar-note p{font-size:11px;line-height:1.8;margin-top:8px;color:#9692a9}.sidebar-bottom{margin-top:23px;border-top:1px solid #f0eff4;min-height:78px;display:flex;gap:10px;align-items:center;font-size:11px}.small-avatar{display:inline-grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#e9e5f8;color:#7b61bd;font-size:11px;font-weight:600}.preview-tag{margin-left:auto;font-size:7px;letter-spacing:1px;color:#9c94ae;background:#f6f4fa;padding:5px;border-radius:4px}main{margin-left:236px}.topbar{height:72px;border-bottom:1px solid #e9eaf1;background:#ffffffc9;display:flex;justify-content:space-between;align-items:center;padding:0 40px;color:#77758b;font-size:11px}.topbar>div{display:flex;gap:20px;align-items:center}.topbar span span{margin:0 12px;color:#c2bfce}.timezone-label{font-size:10px}.demo-notice{display:flex;gap:10px;align-items:center;padding:10px 40px;background:#f0edfb;font-size:10px;color:#8d7ca7;border-bottom:1px solid #e8e2f6}.demo-notice strong{color:#7d689e;font-weight:550}.demo-dot{width:5px;height:5px;border-radius:50%;background:#ab97d5;flex-shrink:0}.content{max-width:1440px;margin:auto;padding:38px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#9b94b2;font-weight:650;margin-bottom:12px}.page-heading p{color:#9995a8;font-size:12px;margin-top:10px;line-height:1.8}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;border-radius:8px;padding:13px 17px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:#7253e8;color:#fff;box-shadow:0 3px 6px #6c4ed815}.button.primary:hover{background:#6043d0}.button.secondary{border:1px solid #e5e4ed;background:#fff;color:#666078}.button.compact{font-size:10px;padding:11px 14px}.button span{margin-left:auto}.composer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(305px,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid #e5e5ee;border-radius:13px;box-shadow:0 3px 8px #29213b02}.video-panel,.destinations-panel{padding:23px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.step{display:grid;place-items:center;border-radius:50%;height:21px;width:21px;background:#f2eefc;color:#846dd0;font-size:10px;font-weight:600}.muted{color:#a09bad;font-size:11px}.trailing{margin-left:auto;font-size:9px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:222px;border:1.5px dashed #d8cfee;border-radius:10px;background:radial-gradient(ellipse at center,#f8f5ff 0%,#fbfaff 70%);transition:.2s}.dropzone:hover,.dropzone.dragging{background:#f1ebff;border-color:#9175ed}.upload-illustration{width:78px;height:68px;margin-bottom:8px}.upload-back{fill:#e5dcfa;transform:rotate(-10deg);transform-origin:center}.upload-front{fill:#fff;stroke:#d1c5ee;stroke-width:1.5}.upload-play{fill:#b39be6}.dropzone strong{font-size:13px;font-weight:650}.dropzone>span:not(.upload-illustration){color:#9e95ae;font-size:11px;margin-top:9px}.dropzone b{color:#8664cf;font-weight:550}.dropzone small{font-size:9px;color:#b2aabd;margin-top:19px}.field{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:550;margin-top:22px}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #e7e5ee;border-radius:7px;background:#fff;color:#3d374e;font-size:11px;line-height:1.5}.field textarea{resize:vertical;min-height:85px}.field input::placeholder,.field textarea::placeholder{color:#b2aabb}.optional{font-size:9px;font-weight:400;color:#b2aabb;margin-left:6px}.field-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:400;color:#ada6b8}.flow-note{display:flex;align-items:start;gap:10px;padding:17px 9px;color:#aaa1b8;font-size:10px;line-height:1.8}.flow-note>span{color:#b6a3d9;font-size:20px;line-height:1}.flow-note strong{font-weight:500;color:#8e839e}.count-badge{margin-left:auto;background:#f5f3fb;border-radius:5px;padding:5px 7px;color:#998cad;font-size:9px}.segmented{display:flex;padding:4px;border-radius:8px;background:#f4f3f8}.segmented button{width:50%;padding:10px 7px;font-size:11px;color:#9d94ad;border-radius:6px;font-weight:550}.segmented .selected{background:#fff;color:#695681;box-shadow:0 2px 5px #33224809}.mode-help{font-size:10px;color:#aaa0b7;margin:15px 0 9px;line-height:1.7}.destination{padding:17px 0;border-bottom:1px solid #f0edf5}.destination-header{display:flex;align-items:center;gap:12px}.platform-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-weight:700;flex-shrink:0}.platform-icon svg{width:19px;height:19px}.platform-icon.instagram{background:#fdf0f7;color:#c85692}.platform-icon.tiktok{background:#f0f1f5;color:#333341}.platform-icon.youtube{background:#fff0f0;color:#df5259}.destination-info{display:flex;flex-direction:column;gap:5px}.destination-info strong{font-size:11px;font-weight:600}.destination-info small{font-size:10px;color:#a69bb3}.dest-check{margin-left:auto;appearance:none;width:17px;height:17px;border:1.5px solid #dad5e5;border-radius:5px;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.dest-check:checked{background:#7959e5;border-color:#7959e5}.dest-check:checked:after{content:'✓';color:white;font-size:11px;line-height:1}.destination-time{margin-top:12px;display:flex;align-items:center;gap:7px;color:#a49ab1;font-size:9px;padding-left:48px}.destination-time input{min-width:0;width:100%;border:1px solid #e7e2ed;border-radius:6px;padding:9px;font-size:10px;color:#6f6083;background:#fff}.destination-extras{margin:13px 0 0 48px}.destination-extras summary{font-size:9px;color:#9a8cad;cursor:pointer}.destination-extras textarea,.destination-extras select{margin-top:10px;width:100%;border:1px solid #e7e2ed;border-radius:5px;padding:8px;font-size:10px}.destination-footer{display:flex;gap:9px;font-size:9px;color:#b0a7bc;padding:18px 0;line-height:1.6}.destination-footer strong{font-weight:500;color:#9d91ae}.timezone-icon{font-size:15px;line-height:1}.submit-area{margin:6px -23px -23px;padding:20px 23px;background:#fcfbfe;border-top:1px solid #efebf6;border-radius:0 0 13px 13px}.submit-area .button{width:100%;justify-content:space-between;padding:14px 16px}.submit-area small{display:block;text-align:center;font-size:9px;color:#b0a4bd;margin-top:12px;line-height:1.7}.auto-note{font-size:10px;color:#81719e;margin-bottom:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 17px;gap:15px}.section-heading h2{font-size:14px}.text-button{font-size:10px;color:#8e72c6;padding:5px 0;text-align:left}.empty-state{border:1px dashed #e0dce9;border-radius:11px;background:#faf9fd;text-align:center;padding:28px;color:#a69bb5;font-size:11px;line-height:1.8}.empty-state strong{display:block;color:#8f819f;font-weight:550;margin-bottom:5px}.recent-section{margin-top:13px}.main-footer{display:flex;justify-content:space-between;color:#b8afc4;font-size:9px;border-top:1px solid #e8e3ef;margin-top:40px;padding:21px 0 26px;gap:20px}.post-card{background:#fff;border:1px solid #e6e1ee;border-radius:10px;padding:18px;margin-bottom:12px}.post-heading{display:flex;gap:12px;align-items:center;margin-bottom:16px}.post-heading strong{font-size:12px}.post-heading small{font-size:9px;color:#a99cb8;display:block;margin-top:6px}.video-thumb{width:34px;height:42px;background:#f2edfc;border-radius:6px;display:grid;place-items:center;color:#af9bd6}.delivery-row{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid #f3f0f7;padding:9px 0}.delivery-row .platform-icon{width:25px;height:25px;border-radius:7px}.delivery-row .platform-icon svg{width:14px;height:14px}.delivery-row .delivery-name{font-size:10px;min-width:90px}.delivery-row time{color:#ac9bbd;font-size:9px}.status{display:inline-block;border-radius:5px;padding:4px 7px;background:#f3f0f8;color:#8d76a3;font-size:9px;white-space:nowrap;margin-left:auto}.status.scheduled{background:#f0edfd;color:#8c73c8}.status.published{background:#eaf7ef;color:#5b9970}.status.failed,.status.needs_review,.status.blocked{background:#fff1e8;color:#bc895a}.status.simulated{background:#eef3fa;color:#8098ba}.delivery-actions{display:flex;gap:9px;margin-left:5px}.delivery-actions button{font-size:9px;color:#a28eb7;padding:4px}.delivery-error{font-size:10px;color:#b78e72;padding:0 0 8px 35px}.video-selected{display:flex;align-items:center;gap:22px;background:#faf8fe;border-radius:10px;padding:18px}.video-selected video{max-width:44%;width:150px;max-height:210px;background:#242033;border-radius:8px}.file-details{min-width:0;display:flex;flex-direction:column;gap:10px}.file-details strong{font-size:12px;word-break:break-word}.file-details span{font-size:10px;color:#a291b2;line-height:1.8}.upload-progress{margin-top:15px;font-size:10px;color:#9b85b2}.upload-progress progress{width:100%;height:5px;accent-color:#8664db;display:block;margin-bottom:7px}.calendar-panel{overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px}.calendar-toolbar>div{display:flex;align-items:center;gap:10px}.calendar-toolbar>div>button{font-size:22px;color:#ab9eba;border:1px solid #eee7f5;border-radius:6px;line-height:1;width:25px;height:25px}.calendar-toolbar h2{font-size:13px;margin-left:5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-height:270px;border-right:1px solid #eee9f5;border-top:1px solid #eee9f5;padding:12px 8px}.calendar-day:last-child{border-right:0}.calendar-day-header{font-size:9px;color:#b3a4c3;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.calendar-day-header b{font-size:14px;font-weight:500;color:#9d8bab}.calendar-day.today{background:#fcfaff}.calendar-day.today .calendar-day-header b{background:#9070dc;color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.calendar-event{width:100%;background:#f1ecfa;border:1px solid #e7def4;border-radius:6px;text-align:left;padding:8px;margin-bottom:7px;font-size:9px;line-height:1.7;color:#9a80b1;overflow-wrap:anywhere}.calendar-event strong{display:block;color:#7f629b;font-size:10px;font-weight:550}.accounts-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.accounts-layout>.panel{padding:24px}.preferences-panel h2{margin-bottom:22px}.toggle-row{display:flex;align-items:center;gap:15px;margin-top:25px;cursor:pointer}.toggle-row strong{font-size:11px;font-weight:550}.toggle-row small{display:block;font-size:10px;color:#aaa0b8;line-height:1.7;margin-top:8px}.toggle-row input{appearance:none;background:#d9d3e3;width:33px;height:19px;border-radius:12px;flex-shrink:0;position:relative;cursor:pointer}.toggle-row input:after{content:'';position:absolute;left:3px;top:3px;border-radius:50%;width:13px;height:13px;background:#fff;transition:.15s}.toggle-row input:checked{background:#9171d5}.toggle-row input:checked:after{left:17px}.preferences-help{font-size:10px;color:#aaa0b8;line-height:1.8;margin:20px 0}.preferences-panel .button{width:100%}.connect-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.connect-buttons .button{font-size:10px;padding:9px}.account-settings{margin-left:48px}.account-settings label{font-size:10px;color:#a596b6;margin:10px 0;display:block}.account-settings textarea{width:100%;border:1px solid #e7e0ef;border-radius:5px;padding:8px;font-size:10px;resize:vertical}.account-settings input{accent-color:#8c6bd3}.pill{border:1px solid #e6dfef;color:#a18eaf;border-radius:20px;padding:8px 12px;font-size:10px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-card{overflow:hidden;background:white;border:1px solid #e6dfef;border-radius:12px}.library-card video{width:100%;height:200px;object-fit:contain;background:#282230}.library-card>div{padding:16px}.library-card strong{font-size:12px;word-break:break-word}.library-card small{display:block;margin:9px 0;color:#aa9abb;font-size:10px}.library-card a{font-size:10px;color:#9b7bc4;text-decoration:none}.toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);max-width:min(600px,85vw);background:#36303f;color:#fff;padding:15px 22px;border-radius:10px;box-shadow:0 10px 50px #30223825;font-size:12px;z-index:9;line-height:1.7}.toast.error{background:#79524e}dialog{border:1px solid #e6dfef;border-radius:15px;padding:30px;width:min(420px,90vw);color:#4d3f59;box-shadow:0 20px 100px #26133322}dialog::backdrop{background:#251c353d;backdrop-filter:blur(4px)}dialog h2{font-size:20px}dialog p{font-size:12px;color:#a091ad;margin-top:12px;line-height:1.7}dialog .button{margin-top:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.empty-small{font-size:12px;color:#a596b6;padding:30px 0;line-height:1.8}.empty-small button{display:block}
.destination-immediate{display:flex;gap:6px;align-items:center;font-size:10px;color:#84768e;margin:12px 0 0 48px}.destination-immediate input{accent-color:#7959e5}.destination-time input:disabled{background:#f8f6fb;color:#bab1c4}.field input,.field textarea,.field select{color:#41394f}.mode-help,.page-heading p{color:#80778e}.field-foot,.submit-area small{color:#92859f}.destination-info small{color:#8e809e}.delivery-row time{color:#92819e}
@media(min-width:1550px){.content{padding-top:50px}.page-heading{margin-bottom:38px}.dropzone{height:260px}.video-panel,.destinations-panel{padding:28px}.submit-area{margin-left:-28px;margin-right:-28px;margin-bottom:-28px;padding:23px 28px}}
@media(max-width:1100px){.sidebar{width:205px;padding:28px 14px 0}main{margin-left:205px}.content{padding:28px 25px 0}.topbar{padding:0 25px}.composer-grid{gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr)}.video-panel,.destinations-panel{padding:19px}.submit-area{margin:6px -19px -19px;padding:18px 19px}.trailing{display:none}.page-heading .secondary{display:none}.demo-notice{padding:10px 25px}.demo-notice span:last-child{font-size:9px}.delivery-row{flex-wrap:wrap}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{position:sticky;top:0;width:100%;height:62px;padding:0 18px;border-right:0;border-bottom:1px solid #e9e5ef;flex-direction:row;align-items:center;justify-content:space-between}.brand{gap:7px;padding:0}.brand-wordmark{font-size:22px;letter-spacing:-1px}.brand-mark{width:36px;height:32px}.brand-sub{font-size:5.5px;letter-spacing:.9px;margin-top:6px}.sidebar .workspace,.nav-label,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:3px}.nav-item{width:auto;font-size:0;margin:0;padding:10px}.nav-icon{width:22px;height:22px}.nav-count{display:none}main{margin-left:0}.topbar{height:48px;padding:0 20px;font-size:10px}.topbar>div{gap:10px}.topbar .small-avatar{display:none}.timezone-label{font-size:9px}.demo-notice{padding:9px 20px;flex-wrap:wrap;gap:6px;font-size:9px}.demo-notice span:last-child{width:100%;padding-left:11px}.content{padding:25px 20px 0}.page-heading{margin-bottom:22px}h1{font-size:30px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.2px}.composer-grid{grid-template-columns:1fr}.panel-title{margin-bottom:18px}.dropzone{height:205px}.flow-note{padding:12px 7px}.accounts-layout{grid-template-columns:1fr}.calendar-panel{overflow-x:auto}.calendar-toolbar{min-width:650px}.calendar-grid{min-width:650px}.calendar-day{min-height:190px}.toast{left:50%;width:max-content;max-width:90vw}.main-footer{font-size:8px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-card video{height:170px}.page-heading .pill{display:none}.section-heading .muted{display:none}.delivery-row .delivery-name{min-width:75px}.delivery-actions{margin-left:auto}.page-heading>.primary{font-size:9px;padding:10px}.page-heading p{font-size:11px}.recent-section{margin-top:25px}}

.library-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-top:16px}.library-actions .button{justify-content:space-between;font-size:11px;padding:11px 12px}.library-actions a{align-self:flex-start}
.creator-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:25px;align-items:start}.creator-form{padding:25px}.creator-form>.button{width:100%;margin-top:23px;justify-content:space-between}.creator-form .field:first-child{margin-top:0}.creator-help{font-size:11px;color:#94869f;line-height:1.8;margin-top:14px}.reference-picker{display:flex;flex-direction:column;gap:12px;background:#faf8fe;border:1px dashed #d7cce9;border-radius:9px;padding:17px;margin-top:22px;font-size:11px;color:#78618d;line-height:1.6}.reference-picker input{font-size:10px;max-width:100%}.reference-picker input::file-selector-button{background:#eee7fc;color:#7051bd;border:0;border-radius:5px;padding:8px;cursor:pointer;margin-right:8px}.reference-picker span{font-size:10px;color:#a294af}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character-empty{grid-column:1/-1;padding:65px 25px}.character-card{overflow:hidden}.character-portrait{background:linear-gradient(145deg,#f5efff,#e8e7f4);display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;color:#a391b8;font-size:12px}.character-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:7px;width:100%}.character-photo-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:7px}.reference-count{background:#fffE;border-radius:20px;padding:6px 10px;font-size:9px;color:#79608e}.character-content{padding:20px}.character-content h2{font-size:18px}.character-content p{font-size:11px;line-height:1.7;color:#a18daa;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.character-content>.button{width:100%;font-size:10px;margin-top:15px}.character-content>.text-button{display:block;margin-top:10px}.clone-steps{display:flex;align-items:center;gap:18px;padding:17px 20px;border:1px solid #e8e2f1;background:#fff;border-radius:11px;margin-bottom:25px}.clone-steps span{display:flex;align-items:center;gap:8px;color:#927da6;font-size:11px}.clone-steps b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f1ebfc;color:#9272c5;font-size:10px}.clone-steps i{color:#c3b4d6;font-style:normal}.clone-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(265px,.8fr);gap:25px;align-items:start}.clone-options{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.clone-source-options{margin-top:18px;font-size:11px;color:#937aaa}.clone-source-options summary{cursor:pointer}.clone-character-preview{margin-top:16px}.clone-photo-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#403052}.clone-photo-heading>span{white-space:nowrap;font-size:11px;color:#7551bd}.clone-photo-help{font-size:12px;line-height:1.6;color:#70637d;margin:8px 0 12px}.clone-photo-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.clone-photo-option{position:relative;cursor:pointer;padding:5px;border:2px solid #e5dfed;border-radius:10px;min-width:0;background:#fff}.clone-photo-option.is-selected{border-color:#7350e5;background:#f3eeff}.clone-photo-option:focus-within{outline:2px solid #7350e5;outline-offset:3px}.clone-photo-option input{position:absolute;top:9px;right:9px;width:20px;height:20px;margin:0;accent-color:#7350e5;cursor:pointer}.clone-photo-option img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:5px}.clone-photo-option>span{display:block;font-size:10px;color:#655475;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.clone-photo-option:has(input:disabled){opacity:.55}.clone-explainer{padding:27px}.clone-symbol{color:#9a7bd1;width:85px;margin:5px 0 25px}.clone-symbol svg{width:100%}.clone-explainer h2{font-size:17px;line-height:1.4}.clone-explainer>p{font-size:11px;line-height:1.9;color:#a393b2;margin:15px 0}.clone-detail{display:flex;flex-direction:column;gap:8px;padding:17px 0;border-bottom:1px solid #efe8f7;font-size:10px;color:#ad9abd}.clone-detail strong{font-size:11px;font-weight:550;color:#887096}.provider-notice{background:#f0ecf9;border:1px solid #e6def2;color:#9782ad;line-height:1.8;padding:17px;border-radius:9px;font-size:10px;margin-top:15px}.clone-job-heading{display:flex;gap:15px;justify-content:space-between;align-items:start}.clone-job-heading strong{font-size:13px}.clone-job-heading small{display:block;font-size:10px;color:#a28aaf;margin-top:8px}.clone-source-link{display:inline-block;font-size:10px;color:#9575ba;margin-top:14px;text-decoration:none}.clone-job-error{font-size:11px;color:#b28964;background:#fffbf5;border-radius:6px;padding:12px;line-height:1.7;margin-top:12px}.clone-estimate{display:flex;flex-direction:column;gap:8px;margin:17px 0;font-size:12px;color:#7e6095}.clone-estimate span{font-size:9px;color:#af9bbe}.clone-job>.button{margin-top:14px}.clone-cancel{margin-left:17px}.clone-result-actions{display:flex;gap:10px;margin-top:18px}.clone-job .status{white-space:normal;line-height:1.5}
@media(max-width:1100px){.creator-layout{grid-template-columns:1fr 1fr}.character-grid{grid-template-columns:1fr}.clone-layout{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr)}}
@media(max-width:800px){.sidebar nav{max-width:calc(100% - 125px);overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;padding:10px 8px}.creator-layout,.clone-layout{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-form{padding:20px}.clone-side .clone-explainer{display:none}.clone-steps{gap:9px;padding:13px;flex-wrap:wrap}.clone-steps span{font-size:9px}.clone-steps i{font-size:10px}.clone-steps b{width:19px;height:19px}.clone-job-heading{flex-wrap:wrap}}
@media(max-width:420px){.character-grid{grid-template-columns:1fr}.clone-steps{gap:7px}.clone-steps span{gap:4px}.clone-steps b{width:17px;height:17px}}

.mobile-menu-toggle,.mobile-nav-heading,.mobile-menu-backdrop{display:none}
@media(max-width:800px){
  .mobile-menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e9e3f3;border-radius:12px;background:#faf8fe;color:#7759b5;flex-shrink:0}
  .mobile-menu-toggle svg{width:22px;height:22px}
  .mobile-menu-toggle .menu-close{display:none}
  .menu-open .mobile-menu-toggle{background:#eee8fb;border-color:#e0d5f5}
  .menu-open .mobile-menu-toggle .menu-bars{display:none}
  .menu-open .mobile-menu-toggle .menu-close{display:block}
  .sidebar nav{display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px;max-width:none;max-height:calc(100dvh - 88px);overflow:auto;padding:12px;background:#fff;border:1px solid #e9e3f2;border-radius:16px;box-shadow:0 18px 45px #30204420}
  .sidebar.menu-open nav{display:block}
  .mobile-nav-heading{display:block;padding:9px 12px 12px;font-size:9px;letter-spacing:1.5px;color:#aa9bb7;font-weight:600}
  .sidebar nav .nav-item{width:100%;min-height:48px;margin:0 0 3px;padding:12px;font-size:13px;gap:14px;border-radius:10px}
  .sidebar nav .nav-item:last-child{margin-bottom:0}
  .sidebar nav .nav-count{display:block;font-size:10px}
  .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;inset:62px 0 0;background:#231b3933;backdrop-filter:blur(2px);z-index:2;cursor:default}
}

.character-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.character-actions .button{min-height:40px;flex:1;justify-content:center}.subtle-danger{color:#a83c50;background:#fff5f6;border:1px solid #f0d6dc}.button.danger{background:#b33951;color:#fff}.dialog-error{color:#9e2941;background:#fff1f3;padding:12px;border-radius:8px}#edit-character-dialog{width:min(520px,94vw);max-height:90dvh;overflow:auto}.edit-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.edit-reference-grid img{width:100%;height:95px;object-fit:cover;border-radius:8px}.edit-reference-grid button{width:100%;min-height:40px;font-size:10px;border-radius:6px;margin-top:5px}.dialog-actions{flex-wrap:wrap}#delete-character-dialog .dialog-error,#edit-character-dialog .dialog-error{color:#9e2941}@media(max-width:420px){#edit-character-dialog,#delete-character-dialog{padding:20px}.edit-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-actions .button{flex:1;justify-content:center;padding:12px 10px}}

.character-content .character-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.character-content .character-description.is-expanded{display:block;-webkit-line-clamp:unset}.character-content>.description-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:0;font-size:11px}.character-content>.description-toggle[hidden]{display:none}.description-toggle span{font-size:16px}

.signed-out>.sidebar,.signed-out>main,.signed-out>#mobile-menu-backdrop{display:none}.signed-out{background:linear-gradient(145deg,#f5f1ff,#f7f8fc);min-height:100dvh}.auth-brand{font-size:28px;font-weight:700;color:#7350e5;margin-bottom:25px}#login-dialog{width:min(440px,92vw);max-height:92dvh;overflow:auto}#login-dialog .button{width:100%;justify-content:center}.auth-switch{display:block;margin:22px auto 0;font-size:12px;min-height:40px}#login-dialog .dialog-error{color:#9e2941}.settings-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:24px;align-items:start}.settings-panel{padding:25px}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-panel h2{font-size:18px}.settings-panel form>.button{margin-top:20px;width:100%;justify-content:center}.settings-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.settings-links .button{font-size:11px;min-height:42px}.settings-panel a{color:#7553bd}.settings-panel .provider-notice p+p{margin-top:12px}.settings-panel .dialog-error{font-size:12px;line-height:1.7;margin-top:15px}.settings-panel input{min-width:0}.settings-panel .pill{white-space:nowrap}#settings-account{overflow-wrap:anywhere}@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-panel{padding:20px}}

.clone-settings-link{margin-top:12px}

.connection-status{margin-top:18px;padding:18px 20px;border:1px solid #d9ccef;border-left:4px solid #7952ce;border-radius:10px;background:#f6f2ff;color:#493267;font-size:14px;line-height:1.6}.connection-status strong{display:block;font-size:16px;font-weight:650;margin-bottom:6px}.connection-status p{margin:0}.connection-status .connection-checked{margin-top:10px;font-size:12px;font-weight:600}.connection-status[data-status="verified"]{background:#edf9f1;border-color:#abd8b9;border-left-color:#27834c;color:#205d37}.connection-status[data-status="invalid"],.connection-status[data-status="unavailable"]{background:#fff6eb;border-color:#e9c79c;border-left-color:#aa6722;color:#754818}

.social-connect-note{margin:0 0 18px;font-size:13px;line-height:1.7;color:#635172}.social-connection-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:22px}.social-provider-status{background:white;border:1px solid #e5dfed;border-radius:12px;padding:18px;font-size:12px;color:#635172;line-height:1.7}.social-provider-status>strong{display:block;font-size:15px;color:#30263e}.social-provider-status>span{display:block;margin:4px 0 8px}.social-provider-status>small{display:block;margin-top:8px}.social-provider-status p{overflow-wrap:anywhere}.social-app-settings{margin-top:24px}.social-config{margin-top:18px;padding-top:16px;border-top:1px solid #eee7f6}.social-config summary{cursor:pointer;font-size:14px;font-weight:600;color:#514062}.oauth-callback{display:block;overflow-wrap:anywhere;white-space:normal;background:#f3effa;color:#513c70;border-radius:7px;padding:12px;margin-top:12px;font-size:12px;line-height:1.7}@media(max-width:600px){.social-connection-status{grid-template-columns:1fr}}

.social-provider-status>.button{margin-top:14px}

/* One settings hub, with compact category navigation on desktop and mobile. */
.settings-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:7px;background:#eeebf5;border:1px solid #e5e0ee;border-radius:14px;margin-bottom:30px}
.settings-navigation button{min-width:0;padding:15px 16px;text-align:left;border-radius:10px;color:#80768e;transition:background .15s,color .15s}
.settings-navigation strong{display:block;font-size:13px;font-weight:650;line-height:1.5}
.settings-navigation span{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:#958aa3}
.settings-navigation [aria-current="page"]{background:#fff;color:#6742ce;box-shadow:0 2px 7px #38274e0a}
.settings-navigation [aria-current="page"] span{color:#857199}
.settings-navigation button:hover{background:#ffffff80}
.settings-navigation button:focus-visible{outline:2px solid #7959e5;outline-offset:2px}
.settings-section{min-width:0}.settings-section-heading{margin:0 0 22px}.settings-section-heading h2{font-size:20px;letter-spacing:-.3px}.settings-section-heading p{font-size:12px;line-height:1.8;color:#92849f;margin-top:7px}
.settings-narrow{max-width:780px}.settings-section .social-connect-note{font-size:11px;margin-bottom:16px;color:#8b7e98}.settings-section .social-provider-status{padding:24px}.settings-section .social-provider-status>.button{min-height:42px}
.settings-soon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 23px;border:1px dashed #dfd8e9;border-radius:12px;background:#f9f7fc}.settings-soon strong{font-size:13px;color:#786c86}.settings-soon p{font-size:11px;color:#9a8fa6;margin-top:6px;line-height:1.6}.settings-soon .pill{white-space:nowrap}
.settings-section .social-app-settings{margin-top:26px;background:#fcfbfe}.social-app-settings>summary{font-size:12px;font-weight:600;color:#857391;cursor:pointer}.social-app-settings[open]>summary{margin-bottom:15px}.settings-manage-social{margin-top:18px}.settings-section .preferences-panel h2{font-size:16px}
@media(max-width:1000px){.settings-navigation span{display:none}.settings-navigation button{padding:14px 10px}.settings-navigation strong{font-size:12px}}
@media(max-width:800px){.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;margin-bottom:24px}.settings-navigation button{min-height:48px;padding:12px}.settings-navigation strong{font-size:13px}.settings-section-heading h2{font-size:19px}.settings-section .social-provider-status{padding:20px}.settings-soon{padding:18px}.settings-section .settings-heading{flex-wrap:wrap}.settings-section .accounts-layout>.panel{padding:20px}.settings-section .settings-links .button{flex:1}.settings-section .social-app-settings{padding:18px}}

#create-character-dialog{width:min(600px,94vw);max-height:90dvh;overflow:auto;padding:0}
#create-character-dialog .creator-form{padding:28px;position:static}
.create-character-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.create-character-heading h2{font-size:22px;letter-spacing:-.5px}
.dialog-dismiss{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #e9e2f1;border-radius:10px;font-size:26px;color:#8f7fa2;background:#faf8fd}
#create-character-dialog .dialog-error{color:#9e2941}
#create-character-dialog .dialog-actions .button{width:auto;margin-top:0}
#create-character-dialog .dialog-actions{margin-top:24px}
.influencer-library .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#add-character{white-space:nowrap;min-height:44px}
@media(max-width:800px){#view-influencers>.page-heading{flex-wrap:wrap;align-items:flex-start}#add-character{font-size:12px;padding:13px 16px}.influencer-library .character-grid{gap:16px}}
@media(max-width:600px){.influencer-library .character-grid{grid-template-columns:1fr}#create-character-dialog .creator-form{padding:22px}.create-character-heading h2{font-size:20px}#create-character-dialog .dialog-actions .button{flex:1;padding:13px 10px}}
/* Instagram scouting */
.scout-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.scout-sidebar{padding:24px;position:sticky;top:24px}.scout-sidebar h2,.scout-toolbar h2{font-size:19px;margin:0}.scout-sidebar .button{width:100%}.scout-account{padding:16px 0;border-top:1px solid #eeeaf4}.scout-account-filter{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;color:#665978;overflow-wrap:anywhere}.scout-account-filter.selected{background:#f0eafd;color:#6c49d9}.scout-account small{display:block;font-size:11px;line-height:1.7;margin:8px 12px;color:#91859f}.scout-account-actions{display:flex;justify-content:space-between;gap:10px;margin:8px 12px}.scout-account-actions .text-button{font-size:11px}.scout-account-message{font-size:12px;line-height:1.6;padding:0 12px}.scout-dot{display:block;width:8px;height:8px;background:#7050e6;border-radius:50%}.scout-feed{min-width:0}.scout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.scout-toolbar .field{margin:0;min-width:180px;font-size:11px}.scout-toolbar p{font-size:12px}.scout-explainer{margin:20px 0 24px}.scout-explainer p{font-size:12px;line-height:1.7}.scout-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scout-posts>.empty-state{grid-column:1/-1}.scout-posts>.empty-state .button{margin:20px auto 0}.scout-card{padding:22px;min-width:0;display:flex;flex-direction:column}.scout-card.standout{border-color:#b6a2ef;background:linear-gradient(145deg,#faf7ff,#fff 55%)}.scout-card-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#79668c}.scout-card-top .pill{font-size:10px}.scout-card.standout .pill{background:#eee7ff;color:#633ac5;border-color:#d9caf8}.scout-caption{margin:22px 0;font-size:16px;line-height:1.7;color:#2e2940;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;min-height:81px}.scout-metrics{display:flex;gap:22px;padding:17px 0;border-top:1px solid #eeeaf4;border-bottom:1px solid #eeeaf4}.scout-metrics span{font-size:10px;color:#9c8fa9}.scout-metrics strong{display:block;font-size:22px;letter-spacing:-.5px;color:#393049;margin-bottom:5px}.scout-baseline{font-size:11px;line-height:1.7;color:#927ca6;margin:0 0 18px}.scout-card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between}.scout-card-actions a{font-size:11px}.scout-card-actions .muted{font-size:12px;line-height:1.7}.scout-remove-key{margin:20px 0}#scout-accounts{margin-top:22px}#scout-confirm{max-width:500px}#scout-confirm p{line-height:1.8;color:#867791}.settings-navigation{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1150px){.scout-layout{grid-template-columns:250px minmax(0,1fr)}.scout-posts{grid-template-columns:1fr}}
@media(max-width:800px){.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.scout-layout{grid-template-columns:1fr}.scout-sidebar{position:static}.scout-toolbar{align-items:flex-start;flex-direction:column}.scout-toolbar .field{width:100%}.scout-card{padding:20px}.scout-metrics{gap:30px}}

.scout-explainer summary{cursor:pointer;font-size:12px;color:#7a669a}.scout-sidebar #scout-add{margin-top:12px}
@media(max-width:800px){#view-scouting .page-heading>.button{display:inline-flex;margin-top:15px}}
/* DGX reproduction preparation and side-by-side visual review. */
.dgx-editor{margin-top:28px;padding:30px}.dgx-editor h3{font-size:17px;margin:24px 0 14px}.dgx-editor summary{cursor:pointer;color:#7b619f;padding:16px 0}.dgx-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0}.dgx-comparison video{width:100%;max-height:400px;background:#171320;border-radius:12px}.dgx-comparison h3{font-size:14px}.dgx-comparison p{font-size:12px;line-height:1.7;white-space:pre-wrap}.dgx-reference-images{display:flex;flex-wrap:wrap;gap:8px}.dgx-reference-images img{width:70px;height:95px;object-fit:cover;border-radius:9px}.dgx-storyboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:400px;overflow:auto}.dgx-storyboard img{width:100%;height:130px;object-fit:contain;background:#f2edf8;border-radius:9px}.dgx-storyboard span{display:block;font-size:11px;text-align:center;padding:4px}.dgx-action{padding:18px;background:#f8f5fc;border:1px solid #eae3f3;border-radius:12px;margin:14px 0}.dgx-action-time{display:flex;gap:14px;align-items:center}.dgx-action-time .field{flex:1;min-width:0;margin:0}.dgx-output-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dgx-output-settings input{min-width:0;width:100%}.dgx-review-images{display:flex;gap:12px;margin:20px 0}.dgx-review-images figure{margin:0;flex:1;min-width:0}.dgx-review-images img{width:100%;height:200px;object-fit:contain;background:#f6f1fc;border-radius:10px}.dgx-review-images figcaption{font-size:12px;color:#887498;margin-top:8px}#dgx-review-dialog{width:760px;max-width:94vw;max-height:90dvh;overflow:auto}#dgx-review-dialog p{line-height:1.7;font-size:13px}#dgx-review-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;padding:14px;background:#f8f5fc}#dgx-version-dialog{max-width:94vw;width:560px}.dgx-editor .provider-notice{margin-bottom:22px}#dgx-plan-form>.button.primary{margin-top:20px;width:100%}.dgx-job .clone-result-actions{flex-wrap:wrap}.dgx-job small{overflow-wrap:anywhere}
@media(max-width:800px){.dgx-editor{padding:20px}.dgx-comparison{grid-template-columns:1fr}.dgx-output-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.dgx-action-time{flex-wrap:wrap}.dgx-action-time .field{min-width:85px}.dgx-storyboard{grid-template-columns:repeat(3,minmax(0,1fr))}.dgx-editor .section-heading{align-items:flex-start}.dgx-editor .section-heading h2{font-size:20px}#dgx-review-dialog .dialog-actions{flex-direction:column}.dgx-review-images img{height:150px}}

.dgx-start-picker{border:1px solid #e4dbf2;background:#fcfaff;border-radius:16px;padding:22px;margin:24px 0}.dgx-start-picker h3{margin-top:0}.dgx-start-selection{display:flex;align-items:center;gap:20px;margin:18px 0}.dgx-start-selection>img{width:120px;height:160px;object-fit:contain;border-radius:10px;background:#eee8f5}.dgx-start-selection>div{flex:1;min-width:0}.dgx-start-selection p{overflow-wrap:anywhere}.dgx-frame-picker{margin-bottom:20px}.dgx-frame-picker button{padding:5px;background:white;border:2px solid transparent;border-radius:12px;cursor:pointer;color:#554369}.dgx-frame-picker button[aria-pressed="true"]{border-color:#7350eb;background:#f0eaff}.dgx-frame-picker button:focus-visible{outline:3px solid #9d83ff;outline-offset:2px}.dgx-start-picker .reference-picker{margin-bottom:0}@media(max-width:800px){.dgx-start-picker{padding:16px}.dgx-start-selection{align-items:flex-start;gap:12px}.dgx-start-selection>img{width:85px;height:120px}}

.audio-recovery{margin:20px 0 0;padding:18px;border:1px solid #ddd6f4;border-radius:16px;background:#faf8ff;color:#302b46}.audio-recovery p{font-size:14px;line-height:1.6;margin:8px 0 14px}.audio-recovery .button{white-space:normal}.library-card>.audio-recovery{margin:0 18px 18px}.audio-recovery .text-button{margin:8px}

.library-trash{margin-top:28px}.library-trash summary{cursor:pointer;font-weight:600}.library-trash-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #ece8f5}.library-trash-row small{display:block;color:#82778f;margin-top:5px}.library-trash-row strong{overflow-wrap:anywhere}.library-trash-row .button{flex-shrink:0}

/* Portrait-first library: columns follow the usable content width, not the whole screen. */
#view-library{container:library / inline-size}
#library-grid{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
#library-grid>.empty-state{grid-column:1/-1}
#library-grid .library-card{min-width:0}
#library-grid .library-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#211d2b}
#library-grid .library-card>div{padding:12px}
#library-grid .library-actions{gap:10px;margin-top:12px}
#library-grid .library-actions .button{justify-content:center;gap:6px;min-height:40px;padding:10px 6px;font-size:11px}
#library-grid .library-actions .button span{display:none}
#library-grid .library-actions .text-button{min-height:36px;border-radius:7px}
#library-grid .audio-recovery{margin:0 12px 12px;padding:12px;border-radius:10px}
#library-grid .audio-recovery p{font-size:11px;line-height:1.6}
#library-grid .audio-recovery .button{width:100%;padding:10px 6px;min-height:40px}
@container library (min-width:340px){#library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@container library (min-width:600px){#library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@container library (min-width:850px){#library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container library (min-width:1050px){#library-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@container library (min-width:1280px){#library-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

.clone-queue-panel{padding:20px}.clone-queue-panel>.section-heading{margin:0 0 16px}.clone-queue-panel h2{font-size:17px}.clone-queue-panel .empty-state{padding:24px 10px}.clone-queue-panel .clone-job{padding:16px;margin-bottom:12px;box-shadow:none}.clone-queue-panel .clone-job-heading{flex-direction:column;align-items:flex-start;gap:10px}.clone-queue-panel .clone-result-actions{gap:8px}.clone-delete-job{padding:10px 14px;border-radius:8px;margin-top:18px;min-height:40px}#clone-active-jobs .creator-help{font-size:11px}#view-clone .clone-side{min-width:0}#view-clone #clone-jobs .clone-job{margin-top:18px}

/* Corrections share one compact entry point; audio details stay inside the dialog. */
#clone-corrections-dialog{width:min(640px,calc(100vw - 32px))}
.correction-options{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.correction-options legend{font-weight:600;margin-bottom:12px}
.correction-options label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line,#e4dfed);border-radius:12px;padding:16px;cursor:pointer}
.correction-options label:has(input:checked){border-color:#7953e8;background:#f7f3ff}
.correction-options label:has(input:disabled){opacity:.5;cursor:default}
.correction-options input{margin-top:3px;accent-color:#7551e8;flex-shrink:0}
.correction-options strong,.correction-options small{display:block}.correction-options strong{font-size:13px;line-height:1.5}.correction-options small{font-size:12px;line-height:1.5;color:#8e829e;margin-top:5px}
#correction-audio-panel{margin:20px 0}#correction-audio-panel p{font-size:13px;line-height:1.7}#correction-audio-panel .button{margin:6px 8px 6px 0}
.correction-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.correction-status .text-button{font-size:12px;min-height:36px}.correction-audio-status{color:#746388}
#library-grid .correction-status{padding:0 12px 12px;margin:0}
@media(max-width:540px){.correction-options{grid-template-columns:1fr}.correction-options label{padding:12px}#clone-corrections-dialog{padding:20px}.correction-options{margin:16px 0}}

#library-grid .library-actions .library-delete{color:#b83250;background:#fff7f9;border-color:#f1cdda;width:100%}

/* Supplied Mr Boolin identity, using the original transparent PNG unchanged. */
.brand{padding:0;min-width:0}.brand-logo{display:block;width:196px;max-width:100%;height:auto;object-fit:contain}
.auth-brand{margin:0 0 20px}.auth-logo{display:block;width:320px;max-width:100%;height:auto;margin:0 auto}
@media(max-width:800px){.brand-logo{width:190px;max-height:62px;object-fit:contain}}

/* Library trash: previews, explicit retention and a clear restore action. */
.library-trash{margin-top:32px;border:1px solid #e7e1ef;background:#fff;overflow:hidden;border-radius:16px}
.library-trash>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:20px 24px;cursor:pointer;min-height:88px}
.library-trash>summary::-webkit-details-marker{display:none}.trash-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#f2eefa;color:#8865c2}.trash-icon svg{width:24px;height:24px}
.trash-heading{flex:1}.trash-heading strong{display:flex;align-items:center;gap:9px;font-size:16px}.trash-heading small{display:block;color:#93879f;font-size:11px;margin-top:6px}#library-trash-count{font-size:11px;background:#f1ecf8;color:#81649f;border-radius:20px;padding:3px 8px;min-width:24px;text-align:center}.trash-chevron{width:22px;height:22px;color:#93879f;transition:transform .2s}.library-trash[open] .trash-chevron{transform:rotate(180deg)}
.trash-content{padding:0 24px 24px;border-top:1px solid #f0ecf5}.trash-notice{font-size:12px;color:#8d8099;line-height:1.7;margin:16px 0 20px}
#library-trash-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.trash-card{display:flex;gap:14px;padding:14px;border:1px solid #ece6f2;background:#fcfbfe;border-radius:12px;min-width:0}.trash-preview{position:relative;width:76px;height:135px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#292333}.trash-preview video{width:100%;height:100%;object-fit:cover}.trash-preview>span{position:absolute;bottom:6px;right:6px;padding:3px 5px;font-size:9px;color:white;border-radius:4px;background:#21182db3}
.trash-card-content{min-width:0;flex:1}.trash-card-content>strong{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.trash-card-content>small{display:block;color:#9a8da7;font-size:10px;margin-top:6px;line-height:1.5}.trash-deadline{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:6px;background:#f1ebfb;color:#8460b0;font-size:10px}.trash-deadline.urgent{background:#fff0e5;color:#b87938}.trash-card-content>.button{margin-top:12px;padding:9px 13px;min-height:36px;font-size:11px}.trash-empty{grid-column:1/-1;display:grid;gap:8px;text-align:center;padding:25px;color:#92839e}.trash-empty strong{font-size:14px;color:#675674}.trash-empty span{font-size:12px}
@media(max-width:540px){.library-trash>summary{padding:16px}.trash-content{padding:0 14px 16px}#library-trash-list{grid-template-columns:minmax(0,1fr)}.trash-card{gap:10px;padding:12px}.trash-preview{width:64px;height:114px}}

/* Four compact library actions with accessible names and native tooltips. */
#library-grid .library-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px;align-items:center}
#library-grid .library-icon-action{display:flex;align-items:center;justify-content:center;width:100%;height:34px;min-width:0;padding:6px;border:1px solid #e8e2ef;border-radius:8px;background:#faf9fd;color:#82748f;transition:background .15s,border-color .15s}
#library-grid .library-icon-action svg{width:17px;height:17px;flex-shrink:0}
#library-grid .library-icon-action:hover{background:#f0ebfb;border-color:#cfc0e8;color:#7653be}
#library-grid .library-icon-action.publish{background:#7551e8;color:white;border-color:#7551e8}
#library-grid .library-icon-action.publish:hover{background:#6340d6}
#library-grid .library-icon-action.delete{color:#b95c70;background:#fff9fa;border-color:#f1e1e6}
#library-grid .library-icon-action.delete:hover{background:#ffeef2;border-color:#e8bcc8}

#reproduction-active-jobs .creator-help{font-size:11px}#view-reproduction .clone-side{min-width:0}#reproduction-jobs .clone-job{margin-top:18px}

/* Mr Boolin: visible processing state, without inventing a completion percentage. */
.generation-activity{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px 18px;border:1px solid #d9cdfb;border-radius:14px;background:#f1ebff;color:#452589}
.generation-activity>div{min-width:0}.generation-activity strong{display:block;font-size:15px;font-weight:750;line-height:1.4}.generation-activity small{display:block;font-size:12px;color:#63458d;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.boolin-bounce{position:relative;display:block;flex:0 0 24px;width:24px;height:32px}
.boolin-bounce>span{position:absolute;left:4px;bottom:7px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#aa8aff,#7147ed 62%,#542bb8);box-shadow:inset 0 1px 2px #ffffff66;animation:boolin-hop 1.15s infinite}
.boolin-bounce:after{content:"";position:absolute;left:3px;bottom:1px;width:18px;height:4px;border-radius:50%;background:#7650cb33;animation:boolin-shadow 1.15s infinite}
@keyframes boolin-hop{0%,100%{transform:translateY(0) scale(1.08,.92)}45%{transform:translateY(-10px) scale(.96,1.04)}65%{transform:translateY(-8px) scale(1,1)}85%{transform:translateY(0) scale(1,1)}}
@keyframes boolin-shadow{0%,85%,100%{transform:scaleX(1);opacity:.8}45%,65%{transform:scaleX(.55);opacity:.35}}
@media(prefers-reduced-motion:reduce){.boolin-bounce>span,.boolin-bounce:after{animation:none}}

/* Account menu stays beneath the sidebar message; on mobile it joins the hamburger. */
#sidebar-user{position:relative;flex-shrink:0;display:block;padding:12px 0;min-height:76px}
.user-menu-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px 4px;text-align:left;border-radius:10px;min-height:48px}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"]{background:#f3effc}
.user-avatar{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:50%;background:#eee8fb;color:#7955ce}.user-avatar svg{width:20px;height:20px}
.user-menu-trigger #username{min-width:0;flex:1;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.user-menu-chevron{width:16px;height:16px;flex-shrink:0;color:#9b8eae;transition:transform .15s}.user-menu-trigger[aria-expanded="true"] .user-menu-chevron{transform:rotate(180deg)}
.user-dropdown{position:absolute;bottom:calc(100% - 4px);left:0;right:0;padding:6px;background:#fff;border:1px solid #e6dff0;border-radius:14px;box-shadow:0 12px 35px #30204422;z-index:5}
.user-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:9px;text-align:left;font-size:12px;min-height:44px;color:#4d405e}.user-dropdown button:hover,.user-dropdown button:focus-visible{background:#f2ecff;color:#6f48cc}.user-dropdown svg{width:19px;height:19px;flex-shrink:0}.user-dropdown .user-logout{color:#a33e58;border-top:1px solid #f0ebf5;margin-top:4px;border-radius:0 0 9px 9px}
@media(max-width:800px){.sidebar>#sidebar-user{display:none}#main-navigation>#sidebar-user{display:block;margin-top:10px;min-height:0;padding:10px 0 0}#main-navigation .user-menu-trigger #username{font-size:13px}#main-navigation .user-dropdown{position:static;margin-top:6px;box-shadow:none;background:#fcfaff}#main-navigation .user-dropdown button{font-size:13px}}
@media(min-width:801px){.sidebar #main-navigation{min-height:0;overflow-y:auto;flex:0 1 auto;margin-bottom:16px}.sidebar .brand,.sidebar .nav-label,.sidebar .sidebar-note{flex-shrink:0}}
@media(min-width:801px) and (max-height:800px){.sidebar .nav-item{padding-top:10px;padding-bottom:10px;margin-bottom:3px}}

.dgx-effective-prompt{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border:1px solid var(--line,#e6e1f0);border-radius:12px;background:#faf8ff;font:13px/1.7 ui-monospace,monospace;max-height:420px;overflow:auto}

.schedule-picker{display:grid;grid-template-columns:minmax(115px,1fr) 62px 6px 62px;align-items:end;gap:6px;width:100%;min-width:0}.schedule-picker label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#81758f;min-width:0}.schedule-picker input,.schedule-picker select{width:100%;min-width:0;height:40px;padding:8px;border:1px solid #e7e2ed;border-radius:7px;background:#fff;color:#524761;font-size:12px}.schedule-picker>span{align-self:end;padding-bottom:12px}.destination-time:has(.schedule-picker){padding-left:0}#reschedule-time{margin-top:22px}

/* Compact influencer cards with a separate full reference gallery. */
.influencer-library{container:influencers / inline-size}
.influencer-library .character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}
.influencer-library .character-card{min-width:0}
.influencer-library .character-portrait{position:relative;padding:10px;gap:8px}
.character-cover,.character-thumbnail{display:block;width:100%;min-width:0;padding:0;overflow:hidden;background:#fff;border:0;border-radius:9px;cursor:pointer}
.character-cover img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.character-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
.character-thumbnail img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:top}
.character-more-photos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;padding:3px;border:1px solid #ddd4ee;border-radius:9px;background:#fff9;color:#7654b2;cursor:pointer}
.character-more-photos strong{font-size:18px}.character-more-photos span{font-size:10px}
.influencer-library .reference-count{position:absolute;top:18px;left:18px;pointer-events:none;box-shadow:0 2px 8px #3020480a}
.character-no-photo{display:grid;place-items:center;width:100%;aspect-ratio:4/5;text-align:center;padding:16px}
.influencer-library .character-content{padding:14px}
.character-title-row{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}
.character-title-row h2{font-size:16px;line-height:1.35;min-width:0;overflow-wrap:anywhere;margin:0}
.character-title-row .character-actions{display:flex;flex-wrap:nowrap;gap:4px;margin:0 0 0 auto;flex-shrink:0}
.character-icon-action{width:30px;height:32px;display:grid;place-items:center;padding:6px;border:1px solid #e8e2ef;border-radius:7px;background:#fff;color:#81728f;cursor:pointer}
.character-icon-action svg{width:17px;height:17px}.character-icon-action:hover{background:#f2edfc;color:#7049cf}.character-icon-action.is-danger:hover{background:#fff0f3;color:#b83250;border-color:#ecc2cc}
.character-icon-action:focus-visible,.character-cover:focus-visible,.character-thumbnail:focus-visible,.character-more-photos:focus-visible{outline:3px solid #ac97ff;outline-offset:2px}
.influencer-library .character-content>.button{font-size:11px;padding:11px 8px;justify-content:center;margin-top:10px;white-space:normal}
.influencer-library .character-content>.text-button{font-size:11px}
#character-gallery-dialog{width:min(900px,94vw);max-width:900px;max-height:88dvh;overflow:auto;padding:24px}
#character-gallery-count{font-size:12px;margin-top:6px}
.character-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.character-gallery-grid figure{margin:0;min-width:0}.character-gallery-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#f4f1f9;border-radius:10px}.character-gallery-grid figcaption{font-size:11px;line-height:1.4;color:#8d809c;margin-top:7px;overflow-wrap:anywhere}
@container influencers (max-width:999px){.influencer-library .character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container influencers (max-width:799px){.influencer-library .character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container influencers (max-width:599px){.influencer-library .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container influencers (max-width:379px){.influencer-library .character-grid{grid-template-columns:1fr}}
@media(max-width:600px){#character-gallery-dialog{padding:18px}.character-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Stable mobile page scale, including form focus on iOS. */
html,body{touch-action:pan-x pan-y}
@media(max-width:800px){
  input,select,textarea{font-size:16px!important}
  #view-calendar>.page-heading{align-items:flex-start;flex-direction:column;gap:16px}
  #view-calendar>.page-heading .button{white-space:nowrap}
  #view-calendar .calendar-panel{overflow:visible;min-width:0}
  #view-calendar .calendar-toolbar{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px}
  #view-calendar .calendar-toolbar>div{display:grid;grid-template-columns:36px 36px minmax(0,1fr);gap:8px;min-width:0}
  #view-calendar .calendar-toolbar h2{grid-column:1/-1;grid-row:1;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
  #view-calendar .calendar-toolbar>div>button{width:36px;height:36px;font-size:24px}
  #view-calendar #week-today{min-height:36px;padding:8px 12px;font-size:12px}
  #view-calendar .calendar-grid{min-width:0;grid-template-columns:minmax(0,1fr)}
  #view-calendar .calendar-day{min-height:0;border-right:0;padding:14px 16px}
  #view-calendar .calendar-day:last-child{border-radius:0 0 13px 13px}
  #view-calendar .calendar-day-header{margin-bottom:10px;font-size:12px;min-height:26px;color:#83738f}
  #view-calendar .calendar-day-header b{font-size:16px}
  #view-calendar .calendar-day.today .calendar-day-header b{width:28px;height:28px}
  #view-calendar .calendar-day:not(:has(.calendar-event)) .calendar-day-header{margin-bottom:0}
  #view-calendar .calendar-event{display:block;font-size:12px;line-height:1.6;padding:12px;margin-bottom:8px;border-radius:9px}
  #view-calendar .calendar-event strong{font-size:14px;margin:3px 0}
  #view-calendar .calendar-event:last-child{margin-bottom:0}
  #view-calendar .section-heading{align-items:flex-start;flex-direction:column;gap:6px}
}

.calendar-page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}
#view-calendar .calendar-page-actions .button{display:inline-flex;align-items:center;justify-content:center}
.calendar-event-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.calendar-event-meta>span:first-child{min-width:0}
.calendar-status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:50%}
.calendar-status-icon svg{width:15px;height:15px}
.calendar-status-icon.published,.calendar-status-icon.delivered_private{color:#34815c;background:#e2f3e9}
.calendar-status-icon.scheduled{color:#8058c9;background:#ebe3f9}
#all-distributions-dialog{width:min(1000px,94vw);max-width:1000px;max-height:88dvh;overflow:auto;padding:24px;background:#f8f7fc}
.distribution-list-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}
.distribution-list-heading h2{font-size:23px}.distribution-list-heading p{margin-top:8px;font-size:12px;line-height:1.6}
#all-distributions-dialog .post-card:last-child{margin-bottom:0}
@media(max-width:800px){.calendar-page-actions{width:100%;gap:8px}.calendar-page-actions .button{white-space:normal!important;font-size:11px;flex:1;padding:11px 10px;min-height:42px}.calendar-status-icon{width:22px;height:22px}.calendar-status-icon svg{width:17px;height:17px}#all-distributions-dialog{padding:18px}.distribution-list-heading h2{font-size:20px}}

.calendar-event.needs_review,.calendar-event.blocked{background:#fff1e5;border-color:#f2d8bf;color:#a36939}
.calendar-event.needs_review strong,.calendar-event.blocked strong{color:#8d552b}
.calendar-event.failed{background:#fdecef;border-color:#f2cdd4;color:#b45567}
.calendar-event.failed strong{color:#9b3e51}
.status.needs_review,.status.blocked{background:#fff1e5;color:#a36939}
.status.failed{background:#fdecef;color:#9b3e51}

.calendar-event-source{display:inline-flex;align-items:center;gap:7px}
.calendar-event-source .platform-icon{width:20px;height:20px;border-radius:5px}
.calendar-event-source .platform-icon svg{width:14px;height:14px}

.delivery-status{margin-left:auto;display:inline-flex;align-items:center}
.delivery-status .status{margin-left:0}

#all-distributions-section{scroll-margin-top:85px}
.distribution-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0}
#posts-page-label{font-size:11px;color:#92819e;text-align:center}
@media(max-width:800px){.distribution-pagination{gap:8px;flex-wrap:wrap}.distribution-pagination .button{font-size:10px;padding:10px}#posts-page-label{font-size:10px}}
.webmaster-nav{margin-top:16px!important;border:1px solid #e4d3ab;background:#fff7e8;color:#88632a}
.webmaster-nav:hover,.webmaster-nav.active{background:#f7e8c9;color:#714d1d}
.webmaster-nav span{display:flex;flex-direction:column;gap:4px;text-align:left}
.webmaster-nav small{font-size:8px;letter-spacing:1.4px;color:#a6854f}
.platform-overview{margin-bottom:24px;padding:24px}
.platform-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.platform-service{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e8e1ef;border-radius:9px;font-size:12px}
.platform-enabled{background:#e8f6ef;color:#3c8361;border-color:#d4ebdf}
#view-platform .social-app-settings{margin-top:24px}
@media(max-width:800px){.platform-service-grid{grid-template-columns:1fr}.platform-service{font-size:11px}.webmaster-nav small{font-size:8px}}
