:root{--studio-bg:#0b0f19;--studio-card-bg:#1f2937;--studio-card-subtle:#111827;--studio-border:#374151;--studio-border-hover:#4b5563;--studio-accent:#3b82f6;--studio-accent-hover:#2563eb;--studio-accent-glow:#3b82f640;--studio-text:#fff;--studio-text-muted:#9ca3af;--studio-text-dim:#6b7280;--studio-success:#10b981;--studio-warning:#f59e0b;--studio-danger:#ef4444;--studio-radius-lg:16px;--studio-radius-md:12px;--studio-radius-sm:8px}.studio-shell{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem 1rem 5rem}@media (width>=768px){.studio-shell{padding:2rem 1.5rem 6rem}}.studio-topbar{border-bottom:1px solid var(--studio-border);flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}@media (width>=768px){.studio-topbar{flex-direction:row;justify-content:space-between;align-items:center}}.studio-title-group h1{color:var(--studio-text);letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0 0 .35rem;font-family:Roboto,sans-serif;font-size:1.85rem;font-weight:700;display:flex}.studio-badge{text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.studio-subtitle{color:var(--studio-text-muted);margin:0;font-size:.95rem}.studio-status-pill{background:var(--studio-card-subtle);border:1px solid var(--studio-border);color:var(--studio-text-muted);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;display:inline-flex}.studio-status-pill .status-dot{background:var(--studio-success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b98199}.studio-workspace-grid{box-sizing:border-box;flex-direction:column;gap:1.75rem;width:100%;display:flex!important}@media (width>=1024px){.studio-workspace-grid{align-items:start;gap:2rem;grid-template-columns:minmax(0,1.65fr) minmax(360px,1fr)!important;display:grid!important}}@media (width<=1023px){.preview-sticky-col{order:-1;margin-bottom:1rem;position:static!important;top:auto!important}.studio-main-col{order:1}}.studio-card{background:var(--studio-card-bg);border:1px solid var(--studio-border);border-radius:var(--studio-radius-lg);box-sizing:border-box;margin-bottom:1.5rem;padding:1.75rem;overflow:hidden;box-shadow:0 10px 30px #00000040}.card-header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.card-title{color:var(--studio-text);align-items:center;gap:.6rem;margin:0;font-family:Roboto,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.card-title i{color:var(--studio-accent);font-size:1.05rem}.studio-video-dropzone{border:2px dashed var(--studio-border);border-radius:var(--studio-radius-md);background:var(--studio-card-subtle);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.85rem;padding:2rem 1.5rem;transition:all .25s;display:flex}.studio-video-dropzone:hover,.studio-video-dropzone.dragover{border-color:var(--studio-accent);background:#3b82f60f;box-shadow:0 0 20px #3b82f626}.dropzone-icon-circle{width:60px;height:60px;color:var(--studio-accent);background:#3b82f61f;border:1px solid #3b82f640;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;transition:transform .25s;display:flex}.studio-video-dropzone:hover .dropzone-icon-circle{transform:scale(1.08)translateY(-2px)}.dropzone-main-text{color:var(--studio-text);margin:0;font-size:1.05rem;font-weight:600}.dropzone-sub-text{color:var(--studio-text-muted);margin:0;font-size:.85rem}.dropzone-specs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem;display:flex}.spec-pill{color:var(--studio-text-dim);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:.2rem .6rem;font-size:.725rem;font-weight:500}.studio-progress-wrap{background:var(--studio-card-subtle);border:1px solid var(--studio-border);border-radius:var(--studio-radius-md);margin-top:1.25rem;padding:1.25rem;display:none}.progress-meta-row{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.progress-filename{color:var(--studio-text);text-overflow:ellipsis;white-space:nowrap;max-width:75%;font-size:.9rem;font-weight:600;overflow:hidden}.progress-stat{color:var(--studio-accent);font-size:.9rem;font-weight:700}.progress-track{border:1px solid var(--studio-border);background:#111827;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--studio-accent) 0%, #60a5fa 100%);border-radius:999px;width:0%;height:100%;transition:width .2s linear}.progress-status-hint{color:var(--studio-text-muted);align-items:center;gap:.5rem;margin-top:.65rem;font-size:.8rem;display:flex}.selected-video-banner{border-radius:var(--studio-radius-md);background:#10b98114;border:1px solid #10b98140;justify-content:space-between;align-items:center;margin-top:1rem;padding:.85rem 1.25rem;display:none}.selected-video-meta{align-items:center;gap:.75rem;display:flex;overflow:hidden}.selected-video-meta i{color:var(--studio-success);flex-shrink:0;font-size:1.2rem}.selected-video-name{color:var(--studio-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.form-group{flex-direction:column;gap:.45rem;margin-bottom:1.25rem;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--studio-text);font-size:.875rem;font-weight:600}.char-count{color:var(--studio-text-dim);font-size:.75rem}.studio-input,.studio-textarea,.studio-select{box-sizing:border-box;background:var(--studio-card-subtle);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);width:100%;color:var(--studio-text);padding:.75rem .9rem;font-family:inherit;font-size:.925rem;transition:border-color .2s,box-shadow .2s}.studio-input:focus,.studio-textarea:focus,.studio-select:focus{border-color:var(--studio-accent);outline:none;box-shadow:0 0 0 3px #3b82f633}.studio-input::placeholder,.studio-textarea::placeholder{color:var(--studio-text-dim)}.thumbnail-workspace{flex-direction:column;gap:1.25rem;display:flex}.active-thumbnail-display{aspect-ratio:16/9!important;border-radius:var(--studio-radius-md)!important;border:1px solid var(--studio-border)!important;box-sizing:border-box!important;background:#000!important;width:100%!important;max-width:100%!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 24px #00000059!important}.active-thumbnail-display img,#activeThumbImg,#thumbnailPreview{display:none;object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:absolute!important;inset:0!important}.thumbnail-overlay-controls{z-index:5;gap:.5rem;display:flex;position:absolute;bottom:12px;right:12px}.thumb-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--studio-radius-sm);cursor:pointer;background:#111827d9;border:1px solid #ffffff26;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.thumb-action-btn:hover{background:var(--studio-accent);border-color:var(--studio-accent)}.thumb-placeholder-box{width:100%;height:100%;color:var(--studio-text-dim);cursor:pointer;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:background .2s;display:flex}.thumb-placeholder-box:hover{background:#3b82f60a}.thumb-placeholder-box i{color:var(--studio-border);font-size:2.25rem;transition:color .2s}.thumb-placeholder-box:hover i{color:var(--studio-accent)}.auto-frames-title{color:var(--studio-text-muted);margin-bottom:.65rem;font-size:.825rem;font-weight:600}.auto-frames-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.frame-candidate-item{aspect-ratio:16/9;border-radius:var(--studio-radius-sm);border:2px solid var(--studio-border);background:var(--studio-card-subtle);cursor:pointer;transition:all .2s;position:relative;overflow:hidden!important}.frame-candidate-item img,.frame-candidate-item canvas{display:block;object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.frame-candidate-item:hover{border-color:var(--studio-border-hover);transform:scale(1.02)}.frame-candidate-item.is-selected{border-color:var(--studio-accent);box-shadow:0 0 12px var(--studio-accent-glow)}.frame-upload-trigger{aspect-ratio:16/9;border-radius:var(--studio-radius-sm);border:1px dashed var(--studio-border);background:var(--studio-card-subtle);cursor:pointer;color:var(--studio-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.25rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.frame-upload-trigger:hover{border-color:var(--studio-accent);color:var(--studio-accent);background:#3b82f60d}.monetization-wrapper{border-radius:var(--studio-radius-md);background:linear-gradient(145deg,#1f293799 0%,#111827cc 100%);border:1px solid #3b82f640;padding:1.25rem}.monetization-tabs{background:var(--studio-card-subtle);border-radius:var(--studio-radius-sm);border:1px solid var(--studio-border);gap:.5rem;margin-bottom:1.25rem;padding:.35rem;display:flex}.monetization-tab-btn{color:var(--studio-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.monetization-tab-btn.is-active{background:var(--studio-accent);color:#fff;box-shadow:0 2px 8px var(--studio-accent-glow)}.price-input-container{align-items:center;max-width:260px;display:flex;position:relative}.currency-symbol{color:var(--studio-text-muted);pointer-events:none;font-size:1.1rem;font-weight:700;position:absolute;left:.9rem}.price-input-container input{padding-left:2.2rem;font-size:1.1rem;font-weight:700}.earnings-hint{color:var(--studio-text-dim);margin-top:.5rem;font-size:.8rem}.studio-btn-primary{background:var(--studio-accent);color:#fff;border-radius:var(--studio-radius-sm);cursor:pointer;box-shadow:0 4px 14px var(--studio-accent-glow);border:none;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:.925rem;font-weight:600;transition:all .2s;display:inline-flex}.studio-btn-primary:hover{background:var(--studio-accent-hover);box-shadow:0 6px 20px var(--studio-accent-glow);transform:translateY(-1px)}.studio-btn-ghost{border:1px solid var(--studio-border);color:var(--studio-text-muted);border-radius:var(--studio-radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.studio-btn-ghost:hover{color:var(--studio-text);border-color:var(--studio-border-hover);background:#ffffff0d}.studio-actions-footer{border-top:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.preview-sticky-col{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:1.5rem}.preview-card{background:var(--studio-card-bg);border:1px solid var(--studio-border);border-radius:var(--studio-radius-lg);overflow:hidden;box-shadow:0 15px 35px #0006}.preview-header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.preview-header span{text-transform:uppercase;letter-spacing:.06em;color:var(--studio-text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.preview-player-wrap{aspect-ratio:16/9;background:#000;width:100%;max-width:100%;position:relative;overflow:hidden!important}.preview-player-wrap video{object-fit:contain!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}.player-empty-placeholder{color:var(--studio-text-dim);cursor:pointer;background:radial-gradient(circle,#1f2937 0%,#0b0f19 100%);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.player-empty-placeholder i{color:var(--studio-border);font-size:2.5rem}.video-specs-bar{background:var(--studio-card-subtle);border-bottom:1px solid var(--studio-border);color:var(--studio-text-dim);flex-wrap:wrap;gap:.75rem;padding:.65rem 1.25rem;font-size:.75rem;display:flex}.video-spec-chip{align-items:center;gap:.35rem;display:inline-flex}.preview-body{padding:1.25rem}.preview-mirrored-title{color:var(--studio-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.preview-mirrored-tags{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.preview-tag-pill{color:var(--studio-text-muted);border:1px solid var(--studio-border);background:#ffffff0d;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.preview-price-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.preview-price-badge.is-ppv{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}#studio-toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:24px;right:24px}.studio-toast{color:#fff;opacity:0;pointer-events:auto;background:#1f2937;border:1px solid #374151;border-radius:10px;align-items:center;gap:.6rem;padding:12px 18px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(12px);box-shadow:0 10px 30px #00000080}.studio-toast.show{opacity:1;transform:translateY(0)}.studio-toast.toast-success{border-left:4px solid var(--studio-success)}.studio-toast.toast-error{border-left:4px solid var(--studio-danger)}.studio-toast.toast-warning{border-left:4px solid var(--studio-warning)}.studio-shell img,.active-thumbnail-display img,#activeThumbImg,#thumbnailPreview,.frame-candidate-item img,.frame-candidate-item canvas{object-fit:cover!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important}.active-thumbnail-display{aspect-ratio:16/9!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;position:relative!important;overflow:hidden!important}