:root{color-scheme:dark;--bg:#140d1e;--panel:#22172e;--line:#3a294a;--yellow:#ffdb47;--muted:#b5a6c5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f9f6fc;font:16px system-ui,sans-serif}header{border-bottom:1px solid var(--line);padding:24px max(6vw,20px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:850;letter-spacing:1px;color:inherit;text-decoration:none}.spark{background:var(--yellow);color:var(--bg);font-size:42px;width:46px;height:52px;line-height:48px;text-align:center;border-radius:12px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:5px}.private{font-size:12px;color:#b4dbbd}main{max-width:1240px;margin:auto;padding:30px 28px}#demo{border:1px solid #67521d;color:#e5c86c;padding:12px 16px;border-radius:10px;font-size:12px}.intro{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:50px;padding:48px 0}.eyebrow{font-size:11px;color:var(--yellow);letter-spacing:2px;font-weight:700}h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-2px;margin:16px 0 22px}h1 em{font-style:normal;color:var(--yellow)}p{color:var(--muted);line-height:1.6}aside{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:18px}aside>span{font-size:10px;letter-spacing:2px;color:var(--muted)}aside strong{display:block;font-size:26px;margin:16px 0}.meter{height:6px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:18px}.meter i{display:block;height:100%;background:var(--yellow)}small,.hint{color:var(--muted);font-size:12px;line-height:1.6}nav{display:flex;border-bottom:1px solid var(--line);gap:16px;margin-bottom:28px}button,.filebutton{font:inherit;cursor:pointer;border:0;border-radius:9px;background:var(--yellow);color:var(--bg);font-weight:750;padding:13px 22px;display:inline-block}button:disabled{opacity:.45;cursor:default}nav button{background:none;color:var(--muted);padding:16px 6px;border-radius:0;border-bottom:3px solid transparent}nav button.active{color:var(--yellow);border-color:var(--yellow)}nav span{font-size:12px;background:var(--panel);padding:3px 7px;border-radius:5px}h2{letter-spacing:-.6px;font-size:25px}.uploadbox{border:1px dashed #715386;border-radius:18px;background:linear-gradient(130deg,#281936,#1c1425);padding:32px;text-align:center}.uploadIcon{display:block;color:var(--yellow);font-size:44px}.filebutton{background:#3b2a4d;color:white;border:1px solid #715386}.rights{display:flex;justify-content:center;align-items:flex-start;gap:8px;color:var(--muted);font-size:13px;max-width:530px;margin:22px auto}.rights input{accent-color:var(--yellow)}.hint{max-width:460px;margin:18px auto}progress{display:block;width:min(500px,100%);margin:20px auto;accent-color:var(--yellow)}[hidden]{display:none!important}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}.card .details{padding:14px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--yellow)}.card h3{font-size:15px;line-height:1.4;margin:10px 0}.card a,.calendarrow a{color:var(--yellow);font-size:12px;margin-right:10px}.card p{font-size:12px}.calendarrow,.original{padding:18px 20px;border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--panel);display:flex;gap:22px;align-items:center}.calendarrow time{min-width:100px;color:var(--yellow);font-weight:750}.calendarrow strong{flex:1;font-size:14px}.original strong{overflow-wrap:anywhere}.original p{font-size:12px;margin:5px 0}.empty{padding:24px;color:var(--muted);border:1px solid var(--line);border-radius:12px}footer{border-top:1px solid var(--line);margin-top:44px;padding-top:24px}footer strong{font-size:14px}footer p{font-size:12px;max-width:650px}footer button{background:none;color:var(--muted);padding:0;font-size:12px}#error{color:#ffabab}#login{max-width:550px;margin:40px auto}#login input{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;color:white;width:100%;margin:12px 0 20px}.sectiontitle{margin-bottom:24px}@media(max-width:800px){.intro{grid-template-columns:1fr;gap:12px;padding:30px 0}.intro aside{max-width:100%}.grid{grid-template-columns:repeat(2,1fr)}main{padding:20px 16px}.private{font-size:10px}.brand{font-size:13px}nav{gap:10px}nav button{font-size:13px}.calendarrow{flex-wrap:wrap;gap:10px}.calendarrow strong{flex-basis:65%}.uploadbox{padding:24px 16px}h1{letter-spacing:-1px}}@media(min-width:1100px){.grid{grid-template-columns:repeat(5,1fr)}}
#setup{max-width:550px;margin:40px auto}#setup input{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;color:white;width:100%;margin:12px 0 20px}
#twitchUrl{display:block;width:100%;max-width:650px;margin:12px auto 22px;padding:14px;border:1px solid var(--line);border-radius:8px;color:white;background:var(--panel)}.job{border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0;background:var(--panel)}.job button{margin:8px 12px 0 0;font-size:13px}.job p{overflow-wrap:anywhere}.job .danger{background:#42303e;color:#ffdbdb}
.publish-card{border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:0 0 24px;background:var(--panel);transition:border-color .2s,box-shadow .2s}.publish-card.ready{border-color:var(--yellow);box-shadow:0 0 0 1px #ffdb4722}.publish-card h3{font-size:16px;margin:0 0 5px}.publish-caption{font-size:12px;margin:0 0 16px}.publish-review{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px;cursor:pointer}.publish-review input{accent-color:var(--yellow);width:18px;height:18px}.publish-card button{font-size:14px;padding:11px 18px;transition:transform .15s,opacity .15s}.publish-card button:not(:disabled):hover{transform:translateY(-1px)}.publish-card button:not(:disabled):active{transform:scale(.97)}.publish-feedback{font-size:12px;margin:9px 0}.publish-card details{font-size:12px;color:var(--muted);margin-top:12px}.publish-card summary{cursor:pointer;width:fit-content}.publish-card details p{max-width:600px}button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media(prefers-reduced-motion:reduce){.publish-card,.publish-card button{transition:none}.publish-card button:not(:disabled):hover,.publish-card button:not(:disabled):active{transform:none}}
#bufferSettings{margin-bottom:18px}#bufferSettings>summary{font-size:13px;color:var(--muted);cursor:pointer}#bufferForm{max-width:540px}#bufferForm label{font-size:13px}#bufferToken{display:block;width:100%;margin:9px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:white}#bufferForm .hint{margin:10px 0}#bufferStatus{font-size:13px}
.stats-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.stats-summary article{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:14px}.stats-summary h3{margin:0 0 12px;font-size:16px}.stats-summary strong{display:block;font-size:28px;color:var(--yellow)}.stats-summary p{font-size:13px;margin:8px 0}.stats-table-wrap{overflow-x:auto}#statsTable{width:100%;border-collapse:collapse;text-align:left;font-size:13px}#statsTable th,#statsTable td{padding:12px;border-bottom:1px solid var(--line)}#statsTable th{color:var(--muted);font-size:11px}#statsDay{background:var(--panel);color:white;border:1px solid var(--line);padding:8px;border-radius:8px}#statsUpdated,#statsInsights{font-size:13px;color:var(--muted)}#statistics .hint{max-width:none;margin:16px 0}.archived{aspect-ratio:9/16;width:100%;object-fit:contain;opacity:.7}nav{flex-wrap:wrap}@media(max-width:600px){.stats-summary{grid-template-columns:1fr}.stats-summary strong{font-size:24px}#statsTable th,#statsTable td{padding:10px 8px}}
.storage-details{margin-top:18px;font-size:12px;color:var(--muted)}.storage-details summary{cursor:pointer;color:var(--yellow)}.storage-details p{margin:9px 0}.work-steps{display:flex;gap:36px;padding:18px 18px 18px 36px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px}.work-steps li{flex:1;padding-left:4px}.stats-toolbar,.stats-panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}.stats-toolbar label,.stats-panel-title label{font-size:13px;color:var(--muted)}.stats-toolbar select,.stats-toolbar input,.stats-panel-title select{background:var(--panel);border:1px solid var(--line);padding:10px;color:white;border-radius:8px;max-width:100%}.platform-filters,.stats-switch{display:flex;gap:8px;flex-wrap:wrap}.platform-filters button,.stats-switch button{font-size:13px;padding:10px 14px;background:var(--panel);color:var(--muted);border:1px solid var(--line)}.platform-filters button[aria-pressed=true],.stats-switch button[aria-pressed=true]{background:var(--yellow);color:var(--bg);border-color:var(--yellow)}.stats-panel{border:1px solid var(--line);border-radius:14px;padding:20px;margin:18px 0;background:var(--panel)}.stats-panel h3{font-size:16px;margin:0}.stats-panel-title{margin:0 0 18px}.stats-summary button{font-size:12px;padding:9px 12px}#statsStatus{border-left:3px solid var(--yellow);padding:10px 16px;background:var(--panel);border-radius:0 8px 8px 0}.stats-bars{height:200px;display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding-top:20px}.stats-bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:48px;flex:1;padding:0;background:none;color:var(--muted);font-weight:400;font-size:10px}.stats-bar i{display:block;width:70%;max-width:44px;background:var(--yellow);border-radius:5px 5px 0 0;min-height:3px;flex-shrink:1}.stats-bar i.negative{background:#f59ca9}.stats-bar small{font-size:10px}.stats-bar span{margin-bottom:5px}.stats-bar:hover i{filter:brightness(1.2)}@media(max-width:600px){.work-steps{display:block}.work-steps li{margin:10px 0}.stats-toolbar{align-items:stretch;flex-direction:column}.stats-toolbar input{width:100%}.stats-switch button,.platform-filters button{flex:1;padding:10px 8px}.stats-panel{padding:16px}.stats-summary strong{font-size:23px}}
.job-progress{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.job-progress progress{width:100%;max-width:none;height:10px;margin:10px 0;accent-color:var(--yellow)}.job-progress .progress-title{color:#f9f6fc;font-size:13px;font-weight:650;margin:0}.job-progress .progress-detail{font-size:12px;margin:8px 0 0}
.connection-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#3e2430;border:1px solid #d68e9c;padding:16px;border-radius:12px;margin-bottom:20px;font-size:13px}.connection-alert button{font-size:12px;flex-shrink:0}#settings a{color:var(--yellow)}#settings .hint{max-width:620px;margin:12px 0}#connectionKey{margin-top:24px}#connectionKey summary{cursor:pointer;color:var(--yellow)}#bufferForm{margin-top:16px}#connectionStatus{overflow-wrap:anywhere}@media(max-width:600px){.connection-alert{align-items:stretch;flex-direction:column}}

.queue-batch>summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.6}.queue-batch .grid{margin-top:20px}.queue-note{padding:12px;border-left:3px solid var(--yellow);background:var(--panel);font-size:13px}.queue-batch video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}.queue-batch .details p{overflow-wrap:anywhere}

/* ClipGank — visual studio */
:root{color-scheme:light;--bg:#f5f5f9;--panel:#fff;--line:#e3e4ee;--yellow:#6747eb;--muted:#6d7085;--ink:#202039}
body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:#fff;border-color:var(--line);padding:18px max(5vw,20px)}.brand{color:var(--ink);font-size:15px;letter-spacing:1px}.spark{background:var(--yellow);color:white;width:38px;height:42px;border-radius:12px}.brand small{color:var(--muted);font-size:8px;letter-spacing:2px}.private{color:var(--muted);font-size:11px}main{max-width:1280px;padding:28px 32px}.intro{grid-template-columns:1fr 260px;gap:32px;padding:16px 0 24px;align-items:center}.eyebrow{color:var(--yellow);font-size:10px;letter-spacing:2px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;line-height:1.08;margin:12px 0}h1 em{color:var(--yellow)}.intro>div>p{margin:14px 0 0;color:var(--muted);font-size:15px}.intro aside{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:white}.intro aside span{font-size:9px;letter-spacing:1.3px}.intro aside strong{font-size:22px;margin:6px 0 10px}.intro aside small{font-size:10px}.storage-details{margin:8px 0 0}.storage-details summary{font-size:11px}.meter{height:5px;margin-bottom:8px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 26px}.pipeline-step{display:grid;grid-template-columns:32px 1fr;text-align:left;gap:2px 8px;border:1px solid var(--line);border-radius:16px;background:white;color:var(--ink);padding:18px;min-width:0;box-shadow:0 4px 16px #20203903;transition:transform .15s,border-color .15s}.pipeline-step:hover{transform:translateY(-2px);border-color:#b4a5f7}.step-number{grid-row:span 3;color:var(--yellow);background:#eee9ff;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:11px}.step-name{font-size:11px;color:var(--muted);font-weight:600}.step-value{font-size:21px;letter-spacing:-.5px}.step-detail{font-size:10px;color:var(--muted);font-weight:400}.pipeline-step.selected{border-color:#b5a3fa;background:#f1edff}.running .step-number{background:var(--yellow);color:white}nav{gap:5px;border:0;padding:5px;background:#eaeaf2;border-radius:13px;margin-bottom:28px;display:flex;overflow:auto;scrollbar-width:none;scroll-margin-top:15px}nav button{border:0!important;color:#63657a;border-radius:9px!important;white-space:nowrap;padding:11px 18px;font-size:13px}nav button.active{background:#fff;color:var(--yellow);box-shadow:0 2px 5px #20203909}nav button span{background:#eee9ff;color:var(--yellow);font-size:10px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 8px}h3{font-size:16px;line-height:1.4}p{color:var(--muted)}.section-lead{margin:0 0 20px}.tab>p{margin:0 0 20px}.uploadbox,.job,.publish-card,.stats-panel,.card{background:#fff;border:1px solid var(--line);box-shadow:0 4px 20px #20203903;border-radius:17px}.uploadbox{padding:24px;margin-bottom:28px}.uploadbox h2{font-size:17px}.uploadbox form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.uploadbox form>label:first-child{flex:1 1 360px}.uploadbox .rights{flex-basis:100%;order:3;font-size:12px;margin:3px 0 0}.uploadbox .hint{margin-bottom:0}input,select,textarea{background:#f8f8fc!important;color:var(--ink)!important;border:1px solid #d9dae5!important;border-radius:10px!important;padding:12px!important}input[type=checkbox]{accent-color:var(--yellow);min-width:18px;min-height:18px}button,.filebutton{background:var(--yellow);color:white;border-radius:10px;padding:12px 18px;font-size:13px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a899fc;outline-offset:3px}button:disabled{opacity:.45}.job{padding:20px;margin-bottom:12px;border-left:3px solid #d8d9e7}.job.state-transcribing,.job.state-downloading,.job.state-rendering{border-left-color:var(--yellow)}.job.state-failed{border-left-color:#d84e62}.job h3{margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag{background:#f0edff;color:#6747d8;border:0;padding:5px 10px;border-radius:7px;font-size:10px;font-weight:650;letter-spacing:.2px}.job-detail{margin:8px 0;color:var(--muted);font-size:11px}.job-detail p{font-size:12px}.job-progress{background:#f7f6fc!important;border:0!important;border-radius:12px;padding:12px 14px!important;margin-top:12px}.progress-title{font-size:12px!important;color:var(--ink);margin:0 0 6px}.progress-detail{font-size:10px!important;margin:6px 0 0}progress{accent-color:var(--yellow);height:6px;width:100%;border:0;border-radius:9px;overflow:hidden}progress::-webkit-progress-bar{background:#e7e3f3}progress::-webkit-progress-value{background:var(--yellow);border-radius:9px}.queue-heading{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#7b61e8}.hint,#automationStatus{font-size:11px;color:var(--muted)}#jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{overflow:hidden}.card video{width:100%;aspect-ratio:9/14;object-fit:contain;background:#151526;border-radius:0}.details{padding:18px}.details h3{font-size:14px}.details a{color:var(--yellow);font-size:12px}.publish-card{padding:22px;margin-bottom:20px}.publish-card h3{font-size:20px;margin-top:0}.publish-caption{font-size:12px}.publish-review{font-size:13px}.publish-feedback{font-size:12px}.publish-card details{font-size:12px;margin-top:14px;color:var(--muted)}.connection-alert{background:#fff5e9;color:#805521;border:1px solid #efd9b8;border-radius:12px;padding:12px 16px;gap:12px;font-size:12px;margin-bottom:18px}.connection-alert button{background:#fff;color:#805521;border:1px solid #ecd5b3;font-size:11px;padding:8px 12px}.empty{background:#fff;border:1px dashed #d6d6e5;border-radius:16px;padding:32px;text-align:center;font-size:14px}summary{cursor:pointer}footer{color:#85879c;font-size:11px;text-align:center;margin:35px 0}#login,#setup{max-width:520px;margin:7vh auto;background:white;padding:36px;border-radius:24px;border:1px solid var(--line)}#login h1,#setup h1{font-size:38px}#login button,#setup button{width:100%;margin-top:15px}table{background:white}th{color:var(--muted)}td,th{border-color:var(--line)!important}#statsInsights{color:var(--ink)}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px 16px}.intro{grid-template-columns:1fr;padding:8px 0 22px;gap:16px}.intro aside{padding:12px 16px}.intro aside strong{font-size:17px;display:inline-block;margin:2px 0 6px}.intro aside span{display:block}.intro aside small{font-size:10px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.pipeline-step{padding:13px;gap:2px 7px;grid-template-columns:25px 1fr}.step-number{width:24px;height:24px;font-size:9px}.step-value{font-size:18px}.step-detail{font-size:9px}.step-name{font-size:10px}nav{margin-bottom:22px}nav button{padding:10px 13px;font-size:12px}#jobs{grid-template-columns:1fr}.uploadbox,.publish-card{padding:18px}.uploadbox form>button{width:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}#login,#setup{padding:26px;margin:4vh auto}.private{font-size:10px}.connection-alert{flex-wrap:wrap}h1{font-size:36px}header{padding:14px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.uploadbox{display:block!important}.uploadbox h2{margin-bottom:16px}#twitchForm{display:flex;flex-wrap:wrap;align-items:end;gap:12px}#twitchForm>label:first-child{flex:1 1 360px}#twitchForm .rights{flex:1 1 100%;order:3;display:flex;align-items:center;gap:8px}.flow-help{font-size:12px;color:var(--muted);margin-top:24px}.flow-help p{max-width:65ch}@media(max-width:760px){#twitchForm>button{width:100%}}
.intro{padding:24px 0 28px;grid-template-columns:1fr 230px}.intro h1{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:12px 0 22px}#heroAction button{padding:13px 24px;box-shadow:0 6px 18px #6a42ef25}.intro aside{padding:18px}.intro aside strong{font-size:21px}.pipeline{gap:12px}.pipeline-step{padding:18px;border-radius:16px;box-shadow:none}.step-number{font-size:19px;background:#f1edff;width:34px;height:34px;border-radius:11px}.step-name{font-size:12px}.step-value{font-size:22px}.step-detail:empty{display:none}
nav{background:white;border:1px solid #e6e3ed;gap:8px;padding:7px}nav button.active{background:#f0ebff;color:#6540db;box-shadow:none}.connection-alert{padding:10px 14px;margin-bottom:20px;font-size:12px}.uploadbox{padding:24px!important}.uploadbox h2{text-align:left;margin-bottom:18px}#automationStatus{display:none}
#twitchForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 16px}#twitchForm>label:first-child{grid-column:1;grid-row:1;min-width:0;font-size:12px;text-align:left}#twitchForm input[type=url]{height:48px;margin-top:7px;width:100%;box-sizing:border-box}#twitchForm>button{grid-column:2;grid-row:1;height:48px;white-space:nowrap}#twitchForm .rights{grid-column:1/-1;grid-row:2;font-size:12px;margin:0}.job-author{font-weight:750;font-size:17px;padding:0 0 14px}.job h3{font-size:13px;font-weight:500;line-height:1.5;color:#676377;clear:both}.job>.tag{float:right}.job{border-radius:16px;box-shadow:none}footer{padding-top:16px}footer details{font-size:12px}
@media(max-width:760px){.intro{grid-template-columns:1fr;padding-top:10px}.intro aside{display:none}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pipeline-step{padding:14px}.step-value{font-size:18px}#twitchForm{grid-template-columns:1fr}#twitchForm>button{grid-column:1;grid-row:3;width:100%}#twitchForm .rights{grid-row:2}nav button{font-size:12px;padding:12px}#jobs{grid-template-columns:1fr}.connection-alert{align-items:flex-start}}
#twitchForm>label:first-child{display:block!important}#twitchForm .rights{justify-content:flex-start!important;align-items:center!important}.section-title:empty{display:none}#heroAction{margin-top:20px}.intro{padding-top:14px;padding-bottom:20px}nav{scroll-margin-top:12px}
@media(max-width:760px){.intro aside{display:block;padding:12px 16px}.intro aside>span,.intro aside>small{display:none}.intro aside strong{font-size:16px}.intro aside .meter{height:4px;margin:6px 0}.intro aside summary{font-size:11px}.intro aside details{margin-top:4px}}
#studio[data-view]:not([data-view=upload]) .intro{display:none}.job-author{min-height:26px}.job>.tag{margin-left:14px}#clipGrid .card .details{padding:16px}#clips>.section-title{margin-top:22px}#clipGrid video{background:#181523;border-radius:16px 16px 0 0}.step-detail{font-size:11px}
#twitchForm #twitchUrl{max-width:none!important;width:100%!important;margin:7px 0 0!important;height:48px;box-sizing:border-box}#twitchForm>button{margin:0!important}.section-title:has(h2:empty):not(:has(p:not(:empty))){display:none}
.approval-notice{padding:16px 18px;border-left:4px solid #6845df;border-radius:12px;background:#f0ebff;color:#32265d;margin:18px 0;font-weight:600}
.help-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-steps li,.help-states,.help-faq{background:white;border:1px solid #e5e1ed;border-radius:16px;padding:20px}.help-steps h3{margin-top:0}.help-steps p,.help-faq p{line-height:1.7;margin-bottom:0}
.help-states dt{font-weight:750;margin-top:16px}.help-states dt:first-child{margin-top:0}.help-states dd{margin:6px 0 0;line-height:1.6;color:#615c70}.help-faq{margin:12px 0}.help-faq summary{cursor:pointer;font-weight:650}.calendar-day li{padding:12px 0;border-bottom:1px solid #eee}.calendar-day li p{margin:5px 0}
@media(max-width:760px){.help-steps{grid-template-columns:1fr}nav{flex-wrap:wrap}.help-steps li,.help-states,.help-faq{padding:16px}}

.intro h1{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em}.intro{padding:20px 24px}.help-link{margin-bottom:16px}

.discard-clip{margin-top:12px;background:transparent;border:1px solid #a85d69;color:#ffb4bc;min-height:44px}.discarded-clips{margin-top:20px;padding:16px;border:1px solid #454554;border-radius:12px}.discarded-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.discarded-row button{min-height:44px}.discarded-row span{overflow-wrap:anywhere}

/* Clip library */
.library-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px}.library-totals>div{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px;display:flex;align-items:center;gap:12px}.library-totals strong{font-size:30px;color:var(--yellow)}.library-totals span{font-size:13px;color:var(--muted)}.clip-filters{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px}.clip-filter{flex-shrink:0;background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:12px 16px;display:flex;flex-direction:column;gap:6px;min-width:110px;align-items:flex-start}.clip-filter[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.clip-filter span{font-size:12px}.clip-stack{display:flex;height:46px;padding-left:6px}.clip-stack img{height:46px;width:32px;object-fit:cover;border:2px solid var(--panel);border-radius:5px;margin-left:-6px}.library-caption{font-size:13px}.card{transition:border-color .15s,transform .15s}.card:hover{border-color:#7a608c}.card video{max-height:380px}.card .details{padding:16px}.card .details button{width:100%;margin-top:12px;min-height:44px}.card .danger{background:transparent;border:1px solid #795060;color:#ffb7c6}.discarded-clips{padding:16px;border:1px solid var(--line);border-radius:12px;margin-top:24px}.discarded-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.discarded-row span{flex:1}.discarded-row button{min-height:44px}.publish-card{border-radius:16px}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.library-totals{gap:6px}.library-totals>div{padding:12px;flex-direction:column;align-items:flex-start;gap:2px}.library-totals strong{font-size:26px}.grid{gap:10px}.card .details{padding:10px}.card video{max-height:290px}.clip-filter{min-width:100px}.discarded-row{flex-wrap:wrap}}
.discard-clip{color:#9b244a!important;background:#fff3f6!important;border-color:#dda4b5!important}.card{display:flex;flex-direction:column}.card .details{flex:1;display:flex;flex-direction:column}.card .details .discard-clip{margin-top:auto}

.clip-views{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.clip-views button{background:white;color:#615872;border:1px solid #d9d1e5;min-height:48px}.clip-views button[aria-pressed=true]{background:#eee8ff;border-color:#7046d5;color:#4e289f}.clip-date{display:flex;align-items:center;gap:12px;margin:18px 0}.clip-date select{max-width:100%;min-height:44px}#clips[data-clip-view=discarded] #publication,#clips[data-clip-view=discarded] #clipGrid{display:none!important}#discardedClips[hidden]{display:none!important}#discardedClips .card video{max-height:380px}#clips .library-caption{color:#615872;font-size:15px}@media(max-width:600px){.clip-views{gap:6px}.clip-views button{flex:1;padding:10px 7px;font-size:12px}.clip-date{flex-direction:column;align-items:stretch}}

/* Creator experience: technical detail is available in the internal view. */
:root{color-scheme:light;--bg:#f7f7fb;--panel:#fff;--line:#e5e4ee;--muted:#727184;--yellow:#7050df}
body{background:var(--bg);color:#242136;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.admin-only{display:none!important}body.admin-view .admin-only{display:revert!important}
header{height:90px;padding:20px 32px;border:0;background:#fff;position:relative;z-index:2}.brand{font-size:14px;letter-spacing:.6px}.brand small{font-size:8px;letter-spacing:2px}.spark{background:#7450e4;color:white;border-radius:14px;width:40px;height:43px;font-size:36px;line-height:40px}.private{color:#777387}
main{max-width:1600px;margin:0 0 0 225px;padding:26px 42px 36px}
nav{position:fixed;left:22px;top:120px;width:185px;display:flex;flex-direction:column;gap:9px;border:0;padding:0;margin:0;z-index:3;background:transparent}
nav button{min-height:48px;border:0!important;border-radius:12px!important;text-align:left;padding:14px 17px!important;font-size:14px!important;white-space:nowrap;color:#777185!important;background:transparent!important}
nav button.active{background:#eae4ff!important;color:#6440c8!important;font-weight:750}nav span{background:#fff!important;color:#7152c9!important;font-size:10px;margin-left:7px;padding:3px 6px}
.intro{display:block!important;border-radius:26px;padding:48px!important;margin-bottom:24px;min-height:235px;background:radial-gradient(ellipse at 100% 0%,#8e65da 0%,transparent 55%),linear-gradient(120deg,#281b4c,#473074);color:white;overflow:hidden;position:relative}
#studio[data-view]:not([data-view=upload]) .intro{display:none!important}
.intro .eyebrow{color:#c8b5ff;font-size:10px}.intro h1{font-size:clamp(30px,3.3vw,48px)!important;line-height:1.12;letter-spacing:-1.8px;margin:16px 0}.intro h1 em{color:#c8b3ff}.intro p{color:#e2d9f3;margin:0;font-size:15px}.hero-pill{display:inline-block;margin-top:22px;padding:7px 12px;border:1px solid #ffffff35;border-radius:20px;font-size:11px;color:#e8dfff}
.intro aside{margin-top:28px;max-width:350px;background:white;color:#242136}.intro aside span{color:#727184}
#pipeline{margin-top:20px}#connectionAlert{margin:14px 0}#connectionChecked{display:none}
.uploadbox{background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important;text-align:left;padding:28px!important;box-shadow:0 8px 32px #33235c05}.uploadbox h2{margin:0 0 8px;font-size:23px}.uploadbox>p{margin:0 0 22px;font-size:14px;color:var(--muted)}
#twitchForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px!important;max-width:none!important}#twitchForm>label:first-child{font-size:0}#twitchUrl{font-size:14px!important;background:#f8f7fc!important;border:1px solid var(--line)!important;color:#302945!important;border-radius:12px!important;margin:0!important;height:50px!important}#twitchForm>button{grid-column:2;grid-row:1;background:#7150dc!important;color:#fff!important;align-self:end;min-height:50px}#twitchForm .rights{grid-column:1/-1;grid-row:2;margin:0!important;font-size:12px;max-width:none;justify-content:flex-start}button:disabled{opacity:.6}.pause-note{font-size:12px;color:#8b6a23;margin:18px 0 0;padding:10px 14px;border-radius:10px;background:#faf6e9;display:inline-block}
h2{font-weight:750;letter-spacing:-.7px}.queue-heading{margin-top:36px!important;font-size:20px}.live-dot{display:none}.job{padding:22px!important;background:#fff;box-shadow:none;border:1px solid var(--line);border-radius:18px;min-width:0}.job-author{font-size:17px;padding-bottom:12px}.job h3{font-size:12px;line-height:1.6;color:#7d758b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.job .tag{background:#f0ebfb;border-radius:20px;padding:5px 9px;letter-spacing:.3px;font-size:9px;color:#7250c5}.project-action{background:#f3effe;color:#7050ce;border:0;font-size:12px!important}.job-detail,.job-progress{font-size:12px}#jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.job{margin:0}
#readyShelf:empty{display:none}#readyShelf{margin-top:38px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.shelf-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.shelf-heading h2{font-size:21px;margin:7px 0 0}.shelf-heading>button{background:transparent;color:#714dd4;font-size:12px;padding:8px 0;white-space:nowrap}.ready-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ready-card{padding:0!important;border-radius:18px;background:#241c39;overflow:hidden;position:relative;aspect-ratio:4/5;display:block;width:100%;text-align:left}.ready-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:transform .25s}.ready-card:hover img{transform:scale(1.035)}.ready-card span{position:absolute;bottom:0;left:0;right:0;padding:35px 14px 15px;background:linear-gradient(transparent,#171022e8);color:white;font-size:12px;line-height:1.4;text-shadow:0 1px 3px #000;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grid{gap:16px!important;grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:18px;box-shadow:none}.card video{max-height:420px}.card a{color:#6843c5!important;display:inline-block;padding:11px 0;font-size:13px!important;font-weight:700}.card h3{font-size:14px}.card .details{gap:4px}.card .details .discard-clip{background:transparent!important;border:0!important;text-align:left;font-size:12px;padding:8px 0;color:#9b6776!important;min-height:40px}.card .details>p{margin:4px 0}.tag{color:#7050c5}.clip-views button{min-height:42px;border:0;background:transparent;font-size:13px;border-radius:10px}.clip-views button[aria-pressed=true]{background:#eae4fc}.clip-date select{border:1px solid var(--line);border-radius:10px;padding:10px;background:white;color:#4d4261}.library-caption{font-size:13px!important;color:var(--muted)!important}
.publish-card{border:1px solid var(--line);background:white;border-radius:16px;padding:22px}.queue-batch>summary{font-size:14px;font-weight:700;line-height:1.6;max-width:100%}.queue-batch[open]>summary{margin-bottom:22px}.queue-batch>p{font-size:13px}.empty{font-size:13px;grid-column:1/-1;background:#fff;border-style:dashed}.sectiontitle{margin-top:12px}
footer{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:42px;padding-top:22px;border-color:var(--line)}footer button{font-size:11px;color:#8d849d}footer .help-link{margin:0}footer details{font-size:11px}#adminNote{font-size:11px;color:#805bc8}body.admin-view #adminToggle{color:#6340bd;font-weight:750}#error{font-size:13px;color:#ab3f60}
#login{background:white;border:1px solid var(--line);padding:40px;border-radius:24px;max-width:500px;margin:40px auto}body:has(#studio[hidden]) main{margin:0 auto;max-width:1100px}#login h1{font-size:42px;letter-spacing:-1.8px}#login h1 em{color:#7751d8;font-style:normal}#login p{font-size:14px}#login input{color:#302340;background:#faf8fe;border:1px solid var(--line);height:50px;border-radius:12px}#login button{width:100%;background:#7350d9;color:white;border-radius:12px}#login label{font-size:12px;color:#84788f}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9473ee!important;outline-offset:3px}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){main{margin:0;padding:18px 18px 105px}header{height:76px;padding:16px 20px}.brand small{display:none}nav{left:12px;right:12px;top:auto;bottom:12px;width:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;background:#fff;padding:6px;border-radius:18px;box-shadow:0 6px 36px #34235624;border:1px solid #ece7f5;gap:3px}nav button{font-size:12px!important;padding:12px!important;flex:1;text-align:center}nav span{display:none}.intro{padding:30px!important;min-height:225px}.intro h1{font-size:36px!important}.hero-copy{max-width:220px}.ready-strip{gap:10px}.ready-card{border-radius:12px}.ready-card span{font-size:10px;padding:25px 10px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#twitchForm{grid-template-columns:1fr}#twitchForm>button{grid-row:3;grid-column:1}#twitchForm .rights{grid-row:2}.shelf-heading{align-items:flex-end}.shelf-heading h2{font-size:18px}.shelf-heading>button{font-size:11px}.uploadbox{padding:22px!important}.private{font-size:10px}#jobs{grid-template-columns:1fr}.ready-strip .ready-card:nth-child(n+3){display:none}.ready-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#login{margin:15px auto;padding:28px}#login h1{font-size:35px}.clip-views{gap:4px}.clip-views button{padding:10px;font-size:11px;flex:initial}.clip-date{align-items:stretch}.intro aside{max-width:100%}}
@media(prefers-reduced-motion:reduce){.ready-card img{transition:none}.ready-card:hover img{transform:none}}
.intro .hero-copy{color:#e2d9f3!important}body.admin-view #pipeline{display:grid!important}
/* Mobile first, 21 October */
.mobile-account,.mobile-summary{display:none}.direct-history{margin-top:28px}.direct-history>summary{font-size:15px;font-weight:700;list-style:none;padding:18px 0;border-top:1px solid var(--line);color:#6b5b87}.direct-history>summary::after{content:' +';float:right}.direct-history[open]>summary::after{content:' −'}
@media(max-width:850px){
header{height:64px;padding:12px 18px}.brand{font-size:12px;gap:8px}.brand .spark{width:32px;height:36px;line-height:34px;font-size:30px}.private{display:none}.mobile-account{display:block;background:#eee8fc;color:#6947c2;font-size:12px;min-height:40px;padding:10px 14px;border-radius:22px}
main{padding:12px 16px calc(100px + env(safe-area-inset-bottom));min-width:0}.intro{min-height:0!important;border-radius:20px;padding:24px!important;margin-bottom:16px}.intro .eyebrow,.intro .hero-copy,.intro .hero-pill{display:none}.intro h1{font-size:28px!important;line-height:1.17;letter-spacing:-1px;margin:0}.intro aside{margin-top:16px}
.uploadbox{padding:20px!important;margin-bottom:0!important;border-radius:18px!important}.uploadbox h2{font-size:18px;margin:0 0 8px}.uploadbox>p{font-size:13px;line-height:1.5;margin:0 0 16px}.production-paused .uploadbox>p:not(#productionPause),.production-paused #twitchForm{display:none!important}.pause-note{padding:0;margin:0;background:transparent;font-size:13px;line-height:1.5;color:#8d7c9b;display:block}.production-paused .uploadbox{border-style:dashed!important;box-shadow:none}
nav{left:0;right:0;bottom:0;width:100%;border-radius:20px 20px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px;overflow:visible;box-shadow:0 -5px 28px #3520570c;border:1px solid #ece8f5;background:#fffffffa;backdrop-filter:blur(14px)}nav button{min-width:0;min-height:48px!important;font-size:11px!important;padding:8px!important;border-radius:12px!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;line-height:1.2}nav [data-tab=settings]{display:none!important}nav [data-tab=upload]{font-size:0!important}nav [data-tab=upload]::before{content:'⌂';font-size:22px;line-height:22px}nav [data-tab=upload]::after{content:'Inicio';font-size:11px}nav [data-tab=clips]::before{content:'▷';font-size:21px;line-height:22px}nav [data-tab=approved]::before{content:'▤';font-size:20px;line-height:22px}body.admin-view nav{overflow-x:auto}body.admin-view nav button{flex-shrink:0}
#readyShelf{margin-top:26px}.shelf-heading{align-items:center;gap:10px;margin-bottom:14px}.shelf-heading .eyebrow{display:none}.shelf-heading h2{font-size:19px;line-height:1.25;max-width:200px;margin:0}.shelf-heading>button{font-size:12px;min-height:44px;padding:8px;color:#6f48d0}.ready-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 4px}.ready-strip .ready-card:nth-child(n){display:block;flex:0 0 44%;aspect-ratio:9/14;border-radius:16px;scroll-snap-align:start}.ready-card span{font-size:11px;line-height:1.4}
.direct-history{margin-top:20px}.direct-history .queue-heading{display:none}#jobs{gap:10px}.job{padding:16px!important}.job h3{margin:5px 0;font-size:11px;min-height:0}.job-author{font-size:15px;padding-bottom:5px}.job .tag{font-size:9px;padding:4px 8px}
.sectiontitle{margin:10px 0 16px}.sectiontitle h2,#approved>h2,#settings>h2{font-size:22px;line-height:1.25}.clip-views{gap:8px;margin:0 0 12px}.clip-views button{flex:1;min-height:44px;font-size:12px;padding:10px}.clip-views button:last-child{display:none}.library-caption,#approved>p:not(#approvalReceipt){display:none!important}.clip-date{margin:0 0 16px;font-size:0;display:block}.clip-date select{width:100%;font-size:13px;min-height:44px;display:block}
.grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}.card{border-radius:18px}.card video,#clipGrid video,#discardedClips .card video{aspect-ratio:9/14;width:100%;height:auto;max-height:440px!important;object-fit:contain}.card .details,#clipGrid .card .details{padding:16px!important}.card h3{font-size:15px;line-height:1.4;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .details>p{font-size:12px;line-height:1.5}.card .details>a{font-size:14px!important;min-height:44px;padding:12px 0}.card .details .discard-clip{margin-top:4px;text-align:center;min-height:44px;background:#fbf6f8!important;border-radius:10px;color:#a35d78!important}.card .tag{align-self:flex-start;font-size:9px}
.queue-batch{padding:18px;margin-bottom:12px;border-radius:16px}.queue-batch>summary{display:block;width:100%;list-style:none}.queue-batch>summary>.desktop-summary{display:none}.mobile-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-summary span{font-size:16px;font-weight:750}.mobile-summary small{display:block;font-size:11px;font-weight:400;color:#877995;margin-top:4px}.mobile-summary::after{content:'+';font-size:22px;font-weight:400;color:#8a6ac8}.queue-batch[open] .mobile-summary::after{content:'−'}.queue-batch[open]>summary{margin-bottom:18px}
footer{margin-top:28px;gap:20px;justify-content:center}footer #adminToggle,footer>details{display:none}#settings~footer #adminToggle{display:none}body[data-client-view=settings] footer #adminToggle{display:block}body.admin-view footer #adminToggle,body.admin-view footer>details{display:block}footer .help-link{min-height:44px;font-size:12px}.connection-alert{padding:12px;font-size:12px}
#login{border:0;box-shadow:none;background:transparent;padding:20px 8px;margin:26px auto}#login h1{font-size:34px;line-height:1.12}#login p{font-size:14px}#login label{font-size:13px}#login input,#login button{min-height:52px}
}

@media(max-width:850px){.ready-card>span{display:none}}/* Shared action buttons */
.card .details a[href*="download=1"]{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:14px 18px!important;margin:12px 0 0!important;border:1px solid #7250dc;border-radius:14px;background:linear-gradient(135deg,#7955e5,#6140c4);color:#fff!important;font-size:14px!important;font-weight:750;line-height:1.3;text-decoration:none;box-shadow:0 4px 12px #6240c421;transition:background .18s,box-shadow .18s,transform .18s;-webkit-tap-highlight-color:transparent}
.card .details a[href*="download=1"]::before{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M5 15v5h14v-5'/%3E%3C/svg%3E") center/contain no-repeat}
.card .details a[href*="download=1"]:hover{background:linear-gradient(135deg,#6d45dc,#5434b4);box-shadow:0 6px 18px #6240c433}.card .details a[href*="download=1"]:active{transform:translateY(1px);box-shadow:none}
.card .details button,.publish-card>button,#connectionCheck,#bufferConnect,#loginForm button,#twitchForm>button{min-height:48px;border-radius:14px!important;padding:12px 18px!important;font-size:14px!important;font-weight:700;line-height:1.3;transition:background .18s,box-shadow .18s,transform .18s}
.publish-card>button,#connectionCheck,#bufferConnect,#loginForm button,#twitchForm>button{background:linear-gradient(135deg,#7955e5,#6140c4)!important;color:#fff;border:1px solid #7250dc;box-shadow:0 3px 10px #6240c41a}
.card .details>button:not(.discard-clip),.mobile-account,.project-action,.shelf-heading>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 14px!important;border:1px solid #ded4f7!important;border-radius:13px!important;background:#f2edfd!important;color:#6441ba!important;font-size:12px!important;font-weight:700;text-decoration:none;line-height:1.3;white-space:nowrap;box-shadow:none}
.card .details .discard-clip{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:10px!important;padding:11px 16px!important;border:1px solid #eddae1!important;border-radius:13px!important;background:#fcf6f8!important;color:#985370!important;font-size:12px!important;font-weight:650;line-height:1.3;box-shadow:none;text-align:center}
.card .details .discard-clip::before{content:'';display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7m4-7v7'/%3E%3C/svg%3E") center/contain no-repeat}
.card .details .discard-clip:hover{background:#f8eaf0!important;border-color:#dab4c2!important}.card .details>button:not(.discard-clip):hover,.shelf-heading>button:hover,.mobile-account:hover{background:#e9dffb!important}
.clip-views button,.stats-switch button,.platform-filters button{min-height:44px;border-radius:12px!important;padding:11px 15px;font-weight:650;transition:background .18s,border-color .18s}.clip-views button[aria-pressed=true],.stats-switch button[aria-pressed=true],.platform-filters button[aria-pressed=true]{background:#eae2fc!important;color:#6240b7!important;border-color:#d8c8f6!important}
button:disabled{cursor:not-allowed;opacity:.48!important;box-shadow:none!important;transform:none!important}button:focus-visible,a[href*="download=1"]:focus-visible{outline:3px solid #9e7ce7!important;outline-offset:3px}
@media(max-width:850px){.card .details a[href*="download=1"]{min-height:52px;font-size:15px!important;border-radius:15px}.card .details .discard-clip{min-height:46px}.shelf-heading>button{font-size:11px!important;padding:10px 12px!important}.mobile-account{min-height:40px;padding:10px 14px!important}.clip-views button{padding:11px 10px}}
@media(prefers-reduced-motion:reduce){.card .details a[href*="download=1"],.card .details button,.publish-card>button,#connectionCheck,#bufferConnect,#loginForm button,#twitchForm>button,.clip-views button{transition:none}.card .details a[href*="download=1"]:active{transform:none}}
@media(min-width:851px){.mobile-account{display:none!important}}
/* Inicio: inspiracion, sin duplicar la biblioteca */
#homeDiscover{margin:12px 0 28px}.home-heading .eyebrow{font-size:10px;letter-spacing:1.8px;color:#bfb1d8}.home-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-1.2px;margin:12px 0 22px;color:#fff}.spark-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a484db55;border-radius:24px;padding:26px;background:radial-gradient(ellipse at 90% 100%,#8240bd80,transparent 60%),linear-gradient(135deg,#302043,#1c1528);box-shadow:0 16px 50px #0002}.spark-top,.spark-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.spark-top{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#d6bdff}.spark-top>span:last-child{font-variant-numeric:tabular-nums;color:#b9a5d0}.spark-card #sparkTip{position:relative;z-index:1;max-width:650px;min-height:95px;margin:30px 0;white-space:pre-line;font-size:clamp(23px,3vw,34px);font-weight:750;line-height:1.25;letter-spacing:-.6px;color:#fff}.spark-bottom{position:relative;z-index:1;font-size:12px;color:#c7b9d9}.spark-bottom button{border:1px solid #c7a8ee66!important;background:#ffffff0c!important;color:#fff!important;border-radius:100px!important;min-height:44px;padding:10px 18px!important;font-size:12px!important;white-space:nowrap}.spark-art{position:absolute;right:16px;bottom:42px;z-index:-1;font-size:240px;line-height:1;color:#b985fb16;transform:rotate(15deg);pointer-events:none}.home-path{display:flex;justify-content:center;align-items:center;gap:16px;padding:23px 8px;font-size:12px;color:#b6a9c5}.home-path i{font-style:normal;color:#7d6a93}.home-path strong{color:#dac3fc;font-weight:650}#homeGuide{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px!important;background:#ffffff05!important;border:1px solid #7b648e55!important;color:#eee4fa!important;border-radius:16px;font-size:14px!important;min-height:52px}#homeGuide:hover,.spark-bottom button:hover{border-color:#b18bd9!important;background:#ffffff10!important}#homeGuide:focus-visible,#nextSpark:focus-visible{outline:3px solid #d4b3ff;outline-offset:4px}
@media(max-width:850px){#homeDiscover{margin:12px 0 22px}.home-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.home-heading h2{font-size:27px;line-height:1.15;margin:10px 0 18px}.spark-card{padding:21px 19px;border-radius:22px}.spark-top{font-size:9px;letter-spacing:.7px}.spark-card #sparkTip{font-size:25px;min-height:125px;margin:26px 0}.spark-bottom{font-size:10px;gap:8px}.spark-bottom button{padding:10px 14px!important}.home-path{font-size:10px;gap:10px;padding:20px 0}}
.home-heading h2{color:#2c203e}.home-heading .eyebrow{color:#78618e}.home-path{color:#756681}.home-path strong{color:#7446a5}#homeGuide{background:#f0e8fc!important;color:#583581!important;border-color:#d9c7ee!important}@media(max-width:850px){.home-heading h2{font-size:24px;letter-spacing:-.7px}.spark-card #sparkTip{font-size:24px;min-height:100px;margin:22px 0}.production-paused .uploadbox{padding:16px 20px}.production-paused .uploadbox h2{font-size:14px;margin:0}.production-paused .pause-note{margin:6px 0 0}.home-path{padding:17px 0}}

/* Navigation review, 21 October */
body[data-client-view=approved] footer .help-link{display:none!important}
#clips>.uploadbox{margin-top:28px}

/* Mi estudio: source and clip library */
.studio-tabs{display:flex;gap:6px;padding:5px;margin:0 0 24px;background:#eee8f7;border:1px solid #e3d9ef;border-radius:16px;max-width:520px}
.studio-tabs>button{flex:1;min-width:0;min-height:48px;padding:12px 20px!important;background:transparent!important;color:#7a658e!important;border-radius:12px!important;box-shadow:none;font-size:14px!important}
.studio-tabs>button[aria-selected=true]{background:#7444b8!important;color:#fff!important;box-shadow:0 3px 10px #68409b20}
#studioSource .uploadbox{text-align:left;margin:0!important}
#studioSource .uploadbox h2{margin:0 0 10px}
#studioSource .uploadbox>p{max-width:60ch}
.production-paused #studioSource #twitchForm{display:grid!important}
.production-paused #studioSource .uploadbox>p{display:block!important}
#studioSource .pause-note{margin:18px 0 0;color:#806990;font-size:13px;line-height:1.6}
@media(max-width:850px){.studio-tabs{max-width:none;gap:4px;margin-bottom:20px}.studio-tabs>button{padding:10px 12px!important;font-size:13px!important}#studioSource .uploadbox{padding:20px!important}#studioSource .uploadbox h2{font-size:18px}#studioSource #twitchForm{grid-template-columns:minmax(0,1fr)}#studioSource #twitchForm>label:first-child{grid-column:1;grid-row:1}#studioSource #twitchForm .rights{grid-column:1;grid-row:2;justify-content:flex-start;text-align:left}#studioSource #twitchForm>button{grid-column:1;grid-row:3;width:100%}}

/* Account and navigation, 21 October */
nav button[data-tab]::before,nav button[data-tab]::after{content:none!important}nav button[data-tab]{display:flex!important;align-items:center;gap:9px;font-size:14px!important}nav .menu-icon{display:block!important;width:21px;height:21px;flex-shrink:0}nav button[data-tab] span{margin-left:0}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-grid article{margin:0;padding:24px;border:1px solid #e6e0ef;border-radius:16px;background:white}.account-grid h3{margin-top:0}.account-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-grid dd{margin:0;text-align:right;overflow-wrap:anywhere}.account-grid dt{color:#777185}@media(max-width:850px){nav button[data-tab]{flex-direction:column;font-size:11px!important;gap:4px}.account-grid{grid-template-columns:1fr}}
@media(max-width:850px){nav button[data-tab=settings]{display:none!important}}
#sourceForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;text-align:left;align-items:end}
#sourceForm>label:first-child{display:block;font-size:14px;font-weight:650}
#sourceForm input[type=url]{display:block;width:100%;min-width:0;margin-top:10px;padding:15px;border:1px solid #d5c7e8;border-radius:12px;background:white;color:#30213f;font:inherit}
#sourceForm .rights{grid-column:1/-1;grid-row:2;max-width:none;margin:0;justify-content:flex-start}
#sourceForm>button{grid-column:2;grid-row:1;min-height:50px;background:#7444b8;color:white}
#source .uploadbox{text-align:left}#paused{color:#806990}
@media(max-width:850px){#sourceForm{grid-template-columns:minmax(0,1fr)}#sourceForm>button{grid-column:1;grid-row:3;width:100%}#sourceForm input[type=url]{font-size:16px}.platform-filters{display:flex;gap:8px;margin-bottom:18px}.platform-filters button{flex:1}}

/* Focused customer access. No external fonts, scripts or trackers. */
body.signed-out{color-scheme:light;background:#f6f3fb;background-image:radial-gradient(ellipse at 18% 20%,#e7dbfa 0,transparent 44%),radial-gradient(ellipse at 83% 82%,#eee6fa 0,transparent 48%);color:#281b38}
body.signed-out header{display:none}
body.signed-out main{max-width:none;margin:0;padding:28px;min-height:100vh;min-height:100svh}
.access-screen{isolation:isolate;position:relative;display:grid;place-items:center;min-height:calc(100vh - 56px);min-height:calc(100svh - 56px);overflow:hidden}
.access-orbit{position:absolute;z-index:-1;inset:0;display:grid;place-items:center;pointer-events:none}
.access-orbit i{position:absolute;width:580px;aspect-ratio:1;border:1px solid #d9caed99;border-radius:50%;transform:rotate(-25deg) scaleY(.85)}
.access-orbit i:nth-child(2){width:740px;border-color:#e0d4ef88;transform:rotate(25deg) scaleY(.85)}
.access-orbit i:nth-child(3){width:920px;border-color:#e7dff288;transform:rotate(-25deg) scaleY(.85)}
.access-card{width:min(100%,440px);padding:46px 34px 40px;border:1px solid #fff;border-radius:28px;background:linear-gradient(155deg,#fff,#fbf9ff);box-shadow:0 28px 80px #52307d12,0 2px 8px #52307d06;text-align:center}
.access-brand{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:12px;letter-spacing:3px;font-weight:850;color:#4d3268}
.access-symbol{display:grid;place-items:center;width:72px;height:78px;border-radius:22px;background:linear-gradient(140deg,#9a6de1,#7138b6);box-shadow:0 9px 22px #7540bd30;color:#fff;font-size:64px;font-weight:800;line-height:1;letter-spacing:0}
.access-card h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:34px 0 28px;color:#281b38;font-weight:760}
.access-screen .twitch-connect{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;width:100%;padding:17px 18px;border-radius:13px;background:#7c3dc4;box-shadow:0 6px 16px #7540bd24;color:#fff;text-decoration:none;font-size:14px;font-weight:750;line-height:1.4;transition:background .15s ease,box-shadow .15s ease}
.access-screen .twitch-connect:hover{background:#692dae;box-shadow:0 8px 22px #7540bd32}
.access-screen .twitch-connect:focus-visible{outline:3px solid #492273;outline-offset:5px}
.access-screen .twitch-connect svg{width:23px;height:23px;flex-shrink:0}
.access-screen .twitch-connect .access-arrow{width:18px;height:18px;margin-left:auto}
.access-screen .twitch-connect>svg:first-child{margin-right:auto}
#availability:empty{display:none}
.access-card #availability{margin:20px 0 0;padding:12px 14px;background:#f0e9f8;border:1px solid #e6daf2;border-radius:10px;color:#5c367e;font-size:13px;line-height:1.5}
.access-card noscript p{font-size:13px;color:#5c367e}
@media(max-width:540px){body.signed-out main{padding:18px}.access-screen{min-height:calc(100vh - 36px);min-height:calc(100svh - 36px)}.access-card{padding:38px 24px 32px;border-radius:24px}.access-card h1{font-size:29px;margin:30px 0 25px}.access-symbol{width:64px;height:70px;font-size:58px;border-radius:19px}.access-brand{font-size:11px;letter-spacing:2.5px}.access-orbit i{width:440px}.access-orbit i:nth-child(2){width:580px}.access-orbit i:nth-child(3){width:740px}}
@media(prefers-reduced-motion:reduce){.access-screen .twitch-connect{transition:none}}

/* Clear client workflow */
.studio-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e5daef;border-radius:20px;padding:24px;margin:16px 0 30px}.studio-welcome h2{margin:9px 0;font-size:24px}.studio-welcome p{font-size:13px;margin:0;max-width:520px}.studio-welcome button,#guideStudio{background:#7540bd;color:#fff;min-height:48px;white-space:nowrap}.client-guide{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.client-guide li{padding:24px;border:1px solid #e5daef;background:white;border-radius:18px}.client-guide strong{font-size:16px;color:#624184}.client-guide p{font-size:14px;line-height:1.65}.guide-back{background:transparent;color:#76518f;padding:10px 0;margin-bottom:14px;font-size:13px}@media(max-width:850px){.studio-welcome{display:block;padding:20px}.studio-welcome h2{font-size:21px}.studio-welcome button{width:100%;margin-top:18px}.client-guide{grid-template-columns:1fr}.client-guide li{padding:20px}}

body.signed-out #message:empty{display:none}

/* account-ui22 */
/* Account layout 20261022: mobile-first social connections */
#settings{max-width:920px;margin-inline:auto;padding-bottom:28px}#settings>h2{font-size:clamp(26px,5vw,34px);letter-spacing:-.04em;margin:8px 0 24px}#settings .account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}#settings .account-grid>article{min-width:0;padding:clamp(20px,4vw,32px);border-radius:22px;box-shadow:0 6px 24px #34204f05}#settings .account-grid h3{font-size:20px;letter-spacing:-.025em;margin:0 0 10px}#settings p{font-size:15px;line-height:1.65}#settings .account-profile{position:relative;padding-left:88px!important}#settings .account-profile::before{content:'ϟ';position:absolute;left:24px;top:28px;display:grid;place-items:center;width:44px;height:48px;border-radius:15px;color:#713cec;background:#f0eaff;font-size:32px;font-weight:800}#settings .account-profile #linked{margin:0 0 18px;overflow-wrap:anywhere}#settings #logout{background:white;color:#685d78;border:1px solid #e5dfed;font-size:14px;min-height:44px;padding:10px 16px}#settings #clientBufferStatus{margin:0;color:#74677f}#settings .buffer-intro{margin:12px 0 0;color:#74677f}#settings #clientBuffer.connected #clientBufferStatus{display:inline-flex;align-items:center;gap:8px;color:#287751;background:#edf8f1;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:650}#settings #clientBuffer.connected #clientBufferStatus::before{content:'';height:7px;width:7px;border-radius:50%;background:#369868;flex:none}#settings #clientBuffer .actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}#settings #clientBuffer .actions button{margin:0;min-height:46px;padding:11px 17px;font-size:14px;white-space:normal;line-height:1.4;border-radius:12px}#settings #clientBuffer.connected .actions button{background:white;color:#6744b1;border:1px solid #ddd3ef}#settings #clientBufferChannels{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:none;margin:20px 0}#settings #clientBufferChannels label{display:grid;grid-template-columns:10px minmax(85px,1fr) minmax(0,1.6fr);gap:12px;align-items:center;margin:0;padding:15px 16px;border:1px solid #ebe6f1;border-radius:14px;background:#fcfbfe;min-width:0;font-weight:600;font-size:14px}#settings #clientBufferChannels label::before{content:'';width:9px;height:9px;border-radius:3px;background:#e15454}#settings #clientBufferChannels label[data-service=tiktok]::before{background:#262334}#settings #clientBufferChannels label[data-service=instagram]::before{background:#c357a1}#settings #clientBufferChannels select{display:block;width:100%;min-width:0;max-width:100%;min-height:46px;margin:0;padding:10px 30px 10px 12px;border:1px solid #e0d8ec;background:white;color:#30233f;border-radius:10px;font:inherit;font-size:14px;text-overflow:ellipsis}#settings #clientBufferChannels>button{justify-self:end;margin:4px 0 0;min-height:48px;padding:12px 24px;font-size:14px;border-radius:12px}#settings .buffer-manage{display:inline-block;color:#7655ba;font-size:14px;line-height:1.5;text-underline-offset:4px;margin:0 0 12px}#settings .buffer-options{margin-top:16px;border-top:1px solid #eee8f4;padding-top:16px;color:#887b94;font-size:13px}#settings .buffer-options summary{cursor:pointer;min-height:32px}#settings .buffer-options button{display:block;margin:12px 0 0;background:white;color:#975065;border:1px solid #eedee5;font-size:13px;padding:9px 14px;min-height:42px}#settings [hidden]{display:none!important}@media(max-width:480px){#settings .account-profile{padding-left:78px!important}#settings .account-profile::before{left:20px;top:24px;width:40px;height:44px}#settings #clientBufferChannels label{grid-template-columns:10px minmax(0,1fr);gap:10px;padding:14px}#settings #clientBufferChannels select{grid-column:1/-1;margin-top:3px;font-size:16px}#settings #clientBuffer .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}#settings #clientBuffer .actions button{width:100%}#settings #clientBufferChannels>button{width:100%;justify-self:stretch}#settings .buffer-manage{font-size:13px}}

/* vod-owner22 */
#sourceForm .source-notice{margin:12px 0;padding:13px 16px;border-radius:12px;background:#f1edfc;color:#624a86;font-size:14px;line-height:1.55;overflow-wrap:anywhere}#sourceForm .source-notice.is-error{background:#fff1f2;color:#9c2943;border:1px solid #f1c8d1}#sourceForm input[aria-invalid=true]{border-color:#c9546b}#sourceForm .source-notice[hidden]{display:none}

/* customer-access22 */
#accessGate{max-width:660px;margin:8vh auto}.gate-card{background:white;border:1px solid #e7e0ef;border-radius:24px;padding:clamp(24px,6vw,48px);box-shadow:0 12px 40px #35205208}.gate-card h1{font-size:clamp(30px,6vw,42px);letter-spacing:-.04em;line-height:1.15}.gate-card p{color:#74677f;line-height:1.65}.gate-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.gate-actions button{margin:0;min-height:48px}#accessExit{background:white;color:#766982;border:1px solid #e7e0ef}body.access-waiting .mobile-account,body.access-waiting #account{display:none}@media(max-width:480px){.gate-actions{display:grid;grid-template-columns:1fr}.gate-actions button{width:100%}}