.studio-dark{--s-accent: #3b82f6;--s-accent-glow: rgba(59, 130, 246, .4);--s-border: rgba(255, 255, 255, .08);--s-bg: #0b0f1a;--s-bg-elevated: #151c2c;--s-glass: rgba(21, 28, 44, .7);--s-text-glow: rgba(255, 255, 255, .1)}[data-theme=light] .studio-dark{--s-bg: #fdfdfd;--s-bg-elevated: #ffffff;--s-border: #e2e8f0;--s-glass: rgba(255, 255, 255, .9);--s-accent-glow: rgba(59, 130, 246, .2);--s-text-glow: rgba(0, 0, 0, .05)}.studio-dz{background:var(--s-bg);border:2px dashed var(--s-border);border-radius:28px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0003;position:relative;overflow:hidden}.studio-dz:hover{border-color:var(--s-accent);background:var(--s-bg-elevated);box-shadow:0 20px 60px #0000004d;transform:translateY(-4px)}.studio-dz.active{border-color:var(--s-accent);background:var(--s-bg-elevated);transform:scale(.99)}.dz-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.dz-icon-box{width:80px;height:80px;background:linear-gradient(135deg,var(--s-bg-elevated),var(--s-bg));border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--s-accent);margin-bottom:16px;box-shadow:0 12px 24px #0003;border:1px solid var(--s-border)}.studio-dz h2{font-size:1.6rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px}.studio-dz p{color:var(--text-muted);font-size:.95rem}.dz-formats{display:flex;gap:8px;margin-top:8px}.dz-formats span{font-size:.7rem;font-weight:700;padding:4px 10px;background:var(--s-bg-elevated);border-radius:6px;color:var(--text-muted);border:1px solid var(--s-border)}.studio-card{background:var(--s-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--s-border);border-radius:28px;padding:32px;box-shadow:0 20px 50px #0003;position:relative}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.asset-group{display:flex;align-items:center;gap:16px}.asset-icon{width:48px;height:48px;background:var(--s-accent);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3b82f633}.asset-info{display:flex;flex-direction:column}.asset-name{font-weight:700;color:var(--text-primary);font-size:1rem}.asset-meta{font-size:.8rem;color:var(--text-muted)}.asset-close{width:32px;height:32px;border-radius:50%;background:var(--s-bg);border:1px solid var(--s-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.asset-close:hover{background:#ef4444;color:#fff;border-color:#ef4444}.studio-btn-primary{width:100%;height:56px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:18px;font-weight:900;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 12px 28px #3b82f640;transition:all .4s cubic-bezier(.16,1,.3,1);text-shadow:0 2px 4px rgba(0,0,0,.15);letter-spacing:.02em}.studio-btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.01);box-shadow:0 20px 40px #3b82f659;filter:brightness(1.2)}.studio-btn-primary:disabled{opacity:.6;cursor:not-allowed}.studio-progress{width:100%}.progress-bg{height:8px;background:var(--s-bg);border-radius:99px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:var(--s-accent);border-radius:99px;transition:width .1s linear}.progress-msg{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);font-weight:600}.studio-result-container{background:var(--s-bg);border:1px solid var(--s-border);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.result-header{background:var(--s-bg-elevated);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--s-border)}.result-tabs{display:flex;gap:24px}.active-tab-label{font-size:.8rem;font-weight:800;color:var(--s-accent);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em}.studio-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#e2e8f0;border-radius:99px;outline:none;margin:16px 0}[data-theme=dark] .studio-slider{background:var(--s-bg)}.studio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:#fff;border:4px solid var(--s-accent);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px var(--s-accent-glow);transition:all .2s}.studio-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 25px var(--s-accent-glow)}.studio-workspace{padding:32px;background:#00000008;border-radius:20px;border:1px solid var(--s-border);position:relative;transition:background .3s}[data-theme=dark] .studio-workspace{background:#00000026}.studio-editor-label{position:absolute;top:14px;left:24px;font-size:.65rem;font-weight:900;color:var(--s-accent);letter-spacing:.15em;opacity:.6}.studio-textarea{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:1.15rem;font-weight:500;line-height:1.8;resize:none;outline:none;min-height:200px}.studio-banner-success{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:16px 24px;border-radius:18px;font-weight:800;display:flex;align-items:center;gap:12px;animation:fadeIn .5s ease}.studio-banner-info{margin-top:24px;background:var(--s-glass);border:1px solid var(--s-border);padding:16px 24px;border-radius:18px;display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #00000008}[data-theme=light] .studio-banner-info{background:#f1f5f9}.label-overlay{font-size:10px;font-weight:900;color:var(--s-accent);letter-spacing:.1em;opacity:.5;margin-top:12px}