@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Pacifico&family=Rock+Salt&family=Architects+Daughter&family=Shadows+Into+Light&family=Indie+Flower&family=Bangers&family=Dancing+Script:wght@400;700&family=Inter:wght@300;400;500;600;700&family=Lobster&family=Merriweather:wght@300;400;700;900&family=Montserrat:wght@100..900&family=Outfit:wght@400;600;800&family=Oswald:wght@200..700&family=Playfair+Display:wght@400..900&family=Roboto:wght@100;300;400;500;700;900&display=swap";.nav-icon-btn{width:48px;height:48px;border-radius:14px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin:0 auto}.nav-icon-btn:hover{background:var(--glass-hover);color:#fff}.nav-icon-btn.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 0 20px var(--accent-glow)}.bento-tile{background:var(--glass);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;overflow:hidden}.bento-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#ffffff26}.stat-focused{display:flex;flex-direction:column;justify-content:center;align-items:center}[data-theme=cyberpunk][data-mode=dark]{--bg-base: #020205;--bg-deep: #050508;--bg-surface: #0a0a0f;--bg-card: rgba(15, 15, 20, .7);--accent: #FF2E93;--accent-glow: rgba(255, 46, 147, .4);--accent-contrast: #000000;--accent-gradient: linear-gradient(135deg, #FF2E93, #FF8A00);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .12);--glass: rgba(20, 20, 25, .6);--glass-hover: rgba(35, 35, 45, .8);--success: #10b981;--warning: #f59e0b;--error: #ff4d4d;--error-glow: rgba(255, 77, 77, .4);--shadow-sm: 0 4px 12px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.5), 0 0 30px var(--accent-glow);--logo-filter: hue-rotate(135deg) saturate(3.5) brightness(1.3) drop-shadow(0 0 15px var(--accent-glow)) drop-shadow(0 0 5px var(--accent-glow))}[data-theme=cyberpunk][data-mode=light]{--bg-base: #f0f0f4;--bg-deep: #f5f5f7;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .7);--accent: #FF2E93;--accent-glow: rgba(255, 46, 147, .4);--accent-contrast: #000000;--accent-gradient: linear-gradient(135deg, #FF2E93, #FF8A00);--text-primary: #111111;--text-secondary: #555555;--text-muted: #888888;--border: rgba(0, 0, 0, .12);--glass: rgba(255, 255, 255, .6);--glass-hover: rgba(240, 240, 245, .8);--success: #10b981;--warning: #f59e0b;--error: #e11d48;--error-glow: rgba(225, 29, 72, .3);--shadow-sm: 0 4px 12px rgba(0,0,0,.05);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(0,0,0,.1), 0 0 30px var(--accent-glow);--logo-filter: hue-rotate(135deg) saturate(3.5) brightness(.95) contrast(1.6) drop-shadow(0 0 12px var(--accent-glow))}[data-theme=pro-studio][data-mode=dark]{--bg-base: #1e1e1e;--bg-deep: #252526;--bg-surface: #2d2d30;--bg-card: rgba(45, 45, 48, .8);--accent: #007acc;--accent-glow: rgba(0, 122, 204, .3);--accent-contrast: #ffffff;--accent-gradient: linear-gradient(135deg, #007acc, #005999);--text-primary: #cccccc;--text-secondary: #aaaaaa;--text-muted: #808080;--border: rgba(255, 255, 255, .08);--glass: rgba(45, 45, 48, .6);--glass-hover: rgba(60, 60, 65, .8);--success: #89d185;--warning: #cca700;--error: #f44336;--error-glow: rgba(244, 67, 54, .3);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--logo-filter: saturate(3) brightness(1.2) drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 5px var(--accent-glow))}[data-theme=pro-studio][data-mode=light]{--bg-base: #f3f3f3;--bg-deep: #fafafa;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .9);--accent: #0066cc;--accent-glow: rgba(0, 102, 204, .2);--accent-contrast: #ffffff;--accent-gradient: linear-gradient(135deg, #0066cc, #004c99);--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border: rgba(0, 0, 0, .1);--glass: rgba(255, 255, 255, .7);--glass-hover: rgba(240, 240, 240, .9);--success: #107c10;--warning: #806b00;--error: #d13438;--error-glow: rgba(209, 52, 56, .2);--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--logo-filter: saturate(3) brightness(.95) contrast(1.5) drop-shadow(0 0 12px var(--accent-glow))}[data-theme=midnight][data-mode=dark]{--bg-base: #000000;--bg-deep: #000000;--bg-surface: #0a0a0a;--bg-card: rgba(10, 10, 10, .8);--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .4);--accent-contrast: #ffffff;--accent-gradient: linear-gradient(135deg, #8b5cf6, #d946ef);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #52525b;--border: rgba(255, 255, 255, .15);--glass: rgba(10, 10, 10, .7);--glass-hover: rgba(24, 24, 27, .9);--success: #34d399;--warning: #fbbf24;--error: #ef4444;--error-glow: rgba(239, 68, 68, .4);--shadow-sm: 0 4px 12px rgba(255,255,255,.02);--shadow-md: 0 8px 24px rgba(255,255,255,.03);--shadow-lg: 0 16px 40px rgba(139, 92, 246, .1);--logo-filter: hue-rotate(55deg) saturate(3) brightness(1.2) drop-shadow(0 0 20px var(--accent-glow)) drop-shadow(0 0 5px var(--accent-glow))}[data-theme=midnight][data-mode=light]{--bg-base: #ffffff;--bg-deep: #ffffff;--bg-surface: #f4f4f5;--bg-card: rgba(244, 244, 245, .8);--accent: #7c3aed;--accent-glow: rgba(124, 58, 237, .2);--accent-contrast: #ffffff;--accent-gradient: linear-gradient(135deg, #7c3aed, #c026d3);--text-primary: #000000;--text-secondary: #3f3f46;--text-muted: #a1a1aa;--border: rgba(0, 0, 0, .15);--glass: rgba(244, 244, 245, .7);--glass-hover: rgba(228, 228, 231, .9);--success: #059669;--warning: #d97706;--error: #dc2626;--error-glow: rgba(220, 38, 38, .2);--shadow-sm: 0 4px 12px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(124, 58, 237, .1);--logo-filter: hue-rotate(55deg) saturate(3) brightness(.85) contrast(1.4) drop-shadow(0 0 12px var(--accent-glow))}[data-theme=terminal][data-mode=dark]{--bg-base: #001100;--bg-deep: #001500;--bg-surface: #002200;--bg-card: rgba(0, 34, 0, .8);--accent: #00ff00;--accent-glow: rgba(0, 255, 0, .4);--accent-contrast: #000000;--accent-gradient: linear-gradient(135deg, #00ff00, #33ff33);--text-primary: #00ff00;--text-secondary: #00cc00;--text-muted: #006600;--border: rgba(0, 255, 0, .3);--glass: rgba(0, 34, 0, .7);--glass-hover: rgba(0, 51, 0, .9);--success: #00ff00;--warning: #cccc00;--error: #ff0000;--error-glow: rgba(255, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 255, 0, .1);--shadow-md: 0 8px 24px rgba(0, 255, 0, .15);--shadow-lg: 0 16px 40px rgba(0, 255, 0, .25);--logo-filter: hue-rotate(280deg) saturate(5) brightness(1.2) contrast(1.4) drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 5px var(--accent-glow))}[data-theme=terminal][data-mode=light]{--bg-base: #f0ead6;--bg-deep: #e8dbb9;--bg-surface: #faf7ef;--bg-card: rgba(250, 247, 239, .8);--accent: #005f00;--accent-glow: rgba(0, 95, 0, .2);--accent-contrast: #ffffff;--accent-gradient: linear-gradient(135deg, #005f00, #008700);--text-primary: #004400;--text-secondary: #006600;--text-muted: #556b2f;--border: rgba(0, 95, 0, .4);--glass: rgba(250, 247, 239, .7);--glass-hover: rgba(232, 219, 185, .9);--success: #008700;--warning: #8b6508;--error: #8b0000;--error-glow: rgba(139, 0, 0, .2);--shadow-sm: 0 4px 12px rgba(0, 95, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 95, 0, .1);--shadow-md: 0 8px 24px rgba(0, 95, 0, .15);--logo-filter: hue-rotate(280deg) saturate(5) brightness(.8) contrast(1.8) drop-shadow(0 0 12px var(--accent-glow))}[data-theme=minimalist][data-mode=dark]{--bg-deep: #0f172a;--bg-surface: #1e293b;--bg-card: rgba(30, 41, 59, .7);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--accent-gradient: linear-gradient(135deg, #3b82f6, #60a5fa);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .1);--glass: rgba(30, 41, 59, .6);--glass-hover: rgba(51, 65, 85, .8);--success: #10b981;--warning: #f59e0b;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--logo-filter: hue-rotate(-20deg) saturate(1.5) brightness(1.2) drop-shadow(0 4px 12px rgba(59, 130, 246, .3))}[data-theme=minimalist][data-mode=light]{--bg-deep: #f8fafc;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .7);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--accent-gradient: linear-gradient(135deg, #3b82f6, #60a5fa);--text-primary: #0f172a;--text-secondary: #475569;--border: rgba(0, 0, 0, .1);--glass: rgba(255, 255, 255, .6);--glass-hover: rgba(241, 245, 249, .8);--success: #10b981;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-deep)}.bg-deep{background-color:var(--bg-deep)}.bg-surface{background-color:var(--bg-surface)}.bg-card{background-color:var(--bg-card)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.border-subtle{border-color:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--bg-deep)}[data-theme=cyberpunk][data-mode=dark] body{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}[data-theme=cyberpunk][data-mode=light] body{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.studio-grid{display:grid;grid-template-columns:280px 1fr;height:100vh}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:32px;z-index:10;box-shadow:4px 0 24px #0000004d}.main-content{padding:48px;overflow-y:auto;background:transparent;scroll-behavior:smooth}.brand-section{margin-bottom:56px}.brand-header{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;margin-bottom:24px;letter-spacing:2px;border-bottom:1px solid var(--border);padding-bottom:12px}.production-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.production-card{background:var(--glass);border:1px solid var(--border);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.165,.84,.44,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.production-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#ffffff1a,#fff0 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5;transition:opacity .5s ease}.production-card:hover{border-color:var(--accent);transform:translateY(-8px) scale(1.02);background:var(--glass-hover);box-shadow:0 20px 40px #000c,0 0 30px var(--accent-glow)}.production-card:hover:before{opacity:1;background:linear-gradient(135deg,var(--accent),rgba(255,255,255,.05) 60%)}.production-card .status-badge{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge{font-size:8px;font-family:Outfit;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;line-height:normal;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0;border:1px solid rgba(255,255,255,.25);background:#0006;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.status-synced{border-color:#ffffff40;color:#fff}.status-draft{border-color:var(--warning);color:#fff}.production-title{font-size:16px;font-weight:800;font-family:Outfit;color:var(--text-primary);letter-spacing:.5px;margin-bottom:16px}.stat-card{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{background:var(--glass-hover);border-color:#ffffff1a;transform:translateY(-4px);box-shadow:var(--shadow-sm)}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px}.stat-value{font-size:28px;font-weight:800;font-family:Outfit;line-height:1}.stat-label{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.action-tile{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;color:#fff;font-weight:700;font-size:14px}.action-tile:hover{background:var(--accent-glow);border-color:#00b4d866;transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-sm)}.btn{padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;outline:none}.btn-primary{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:0 4px 16px var(--accent-glow);position:relative;overflow:hidden;z-index:1}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);z-index:-1;transition:none}.btn-primary:hover:after{animation:shine .6s ease}@keyframes shine{to{left:150%}}.btn-primary:hover{transform:scale(1.03);box-shadow:0 8px 30px #00b4d866}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent)}.btn-danger{background:var(--error-glow);color:var(--error);border:1px solid var(--error)}.btn-danger:hover{background:var(--error);color:#000;border-color:var(--error);box-shadow:0 0 20px var(--error-glow)}.btn-icon{background:var(--glass);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:38px;height:38px}.btn-icon:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-glow);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-icon.danger:hover{border-color:var(--error);background:var(--error-glow);color:var(--error)}.input-pro{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:8px 12px;font-size:11px;font-family:Inter,sans-serif;width:100%;transition:all .2s;outline:none}.input-pro:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);background:#0009}.select-pro{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-deep) url('data:image/svg+xml;utf8,<svg fill="gray" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 8px center;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:8px 30px 8px 12px;font-size:11px;font-family:Inter,sans-serif;font-weight:700;width:100%;transition:all .2s;outline:none;cursor:pointer}.select-pro:focus{border-color:var(--accent)}.slider-pro{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.slider-pro::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 10px var(--accent-glow);transition:transform .1s}.slider-pro::-webkit-slider-thumb:hover{transform:scale(1.3)}.label-pro{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:8px;align-items:center}.setting-group{padding-top:16px;border-top:1px solid var(--border)}.sync-container{position:relative}.sync-dropdown{display:none;flex-direction:column;position:absolute;bottom:100%;right:0;padding-bottom:8px;background:transparent;z-index:100;min-width:180px}.sync-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sync-container:hover .sync-dropdown{display:flex}.sync-option{padding:10px 16px;font-size:11px;font-weight:700;text-align:left;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;white-space:nowrap}.sync-option:hover{background:var(--glass-hover);color:var(--accent)}.sync-option+.sync-option{border-top:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .6s cubic-bezier(.23,1,.32,1) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#333}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}