/* SingleBuck Creator Studio 0.4.1 — light, mobile-first video workspace.
   All video rendering, masking and processing remain in video-tools.js / class-sbcs-video.php. */
.sbcs-route-video-tools{--sbcs-ui-ink:#182338;--sbcs-ui-muted:#64748b;--sbcs-ui-border:#e1e7ef;--sbcs-ui-soft:#f5f7fb;--sbcs-ui-gold:#f3d16d;--sbcs-ui-gold-dark:#9a6c13}
.sbcs-route-video-tools .sbcs-sidebar{background:#fff;color:#1e293b;border-right:1px solid var(--sbcs-ui-border)}
.sbcs-route-video-tools .sbcs-sidebar-brand{color:var(--sbcs-ui-ink)}
.sbcs-route-video-tools .sbcs-sidebar nav a,.sbcs-route-video-tools .sbcs-sidebar-bottom a{color:#566478}
.sbcs-route-video-tools .sbcs-sidebar nav a:hover,.sbcs-route-video-tools .sbcs-sidebar nav a.is-active{background:#fef6d9;color:#1c293a}
.sbcs-route-video-tools .sbcs-sidebar-bottom{border-top-color:var(--sbcs-ui-border)}
.sbcs-video-main{max-width:none!important;min-width:0;padding-bottom:36px}
.sbcs-video-main .sbcs-dashboard-header{margin-bottom:20px}
.sbcs-video-main .sbcs-dashboard-header h1{letter-spacing:-.045em}
.sbcs-video-main .sbcs-dashboard-header p{color:var(--sbcs-ui-muted);margin-top:7px;line-height:1.5}
.sbcs-video-card,.sbcs-video-card *{box-sizing:border-box}
.sbcs-video-card{width:100%;min-width:0;background:#fff;color:var(--sbcs-ui-ink);border:1px solid #dce4ee;border-radius:20px;overflow:clip;box-shadow:0 12px 38px rgba(32,51,84,.07);font-family:inherit}
.sbcs-studio-topbar{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid var(--sbcs-ui-border);background:#fff}
.sbcs-studio-heading{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.09em;font-weight:850;color:#24354b}
.sbcs-studio-live-dot{height:8px;width:8px;background:#d9ac31;border-radius:50%;box-shadow:0 0 0 4px #fff3ca;flex:none}
.sbcs-studio-top-divider{width:1px;height:16px;background:#dce3ed}
.sbcs-studio-subtitle{color:#728096;font-weight:500;letter-spacing:0;font-size:12px}
.sbcs-studio-version{font-size:10px;white-space:nowrap;letter-spacing:.09em;font-weight:750;color:#748198}
.sbcs-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;align-items:start;min-height:0}
.sbcs-studio-workspace{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff;align-self:start}
.sbcs-studio-workspace-head{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 24px;border-bottom:1px solid var(--sbcs-ui-border);background:#fff}
.sbcs-studio-workspace-head>div{min-width:0;display:flex;align-items:center;gap:13px;flex:1}
.sbcs-studio-workspace-head strong{font-size:14px;white-space:nowrap;font-weight:800;color:var(--sbcs-ui-ink)}
.sbcs-studio-workspace-head span#sbcs-studio-file-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d899a;font-size:12px}
.sbcs-studio-stage-tag{color:#845b0a!important;border:1px solid #efdca5;background:#fffaec;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:850;letter-spacing:.1em;flex:none}
.sbcs-studio-replace-mobile{display:none}
.sbcs-focus-button{font-size:11px!important;padding:8px 11px;min-height:33px!important;flex:none}
.sbcs-focus-button.is-active{background:#f3d16d;border-color:#dfbd56}
.sbcs-studio-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;left:0;top:0}
.sbcs-studio-stage{position:relative;min-height:390px;flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#f8fafe 0%,#edf2f8 100%);overflow:hidden}
.sbcs-studio-stage.sbcs-has-video{display:block;flex:none;background:#131d2c;min-height:280px;height:clamp(310px,62vh,590px)}
.sbcs-studio-empty{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:48px 18px;min-height:390px;gap:0;width:100%}
.sbcs-studio-empty[hidden]{display:none}
.sbcs-studio-upload-icon{border:1px solid #f0dc9d;background:#fff7dc;border-radius:19px;width:76px;height:76px;display:grid;place-items:center;font-size:42px;color:#9d6e10;margin-bottom:22px;line-height:1}
.sbcs-studio-empty strong{font-size:clamp(19px,2vw,25px);letter-spacing:-.03em;color:#1a293d}
.sbcs-studio-empty p{max-width:325px;font-size:14px;line-height:1.55;margin:11px 0 23px;color:#637187}
.sbcs-studio-upload-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:13px 28px;min-height:47px;color:#1d2838!important;background:var(--sbcs-ui-gold);font-size:13px;font-weight:850;cursor:pointer;transition:background .15s,transform .15s}
.sbcs-studio-upload-primary:hover{background:#ffe294;transform:translateY(-1px)}
.sbcs-studio-empty.is-error p{color:#a43f35;font-weight:750}
.sbcs-studio-empty small{margin-top:15px;font-size:11px;color:#8390a2;line-height:1.6}
.sbcs-video-editor{width:100%;height:100%;min-height:390px;position:relative}
.sbcs-video-editor[hidden]{display:none!important}
.sbcs-video-viewport{width:100%;height:100%;min-height:390px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#111925;position:relative}
.sbcs-video-viewport:focus-visible{outline:2px solid var(--sbcs-ui-gold);outline-offset:-2px}
.sbcs-video-viewport .sbcs-video-canvas-wrap{width:max-content;max-width:none;position:relative;margin:0;overflow:visible}
.sbcs-video-viewport video{max-width:none;max-height:none;display:block}
.sbcs-video-viewport canvas{position:absolute;top:0;left:0;cursor:crosshair;touch-action:none}
.sbcs-video-viewport canvas.sbcs-is-panning{cursor:grabbing}
.sbcs-video-viewport canvas.sbcs-is-move-tool{cursor:grab}
.sbcs-video-comparison{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;margin:0;padding:16px;background:#111925}
.sbcs-video-comparison[hidden]{display:none!important}
.sbcs-video-comparison video{max-height:min(66vh,730px);max-width:100%;width:auto;height:auto;display:block;margin:auto;border-radius:5px}
.sbcs-video-editor.sbcs-is-result .sbcs-video-viewport{visibility:hidden;pointer-events:none}
.sbcs-video-editor.sbcs-is-result .sbcs-video-comparison{display:flex}
.sbcs-studio-playback{border-top:1px solid var(--sbcs-ui-border);padding:0 22px;background:#fff}
/* Keep playback controls visible for both the source and processed result. */
.sbcs-video-card.sbcs-is-result .sbcs-video-zoom-toolbar{display:none}
.sbcs-video-card.sbcs-is-result .sbcs-video-player-controls{border-bottom:0}
.sbcs-video-player-controls{display:flex;align-items:center;gap:12px;min-height:63px;border-bottom:1px solid var(--sbcs-ui-border)}
.sbcs-video-control-button{border:1px solid #d4deeb;background:#f8fafc;border-radius:9px;padding:10px 13px;min-height:40px;color:#29384d!important;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.sbcs-video-control-button:hover:not(:disabled){background:#eff3f9;border-color:#a7b7ce}
.sbcs-video-control-button:disabled{opacity:.44;cursor:not-allowed}
.sbcs-video-control-button.is-active{background:#f5d574;border-color:#f5d574;color:#222f40!important}
.sbcs-video-seek-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#sbcs-video-seek{flex:1;min-width:75px;accent-color:#d5a526;cursor:pointer}
.sbcs-video-clock{white-space:nowrap;color:#53627a;font-size:12px;font-variant-numeric:tabular-nums}
.sbcs-video-zoom-toolbar{min-height:56px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#617086;font-size:12px}
.sbcs-video-zoom-toolbar label{font-weight:750;color:#25374e}
.sbcs-video-zoom-toolbar input[type=range]{accent-color:#d5a526;width:clamp(95px,22%,210px)}
#sbcs-video-zoom-label{font-weight:800;min-width:43px;color:#88610d;font-variant-numeric:tabular-nums}
.sbcs-video-zoom-hint{margin-left:auto;color:#8894a6;font-size:11px}
.sbcs-studio-results-bar{padding:17px 22px;background:#fffbea;border-top:1px solid #efdfa8;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sbcs-studio-results-bar[hidden]{display:none}
.sbcs-studio-result-intro{display:flex;flex-direction:column;gap:4px}
.sbcs-studio-result-intro strong{font-size:14px;color:#624711}
.sbcs-studio-result-intro span{font-size:12px;color:#5c6575}
.sbcs-video-compare-buttons{display:flex;gap:8px;flex-wrap:wrap}
.sbcs-studio-bottom{padding:17px 22px 19px;background:#fff;border-top:1px solid var(--sbcs-ui-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.sbcs-video-status{color:#53647b;font-size:12px;line-height:1.5;max-width:530px;flex:1;min-width:150px}
.sbcs-video-status.sbcs-status-working{color:#94690b;font-weight:750}
/* A price quote is shown as soon as video metadata is known, before any processing is started. */
.sbcs-processing-estimate{flex:0 1 315px;min-width:255px;background:#fff9eb;border:1px solid #e8d39f;border-radius:9px;padding:10px 12px;color:#213148;line-height:1.35}
.sbcs-processing-estimate[hidden]{display:none!important}
.sbcs-processing-estimate-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650}
.sbcs-processing-estimate-top strong{font-size:17px;color:#896000;white-space:nowrap;font-variant-numeric:tabular-nums}
.sbcs-processing-estimate.sbcs-estimate-insufficient{border-color:#e6b1aa;background:#fff6f5}
.sbcs-processing-estimate.sbcs-estimate-insufficient .sbcs-processing-estimate-top strong{color:#a43f31}
.sbcs-video-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sbcs-video-actions .sbcs-cta{border-radius:10px;font-size:12px;padding:12px 16px;font-weight:850;text-decoration:none;line-height:1.4;white-space:nowrap;min-height:43px}
.sbcs-video-actions .sbcs-cta-primary{background:var(--sbcs-ui-gold)!important;color:#1a2737!important;border:1px solid var(--sbcs-ui-gold)!important}
.sbcs-video-actions .sbcs-cta-primary:hover:not(:disabled){background:#ffe29a!important}
.sbcs-video-actions .sbcs-cta-dark{background:#f3f6fb!important;color:#34445b!important;border:1px solid #dbe3ed!important}
.sbcs-video-actions button:disabled{opacity:.45;cursor:not-allowed}
.sbcs-video-actions [hidden]{display:none!important}
.sbcs-studio-tools{border-left:1px solid var(--sbcs-ui-border);background:#f9fbfe;min-width:0;display:flex;flex-direction:column;align-self:start;position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin}
.sbcs-studio-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:25px 21px 21px;border-bottom:1px solid var(--sbcs-ui-border)}
.sbcs-studio-panel-heading strong{font-size:16px;color:#1b2b40;letter-spacing:-.015em}
.sbcs-studio-panel-heading p{color:#6c7b8e;margin:6px 0 0;font-size:12px;line-height:1.5}
.sbcs-studio-panel-dot{height:7px;width:7px;border-radius:50%;background:#dcad30;margin-top:5px;flex:none}
.sbcs-studio-tool-section{padding:21px;border-bottom:1px solid var(--sbcs-ui-border)}
.sbcs-studio-section-label{display:flex;align-items:center;gap:9px;font-weight:850;font-size:10px;letter-spacing:.095em;color:#617189;margin-bottom:15px}
.sbcs-studio-section-label span{color:#93670f;font-size:10px}
.sbcs-studio-file-label{display:flex;flex-direction:column;gap:6px;padding:14px 15px;background:#fff;border:1px dashed #aab7cb;border-radius:11px;cursor:pointer;transition:background .15s,border-color .15s}
.sbcs-studio-file-label:hover{border-color:#cba13d;background:#fffdf3}
.sbcs-studio-file-label strong{font-size:12px;color:#74530c}
.sbcs-studio-file-label span{font-size:11px;color:#7a8799}
.sbcs-studio-workspace:has(.sbcs-studio-file-input:focus-visible) .sbcs-studio-upload-primary{outline:3px solid #bd891e;outline-offset:3px}
.sbcs-studio-field-label{display:block;font-size:12px;font-weight:750;margin-bottom:8px;color:#304158}
.sbcs-studio-tool-section select,.sbcs-mobile-editbar select{width:100%;min-height:44px;background:#fff;color:#25374c;border:1px solid #cdd8e7;border-radius:10px;font-size:13px;padding:0 12px;font-family:inherit}
.sbcs-studio-tip{color:#75849a;font-size:11px;line-height:1.6;margin:11px 0 0}
.sbcs-studio-setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:750;color:#304158;margin-bottom:9px}
#sbcs-video-brush-label{color:#8e640d;font-variant-numeric:tabular-nums}
.sbcs-studio-tool-section input[type=range]{width:100%;accent-color:#d7a927;cursor:pointer;min-height:26px}
.sbcs-studio-brush-ruler{display:flex;justify-content:space-between;color:#8b98ab;font-size:10px;margin-top:4px}
.sbcs-studio-tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sbcs-studio-tool-buttons #sbcs-video-fill{grid-column:span 2;background:#fff9e8;color:#7b5812!important;border-color:#eedaa0}
.sbcs-studio-tool-buttons #sbcs-video-fill:hover:not(:disabled){background:#fff0c2}
.sbcs-video-selection-info{border:1px solid #dde5f0;border-radius:9px;padding:12px;color:#64758c;background:#fff;font-size:11px;line-height:1.55;margin-top:13px}
.sbcs-studio-tools-footer{display:flex;align-items:start;gap:10px;margin-top:auto;padding:20px 21px;color:#728198;font-size:11px;line-height:1.55}
.sbcs-studio-tools-footer p{margin:0}
.sbcs-studio-shield{height:20px;width:20px;min-width:20px;display:grid;place-items:center;border:1px solid #a5ccac;border-radius:50%;color:#41804c;font-size:11px}
.sbcs-video-footnote{color:#7d899b;font-size:11px;margin-top:13px;line-height:1.65}
/* Hide unavailable editing actions until a clip exists. Processing controls remain unchanged. */
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-layout{display:block;min-height:0}
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-stage{min-height:420px}
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-tools{display:none}
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-playback,
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-bottom,
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-tools>.sbcs-studio-tool-section:not(.sbcs-studio-file-section),
.sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-tools-footer{display:none}
.sbcs-video-card.sbcs-mode-rect .sbcs-studio-brush-section,.sbcs-video-card.sbcs-mode-rect .sbcs-mobile-brush-wrap{display:none}
.sbcs-mobile-editbar{display:none}
.sbcs-video-card :is(button,select,input[type=range],label[for],a):focus-visible{outline:3px solid #bd891e;outline-offset:3px}
@media(max-width:1170px){
 .sbcs-studio-layout{grid-template-columns:minmax(0,1fr) 268px}
 .sbcs-studio-tool-section{padding:18px}
 .sbcs-studio-panel-heading{padding:21px 18px}
 .sbcs-video-zoom-hint{display:none}
}
@media(max-width:920px){
 .sbcs-route-video-tools .sbcs-dashboard-layout{display:block;min-height:0}
 .sbcs-route-video-tools .sbcs-sidebar{padding:12px 18px 8px;display:block;border-right:0;border-bottom:1px solid var(--sbcs-ui-border)}
 .sbcs-route-video-tools .sbcs-sidebar-brand{padding:0 2px 9px;gap:9px}
 .sbcs-route-video-tools .sbcs-sidebar-brand .sbcs-logo{width:34px;height:34px;border-radius:10px;font-size:12px}
 .sbcs-route-video-tools .sbcs-sidebar-brand strong{font-size:14px}
 .sbcs-route-video-tools .sbcs-sidebar-brand small{font-size:10px}
 .sbcs-route-video-tools .sbcs-sidebar nav{display:flex;gap:5px;overflow-x:auto;margin-top:0;scrollbar-width:thin;padding-bottom:4px}
 .sbcs-route-video-tools .sbcs-sidebar nav a{padding:9px 11px;font-size:12px;white-space:nowrap}
 .sbcs-route-video-tools .sbcs-sidebar-bottom{display:none}
 .sbcs-video-main{padding:25px 20px 38px}
 .sbcs-studio-layout{grid-template-columns:minmax(0,1fr)}
 .sbcs-studio-tools{border-left:0;border-top:1px solid var(--sbcs-ui-border);position:static;max-height:none;overflow:visible}
 .sbcs-studio-tools-footer{margin-top:0}
 /* Tablet / browser-zoom view: keep selection controls next to the preview. */
 .sbcs-mobile-editbar{background:#fffaf0;border-bottom:1px solid #efdfb9;padding:11px 18px;gap:14px;align-items:end}
 .sbcs-video-card.sbcs-has-video .sbcs-mobile-editbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .sbcs-video-card.sbcs-is-result .sbcs-mobile-editbar,.sbcs-video-card.sbcs-is-result .sbcs-studio-tools{display:none}
 .sbcs-mobile-editbar>div{min-width:0}
 .sbcs-mobile-editbar label{display:block;font-size:11px;color:#685018;font-weight:850;margin:0 0 6px}
 .sbcs-mobile-editbar .sbcs-mobile-brush-wrap label{display:flex;justify-content:space-between;gap:4px}
 .sbcs-mobile-editbar input[type=range]{width:100%;min-height:44px;accent-color:#bd8d13;margin:0;cursor:pointer}
 .sbcs-mobile-editbar select{min-height:44px;border-color:#e5d49f;background:#fff}
 .sbcs-studio-panel-heading,.sbcs-studio-file-section,.sbcs-studio-method-section,.sbcs-studio-brush-section,.sbcs-studio-tools-footer{display:none}
 .sbcs-studio-tool-section{padding:14px 18px}
 .sbcs-studio-tool-section .sbcs-studio-section-label{margin-bottom:8px}
 .sbcs-studio-tool-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sbcs-studio-tool-buttons #sbcs-video-fill{grid-column:auto}
}
@media(max-width:720px){
 .sbcs-route-video-tools .sbcs-dashboard-layout{display:block;min-height:0}
 .sbcs-route-video-tools .sbcs-sidebar{padding:12px 15px 8px;display:block;border-right:0;border-bottom:1px solid var(--sbcs-ui-border)}
 .sbcs-route-video-tools .sbcs-sidebar-brand{padding:0 2px 9px;gap:9px}
 .sbcs-route-video-tools .sbcs-sidebar-brand .sbcs-logo{width:34px;height:34px;border-radius:10px;font-size:12px}
 .sbcs-route-video-tools .sbcs-sidebar-brand strong{font-size:14px}
 .sbcs-route-video-tools .sbcs-sidebar-brand small{font-size:10px}
 .sbcs-route-video-tools .sbcs-sidebar nav{display:flex;gap:5px;overflow-x:auto;margin-top:0;scrollbar-width:thin;padding-bottom:4px}
 .sbcs-route-video-tools .sbcs-sidebar nav a{padding:9px 11px;font-size:12px;white-space:nowrap}
 .sbcs-route-video-tools .sbcs-sidebar-bottom{display:none}
 .sbcs-video-main{padding:22px 12px 32px}
 .sbcs-video-main .sbcs-dashboard-header{margin-bottom:17px}
 .sbcs-video-main .sbcs-dashboard-header h1{font-size:32px;margin-top:7px}
 .sbcs-video-main .sbcs-dashboard-header p{font-size:13px}
 .sbcs-video-card{border-radius:15px}
 .sbcs-studio-topbar{min-height:48px;padding:11px 14px}
 .sbcs-studio-subtitle,.sbcs-studio-top-divider,.sbcs-studio-version{display:none}
 .sbcs-studio-workspace-head{min-height:57px;padding:10px 14px;gap:9px}
 .sbcs-studio-workspace-head>div{display:block;min-width:0;flex:1}
 .sbcs-studio-workspace-head #sbcs-studio-file-info{display:block;margin-top:3px;max-width:100%;font-size:11px}
 .sbcs-studio-stage-tag{font-size:9px;padding:5px 7px}
 .sbcs-focus-button{padding:7px 8px;font-size:10px!important}
 .sbcs-video-card.sbcs-has-video .sbcs-studio-stage-tag{display:none}
 .sbcs-video-card.sbcs-has-video .sbcs-studio-replace-mobile{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#74530c;font-size:11px;font-weight:800;background:#fff9e9;border:1px solid #ead79a;padding:8px 9px;border-radius:9px;min-height:36px;cursor:pointer}
 .sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-stage{min-height:340px}
 .sbcs-studio-stage:not(.sbcs-has-video){min-height:340px}
 .sbcs-studio-empty{min-height:340px;padding:32px 16px}
 .sbcs-studio-upload-icon{width:67px;height:67px;font-size:35px;margin-bottom:17px}
 .sbcs-studio-empty strong{font-size:21px}
 .sbcs-studio-empty p{font-size:13px}
 .sbcs-studio-stage.sbcs-has-video{height:clamp(265px,53dvh,520px);min-height:265px;max-height:none}
 .sbcs-video-editor,.sbcs-video-viewport{min-height:260px;height:100%}
 .sbcs-video-viewport{scrollbar-gutter:auto}
 .sbcs-video-comparison{padding:9px}
 .sbcs-video-comparison video{max-height:51vh}
 .sbcs-mobile-editbar{display:none;background:#fffaf0;border-bottom:1px solid #efdfb9;padding:10px 13px;gap:10px;align-items:end}
 .sbcs-video-card.sbcs-has-video .sbcs-mobile-editbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .sbcs-video-card.sbcs-is-result .sbcs-mobile-editbar,.sbcs-video-card.sbcs-is-result .sbcs-studio-tools{display:none}
 .sbcs-mobile-editbar>div{min-width:0}
 .sbcs-mobile-editbar label{display:block;font-size:11px;color:#685018;font-weight:850;margin:0 0 6px}
 .sbcs-mobile-editbar .sbcs-mobile-brush-wrap label{display:flex;justify-content:space-between;gap:4px}
 .sbcs-mobile-editbar input[type=range]{width:100%;min-height:44px;accent-color:#bd8d13;margin:0;cursor:pointer}
 .sbcs-mobile-editbar select{min-height:44px;border-color:#e5d49f;background:#fff}
 .sbcs-studio-playback{padding:0 13px}
 .sbcs-video-player-controls{gap:8px;min-height:60px}
 .sbcs-video-control-button{padding:10px 11px;min-height:42px;font-size:12px}
 .sbcs-video-clock{font-size:11px}
 .sbcs-video-zoom-toolbar{gap:8px;padding:11px 0;min-height:54px}
 .sbcs-video-zoom-toolbar input[type=range]{flex:1;min-width:78px;width:auto}
 .sbcs-studio-bottom{padding:13px;flex-direction:column;align-items:stretch;gap:12px}
 .sbcs-video-status{min-width:0;max-width:none;font-size:12px}
 .sbcs-video-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}
 .sbcs-video-actions .sbcs-cta{font-size:12px;min-height:47px;padding:10px}
 .sbcs-video-actions a.sbcs-cta:not([hidden]){grid-column:1/-1}
 .sbcs-studio-results-bar{padding:14px;gap:12px}
 .sbcs-video-compare-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .sbcs-video-compare-buttons #sbcs-studio-edit-again{grid-column:1/-1}
 .sbcs-studio-panel-heading,.sbcs-studio-file-section,.sbcs-studio-method-section,.sbcs-studio-brush-section,.sbcs-studio-tools-footer{display:none}
 .sbcs-video-card:not(.sbcs-has-video) .sbcs-studio-tools{display:none}
 .sbcs-studio-tool-section{padding:15px 13px}
 .sbcs-studio-tool-section .sbcs-studio-section-label{margin-bottom:10px}
 .sbcs-studio-tool-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sbcs-studio-tool-buttons #sbcs-video-fill{grid-column:auto}
 .sbcs-video-selection-info{font-size:12px;margin-top:11px}
 .sbcs-video-footnote{padding:0 3px}
}
@media(max-width:380px){
 .sbcs-studio-workspace-head{padding:10px}
 .sbcs-video-player-controls{gap:5px}
 .sbcs-video-control-button{font-size:11px;padding:10px 8px}
 .sbcs-video-clock{font-size:10px}
 .sbcs-mobile-editbar{padding:10px}
 .sbcs-video-compare-buttons .sbcs-video-control-button{white-space:normal}
}

/* 0.4.2: A contained preview prevents video zoom from pushing editing tools off screen. */
.sbcs-studio-stage.sbcs-has-video .sbcs-video-viewport{height:100%;min-height:0}
.sbcs-studio-stage.sbcs-has-video .sbcs-video-editor{height:100%;min-height:0}
.sbcs-video-zoom-toolbar #sbcs-video-pan[aria-pressed="true"]{background:#f6d674;border-color:#d6ab41;color:#263043!important}
/* Full workspace is the standard editor: controls stay visible and the canvas pans independently. */
body.sbcs-app:has(.sbcs-full-workspace){overflow:hidden!important}
.sbcs-video-card.sbcs-full-workspace{position:fixed;inset:0;z-index:99999;max-height:100dvh;height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;box-shadow:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-topbar{flex:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-layout{flex:1;min-height:0;align-items:stretch;overflow:hidden}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace{height:100%;min-height:0;align-self:stretch}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{flex:1;min-height:150px;height:auto;max-height:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{position:static;align-self:stretch;max-height:none;height:100%;overflow-y:auto}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-playback,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-bottom,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace-head,.sbcs-video-card.sbcs-full-workspace .sbcs-mobile-editbar{flex:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-video-editor,.sbcs-video-card.sbcs-full-workspace .sbcs-video-viewport{height:100%;min-height:0}
.sbcs-video-card.sbcs-full-workspace .sbcs-video-comparison{width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box}
.sbcs-video-card.sbcs-full-workspace .sbcs-video-comparison video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;min-width:0;min-height:0}
@media(max-width:920px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-layout{display:flex;flex-direction:column}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace{flex:1;height:auto}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{max-height:160px;height:auto;overflow:auto;flex:none}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-panel-heading,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-file-section,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools-footer{display:none}
}
@media(max-width:720px){
 .sbcs-video-card.sbcs-full-workspace{inset:0;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-layout{flex:1}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{max-height:104px;overflow-y:auto}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section{padding:10px 13px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section .sbcs-studio-section-label{display:none}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-selection-info{margin:0}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{min-height:140px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-playback{padding:0 10px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-player-controls{min-height:46px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-zoom-toolbar{padding:6px 0;min-height:44px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-bottom{padding:8px 11px;gap:5px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-bottom .sbcs-video-status{font-size:11px;line-height:1.2;max-height:33px;overflow:hidden}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-actions .sbcs-cta{min-height:37px}
}

/* 0.4.3: result playback is a first-class part of the standard view. */
.sbcs-video-card.sbcs-is-result .sbcs-studio-playback{display:block}

/* v0.4.4 – The full-screen work area is the normal product UI, not a toggle. */
.sbcs-studio-top-actions{display:flex;align-items:center;gap:16px;margin-left:auto;flex:none}
.sbcs-studio-back{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d8e1ec;border-radius:9px;background:#f8fafc;color:#24354b!important;padding:9px 12px;font-size:12px;font-weight:780;white-space:nowrap;text-decoration:none}
.sbcs-studio-back:hover{background:#fff5d8;border-color:#e1c06a}
.sbcs-studio-back-short{display:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{overflow:hidden}
.sbcs-video-card.sbcs-full-workspace .sbcs-video-comparison{padding:10px}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-layout{height:100%;min-height:0}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace{overflow:hidden;min-width:0}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{min-height:0}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-playback{flex:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-bottom{flex:none}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-results-bar{flex:none}
.sbcs-video-card.sbcs-full-workspace:not(.sbcs-has-video) .sbcs-studio-stage{flex:1;min-height:0}
.sbcs-video-card.sbcs-full-workspace:not(.sbcs-has-video) .sbcs-studio-empty{height:100%;min-height:0}
@media(max-width:920px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-layout{display:flex;flex-direction:column}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace{min-height:0;flex:1}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{flex:1;min-height:0;height:auto;max-height:none}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{flex:none;max-height:110px}
}
@media(max-width:720px){
 .sbcs-studio-top-actions{gap:5px}
 .sbcs-studio-back{padding:8px 10px;min-height:34px;font-size:11px}
 .sbcs-studio-back-long{display:none}
 .sbcs-studio-back-short{display:inline}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{min-height:0;height:auto}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-comparison{padding:5px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{max-height:76px}
}
@media(max-height:650px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-topbar{min-height:38px;padding-top:5px;padding-bottom:5px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace-head{min-height:40px;padding-top:5px;padding-bottom:5px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{max-height:70px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-results-bar{padding:8px 12px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-bottom{padding:7px 12px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-player-controls{min-height:42px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-video-zoom-toolbar{min-height:42px;padding:5px 0}
}
/* A finished result should prioritize inspecting and saving the complete video. */
.sbcs-video-card.sbcs-is-result .sbcs-studio-bottom #sbcs-video-reset,
.sbcs-video-card.sbcs-is-result .sbcs-studio-bottom #sbcs-video-submit,
.sbcs-video-card.sbcs-is-result .sbcs-studio-bottom .sbcs-video-status{display:none}
.sbcs-video-card.sbcs-is-result .sbcs-studio-bottom{padding:9px 16px;justify-content:flex-end}
.sbcs-video-card.sbcs-is-result .sbcs-video-actions{display:flex;justify-content:flex-end;width:100%}
.sbcs-video-card.sbcs-is-result .sbcs-video-actions #sbcs-video-download{display:inline-flex;min-width:145px}
@media(max-width:720px){
 .sbcs-video-card.sbcs-is-result .sbcs-video-actions #sbcs-video-download{width:100%;min-height:38px}
}
/* Tiny landscape screens cannot fit full editor + both toolbars simultaneously.
   Scroll the interior workspace rather than collapsing the video to zero height. */
@media(max-height:550px) and (min-width:721px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-layout{display:block;overflow-y:auto;overflow-x:hidden;height:auto;min-height:0;flex:1}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-workspace{height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-stage.sbcs-has-video{flex:none;height:clamp(155px,45dvh,260px);min-height:155px;max-height:none}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{height:auto;max-height:160px;overflow:auto}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-results-bar{padding:9px 14px}
}

/* v0.4.5: A clear, full-editor status overlay throughout the processing lifecycle. */
.sbcs-video-process-overlay[hidden]{display:none!important}
.sbcs-video-process-overlay{
 position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;
 padding:20px;box-sizing:border-box;background:rgba(15,23,42,.64);backdrop-filter:blur(5px);
 -webkit-backdrop-filter:blur(5px);color:#182439;text-align:center;
}
.sbcs-video-card.sbcs-full-workspace{isolation:isolate}
.sbcs-video-process-panel{
 width:min(100%,430px);padding:40px 32px 32px;box-sizing:border-box;background:#fff;
 border:1px solid #e9edf4;border-radius:22px;box-shadow:0 25px 80px rgba(8,17,35,.24);
 display:flex;flex-direction:column;align-items:center;gap:14px;
}
.sbcs-video-process-spinner{
 display:grid;place-items:center;width:76px;height:76px;border:5px solid #f2f4f8;
 border-top-color:#dfaf31;border-right-color:#f2cf72;border-radius:50%;
 animation:sbcs-process-spin .95s linear infinite;
}
.sbcs-video-process-spinner span{
 display:block;width:37px;height:37px;border:2px solid #f9e9bb;background:#fff9e8;
 border-radius:50%;box-shadow:0 0 0 7px rgba(249,236,201,.42);
}
.sbcs-video-process-eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:#9a6912;margin-top:5px}
.sbcs-video-process-panel h2{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0;color:#152438;font-weight:780}
.sbcs-video-process-panel p{color:#5d6c80;font-size:14px;line-height:1.55;margin:0;max-width:335px}
.sbcs-video-process-notice{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:10px 15px;
 background:#fff9e9;border:1px solid #f4e3b9;border-radius:100px;
 font-size:12px;font-weight:700;color:#735316;margin-top:8px;
}
.sbcs-video-process-pulse{display:block;flex:none;width:8px;height:8px;border-radius:50%;background:#d9a32a;animation:sbcs-process-pulse 1.7s ease-in-out infinite}
@keyframes sbcs-process-spin{to{transform:rotate(360deg)}}
@keyframes sbcs-process-pulse{50%{opacity:.3;transform:scale(.8)}}
@media(max-width:580px){
 .sbcs-video-process-overlay{padding:14px}
 .sbcs-video-process-panel{padding:30px 22px 26px;border-radius:18px;gap:11px}
 .sbcs-video-process-spinner{width:58px;height:58px;border-width:4px}
 .sbcs-video-process-spinner span{width:27px;height:27px}
 .sbcs-video-process-panel h2{font-size:21px}
 .sbcs-video-process-panel p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .sbcs-video-process-spinner,.sbcs-video-process-pulse{animation-duration:3s}
}

/* Integrated WooCommerce wallet and My Account links on the standalone editor. */
.sbcs-credit-link{background:#fff7dc!important;border-color:#f1da96!important;color:#82600a!important;font-weight:800!important}
@media(max-width:660px){.sbcs-studio-top-actions .sbcs-credit-link{font-size:11px;padding:7px!important}.sbcs-studio-top-actions .sbcs-studio-back:not(.sbcs-credit-link){font-size:11px;padding:7px!important}}
/* 0.4.7: Start a new cleanup directly from the completed result. */
.sbcs-studio-results-bar .sbcs-studio-new-video{background:#f2ce66;border-color:#e4bc4e;color:#192335;font-weight:800;white-space:nowrap}
.sbcs-studio-results-bar .sbcs-studio-new-video:hover{background:#eac456}
@media(max-width:520px){.sbcs-studio-results-bar .sbcs-video-compare-buttons{display:flex;flex-wrap:wrap;gap:7px}.sbcs-studio-results-bar .sbcs-studio-new-video{flex:1 1 100%;min-height:40px}}

/* v0.4.10: direct path from editor to Studio credit plans. */
.sbcs-studio-buy-link{background:#fff9e5!important;border-color:#eed89f!important;color:#674912!important}
@media(max-width:760px){.sbcs-studio-buy-link{display:none!important}}

/* Finished-file expiry details */
#sbcs-video-expiry-note{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#6c5d34}

/* The eraser removes yellow selection pixels, so it needs a visible brush guide. */
.sbcs-video-canvas-wrap{position:relative}
.sbcs-video-eraser-cursor[hidden]{display:none!important}
.sbcs-video-eraser-cursor{position:absolute;z-index:8;pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:rgba(16,28,44,.10);box-shadow:0 0 0 1px #172130,0 1px 5px rgba(0,0,0,.5);transform:translate(-50%,-50%)}
.sbcs-video-canvas-wrap.sbcs-eraser-active canvas{cursor:none}

/* v0.4.17 – Eraser edits masks; it is a standalone tool, not a selection method. */
.sbcs-mask-eraser-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 13px;border:1px solid #cdd8e7;border-radius:10px;background:#fff;color:#283c55;font-family:inherit;font-size:12px;font-weight:750;line-height:1.3;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.sbcs-mask-eraser-toggle:hover{border-color:#c2a16e;background:#fffaf0}
.sbcs-mask-eraser-toggle.is-active,.sbcs-mask-eraser-toggle[aria-pressed="true"]{background:#fff0ba;border-color:#d5a433;color:#5b3a00;box-shadow:inset 0 0 0 1px rgba(220,158,22,.12)}
.sbcs-mask-eraser-toggle .sbcs-eraser-icon{width:19px;height:19px;flex:none}
.sbcs-studio-method-section #sbcs-video-eraser-toggle{width:100%;margin-top:11px}
.sbcs-video-eraser-settings{margin-top:12px;padding:13px 12px;border:1px solid #e9d8b3;border-radius:9px;background:#fffaf0}
.sbcs-video-eraser-settings[hidden],.sbcs-mobile-eraser-size[hidden]{display:none!important}
.sbcs-video-eraser-settings .sbcs-studio-tip{margin-top:8px;color:#5d523c}
.sbcs-video-card.sbcs-eraser-on .sbcs-selection-help{display:none}
.sbcs-video-card.sbcs-eraser-on .sbcs-studio-brush-section,
.sbcs-video-card.sbcs-eraser-on .sbcs-mobile-brush-wrap{display:none!important}
.sbcs-mobile-eraser-button-wrap{align-self:end;min-width:0}
.sbcs-mobile-eraser-button-wrap .sbcs-mask-eraser-toggle{height:44px;width:100%;border-color:#e3d4ae;white-space:nowrap}
.sbcs-mobile-eraser-size{grid-column:1/-1}
.sbcs-mobile-eraser-size label{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media(max-width:920px){
 .sbcs-video-card.sbcs-has-video .sbcs-mobile-editbar{grid-template-columns:minmax(0,1fr) auto}
 .sbcs-mobile-brush-wrap,.sbcs-mobile-eraser-size{grid-column:1/-1}
 .sbcs-mobile-eraser-button-wrap .sbcs-mask-eraser-toggle{min-width:120px}
}
@media(max-width:390px){.sbcs-mobile-eraser-button-wrap .sbcs-mask-eraser-toggle{min-width:102px;padding:8px}}

/* v0.4.18 — edit the output filename directly in the video header. */
.sbcs-studio-workspace-head #sbcs-studio-file-info.sbcs-studio-file-rename {
 max-width:min(45vw,440px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 appearance:none;border:1px solid transparent;border-radius:5px;background:transparent;
 padding:5px 21px 5px 7px;margin:0;font:inherit;font-size:12px;color:#52637c;
 text-align:left;cursor:pointer;position:relative;min-width:0;
}
.sbcs-studio-workspace-head #sbcs-studio-file-info.sbcs-studio-file-rename:hover:not(:disabled),
.sbcs-studio-workspace-head #sbcs-studio-file-info.sbcs-studio-file-rename:focus-visible {
 border-color:#e0c26b;background:#fff9e9;color:#172130;outline:none;
}
.sbcs-studio-workspace-head #sbcs-studio-file-info.sbcs-studio-file-rename:disabled {cursor:default;color:#8190a4;}
.sbcs-studio-workspace-head .sbcs-studio-file-name-edit {
 width:min(45vw,440px);min-width:120px;max-width:100%;border:1px solid #bd8c23;border-radius:5px;
 padding:6px 8px;line-height:1.3;font-size:12px;color:#172130;background:#fff;outline:2px solid #fff0bf;
}
.sbcs-studio-workspace-head #sbcs-studio-file-info[hidden],
.sbcs-studio-workspace-head #sbcs-studio-file-name-edit[hidden] {display:none!important;}
.sbcs-video-eraser-cursor {border-width:1px;box-shadow:0 0 0 1px #182636,0 1px 4px rgba(0,0,0,.35);}
@media(max-width:600px){.sbcs-studio-workspace-head #sbcs-studio-file-info.sbcs-studio-file-rename,
 .sbcs-studio-workspace-head .sbcs-studio-file-name-edit{max-width:45vw;}}
.sbcs-studio-workspace-head #sbcs-studio-file-info.sbcs-studio-file-rename:not(:disabled)::after{content:'✎';display:inline-block;margin-left:7px;font-size:12px;color:#ac7912}

/* Experimental two-region selection: compact, mobile-first controls. */
.sbcs-region-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0 13px}
.sbcs-region-tabs{display:flex;border:1px solid #d6deea;border-radius:8px;overflow:hidden;background:#f5f7fb}
.sbcs-region-tabs button{border:0;border-right:1px solid #d6deea;background:transparent;color:#405066;font-size:12px;font-weight:750;padding:8px 11px;cursor:pointer;min-height:35px}
.sbcs-region-tabs button:last-child{border-right:0}
.sbcs-region-tabs button.is-active{background:#f3cb61;color:#202837}
.sbcs-region-add,.sbcs-region-remove{border:1px solid #cbd6e4;border-radius:7px;padding:8px 11px;min-height:35px;background:white;color:#32445a;font-size:12px;font-weight:750;cursor:pointer}
.sbcs-region-remove{color:#8b3b30}
.sbcs-region-controls button:disabled{opacity:.5;cursor:not-allowed}
.sbcs-region-controls [hidden]{display:none!important}
.sbcs-region-controls-mobile{margin:0 0 7px;flex-basis:100%;width:100%;align-items:center}
@media(max-width:520px){.sbcs-region-controls-mobile{gap:5px}.sbcs-region-add,.sbcs-region-remove,.sbcs-region-tabs button{font-size:11px;padding:7px 9px;min-height:34px}}

/* Reviewing a completed or in-progress saved job: the source is not kept
   after processing, so do not show brush tools that require the upload. */
.sbcs-video-card.sbcs-is-reopened .sbcs-studio-tools{display:none!important}
.sbcs-video-card.sbcs-is-reopened .sbcs-studio-layout{grid-template-columns:minmax(0,1fr)!important}
.sbcs-video-card.sbcs-is-reopened .sbcs-studio-workspace{grid-column:1/-1;max-width:100%}

/* Spazr public application */
.sbcs-spazr-login-notice{margin:0 0 16px;padding:14px 18px;border:1px solid rgba(212,175,55,.4);border-radius:10px;background:#17191b;color:#f4f4f4;font-size:14px}
.sbcs-spazr-login-notice a{color:#f0c76a;text-decoration:underline;font-weight:700}

/* Spazr 0.5.3: dense, screen-height-aware desktop toolbar */
@media(min-width:921px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{overflow-y:hidden;gap:0;min-height:0;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-panel-heading{padding:8px 12px 7px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-panel-heading p{margin-top:2px;line-height:1.2;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section{padding:clamp(5px,0.85dvh,12px) 12px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-file-label{padding:8px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section .sbcs-studio-section-label{display:block;margin-bottom:5px;font-size:9px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section select{min-height:34px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-mask-eraser-toggle{min-height:32px;padding:5px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section .sbcs-studio-tip{font-size:10px;line-height:1.28;margin:5px 0 0;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools-footer{padding:6px 12px;font-size:10px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-buttons button{min-height:30px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-panel-heading,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-file-section,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools-footer{display:flex;}
}
@media(min-width:921px) and (max-height:770px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-panel-heading p,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools-footer,.sbcs-video-card.sbcs-full-workspace .sbcs-selection-help,.sbcs-video-card.sbcs-full-workspace .sbcs-studio-brush-ruler{display:none;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section{padding:5px 10px;}
}
@media(min-width:921px) and (max-height:550px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools{overflow-y:auto;max-height:none;height:auto;}
}
.sbcs-trial-banner{position:absolute;right:12px;top:48px;z-index:5;max-width:310px;padding:9px 12px;border:1px solid #efd794;border-radius:9px;background:#fffaf0;color:#674b0e;font-size:11px;line-height:1.4;box-shadow:0 5px 18px #00000010;}
.sbcs-trial-banner a{color:#674b0e;text-decoration:underline;}

.sbcs-trial-banner[hidden]{display:none!important;}
@media(min-width:921px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools .sbcs-video-selection-info{padding:6px;margin-top:5px;line-height:1.25;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools .sbcs-studio-setting-row{margin-bottom:3px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools .sbcs-studio-field-label{margin-bottom:4px;}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tools .sbcs-studio-tool-buttons{gap:5px;}
}
@media(max-width:720px){.sbcs-trial-banner{top:55px;right:8px;max-width:min(310px,90vw);}}

/* Site identity is inherited from WordPress Appearance > Customize > Site Identity. */
.sbcs-business-logo{background:transparent!important;overflow:hidden;display:inline-flex!important;align-items:center;justify-content:center;flex:none}
.sbcs-business-logo-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.sbcs-portal-brand strong,.sbcs-sidebar-brand strong{overflow-wrap:anywhere}

@media(max-width:1170px){.sbcs-studio-bottom .sbcs-video-status{flex-basis:100%;max-width:none}.sbcs-studio-bottom .sbcs-processing-estimate{flex:1 1 290px}}
@media(max-width:720px){.sbcs-studio-bottom .sbcs-processing-estimate{width:100%;min-width:0;flex:auto;padding:8px 10px}.sbcs-processing-estimate-top strong{font-size:15px}}

.sbcs-video-actions #sbcs-video-submit{white-space:normal;overflow-wrap:anywhere;text-align:center}


/* v0.8.0 — clean sidebar actions, accessible contextual help */
.sbcs-editor-help-trigger{display:inline-grid;place-items:center;width:31px;height:31px;min-width:31px;padding:0;border:1px solid #b5c5d8;border-radius:7px;background:#fff;color:#1b3553;font-size:16px;font-weight:850;line-height:1;cursor:pointer;flex:none;letter-spacing:0;}
.sbcs-editor-help-trigger:hover{background:#fff4d5;border-color:#cf9e29;color:#6c4b04}
.sbcs-studio-section-label{display:flex;align-items:center;gap:7px;justify-content:flex-start}
.sbcs-studio-section-label .sbcs-editor-help-trigger{margin-left:auto;}
.sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section .sbcs-studio-section-label{display:flex}
.sbcs-studio-file-section{flex-direction:column;align-items:stretch;gap:6px}
.sbcs-studio-file-label{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid #d6ad47;border-radius:9px;background:#f7d16a;color:#1b293c;min-height:43px;padding:10px 12px;text-align:center;cursor:pointer;}
.sbcs-studio-file-label:hover{background:#ffdf86;border-color:#c4941c}
.sbcs-studio-file-label strong{font-size:13px;color:#1b293c;font-weight:850}
.sbcs-upload-action-icon{font-size:20px;font-weight:800;line-height:1}
.sbcs-studio-tool-section .sbcs-studio-field-label{font-size:13px}
.sbcs-studio-tool-section select{font-size:14px}
.sbcs-mask-eraser-toggle{font-size:13px}
.sbcs-video-selection-info.sbcs-a11y-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.sbcs-studio-panel-heading{align-items:center}
.sbcs-studio-panel-heading p{display:none}
.sbcs-editor-help-overlay[hidden]{display:none!important}
.sbcs-editor-help-overlay{position:fixed;inset:0;z-index:100000;background:rgba(12,23,42,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.sbcs-editor-help-dialog{width:min(100%,660px);max-height:min(88dvh,900px);background:#fff;color:#1a2a41;border:1px solid #e1e7f0;border-radius:17px;box-shadow:0 25px 80px rgba(0,0,0,.32);display:flex;flex-direction:column;overflow:hidden;outline:none}
.sbcs-editor-help-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:23px 28px 19px;border-bottom:1px solid #e5eaf2}
.sbcs-editor-help-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#986811}
.sbcs-editor-help-header h2{margin:7px 0 0;font-size:25px;line-height:1.25;letter-spacing:-.02em;color:#17253b}
.sbcs-editor-help-close{display:grid;place-items:center;flex:none;border:1px solid #d7e0eb;border-radius:9px;background:#f7f9fc;color:#233a55;width:39px;height:39px;font-size:26px;cursor:pointer}
.sbcs-editor-help-close:hover{background:#fef2d7}
.sbcs-editor-help-content{overflow-y:auto;overscroll-behavior:contain;padding:7px 28px 14px;scrollbar-width:thin}
.sbcs-editor-help-content section{padding:20px 0 18px;border-bottom:1px solid #e3e9f1}
.sbcs-editor-help-content section:last-child{border:0}
.sbcs-editor-help-content h3{margin:0 0 12px;font-size:18px;line-height:1.3;color:#17253b}
.sbcs-editor-help-content p{margin:0 0 11px;font-size:15px;line-height:1.6;color:#506177}
.sbcs-editor-help-content p:last-child{margin-bottom:0}
.sbcs-editor-help-tool{padding:10px 0;border-bottom:1px solid #edf1f6}
.sbcs-editor-help-tool:last-child{border:0}
.sbcs-editor-help-tool>strong{display:block;font-size:15px;color:#18283c;margin-bottom:4px}
.sbcs-editor-help-footer{padding:15px 28px;border-top:1px solid #e5eaf2;display:flex;justify-content:flex-end;background:#fafbfd}
.sbcs-editor-help-done{background:#f2c85d;color:#17263d;border:1px solid #e0b041;border-radius:9px;padding:11px 22px;font-size:14px;font-weight:850;cursor:pointer}
.sbcs-editor-help-done:hover{background:#ffdb7a}
body.sbcs-editor-help-open{overflow:hidden!important}
.sbcs-mobile-selector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.sbcs-mobile-editbar .sbcs-mobile-selector-heading label{margin:0;font-size:13px}
.sbcs-mobile-selector-heading .sbcs-editor-help-trigger{width:35px;height:35px;min-width:35px}
.sbcs-studio-replace-mobile{gap:7px}
@media(min-width:921px){
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-tool-section .sbcs-studio-section-label{font-size:10px;min-height:31px;letter-spacing:.065em}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-file-label{padding:9px 11px;min-height:43px}
 .sbcs-video-card.sbcs-full-workspace .sbcs-studio-panel-heading p{display:none}
}
@media(max-width:720px){
 .sbcs-video-card.sbcs-has-video .sbcs-studio-replace-mobile{min-height:42px;gap:6px;padding:8px 12px;font-size:13px;background:#f7cf68;color:#17253b;border:1px solid #d9ad44}
 .sbcs-studio-workspace-head{gap:8px}
 .sbcs-editor-help-overlay{padding:12px}
 .sbcs-editor-help-dialog{max-height:92dvh;border-radius:14px}
 .sbcs-editor-help-header{padding:17px 19px 14px}
 .sbcs-editor-help-header h2{font-size:21px}
 .sbcs-editor-help-content{padding:6px 19px 12px}
 .sbcs-editor-help-content section{padding:16px 0}
 .sbcs-editor-help-content p{font-size:14px;line-height:1.6}
 .sbcs-editor-help-footer{padding:12px 19px}
}

/* v0.8.1 — automatic detection choice dialog (no background charge) */
.sbcs-auto-watermark-overlay[hidden]{display:none!important}
.sbcs-auto-watermark-overlay{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;background:rgba(11,21,39,.76);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.sbcs-auto-watermark-dialog{width:min(100%,510px);box-sizing:border-box;max-height:90dvh;overflow:auto;background:#fff;color:#172337;border:1px solid #d9e1ed;border-radius:16px;padding:30px;box-shadow:0 25px 85px rgba(0,0,0,.32);outline:none}
.sbcs-auto-watermark-symbol{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#fff6db;color:#b37b04;font-size:32px;border-radius:13px;margin-bottom:18px}
.sbcs-auto-watermark-label{font-size:11px;font-weight:800;letter-spacing:.09em;color:#976608}
.sbcs-auto-watermark-dialog h2{font-size:26px;line-height:1.18;margin:11px 0 13px;color:#172337;font-weight:750}
.sbcs-auto-watermark-dialog p{font-size:16px;line-height:1.55;margin:0 0 18px;color:#40516d}
.sbcs-auto-watermark-price{font-size:15px;background:#f7f9fc;border:1px solid #e3e9f2;border-radius:9px;padding:14px 16px;margin-bottom:20px;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.sbcs-auto-watermark-price strong{font-size:19px;color:#19273d}
.sbcs-auto-watermark-actions{display:grid;gap:9px}
.sbcs-auto-watermark-actions button{border-radius:9px;min-height:47px;padding:12px 16px;font-weight:750;font-size:15px;cursor:pointer;border:1px solid #d9e1ed}
.sbcs-auto-watermark-accept{background:#f5c64f;color:#111c2e;border-color:#e8b93c!important}
.sbcs-auto-watermark-manual{background:#fff;color:#172337}
.sbcs-auto-watermark-dialog small{display:block;margin-top:18px;color:#64748b;font-size:12px;line-height:1.5}
.sbcs-auto-watermark-dialog button:focus-visible{outline:3px solid #8dacf7;outline-offset:3px}
@media(max-width:520px){.sbcs-auto-watermark-dialog{padding:22px;border-radius:13px}.sbcs-auto-watermark-dialog h2{font-size:23px}}

/* 0.8.2 staged advanced processing selector. Costs still quoted before submission. */
.sbcs-processing-quality{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#23344a}
.sbcs-processing-quality-title{font-size:12px;font-weight:800;white-space:nowrap}
.sbcs-processing-quality label,.sbcs-auto-processing-quality label{display:inline-flex;gap:6px;align-items:center;cursor:pointer;border:1px solid #dbe3ed;background:#fff;padding:9px 11px;border-radius:8px;font-weight:700;font-size:13px;color:#203149;min-height:39px;box-sizing:border-box}
.sbcs-processing-quality label:has(input:checked),.sbcs-auto-processing-quality label:has(input:checked){border-color:#d7ab36;background:#fff2c8}
.sbcs-processing-quality input,.sbcs-auto-processing-quality input{accent-color:#bf8c12}
.sbcs-auto-processing-quality{display:flex;gap:9px;margin:0 0 13px;flex-wrap:wrap}
.sbcs-auto-processing-quality label{flex:1;justify-content:center}
@media(max-width:600px){.sbcs-processing-quality{width:100%}.sbcs-processing-quality-title{width:100%}.sbcs-processing-quality label{flex:1;justify-content:center}.sbcs-processing-estimate{flex:1}}
