@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app: #0c0c0e;--bg-surface: #141417;--bg-elevated: #1a1a1f;--bg-hover: #222228;--border: #232328;--border-active: #383842;--text-primary: #ededef;--text-secondary: #8e8e93;--text-tertiary: #5c5c62;--accent: #ffffff;--accent-blue: #3b82f6;--success: #10b981;--danger: #ef4444;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center}.app-shell{width:100%;max-width:860px;min-height:100vh;display:flex;flex-direction:column;padding:1.25rem 1.25rem 2rem;position:relative}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-elevated);border:1px solid var(--border-active);color:var(--text-primary);font-size:.8rem;font-weight:500;padding:.55rem .85rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.45rem;box-shadow:0 10px 25px -5px #0009;z-index:999;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.toast-icon{color:var(--success)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.brand-group{display:flex;align-items:center;gap:.65rem}.brand-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:.875rem;font-weight:600;letter-spacing:-.01em}.brand-tagline{font-size:.7rem;color:var(--text-tertiary)}.mode-tabs{display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px}.tab{display:flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.badge{background:#2563eb;color:#fff;font-size:.65rem;padding:.05rem .35rem;border-radius:999px;font-weight:600}.device-indicator{display:flex;align-items:center;gap:.4rem;font-size:.725rem;color:var(--text-tertiary);font-family:monospace;background:var(--bg-surface);border:1px solid var(--border);padding:.25rem .55rem;border-radius:var(--radius-sm)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.workspace{flex:1;display:flex;flex-direction:column;gap:1rem}.progress-strip{display:flex;flex-direction:column;gap:.4rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem}.progress-strip-header{display:flex;justify-content:space-between;font-size:.775rem;color:var(--text-secondary)}.progress-strip-bar{width:100%;height:3px;background-color:var(--border);border-radius:999px;overflow:hidden}.progress-strip-fill{height:100%;background-color:#3b82f6;border-radius:999px;transition:width .2s ease}.error-card{display:flex;align-items:center;gap:.65rem;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:.65rem .85rem;color:#f87171;font-size:.8rem}.error-text{display:flex;align-items:center;justify-content:space-between;width:100%}.error-action{display:inline-flex;align-items:center;gap:.25rem;background:#dc2626;color:#fff;border:none;padding:.2rem .45rem;border-radius:var(--radius-xs);font-size:.725rem;font-weight:500;cursor:pointer}.mode-view{display:flex;flex-direction:column;gap:.85rem}.drop-area{border:1px dashed var(--border-active);border-radius:var(--radius-lg);background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center;gap:.75rem;cursor:pointer;transition:all .15s ease}.drop-area:hover:not(.locked),.drop-area.drag-over{border-color:var(--text-tertiary);background:var(--bg-elevated)}.drop-area.locked{opacity:.5;cursor:not-allowed}.drop-icon-box{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.drop-text-group{display:flex;flex-direction:column;gap:.2rem}.drop-main-text{font-size:.875rem;font-weight:500;color:var(--text-primary)}.drop-sub-text{font-size:.75rem;color:var(--text-tertiary)}.batch-drop-area{padding:2.25rem 1.5rem}.processing-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;gap:.65rem;color:var(--text-secondary);font-size:.85rem}.spin{animation:spin 1s linear infinite;color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ribbon{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:.25rem}.ribbon-left{display:flex;align-items:center;gap:.6rem}.ribbon-label{font-size:.775rem;color:var(--text-tertiary);font-weight:500}.swatch-group{display:flex;align-items:center;gap:.35rem}.swatch-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease}.swatch-btn:hover{transform:scale(1.1)}.swatch-btn.selected{border-color:#3b82f6;outline:2px solid rgba(59,130,246,.4);outline-offset:1px}.custom-color-swatch{position:relative;width:22px;height:22px}.native-color{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.color-preview{width:100%;height:100%;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.color-preview.selected{border-color:#3b82f6;outline:2px solid rgba(59,130,246,.4);outline-offset:1px}.check-light{color:#fff}.check-dark{color:#000}.ribbon-right{display:flex;align-items:center;gap:.45rem}.dim-tag{font-size:.725rem;color:var(--text-tertiary);font-family:monospace;padding-right:.4rem}.btn-solid{display:inline-flex;align-items:center;gap:.35rem;background:var(--text-primary);color:var(--bg-app);border:none;padding:.38rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn-solid:hover:not(:disabled){opacity:.9}.btn-solid:disabled{background:var(--bg-elevated);color:var(--text-tertiary);cursor:not-allowed}.btn-accent{background:#3b82f6;color:#fff}.btn-ghost{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);padding:.38rem .7rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.danger-ghost:hover:not(:disabled){color:var(--danger);border-color:#ef44444d}.single-editor{display:flex;flex-direction:column;gap:.65rem}.canvas-viewport{position:relative;width:100%;max-height:520px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:ew-resize;-webkit-user-select:none;user-select:none;background-color:#0c0c0e}.checker{background-image:linear-gradient(45deg,#18181b 25%,transparent 25%),linear-gradient(-45deg,#18181b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#18181b 75%),linear-gradient(-45deg,transparent 75%,#18181b 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#0c0c0e}.canvas-image{max-width:100%;max-height:520px;width:auto;height:auto;display:block;object-fit:contain}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.slider-track{position:absolute;top:0;bottom:0;width:1.5px;background-color:#ffffffd9;transform:translate(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.slider-thumb{width:22px;height:22px;border-radius:50%;background:#fff;color:#0c0c0e;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000080}.edge-tag{position:absolute;bottom:10px;padding:.15rem .45rem;border-radius:var(--radius-xs);background:#0c0c0ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-secondary);font-size:.675rem;font-weight:500;pointer-events:none}.tag-left{left:10px}.tag-right{right:10px}.batch-panel{display:flex;flex-direction:column;gap:.75rem}.batch-summary-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem}.summary-stats{display:flex;align-items:center;gap:.4rem}.stat-highlight{font-size:.825rem;font-weight:600;color:var(--text-primary)}.stat-sub{font-size:.775rem;color:var(--text-tertiary)}.live-status-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.725rem;color:#3b82f6;margin-left:.4rem}.pulse-dot{width:5px;height:5px;border-radius:50%;background:#3b82f6;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.batch-action-buttons{display:flex;align-items:center;gap:.4rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem;max-height:400px;overflow-y:auto;padding:.15rem 0}.grid-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease}.grid-card:hover{border-color:var(--border-active)}.card-media{position:relative;width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#09090b}.card-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.card-curtain{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c0c0ebf;display:flex;align-items:center;justify-content:center}.card-dismiss{position:absolute;top:4px;right:4px;background:#141417d9;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-tertiary);width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-dismiss:hover{color:var(--danger)}.card-quick-download{position:absolute;bottom:4px;right:4px;background:#141417d9;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-quick-download:hover{color:var(--text-primary);background:var(--bg-hover)}.card-details{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.2rem;border-top:1px solid var(--border)}.card-title{font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.card-sub-info{display:flex;justify-content:space-between;align-items:center}.card-size{font-size:.65rem;color:var(--text-tertiary)}.pill{font-size:.625rem;font-weight:500;padding:.05rem .3rem;border-radius:3px}.pill.queued{background:var(--bg-elevated);color:var(--text-tertiary)}.pill.processing{background:#3b82f626;color:#60a5fa}.pill.done{background:#10b98126;color:#34d399}.pill.error{background:#ef444426;color:#f87171}.app-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.725rem;color:var(--text-tertiary)}@media (max-width: 600px){.app-header{flex-wrap:wrap;gap:.75rem}.ribbon{flex-direction:column;align-items:stretch}.ribbon-right{justify-content:space-between}.batch-summary-bar{flex-direction:column;align-items:stretch}.batch-action-buttons{justify-content:space-between}}.yt-studio{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.yt-studio.dark{--yt-bg: #0f0f0f;--yt-surface: #212121;--yt-border: #3f3f3f;--yt-text: #f1f1f1;--yt-text-sec: #aaaaaa;--yt-blue: #3ea6ff;--yt-red: #ff0000;--studio-bg: #141417;--studio-surface: #1a1a1f;--studio-border: #232328}.yt-studio.light{--yt-bg: #ffffff;--yt-surface: #f2f2f2;--yt-border: #e5e5e5;--yt-text: #0f0f0f;--yt-text-sec: #606060;--yt-blue: #065fd4;--yt-red: #ff0000;--studio-bg: #f8fafc;--studio-surface: #ffffff;--studio-border: #e2e8f0}.studio-bar{display:flex;justify-content:space-between;align-items:center;background:var(--studio-surface);border:1px solid var(--studio-border);padding:1rem 1.25rem;border-radius:var(--radius-lg);flex-wrap:wrap;gap:1rem}.studio-bar-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.studio-title-group{display:flex;flex-direction:column;gap:.2rem}.studio-badge{font-size:.65rem;font-weight:700;color:#3ea6ff;text-transform:uppercase;letter-spacing:.5px}.studio-heading{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.yt-studio.light .studio-heading{color:#0f0f0f}.layout-pills{display:flex;background:var(--bg-app);border:1px solid var(--studio-border);border-radius:var(--radius-md);padding:3px}.yt-studio.light .layout-pills{background:#f1f5f9}.pill-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.yt-studio.light .pill-btn{color:#64748b}.pill-btn:hover{color:var(--text-primary)}.yt-studio.light .pill-btn:hover{color:#0f0f0f}.pill-btn.active{background:var(--studio-surface);color:var(--text-primary);box-shadow:0 1px 3px #0003}.yt-studio.light .pill-btn.active{background:#fff;color:#0f0f0f;box-shadow:0 1px 3px #0000001a}.studio-bar-right{display:flex;align-items:center;gap:1rem}.diag-btn{background:var(--bg-app);border:1px solid var(--studio-border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.yt-studio.light .diag-btn{background:#f1f5f9;color:#64748b}.diag-btn.active{background:#3ea6ff;color:#fff;border-color:#3ea6ff}.blur-control{display:flex;align-items:center;gap:.5rem;background:var(--bg-app);border:1px solid var(--studio-border);padding:.4rem .8rem;border-radius:var(--radius-sm)}.yt-studio.light .blur-control{background:#f1f5f9}.control-label{font-size:.75rem;color:var(--text-secondary)}.yt-studio.light .control-label{color:#64748b}.slider-input{width:80px;accent-color:#3ea6ff}.slider-val{font-size:.75rem;font-family:monospace;color:var(--text-primary)}.yt-studio.light .slider-val{color:#0f0f0f}.icon-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--studio-border);background:var(--bg-app);color:var(--text-primary);cursor:pointer;transition:all .2s}.yt-studio.light .icon-toggle-btn{background:#f1f5f9;color:#0f0f0f}.icon-toggle-btn:hover{background:var(--studio-surface)}.yt-studio.light .icon-toggle-btn:hover{background:#e2e8f0}.input-deck{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:var(--studio-surface);border:1px solid var(--studio-border);padding:1.5rem;border-radius:var(--radius-lg)}@media (max-width: 768px){.input-deck{grid-template-columns:1fr}}.upload-slots{display:flex;flex-direction:column;gap:1rem}.slot-box{display:flex;align-items:center}.upload-trigger-btn{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;padding:.75rem;border:1px dashed var(--studio-border);background:var(--bg-app);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.yt-studio.light .upload-trigger-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}.upload-trigger-btn:hover{border-color:#3ea6ff;color:#3ea6ff;background:#3ea6ff0d}.upload-trigger-btn.has-file{border-style:solid;border-color:var(--studio-border)}.variant-switch{display:flex;background:var(--bg-app);border:1px solid var(--studio-border);border-radius:var(--radius-md);padding:3px}.yt-studio.light .variant-switch{background:#f1f5f9}.var-btn{flex:1;padding:.4rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.yt-studio.light .var-btn{color:#64748b}.var-btn.selected{background:var(--studio-surface);color:var(--text-primary);box-shadow:0 1px 3px #0003}.yt-studio.light .var-btn.selected{background:#fff;color:#0f0f0f}.sample-chips{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.sample-label{font-size:.75rem;color:var(--text-tertiary)}.yt-studio.light .sample-label{color:#94a3b8}.chip-btn{background:var(--bg-app);border:1px solid var(--studio-border);padding:.2rem .5rem;border-radius:999px;font-size:.7rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.yt-studio.light .chip-btn{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.chip-btn:hover{background:var(--studio-surface);color:var(--text-primary)}.meta-inputs{display:flex;flex-direction:column;gap:1rem}.input-field-group{display:flex;flex-direction:column;gap:.4rem}.field-header{display:flex;justify-content:space-between;align-items:center}.field-header label,.small-field label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.yt-studio.light :is(.field-header label),.yt-studio.light :is(.small-field label){color:#475569}.char-counter{font-size:.7rem;color:var(--text-tertiary)}.char-counter.warn{color:#ef4444}.title-input,.sub-input{background:var(--bg-app);border:1px solid var(--studio-border);color:var(--text-primary);padding:.65rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;transition:border-color .2s}.yt-studio.light .title-input,.yt-studio.light .sub-input{background:#f8fafc;border-color:#cbd5e1;color:#0f0f0f}.title-input:focus,.sub-input:focus{outline:none;border-color:#3ea6ff}.meta-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem}.small-field{display:flex;flex-direction:column;gap:.4rem}.simulator-stage{background:var(--yt-bg);border:1px solid var(--studio-border);border-radius:var(--radius-lg);padding:2rem;overflow:hidden;transition:all .3s ease;min-height:400px;display:flex;justify-content:center}.yt-desktop-feed{width:100%;max-width:1200px}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem 1rem}.yt-card{display:flex;flex-direction:column;gap:.75rem;cursor:pointer}.yt-thumb-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--yt-surface)}.yt-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.yt-card:hover .yt-thumb-img{transform:scale(1.02)}.yt-time-badge{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:.75rem;font-weight:500;padding:2px 4px;border-radius:4px;letter-spacing:.5px}.variant-tag{position:absolute;top:6px;left:6px;background:#3ea6ff;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.yt-meta-row{display:flex;gap:.75rem}.yt-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--yt-surface);flex-shrink:0}.default-avatar{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;background:#3ea6ff}.small-av{width:24px;height:24px;font-size:.9rem}.yt-info{display:flex;flex-direction:column;overflow:hidden}.yt-title{font-size:1rem;font-weight:600;color:var(--yt-text);line-height:1.4;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-channel-line,.yt-stat-line{font-size:.85rem;color:var(--yt-text-sec);display:flex;align-items:center;gap:.3rem}.yt-channel-line:hover{color:var(--yt-text)}.yt-verified{color:var(--yt-text-sec);background:var(--yt-surface);border-radius:50%;padding:2px}.yt-dot{font-size:.7rem}.primary-creator-card{outline:2px solid transparent;transition:all .2s}.primary-creator-card:hover{outline:2px solid #3ea6ff;border-radius:12px}.sponsored-card{background:transparent}.sponsor-link{text-decoration:none;display:flex;flex-direction:column;gap:.75rem}.sponsor-corner-pill{position:absolute;top:6px;left:6px;background:#fbbc04;color:#000;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.ad-attribution{font-weight:700;color:var(--yt-text)}.sponsor-cta-line{margin-top:.3rem;display:flex;align-items:center;gap:.4rem;color:#3ea6ff;font-size:.9rem;font-weight:600}.mobile-shell-frame{width:360px;height:720px;background:#000;border-radius:36px;padding:12px;box-shadow:0 20px 40px #00000080;position:relative;display:flex;flex-direction:column}.mobile-speaker{position:absolute;top:24px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#222;border-radius:10px;z-index:10}.mobile-screen{flex:1;background:var(--yt-bg);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.yt-mobile-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--yt-bg);border-bottom:1px solid var(--yt-border)}.yt-mobile-logo{font-weight:700;font-size:1.2rem;letter-spacing:-1px;color:var(--yt-text)}.mobile-top-icons{display:flex;align-items:center;gap:1rem;color:var(--yt-text)}.mini-avatar{width:24px;height:24px;border-radius:50%;background:#3ea6ff}.mobile-feed-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.yt-mobile-card{display:flex;flex-direction:column;border-bottom:1px solid var(--yt-border);padding-bottom:.5rem}.yt-mobile-card .yt-thumb-wrapper{border-radius:0}.yt-mobile-meta{display:flex;gap:.75rem;padding:.75rem 1rem}.yt-mobile-info{display:flex;flex-direction:column}.yt-mobile-title{font-size:.95rem;font-weight:500;color:var(--yt-text);line-height:1.3;margin-bottom:.2rem}.yt-mobile-sub{font-size:.75rem;color:var(--yt-text-sec);display:flex;align-items:center;gap:.2rem}.yt-mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:.8rem 0;background:var(--yt-bg);border-top:1px solid var(--yt-border);font-size:.65rem;color:var(--yt-text-sec)}.nav-item.active{color:var(--yt-text);font-weight:600}.nav-plus{font-size:1.5rem;font-weight:300;transform:translateY(-2px)}.yt-sidebar-layout{display:flex;gap:1.5rem;width:100%;max-width:1000px}.mock-player-container{flex:2;display:flex;flex-direction:column;gap:1rem}.mock-video-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center}.player-brand-overlay{color:#fff;font-size:.9rem;opacity:.5;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:4px}.mock-player-details h2{font-size:1.25rem;color:var(--yt-text);margin-bottom:.4rem}.player-sub-line{color:var(--yt-text-sec);font-size:.9rem}.sidebar-list{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:320px}.sidebar-heading{font-size:1rem;font-weight:600;color:var(--yt-text);margin-bottom:.5rem}.sidebar-card{display:flex;gap:.5rem;cursor:pointer}.sidebar-thumb-wrapper{position:relative;width:168px;height:94px;border-radius:8px;overflow:hidden;flex-shrink:0}.sidebar-thumb-img{width:100%;height:100%;object-fit:cover}.mini-time{font-size:.7rem;padding:1px 3px;bottom:4px;right:4px}.sidebar-info{display:flex;flex-direction:column;padding-top:.2rem}.sidebar-title{font-size:.9rem;font-weight:600;color:var(--yt-text);line-height:1.25;margin-bottom:.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-channel,.sidebar-stats{font-size:.75rem;color:var(--yt-text-sec)}.yt-search-feed{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:900px}.search-result-row{display:flex;gap:1rem;cursor:pointer}.search-thumb-wrapper{position:relative;width:360px;flex-shrink:0;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.search-thumb-img{width:100%;height:100%;object-fit:cover}.search-meta{display:flex;flex-direction:column;padding-top:.2rem}.search-title{font-size:1.15rem;font-weight:500;color:var(--yt-text);margin-bottom:.3rem}.search-stats{font-size:.75rem;color:var(--yt-text-sec);display:flex;align-items:center;gap:.3rem;margin-bottom:.8rem}.search-channel-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.channel-txt{font-size:.85rem;color:var(--yt-text-sec)}.search-desc{font-size:.75rem;color:var(--yt-text-sec);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.badge-new{background:var(--yt-surface);color:var(--yt-text-sec);font-size:.75rem;padding:2px 6px;border-radius:4px;align-self:flex-start}@media (max-width: 768px){.search-result-row{flex-direction:column}.search-thumb-wrapper{width:100%}.yt-sidebar-layout{flex-direction:column}}.creator-toolkit-deck{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--studio-border);display:flex;flex-direction:column;gap:1.5rem}.toolkit-header{display:flex;flex-direction:column;gap:.25rem}.toolkit-title-box{display:flex;align-items:center;gap:.5rem;color:#fbbf24}.toolkit-label{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.yt-studio.light .toolkit-label{color:#0f0f0f}.toolkit-sub{font-size:.85rem;color:var(--text-secondary)}.yt-studio.light .toolkit-sub{color:#64748b}.toolkit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.toolkit-card{background:var(--studio-surface);border:1px solid var(--studio-border);padding:1.25rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.toolkit-card:hover{border-color:#3ea6ff;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.card-top{display:flex;justify-content:space-between;align-items:center}.card-brand{font-weight:700;font-size:.9rem;color:var(--text-primary)}.yt-studio.light .card-brand{color:#0f0f0f}.card-badge{font-size:.65rem;font-weight:700;color:#000;background:#fbbf24;padding:2px 6px;border-radius:4px}.neutral-badge{background:var(--studio-border);color:var(--text-secondary)}.card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;flex:1}.yt-studio.light .card-desc{color:#475569}.card-footer{display:flex;justify-content:space-between;align-items:center;color:#3ea6ff;font-weight:600;font-size:.85rem;margin-top:.5rem}.ad-placeholder-slot{border:1px dashed var(--studio-border);background:transparent}.ad-placeholder-slot:hover{border-color:#fbbf24;background:#fbbf240d}.ad-placeholder-slot .card-footer{color:#fbbf24}