:root{--bg:#090a0f;--bg-canvas:#0c0e14;--bg-soft:#12141c;--bg-card:#151722;--bg-card-elevated:#1a1d2a;--bg-card-hover:#202434;--bg-panel:rgba(14,16,24,0.88);--panel-solid:#13151f;--card:rgba(255,255,255,0.045);--card-strong:rgba(255,255,255,0.08);--card-hover:rgba(255,255,255,0.11);--card-border:rgba(255,255,255,0.08);--card-specular:inset 0 1px 0 rgba(255,255,255,0.08);--line:rgba(255,255,255,0.085);--line-hover:rgba(255,255,255,0.18);--text:#f9fafc;--text-dim:#c5cbd8;--muted:#8891a4;--subtle:#525866;--lime:#b8f641;--lime-hover:#cafb54;--lime-active:#a2e827;--lime-text:#080d04;--lime-glow:0 0 28px rgba(184,246,65,0.35);--lime-dim:rgba(184,246,65,0.14);--lime-border:rgba(184,246,65,0.38);--primary:#b8f641;--primary-strong:#a2e827;--primary-light:#cafb54;--primary-glow:rgba(184,246,65,0.35);--accent:#b8f641;--accent-cyan:#06b6d4;--accent-strong:#a2e827;--accent-light:#cafb54;--accent-glow:rgba(184,246,65,0.28);--warm:#f59e0b;--danger:#ef4444;--success:#b8f641;--violet:#8b5cf6;--shadow:0 18px 48px -12px rgba(0,0,0,0.65);--shadow-lg:0 28px 72px -16px rgba(0,0,0,0.8);--shadow-glow:0 0 36px rgba(184,246,65,0.22);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--font-body:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme="light"],:root[data-theme="light"]{--bg:#f5f6f9;--bg-canvas:#ffffff;--bg-soft:#eceef3;--bg-card:#ffffff;--bg-card-elevated:#ffffff;--bg-card-hover:#f7f8fb;--bg-panel:rgba(255,255,255,0.94);--panel-solid:#ffffff;--card:rgba(0,0,0,0.025);--card-strong:rgba(0,0,0,0.05);--card-hover:rgba(0,0,0,0.07);--card-border:rgba(15,23,42,0.08);--card-specular:inset 0 1px 0 rgba(255,255,255,1);--line:rgba(15,23,42,0.085);--line-hover:rgba(15,23,42,0.16);--text:#0a0d14;--text-dim:#2d3342;--muted:#5d6678;--subtle:#8b93a4;--lime:#b8f641;--lime-hover:#a6eb27;--lime-active:#8fd412;--lime-text:#080d04;--lime-glow:0 0 24px rgba(184,246,65,0.45);--lime-dim:rgba(184,246,65,0.2);--lime-border:rgba(101,163,13,0.35);--primary:#0a0d14;--primary-strong:#182030;--primary-light:#334155;--primary-glow:rgba(10,13,20,0.25);--accent:#15803d;--accent-cyan:#0284c7;--accent-strong:#166534;--accent-light:#22c55e;--accent-glow:rgba(22,163,74,0.22);--success:#15803d;--shadow:0 12px 32px -8px rgba(15,23,42,0.06),0 2px 6px -1px rgba(15,23,42,0.03);--shadow-lg:0 24px 60px -12px rgba(15,23,42,0.09),0 4px 12px -2px rgba(15,23,42,0.04);--shadow-glow:0 0 32px rgba(184,246,65,0.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(184,246,65,0.07),transparent),radial-gradient(circle at 10% 25%,rgba(6,182,212,0.05),transparent 40%),radial-gradient(circle at 90% 70%,rgba(184,246,65,0.04),transparent 35%),linear-gradient(180deg,#08090d 0%,#0c0d13 45%,#0a0b10 100%);min-height:100vh;transition:background 0.3s ease,color 0.2s ease}html[data-theme="light"] body{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(184,246,65,0.12),transparent),radial-gradient(circle at 10% 25%,rgba(6,182,212,0.04),transparent 40%),radial-gradient(circle at 90% 70%,rgba(184,246,65,0.08),transparent 35%),linear-gradient(180deg,#f5f7fa 0%,#eceff4 55%,#f4f6f9 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 36px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-panel);border-bottom:1px solid var(--line);transition:background 0.25s ease,border-color 0.25s ease}html[data-theme="light"] .topbar{background:rgba(255,255,255,0.9);border-bottom-color:rgba(15,23,42,0.08)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0;background:transparent;box-shadow:0 4px 14px rgba(0,0,0,0.35);transition:transform 0.2s ease,box-shadow 0.2s ease}.brand:hover .brand-mark{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 20px rgba(0,227,150,0.25)}.brand-mark-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px}html[data-theme="light"] .brand-mark{box-shadow:0 4px 14px rgba(15,23,42,0.12)}.brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1}.brand-wordmark-wrap{display:inline-flex;align-items:center;height:22px}.brand-wordmark{height:22px;width:auto;max-width:165px;object-fit:contain;display:block}.brand-wordmark-light{display:none !important}.brand-wordmark-dark{display:block !important}html[data-theme="light"] .brand-wordmark-dark{display:none !important}html[data-theme="light"] .brand-wordmark-light{display:block !important}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-0.02em;color:var(--text)}.brand-copy small{color:var(--muted);font-size:0.78rem;font-weight:500}.topnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:0.9rem;font-weight:600}.topnav a{transition:all 0.18s ease;position:relative;padding:6px 14px;border-radius:999px;color:var(--muted)}.topnav a:hover{color:var(--text);background:var(--card-hover)}.topnav a.active{color:var(--text);background:var(--card-strong)}html[data-theme="dark"] .topnav a.active::after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;border-radius:2px;background:var(--lime);box-shadow:0 0 8px var(--lime)}html[data-theme="light"] .topnav a.active::after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;border-radius:2px;background:#0a0d14}.topbar-actions,.preview-actions,.panel-title-row,.modal-head,.preview-toolbar,.hero-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.theme-toggle-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--card-specular)}.theme-toggle-pill.compact{padding:5px 11px;font-size:0.78rem;gap:6px}.theme-toggle-pill:hover{background:var(--card-hover);border-color:var(--line-hover);transform:translateY(-1px)}.theme-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.theme-toggle-pill svg,.theme-toggle-pill i,.theme-icon-wrap svg,.theme-icon-wrap i{width:14px;height:14px}html[data-theme="dark"] .theme-icon-dark,html[data-theme="dark"] .moon-icon{display:inline-block;color:var(--lime)}html[data-theme="dark"] .theme-icon-light,html[data-theme="dark"] .sun-icon{display:none}html[data-theme="light"] .theme-icon-dark,html[data-theme="light"] .moon-icon{display:none}html[data-theme="light"] .theme-icon-light,html[data-theme="light"] .sun-icon{display:inline-block;color:#d97706}.primary-button,.secondary-button,.ghost-button,.toggle-pill,.text-button,.icon-button{border:0;border-radius:999px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);font-weight:600;font-size:0.92rem}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;color:var(--lime-text);background:var(--lime);box-shadow:0 8px 24px -4px rgba(184,246,65,0.42),inset 0 1px 0 rgba(255,255,255,0.4);border:1px solid rgba(184,246,65,0.85);font-weight:700}.primary-button:hover{transform:translateY(-2px);background:var(--lime-hover);box-shadow:0 14px 32px -4px rgba(184,246,65,0.55)}html[data-theme="light"] .primary-button{background:#0a0d14;color:#ffffff;border:1px solid rgba(10,13,20,0.15);box-shadow:0 8px 24px -4px rgba(10,13,20,0.22)}html[data-theme="light"] .primary-button:hover{background:#1c2436;box-shadow:0 14px 32px -4px rgba(10,13,20,0.32)}.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;color:var(--text);background:var(--bg-soft);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-specular)}.secondary-button:hover,.ghost-button:hover{transform:translateY(-2px);background:var(--card-hover);border-color:var(--line-hover);color:var(--text)}html[data-theme="light"] .secondary-button,html[data-theme="light"] .ghost-button{background:#ffffff;border-color:var(--card-border);box-shadow:0 2px 6px rgba(0,0,0,0.04)}html[data-theme="light"] .secondary-button:hover,html[data-theme="light"] .ghost-button:hover{background:#f3f4f7;border-color:var(--line-hover)}.ghost-button.compact{padding:8px 16px;font-size:0.85rem}.text-button,.icon-button{padding:0;color:var(--muted);background:transparent}.text-button:hover{color:var(--text);text-decoration:underline}.icon-button{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--card-specular)}.icon-button:hover{background:var(--card-hover);color:var(--lime);border-color:var(--line-hover);transform:scale(1.05)}.text-gradient{background:linear-gradient(135deg,#ffffff 30%,#cbd5e1 70%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html[data-theme="light"] .text-gradient{background:linear-gradient(135deg,#0a0d14 30%,#334155 70%,#64748b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-accent{background:linear-gradient(135deg,var(--lime) 0%,#4de2c5 60%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html[data-theme="light"] .text-gradient-accent{background:linear-gradient(135deg,#15803d 0%,#0d9488 50%,#0284c7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.segmented-pill-control{display:inline-flex;align-items:center;padding:4px;background:var(--bg-soft);border-radius:999px;border:1px solid var(--line);gap:3px;box-shadow:var(--card-specular)}.segmented-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;border:0;font-size:0.82rem;font-weight:600;background:transparent;color:var(--muted);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);cursor:pointer}.segmented-pill-btn:hover{color:var(--text)}.segmented-pill-btn.active{background:var(--lime);color:var(--lime-text);font-weight:700;box-shadow:0 4px 14px rgba(184,246,65,0.35)}html[data-theme="light"] .segmented-pill-control{background:#e8ebf0;border-color:rgba(15,23,42,0.08)}.status-avatar-chip{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;box-shadow:var(--card-specular)}.avatar-chip-img{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2a2d3c,#14161f);border:1.5px solid var(--lime);display:flex;align-items:center;justify-content:center;color:var(--lime);font-size:0.72rem;font-weight:800}html[data-theme="light"] .avatar-chip-img{background:#0a0d14;border-color:#15803d;color:#b8f641}.avatar-chip-text{display:flex;flex-direction:column;line-height:1.2}.avatar-chip-text strong{font-size:0.78rem;font-weight:700;color:var(--text)}.avatar-chip-text small{font-size:0.68rem;color:var(--muted)}.bell-capsule-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--card-specular)}.bell-capsule-btn:hover{background:var(--card-hover);border-color:var(--line-hover);transform:scale(1.05)}.bell-capsule-btn i,.bell-capsule-btn svg{width:16px;height:16px;color:var(--muted)}.bell-capsule-btn:hover i,.bell-capsule-btn:hover svg{color:var(--lime)}.hero-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.95fr);gap:56px;align-items:center;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:56px 0 36px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);font-size:0.8rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;box-shadow:var(--card-specular)}.hero-badge-pill i,.hero-badge-pill svg{color:var(--lime);width:14px;height:14px}html[data-theme="light"] .hero-badge-pill i,html[data-theme="light"] .hero-badge-pill svg{color:#15803d}.hero-copy h1{margin:18px 0 20px;font-family:var(--font-display);font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.04;letter-spacing:-0.04em;color:var(--text)}.hero-copy p{margin:0 0 28px;font-size:1.1rem;line-height:1.65;color:var(--muted);max-width:580px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;padding-top:24px;border-top:1px solid var(--line)}.hero-metrics article{display:flex;flex-direction:column;gap:4px}.hero-metrics strong{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text);letter-spacing:-0.02em}.hero-metrics span{font-size:0.8rem;color:var(--muted);line-height:1.4;font-weight:500}.hero-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px}.hero-ambient-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(184,246,65,0.16) 0%,rgba(6,182,212,0.1) 40%,transparent 70%);filter:blur(64px);pointer-events:none;z-index:1}html[data-theme="light"] .hero-ambient-glow{background:radial-gradient(circle,rgba(184,246,65,0.28) 0%,rgba(14,165,233,0.15) 45%,transparent 70%)}.hero-card-wrapper{position:relative;z-index:5;width:100%;max-width:490px;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1)}.hero-card-wrapper:hover{transform:translateY(-4px)}.hero-uploader-card{position:relative;border-radius:28px;padding:24px;background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-specular),0 24px 60px -15px rgba(0,0,0,0.6);display:flex;flex-direction:column;gap:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}html[data-theme="light"] .hero-uploader-card{box-shadow:0 20px 50px -15px rgba(15,23,42,0.12),0 0 0 1px rgba(15,23,42,0.08)}.uploader-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.uploader-header-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:700;color:var(--text-secondary);background:rgba(255,255,255,0.05);border:1px solid var(--line);padding:5px 12px;border-radius:999px;letter-spacing:0.02em}html[data-theme="light"] .uploader-header-badge{background:#f1f5f9;border-color:rgba(15,23,42,0.08);color:#475569}.status-live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);display:inline-block;animation:pulseLiveDot 2.2s ease-in-out infinite}html[data-theme="light"] .status-live-dot{background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,0.5)}@keyframes pulseLiveDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.45;transform:scale(0.85)}}.uploader-panel{display:flex;flex-direction:column;gap:12px}.uploader-card-footer{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.uploader-features-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.uploader-feature-chip{display:inline-flex;align-items:center;gap:5px;font-size:0.74rem;font-weight:600;color:var(--text-secondary)}.uploader-feature-chip i,.uploader-feature-chip svg{color:var(--lime)}html[data-theme="light"] .uploader-feature-chip i,html[data-theme="light"] .uploader-feature-chip svg{color:#15803d}.hero-store-panel-body{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:22px 20px;box-shadow:var(--card-specular);display:flex;flex-direction:column;gap:14px}.hero-interactive-dropzone{border:2px dashed rgba(184,246,65,0.35);border-radius:var(--radius-lg);padding:34px 20px;text-align:center;cursor:pointer;background:var(--card);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--card-specular)}.hero-interactive-dropzone:hover,.hero-interactive-dropzone.drag-over{border-color:var(--lime);background:var(--lime-dim);transform:scale(1.01);box-shadow:0 12px 32px rgba(184,246,65,0.15)}html[data-theme="light"] .hero-interactive-dropzone{border-color:rgba(22,163,74,0.35)}html[data-theme="light"] .hero-interactive-dropzone:hover{border-color:#15803d;background:rgba(22,163,74,0.06)}.hero-drop-icon-wrap{width:58px;height:58px;border-radius:18px;background:var(--lime-dim);border:1px solid var(--lime-border);display:flex;align-items:center;justify-content:center;color:var(--lime);box-shadow:0 8px 20px rgba(0,0,0,0.25)}html[data-theme="light"] .hero-drop-icon-wrap{background:rgba(22,163,74,0.1);border-color:rgba(22,163,74,0.25);color:#15803d}.hero-interactive-dropzone h3{margin:0;font-family:var(--font-display);font-size:1.18rem;color:var(--text)}.hero-interactive-dropzone p{margin:0;font-size:0.88rem;color:var(--muted)}.hero-drop-status{display:none;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--lime-dim);border:1px solid var(--lime-border);color:var(--lime);font-size:0.85rem;font-weight:600}html[data-theme="light"] .hero-drop-status{color:#15803d;background:rgba(22,163,74,0.1);border-color:rgba(22,163,74,0.25)}.spinner-inline{width:14px;height:14px;border:2px solid var(--lime-dim);border-top-color:var(--lime);border-radius:50%;animation:spin 0.7s linear infinite;display:inline-block}html[data-theme="light"] .spinner-inline{border-top-color:#15803d}@keyframes spin{to{transform:rotate(360deg)}}.hero-or-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em}.hero-or-divider::before,.hero-or-divider::after{content:"";flex:1;height:1px;background:var(--line)}.hero-store-fetch-box{display:flex;gap:8px;align-items:center}.hero-store-input-wrap{position:relative;flex:1;display:flex;align-items:center}.hero-store-input-wrap i,.hero-store-input-wrap svg{position:absolute;left:14px;color:var(--muted);pointer-events:none;width:16px;height:16px}.hero-store-input{width:100%;padding:11px 14px 11px 40px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);font-size:0.85rem;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;box-shadow:var(--card-specular)}.hero-store-input:focus{outline:none;border-color:var(--lime);background:var(--bg-card-hover);box-shadow:0 0 0 3px var(--lime-dim)}html[data-theme="light"] .hero-store-input:focus{border-color:#15803d;box-shadow:0 0 0 3px rgba(22,163,74,0.15)}.hero-demo-bar{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.hero-demo-bar span{font-size:0.82rem;color:var(--muted)}.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1280px,calc(100% - 48px));margin:40px auto 0}.proof-strip div{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-specular),var(--shadow);transition:transform 0.2s ease,border-color 0.2s ease}.proof-strip div:hover{transform:translateY(-2px);border-color:var(--line-hover)}.proof-strip i,.proof-strip svg{color:var(--lime);width:20px;height:20px;flex-shrink:0}html[data-theme="light"] .proof-strip i,html[data-theme="light"] .proof-strip svg{color:#15803d}.proof-strip span{font-size:0.88rem;font-weight:600;color:var(--text-dim)}.studio-section,.gallery-section,.workflow-section,.faq-section{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:80px 0 0}.page-section{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:80px 0 0}.page-tight{padding-top:20px}.page-hero{width:min(980px,calc(100% - 40px));margin:0 auto;padding:60px 0 12px;text-align:center}.page-hero h1{margin:18px auto;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.04;letter-spacing:-0.04em;max-width:860px}.page-hero p{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.1rem;line-height:1.65}.section-heading{max-width:760px;text-align:center;margin:0 auto 36px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2{margin-top:12px;font-size:clamp(2.2rem,4vw,3.4rem)}.studio-shell{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:22px;align-items:start;min-width:0}.control-panel{position:sticky;top:92px;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(10,18,30,0.95),rgba(8,16,28,0.92));min-width:0}.panel-block{padding:18px;border-radius:22px;background:rgba(255,255,255,0.03)}.control-panel{display:grid;gap:14px}.panel-title-row h3{font-size:1.05rem}.panel-chip{padding:6px 10px;border-radius:999px;background:rgba(77,226,197,0.12);color:var(--accent)}.platform-toggle,.template-grid,.dual-grid,.gallery-grid,.workflow-grid,.slides-list,.export-list{display:grid;gap:12px}.platform-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-pill{padding:10px 16px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;cursor:pointer;font-weight:600;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.toggle-pill:hover{color:var(--text);border-color:var(--line-hover)}.toggle-pill.active{color:var(--lime-text);background:var(--lime);border-color:var(--lime);font-weight:700;box-shadow:0 4px 12px rgba(184,246,65,0.35)}html[data-theme="light"] .toggle-pill.active{color:#ffffff;background:#0a0d14;border-color:#0a0d14;box-shadow:0 4px 12px rgba(10,13,20,0.18)}.field{display:grid;gap:8px}.field span,.slider-group label,.switch-row strong{font-size:0.92rem;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,0.03);color:var(--text)}.field input[type="color"]{min-height:50px;padding:6px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(120,166,255,0.34);border-color:rgba(120,166,255,0.5)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,0.03)}.template-card.active{border-color:rgba(120,166,255,0.5);box-shadow:0 16px 32px rgba(90,140,255,0.18)}.template-preview{height:86px;border-radius:14px;margin-bottom:12px;border:1px solid rgba(255,255,255,0.08)}.template-card h4{margin:0 0 6px;font-size:0.98rem}.template-card p,.slide-item small,.switch-row small,.hint{margin:0;color:var(--muted);font-size:0.82rem;line-height:1.45}.slider-group{display:grid;gap:8px}.slider-group label{display:flex;justify-content:space-between;align-items:center}input[type="range"]{width:100%;accent-color:var(--primary)}.switch-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0}.switch-row+.switch-row{border-top:1px solid rgba(255,255,255,0.06)}.switch-row input{width:22px;height:22px}.slide-item{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}.slide-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.slide-item-head strong{font-size:0.96rem}.slide-actions{display:flex;gap:8px}.mini-button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:6px 12px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.mini-button:hover{background:var(--card-hover);border-color:var(--line-hover)}html[data-theme="light"] .mini-button{background:#f1f3f7;color:#0a0d14;border-color:rgba(15,23,42,0.12)}html[data-theme="light"] .mini-button:hover{background:#e2e5eb;border-color:rgba(15,23,42,0.22)}.mini-button.danger{color:var(--danger);border-color:rgba(239,68,68,0.3)}.mini-button.danger:hover{background:rgba(239,68,68,0.15)}html[data-theme="light"] .mini-button.danger{color:#dc2626;background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2)}html[data-theme="light"] .mini-button.danger:hover{background:rgba(239,68,68,0.16);border-color:#dc2626}.upload-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.upload-row input[type="file"]{display:none}.export-option{display:flex;gap:12px;align-items:start;padding:12px 0}.export-option+.export-option{border-top:1px solid rgba(255,255,255,0.06)}.full-width{width:100%}.preview-shell{padding:18px;border-radius:30px;background:radial-gradient(circle at top,rgba(120,166,255,0.08),transparent 28%),linear-gradient(180deg,rgba(10,18,31,0.95),rgba(8,14,24,0.95));min-width:0;overflow:hidden}.preview-toolbar{padding:8px 10px 18px}.preview-toolbar p{margin:0 0 6px}.canvas-wrap{border-radius:24px;border:1px solid rgba(255,255,255,0.08);padding:22px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.02)),linear-gradient(135deg,rgba(77,226,197,0.04),rgba(120,166,255,0.07));overflow:auto;min-height:0}.canvas-surface{display:flex;gap:28px;width:max-content;min-width:100%;justify-content:center;overflow:visible;min-height:960px;padding:16px 24px 32px;align-items:flex-start;transition:transform 0.15s ease-out}.slide-canvas{position:relative;width:430px;height:860px;flex:0 0 auto;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 24px 70px rgba(0,0,0,0.34)}.slide-inner{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.slide-noise,.slide-glow,.slide-grid{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.slide-noise{opacity:0.12;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,0.85) 0 1px,transparent 1px),radial-gradient(circle at 80% 40%,rgba(255,255,255,0.7) 0 1px,transparent 1px),radial-gradient(circle at 35% 80%,rgba(255,255,255,0.7) 0 1px,transparent 1px);background-size:24px 24px,32px 32px,28px 28px}.slide-grid{opacity:0.12;background-image:linear-gradient(rgba(255,255,255,0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.16) 1px,transparent 1px);background-size:30px 30px}.slide-glow{pointer-events:none}.slide-top{position:relative;z-index:2}.app-badge{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(8,13,23,0.48);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(12px);box-sizing:border-box;font-family:var(--font-body);position:relative;z-index:5}.app-badge-dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(77,226,197,0.8);flex-shrink:0;display:inline-block;vertical-align:middle;position:relative;z-index:6}.app-badge-name{font-size:0.88rem;font-weight:600;line-height:1;color:#f4f8ff;display:inline-block;vertical-align:middle;position:relative;z-index:6;margin-top:-1.5px;white-space:nowrap}.app-badge-divider{font-size:0.75rem;color:rgba(255,255,255,0.38);line-height:1;display:inline-block;vertical-align:middle;position:relative;z-index:6;margin:-1.5px 1px 0 1px}.app-badge-tagline{font-size:0.82rem;font-weight:500;color:rgba(255,255,255,0.75);line-height:1;display:inline-block;vertical-align:middle;position:relative;z-index:6;margin-top:-1.5px;white-space:nowrap}.export-mode .app-badge-name,.export-mode .app-badge-divider,.export-mode .app-badge-tagline{transform:translateY(-3.5px)}.editable-pill-node{display:inline-block;vertical-align:middle;line-height:1.2}.editable-pill-node span{display:inline-block;vertical-align:middle}.slide-title{margin:18px 0 12px;max-width:340px;font-size:2.55rem;line-height:1.02;font-weight:700;letter-spacing:-0.05em;box-sizing:border-box}.slide-subtitle{max-width:320px;margin:0;font-size:1.15rem;line-height:1.45;color:rgba(255,255,255,0.82);box-sizing:border-box}.caption-panel{margin-top:16px;display:grid;gap:8px}.caption-chip{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em}.device-stage{position:relative;z-index:2;flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:70px;perspective:1200px;width:100%}.device-shell.transforming{transition:none !important}.device-shell{position:absolute;left:50%;bottom:70px;margin-left:calc(-0.5 * var(--shell-w,270px));transform-origin:bottom center;transition:transform 0.25s ease;cursor:grab;user-select:none;flex-shrink:0}.device-shell:active,.device-shell.dragging{cursor:grabbing;transition:none}.device-shell::before{content:'';position:absolute;left:-3px;top:90px;width:3px;height:38px;background:rgba(255,255,255,0.25);border-radius:3px 0 0 3px;box-shadow:0 46px 0 rgba(255,255,255,0.25);z-index:10}.device-shell::after{content:'';position:absolute;right:-3px;top:130px;width:3px;height:54px;background:rgba(255,255,255,0.25);border-radius:0 3px 3px 0;z-index:10}.device-shell.finish-obsidian::before,.device-shell.finish-obsidian::after{background:#1d2533}.device-shell.finish-silver::before,.device-shell.finish-silver::after{background:#aab6c4}.device-shell.finish-champagne::before,.device-shell.finish-champagne::after{background:#cba87c}.device-shell.finish-frost::before,.device-shell.finish-frost::after{background:#accad6}.device-shell.frame-handheld1::before,.device-shell.frame-handheld1::after,.device-shell.frame-handheld2::before,.device-shell.frame-handheld2::after,.device-shell.frame-handheld3::before,.device-shell.frame-handheld3::after{display:none !important}.device-shell.angle-left{transform:rotateY(-18deg) rotateX(8deg) rotateZ(-2deg)}.device-shell.angle-right{transform:rotateY(18deg) rotateX(8deg) rotateZ(2deg)}.device-body{position:relative;border-radius:42px;padding:8px;background:linear-gradient(160deg,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.06) 30%,rgba(20,30,48,0.95) 70%,rgba(10,16,28,0.98) 100%);box-shadow:0 30px 70px rgba(0,0,0,0.45),0 8px 20px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.28),inset 0 -1px 0 rgba(0,0,0,0.5),inset 1px 0 0 rgba(255,255,255,0.12),inset -1px 0 0 rgba(0,0,0,0.25);border:1.5px solid rgba(255,255,255,0.14)}.finish-obsidian .device-body{background:linear-gradient(160deg,#0f1724,#364055)}.finish-silver .device-body{background:linear-gradient(160deg,#cfd8e6,#8792a3)}.finish-champagne .device-body{background:linear-gradient(160deg,#f0d3b0,#af8f63)}.finish-frost .device-body{background:linear-gradient(160deg,#e8f7ff,#9db9c9)}.device-screen{position:relative;overflow:hidden;border-radius:inherit;background:#0d1728}.device-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.04) 30%,rgba(255,255,255,0) 50%);pointer-events:none;z-index:5}.device-screen img{width:100%;height:100%;object-fit:cover}.device-notch,.device-camera{position:absolute;left:50%;transform:translateX(-50%);background:#04070c;z-index:6}.device-notch{top:10px;width:80px;height:20px;border-radius:999px}.device-camera{top:12px;width:10px;height:10px;border-radius:50%}.slide-footer{position:absolute;bottom:24px;left:28px;right:28px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}.slide-footer-pill{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(8px);font-size:0.78rem;font-weight:700;color:rgba(255,255,255,0.85);letter-spacing:0.03em;white-space:nowrap}.slide-stat{padding:8px 12px;border-radius:14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);font-size:0.8rem}.slide-stat strong{display:block;font-size:1rem}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid,.info-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.bento-card{padding:32px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-specular),var(--shadow);display:flex;flex-direction:column;gap:16px;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);border-color:var(--line-hover);box-shadow:var(--card-specular),var(--shadow-lg),0 0 30px rgba(184,246,65,0.08)}.bento-card.span-2{grid-column:span 2}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.bento-grid{grid-template-columns:1fr}.bento-card.span-2{grid-column:span 1}}.bento-icon-badge{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border);box-shadow:var(--card-specular)}.bento-icon-badge.accent{background:rgba(6,182,212,0.14);color:#22d3ee;border-color:rgba(6,182,212,0.3)}.bento-icon-badge.warm{background:rgba(245,158,11,0.14);color:var(--warm);border-color:rgba(245,158,11,0.3)}.bento-icon-badge.violet{background:rgba(139,92,246,0.14);color:#c084fc;border-color:rgba(139,92,246,0.3)}html[data-theme="light"] .bento-icon-badge{background:rgba(22,163,74,0.1);color:#15803d;border-color:rgba(22,163,74,0.25)}.bento-card h3{margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-0.02em;color:var(--text)}.bento-card p{margin:0;color:var(--muted);line-height:1.6;font-size:0.95rem}.gallery-card{padding:26px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-specular),var(--shadow);transition:transform 0.2s ease,border-color 0.2s ease}.gallery-card:hover{transform:translateY(-3px);border-color:var(--line-hover)}.info-card{padding:26px;border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--bg-card);box-shadow:var(--card-specular),var(--shadow);transition:all 0.2s ease}.info-card:hover{border-color:var(--line-hover);transform:translateY(-2px)}.info-card h3,.spec-head,.site-footer strong{margin:0 0 10px;font-family:var(--font-display);color:var(--text)}.info-card p,.site-footer p{margin:0;color:var(--muted);line-height:1.6}.gallery-badge{color:var(--lime);background:var(--lime-dim);border:1px solid var(--lime-border);padding:4px 10px;border-radius:999px;font-weight:700;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;width:fit-content}html[data-theme="light"] .gallery-badge{color:#15803d;background:rgba(22,163,74,0.1);border-color:rgba(22,163,74,0.25)}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px}.workflow-grid article{padding:28px 24px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-specular),var(--shadow);display:flex;flex-direction:column;gap:12px;position:relative;transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.workflow-grid article:hover{transform:translateY(-3px);border-color:var(--line-hover);box-shadow:var(--card-specular),var(--shadow-lg),0 0 24px rgba(184,246,65,0.08)}.workflow-grid article h3{margin:0;font-family:var(--font-display);color:var(--text);font-size:1.15rem}.workflow-grid span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--lime-dim);color:var(--lime);font-weight:800;font-size:0.92rem;border:1px solid var(--lime-border);box-shadow:var(--card-specular)}html[data-theme="light"] .workflow-grid span{background:rgba(22,163,74,0.1);color:#15803d;border-color:rgba(22,163,74,0.25)}.template-filter-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:28px 0 44px;background:var(--bg-soft);padding:6px;border-radius:999px;border:1px solid var(--line);width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--card-specular)}.template-filter-btn{padding:8px 20px;border-radius:999px;background:transparent;border:0;color:var(--muted);cursor:pointer;font-weight:600;font-size:0.88rem;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.template-filter-btn:hover{color:var(--text);background:var(--card-hover)}.template-filter-btn.active{background:var(--lime);color:var(--lime-text);font-weight:700;box-shadow:0 4px 16px rgba(184,246,65,0.35)}html[data-theme="light"] .template-filter-btn.active{background:#0a0d14;color:#ffffff;box-shadow:0 4px 16px rgba(10,13,20,0.25)}.template-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}.template-hero-card{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--card-border);overflow:hidden;display:flex;flex-direction:column;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;box-shadow:var(--card-specular),var(--shadow)}.template-hero-card:hover{transform:translateY(-4px);border-color:var(--line-hover);box-shadow:var(--card-specular),var(--shadow-lg),0 0 24px rgba(184,246,65,0.1)}.template-hero-card.drop-active{border-color:var(--lime) !important;box-shadow:0 0 36px rgba(184,246,65,0.45) !important;transform:scale(1.02)}.template-preview-canvas{height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px}.template-preview-canvas.has-image,.template-preview-canvas:has(img){padding:0;height:auto;aspect-ratio:1.85 / 1;background:var(--bg-card,#0a0e1a);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}html[data-theme="light"] .template-preview-canvas.has-image,html[data-theme="light"] .template-preview-canvas:has(img){background:#f1f5f9}.template-preview-canvas img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1)}.template-hero-card:hover .template-preview-canvas img{transform:scale(1.02)}.template-preview-mini-phone{width:115px;height:195px;border-radius:18px;background:rgba(10,16,28,0.92);border:3px solid rgba(255,255,255,0.25);box-shadow:0 16px 36px rgba(0,0,0,0.6);transform:translateY(20px) rotate(-4deg);display:flex;flex-direction:column;padding:10px 8px;gap:6px;transition:transform 0.25s ease}.template-hero-card:hover .template-preview-mini-phone{transform:translateY(12px) rotate(0deg)}.template-mini-bar{height:8px;border-radius:4px;background:rgba(255,255,255,0.15)}.template-info-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px}.template-info-body h3{color:var(--text)}.palette-row{display:flex;gap:6px;align-items:center}.palette-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,0.25)}.template-backdrop-arc{position:absolute;pointer-events:none;filter:drop-shadow(0 12px 30px rgba(229,158,25,0.28))}.starlight-sparkle{position:absolute;pointer-events:none;line-height:1;user-select:none;animation:sparklePulse 3s ease-in-out infinite alternate}@keyframes sparklePulse{0%{transform:scale(0.92) rotate(0deg);opacity:0.75}100%{transform:scale(1.1) rotate(10deg);opacity:1}}.slide-bottom{position:relative;width:100%}.template-mini-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:rgba(255,255,255,0.16);border-radius:999px;font-size:0.62rem;font-weight:700;color:#ffffff;border:1px solid rgba(255,255,255,0.2)}.template-mini-pill{display:inline-block;padding:2px 7px;background:#18191c;color:#f59e0b;border-radius:999px;font-size:0.58rem;font-weight:800;letter-spacing:0.05em;border:1px solid rgba(245,158,11,0.3)}.template-mini-stars{color:#f59e0b;font-size:0.65rem;font-weight:700}.security-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:36px 0 60px}.pipe-step{padding:28px 22px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:12px;position:relative;box-shadow:var(--card-specular),var(--shadow);transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.pipe-step:hover{transform:translateY(-3px);border-color:var(--line-hover);box-shadow:var(--card-specular),var(--shadow-lg),0 0 24px rgba(184,246,65,0.1)}.pipe-step-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--lime);line-height:1}html[data-theme="light"] .pipe-step-num{color:#15803d}.pipe-step h4{margin:0;font-family:var(--font-display);font-size:1.12rem;color:var(--text)}.pipe-step p{margin:0;font-size:0.88rem;color:var(--muted);line-height:1.55}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-xl);border:1px solid var(--card-border);overflow:hidden;background:var(--bg-card);box-shadow:var(--card-specular),var(--shadow);margin:28px 0}.compare-table th,.compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line);font-size:0.95rem;color:var(--text)}.compare-table th{background:var(--card-strong);font-family:var(--font-display);font-size:0.95rem;color:var(--text);font-weight:700;letter-spacing:0.02em}.compare-table tr:last-child td{border-bottom:0}.compare-table td.brand-col{color:var(--lime);font-weight:700;background:var(--lime-dim)}html[data-theme="light"] .compare-table td.brand-col{color:#15803d;background:rgba(22,163,74,0.08)}.faq-list{display:grid;gap:14px;margin-bottom:60px}.faq-list details{padding:20px 24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-specular);transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.faq-list details:hover{border-color:var(--line-hover)}.faq-list details[open]{border-color:var(--lime-border);background:var(--bg-card-hover)}html[data-theme="light"] .faq-list details[open]{border-color:rgba(22,163,74,0.35);background:#ffffff}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.05rem;color:var(--text);display:flex;align-items:center;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-size:1.4rem;color:var(--lime);font-weight:400;transition:transform 0.2s ease}html[data-theme="light"] .faq-list summary::after{color:#15803d}.faq-list details[open] summary::after{content:"−";color:var(--lime)}html[data-theme="light"] .faq-list details[open] summary::after{color:#15803d}.faq-list p{margin:14px 0 0;color:var(--muted);line-height:1.65;font-size:0.95rem}.spec-table,.code-card,.site-footer{width:min(1280px,calc(100% - 40px));margin:0 auto}.spec-table{overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--bg-card);box-shadow:var(--card-specular),var(--shadow);margin-top:24px}.spec-row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;padding:18px 24px;align-items:center;color:var(--text)}.spec-row+.spec-row{border-top:1px solid var(--line)}.spec-head{background:var(--card-strong);color:var(--text);font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:700}.spec-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:0.76rem;font-weight:700;background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border);width:fit-content}html[data-theme="light"] .spec-badge{color:#15803d;background:rgba(22,163,74,0.1);border-color:rgba(22,163,74,0.25)}.code-card{padding:24px;border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--bg-card);box-shadow:var(--card-specular),var(--shadow);overflow:auto}.code-card code{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:0.92rem;line-height:1.7;white-space:pre-wrap}html[data-theme="light"] .code-card code{color:#15803d}.site-footer{display:grid;grid-template-columns:1.6fr 1.1fr auto;gap:24px;align-items:center;padding:40px 0 60px}.footer-apprerum-notice{margin:8px 0 0 !important;font-size:0.81rem !important;color:var(--muted) !important;line-height:1.5 !important}.footer-apprerum-notice a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;font-weight:500;transition:color 0.15s ease}.footer-apprerum-notice a:hover{color:var(--lime)}.footer-links{display:flex;flex-wrap:wrap;gap:14px 20px;color:var(--muted)}.footer-links a{color:var(--muted);text-decoration:none;font-size:0.88rem;transition:color 0.15s ease}.footer-links a:hover{color:var(--text)}.site-footer small{color:var(--muted);font-size:0.8rem;line-height:1.4}.workflow-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="studio"] .site-shell{display:grid;grid-template-rows:auto 1fr auto}body[data-page="studio"] .page-hero{width:min(1280px,calc(100% - 40px));padding:36px 0 18px}body[data-page="studio"] .page-hero h1{font-size:clamp(2rem,4vw,3.1rem)}body[data-page="studio"] .page-hero p{max-width:680px}body[data-page="studio"] .studio-section{width:min(1480px,calc(100% - 40px));padding-top:0;padding-bottom:24px}body[data-page="studio"] .control-panel{max-height:calc(100vh - 126px);overflow:auto}body[data-page="studio"] .slides-list{max-height:420px;overflow:auto;padding-right:4px}body[data-page="studio"] .site-footer{width:min(1480px,calc(100% - 40px));padding-top:18px}.modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,7,14,0.7);backdrop-filter:blur(10px);z-index:10000}.modal-overlay.active{display:flex}.modal-card{width:min(540px,100%);border-radius:28px;background:linear-gradient(180deg,rgba(9,17,30,0.98),rgba(7,14,24,0.98));border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow)}.modal-card.center{padding:34px;text-align:center}.modal-card h3{color:var(--text,#f9fafc)}.modal-card p{color:var(--muted,#8891a4)}.modal-card strong{color:var(--text,#f9fafc)}.modal-head,.modal-body{padding:20px 22px}.modal-body{display:grid;gap:16px}.spinner{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;border:4px solid rgba(255,255,255,0.1);border-top-color:var(--accent);animation:spin 0.8s linear infinite}.progress-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,0.08);margin:20px 0 10px}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}#aiProgressFill{background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981,#06b6d4,#3b82f6);background-size:200% 100%;animation:apxShimmer 2s infinite linear}@keyframes apxShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}html[data-theme="light"] .modal-overlay{background:rgba(15,23,42,0.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-theme="light"] .modal-card{background:#ffffff;border:1px solid rgba(15,23,42,0.12);box-shadow:0 25px 60px rgba(15,23,42,0.18),0 4px 16px rgba(15,23,42,0.06);color:#0a0d14}html[data-theme="light"] .modal-card h3,html[data-theme="light"] #exportTitle{color:#0a0d14 !important}html[data-theme="light"] .modal-card p,html[data-theme="light"] #exportDescription{color:#5d6678 !important}html[data-theme="light"] .modal-card strong,html[data-theme="light"] #exportPercent{color:#0a0d14 !important}html[data-theme="light"] .spinner{border-color:rgba(15,23,42,0.12);border-top-color:#15803d}html[data-theme="light"] .progress-track{background:rgba(15,23,42,0.08)}html[data-theme="light"] .progress-fill{background:linear-gradient(90deg,#10b981,#059669)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1120px){.hero-section,.studio-shell{grid-template-columns:1fr}.control-panel{position:static}body[data-page="studio"] .control-panel{max-height:none;overflow:visible}.gallery-grid,.workflow-grid,.proof-strip,.feature-grid,.info-grid,.workflow-grid.two-up,.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stage{min-height:420px}}@media (max-width:760px){.topbar{flex-wrap:wrap;padding:16px 18px}.topnav{order:3;width:100%;justify-content:space-between;font-size:0.92rem}.hero-section,.proof-strip,.studio-section,.gallery-section,.workflow-section,.faq-section{width:min(100%,calc(100% - 24px))}.hero-preview-grid,.hero-metrics,.template-grid,.dual-grid,.gallery-grid,.workflow-grid,.proof-strip,.feature-grid,.info-grid,.workflow-grid.two-up,.site-footer,.spec-row{grid-template-columns:1fr}.hero-preview-card{inset:20px 0 0 0}.canvas-wrap{padding:12px}.canvas-surface{min-height:760px}.slide-canvas{width:340px;height:720px}.page-section,.page-hero,.spec-table,.code-card,.site-footer{width:min(100%,calc(100% - 24px))}body[data-page="studio"] .studio-section{width:min(100%,calc(100% - 24px))}.preview-toolbar,.slide-footer,.upload-row,.slide-item-head{flex-direction:column;align-items:flex-start}.preview-actions,.slide-actions{flex-wrap:wrap}}.wizard-shell{width:min(1200px,calc(100% - 40px));margin:40px auto;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-soft),var(--bg));border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden;min-height:720px}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--line)}.wizard-title-area h2{margin:0 0 4px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:-0.02em}.wizard-title-area p{margin:0;font-size:0.88rem;color:var(--muted)}.step-indicator{display:flex;align-items:center;gap:12px}.step-node{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);font-size:0.85rem;font-weight:600;transition:all 0.3s ease}.step-node.active{background:var(--lime);color:var(--lime-text);border-color:transparent;box-shadow:0 8px 20px rgba(184,246,65,0.35);font-weight:700}html[data-theme="light"] .step-node.active{background:#0a0d14;color:#ffffff;box-shadow:0 8px 20px rgba(10,13,20,0.2)}.step-node.completed{background:rgba(184,246,65,0.12);color:var(--accent);border-color:var(--accent)}html[data-theme="light"] .step-node.completed{background:rgba(21,128,61,0.1);color:#15803d;border-color:#15803d}.step-divider{width:24px;height:1px;background:var(--line)}.wizard-body{flex:1;padding:40px;display:flex;flex-direction:column}.wizard-step-content{display:none;flex-direction:column;animation:fadeIn 0.35s ease-out}.wizard-step-content.active{display:flex}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upload-wrapper{display:flex;flex-direction:column;gap:24px}.dropzone-container{border:2px dashed rgba(120,166,255,0.3);border-radius:var(--radius-lg);padding:48px;text-align:center;background:rgba(255,255,255,0.01);cursor:pointer;transition:all 0.25s ease}.dropzone-container:hover{border-color:var(--primary);background:rgba(120,166,255,0.03)}.dropzone-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:rgba(120,166,255,0.08);display:flex;align-items:center;justify-content:center;color:var(--primary)}.dropzone-container h3{margin:0 0 8px;font-family:var(--font-display)}.dropzone-container p{margin:0;color:var(--muted);font-size:0.9rem}.screenshot-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:10px}.screenshot-thumb-card{position:relative;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-soft);overflow:hidden;aspect-ratio:9/19;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,0.15)}.screenshot-thumb-card img{width:100%;height:100%;object-fit:cover}.screenshot-thumb-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(3,7,14,0.75);border:1px solid rgba(255,255,255,0.1);color:var(--danger);display:flex;align-items:center;justify-content:center;font-size:0.8rem;transition:transform 0.2s}.screenshot-thumb-delete:hover{transform:scale(1.1);background:var(--danger);color:#fff}.device-type-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:var(--radius-md);background:rgba(255,255,255,0.02);border:1px solid var(--line)}.device-type-pills{display:flex;gap:8px}.form-grid-layout{display:grid;grid-template-columns:1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:0.92rem}.store-fetch-row{display:flex;gap:12px;position:relative}.store-fetch-row input{flex:1}.logo-uploader-row{display:flex;align-items:center;gap:20px;padding:16px;border-radius:var(--radius-md);background:rgba(255,255,255,0.02);border:1px solid var(--line)}.logo-preview-box{width:64px;height:64px;border-radius:16px;background:var(--card);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-preview-box img{width:100%;height:100%;object-fit:cover}.create-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.create-choice-card{border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;background:var(--card);cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;gap:14px;box-shadow:var(--card-specular)}.create-choice-card:hover{transform:translateY(-2px);border-color:var(--line-hover);background:var(--card-hover)}.create-choice-card.active{border-color:var(--lime);background:rgba(184,246,65,0.08);box-shadow:0 16px 36px rgba(184,246,65,0.15)}html[data-theme="light"] .create-choice-card.active{border-color:#0a0d14;background:#ffffff;box-shadow:0 16px 36px rgba(10,13,20,0.12)}.choice-icon-wrap{width:44px;height:44px;border-radius:12px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--text);border:1px solid var(--line)}.create-choice-card.active .choice-icon-wrap{background:var(--lime);color:var(--lime-text);border-color:var(--lime)}html[data-theme="light"] .create-choice-card.active .choice-icon-wrap{background:#0a0d14;color:#ffffff;border-color:#0a0d14}.create-choice-card h4{margin:0;font-family:var(--font-display);font-size:1.1rem}.create-choice-card p{margin:0;font-size:0.85rem;color:var(--muted);line-height:1.5;flex:1}.watch-demo-link{font-size:0.78rem;color:var(--lime);display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.05em;font-weight:700}html[data-theme="light"] .watch-demo-link{color:#15803d}.style-catalog-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.style-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-choice-card{border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card);cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;box-shadow:var(--card-specular)}.style-choice-card:hover{transform:translateY(-2px);border-color:var(--line-hover);background:var(--card-hover)}.style-choice-card.active{border-color:var(--lime);box-shadow:0 16px 36px rgba(184,246,65,0.2)}html[data-theme="light"] .style-choice-card.active{border-color:#0a0d14;box-shadow:0 16px 36px rgba(10,13,20,0.15)}.style-thumb-slides{height:140px;display:flex;gap:4px;padding:8px;background:rgba(0,0,0,0.25);border-bottom:1px solid var(--line)}.style-thumb-slide{flex:1;border-radius:4px;border:1px solid rgba(255,255,255,0.06)}.style-thumb-slides.has-image,.style-thumb-slides:has(img){padding:0;height:auto;aspect-ratio:1.85 / 1;background:var(--bg-card,#0a0e1a);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}html[data-theme="light"] .style-thumb-slides.has-image,html[data-theme="light"] .style-thumb-slides:has(img){background:#f1f5f9}.style-thumb-slides img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1)}.style-choice-card:hover .style-thumb-slides img{transform:scale(1.02)}.style-choice-info{padding:16px}.style-choice-info h4{margin:0 0 4px;font-family:var(--font-display)}.style-choice-info p{margin:0;font-size:0.8rem;color:var(--muted)}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-top:1px solid var(--line);background:rgba(255,255,255,0.01)}.studio-layout-shell{display:grid;grid-template-columns:auto minmax(0,1fr) 340px;min-height:calc(100vh - 82px);transition:grid-template-columns 0.2s ease}.studio-layout-shell.full-workspace{grid-template-columns:minmax(0,1fr)}.studio-layout-shell.full-workspace .properties-sidebar{display:none !important}.studio-layout-shell.no-sidebar{grid-template-columns:auto minmax(0,1fr) 0px !important}.studio-layout-shell.no-sidebar .properties-sidebar,.properties-sidebar.collapsed{display:none !important}.studio-layout-shell.full-workspace .canva-dock-shell{display:none !important}.left-nav-sidebar{background:var(--bg-soft);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:16px;z-index:10}.left-nav-item{width:56px;height:56px;border-radius:16px;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0.65rem;font-weight:600;gap:4px;transition:all 0.2s}.left-nav-item i{width:22px;height:22px}.left-nav-item:hover{background:rgba(255,255,255,0.03);color:var(--text)}.left-nav-item.active{background:var(--lime);color:var(--lime-text);box-shadow:0 8px 20px rgba(184,246,65,0.35)}html[data-theme="light"] .left-nav-item.active{background:#0a0d14;color:#ffffff;box-shadow:0 8px 20px rgba(10,13,20,0.15)}.studio-workspace-center{padding:24px;overflow-y:auto;display:flex;flex-direction:column;min-width:0;height:calc(100vh - 82px);background:var(--bg-canvas)}.workspace-panel{display:none;flex-direction:column;flex:1;min-height:0}.workspace-panel.active{display:flex}.properties-sidebar{background:var(--bg-soft);border-left:1px solid var(--line);display:flex;flex-direction:column;height:calc(100vh - 82px);overflow-y:auto}.props-tab-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line);background:rgba(0,0,0,0.15)}.props-tab-btn{border:0;background:transparent;color:var(--muted);padding:16px;font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;text-align:center;border-bottom:2px solid transparent;transition:all 0.2s}.props-tab-btn:hover{color:var(--text)}.props-tab-btn.active{color:var(--lime);border-bottom-color:var(--lime);background:rgba(184,246,65,0.05)}html[data-theme="light"] .props-tab-btn.active{color:#0a0d14;border-bottom-color:#0a0d14;background:rgba(0,0,0,0.03)}.props-tab-body{padding:20px;display:flex;flex-direction:column;gap:20px}.props-section{display:flex;flex-direction:column;gap:16px}.props-section-title{font-family:var(--font-display);font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary);margin-bottom:4px}.canvas-slide-container{display:flex;gap:24px;padding:20px 10px;overflow-x:auto;align-items:flex-start;min-height:800px}.canvas-slide-wrap{position:relative;cursor:pointer}.canvas-slide-wrap.selected .slide-canvas{outline:3px solid var(--primary-strong);outline-offset:4px;box-shadow:0 0 24px rgba(90,140,255,0.4)}.editable-text-node{position:relative;cursor:text;border:1px dashed transparent;border-radius:4px;padding:2px 6px;transition:border-color 0.2s}.slide-title.editable-text-node{margin:18px -6px 12px -6px}.slide-subtitle.editable-text-node{margin:0 -6px}.editable-text-node:hover{border-color:rgba(120,166,255,0.4)}.editable-text-node.selected{border-color:var(--primary-strong);background:rgba(120,166,255,0.08)}.editable-device-node{position:relative;cursor:pointer}.editable-device-node.selected::after{content:'';position:absolute;inset:-8px;border:2px dashed var(--primary-strong);border-radius:44px;pointer-events:none;z-index:5}.phone-rotate-handle{position:absolute;top:-38px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;cursor:grab;z-index:50;pointer-events:auto;user-select:none}.phone-rotate-handle:active{cursor:grabbing}.phone-rotate-stem{width:2px;height:18px;background:var(--primary-strong,#5b8cff)}.phone-rotate-knob{width:26px;height:26px;border-radius:50%;background:var(--surface-card,#0e1726);border:2px solid var(--primary-strong,#5b8cff);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.45);color:#fff;transition:transform 0.15s ease,background 0.15s ease}.phone-rotate-knob:hover{transform:scale(1.15);background:var(--primary-strong,#5b8cff)}.phone-rotate-knob svg{width:13px;height:13px;pointer-events:none}.frame-style-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frame-style-pill{border:1px solid var(--line);background:rgba(255,255,255,0.03);border-radius:var(--radius-sm);padding:10px 4px;text-align:center;font-size:0.75rem;color:var(--muted);font-weight:600;cursor:pointer;transition:all 0.2s}.frame-style-pill:hover{border-color:var(--primary);color:var(--text)}.frame-style-pill.active{border-color:var(--primary-strong);background:rgba(90,140,255,0.1);color:var(--primary)}.handheld-svg-wrapper{position:absolute;inset:-25px -35px -65px -35px;pointer-events:none;z-index:4;display:none}.device-shell.frame-handheld1 .handheld-svg-wrapper,.device-shell.frame-handheld2 .handheld-svg-wrapper{display:block}.device-shell.frame-handheld1 .device-body,.device-shell.frame-handheld2 .device-body{background:transparent !important;box-shadow:none !important;border:none !important}.align-toggle{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(255,255,255,0.02)}.align-btn{flex:1;border:0;background:transparent;color:var(--muted);padding:10px;display:flex;align-items:center;justify-content:center}.align-btn.active{background:var(--primary);color:#07101d}.topbar-mid{display:flex;align-items:center;gap:16px}.topbar-pill-group{display:flex;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:999px;overflow:hidden;padding:2px}.topbar-pill{border:0;background:transparent;color:var(--muted);padding:6px 14px;font-size:0.8rem;font-weight:600;border-radius:999px;display:flex;align-items:center;gap:6px;transition:all 0.2s}.topbar-pill.active{background:var(--primary-strong);color:#07101d}.topbar-select,.ctx-select,select{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:999px;padding:6px 12px;font-size:0.8rem}html[data-theme="dark"] select,html[data-theme="dark"] .topbar-select,html[data-theme="dark"] .ctx-select{color-scheme:dark}html[data-theme="light"] select,html[data-theme="light"] .topbar-select,html[data-theme="light"] .ctx-select{color-scheme:light}html[data-theme="dark"] select option,html[data-theme="dark"] .topbar-select option,html[data-theme="dark"] .ctx-select option,html[data-theme="dark"] .prop-input option,html[data-theme="dark"] option{background-color:#0c1424 !important;color:#f1f5f9 !important;padding:8px 12px}html[data-theme="light"] select option,html[data-theme="light"] .topbar-select option,html[data-theme="light"] .ctx-select option,html[data-theme="light"] .prop-input option,html[data-theme="light"] option{background-color:#ffffff !important;color:#0a0d14 !important;padding:8px 12px}html[data-theme="dark"] select optgroup,html[data-theme="dark"] .topbar-select optgroup,html[data-theme="dark"] .ctx-select optgroup,html[data-theme="dark"] .prop-input optgroup,html[data-theme="dark"] optgroup{background-color:#070d18 !important;color:#7dd3fc !important;font-weight:700;font-size:0.78rem}html[data-theme="light"] select optgroup,html[data-theme="light"] .topbar-select optgroup,html[data-theme="light"] .ctx-select optgroup,html[data-theme="light"] .prop-input optgroup,html[data-theme="light"] optgroup{background-color:#f1f5f9 !important;color:#0f172a !important;font-weight:700;font-size:0.78rem}.hub-workspace{max-width:1140px;width:100%;margin:0 auto;padding:10px 16px 40px;display:flex;flex-direction:column;align-items:center}.hub-workspace .page-hero{width:100%;max-width:780px;margin:0 auto 32px;padding:12px 0 0;text-align:center}.hub-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}.hub-card{padding:24px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-specular);display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,box-shadow 0.2s ease}.hub-card:hover{transform:translateY(-3px);border-color:var(--lime-border);box-shadow:0 16px 36px rgba(0,0,0,0.25)}html[data-theme="light"] .hub-card:hover{border-color:rgba(15,23,42,0.2);box-shadow:var(--shadow-lg)}.hub-card-icon{width:44px;height:44px;border-radius:12px;background:var(--lime-dim);border:1px solid var(--lime-border);display:flex;align-items:center;justify-content:center;color:var(--lime);margin-bottom:4px}html[data-theme="light"] .hub-card-icon{background:rgba(22,163,74,0.1);border-color:rgba(22,163,74,0.2);color:#15803d}.hub-card-body h3{margin:0 0 6px;font-family:var(--font-display);font-size:1.15rem;color:var(--text)}.hub-card-body p{margin:0;color:var(--muted);font-size:0.88rem;line-height:1.5}.hub-card-body .watch-demo-link{margin-top:14px;display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:700;color:var(--lime)}html[data-theme="light"] .hub-card-body .watch-demo-link{color:#15803d}@media (max-width:1100px){.hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hub-card-grid{grid-template-columns:1fr}}.aso-copy-workspace{max-width:1100px;margin:0 auto;width:100%}.aso-card-grid{display:grid;grid-template-columns:1fr;gap:24px}.aso-output-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.aso-card-head{display:flex;justify-content:space-between;align-items:center}.aso-card-head h3{margin:0;font-family:var(--font-display);font-size:1.25rem}.aso-copy-text-area{background:rgba(3,7,14,0.5);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;font-size:0.95rem;line-height:1.6;color:#fff;white-space:pre-wrap;min-height:80px;max-height:300px;overflow-y:auto}.keyword-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background:rgba(120,166,255,0.12);border:1px solid rgba(120,166,255,0.25);color:var(--primary);padding:6px 14px;border-radius:999px;font-size:0.85rem;font-weight:600}.keywords-workspace{max-width:1240px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 340px;gap:24px}.keywords-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);padding:24px;box-shadow:var(--shadow)}.keywords-card h3{margin:0 0 16px;font-family:var(--font-display)}.keyword-input-row{display:flex;gap:12px;margin-bottom:24px}.keyword-input-row input{flex:1}.keyword-table{width:100%;border-collapse:collapse}.keyword-table th,.keyword-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.keyword-table th{font-weight:700;text-transform:uppercase;font-size:0.78rem;color:var(--muted);letter-spacing:0.05em}.keyword-rank-badge{display:inline-flex;align-items:center;gap:4px;font-weight:700}.keyword-rank-badge.up{color:var(--accent)}.keyword-rank-badge.down{color:var(--danger)}.keyword-rank-badge.neutral{color:var(--muted)}.keyword-graph-container{height:200px;border-radius:var(--radius-md);border:1px dashed var(--line);background:rgba(3,7,14,0.3);position:relative;display:flex;align-items:flex-end;padding:10px;gap:14px;overflow:hidden}.keyword-graph-bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--bg-soft));border-radius:4px 4px 0 0;min-height:20px;position:relative}.keyword-graph-bar::after{content:attr(data-val);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:0.7rem;font-weight:700;color:var(--primary)}.graphics-workspace{max-width:1600px;margin:0 auto;width:100%}.graphics-studio-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}@media (max-width:1100px){.graphics-studio-body{grid-template-columns:1fr}}.graphics-stage-column{min-width:0;display:flex;flex-direction:column;gap:20px}.graphics-inspector-panel{position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.15) transparent}.graphics-inspector-sidebar-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.25)}.video-studio-body{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}@media (max-width:1100px){.video-studio-body{grid-template-columns:1fr}}.video-stage-column{min-width:0;display:flex;flex-direction:column;gap:20px}.video-inspector-panel{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:4px}.graphics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.graphic-mockup-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.graphic-mockup-card:hover{border-color:rgba(77,226,197,0.45);box-shadow:0 8px 24px rgba(0,0,0,0.45);transform:translateY(-2px)}.graphic-preview-stage{height:260px;position:relative;display:flex;align-items:center;justify-content:center;background:#03070e;padding:12px;border-radius:12px 12px 0 0;overflow:hidden}.preset-preview-canvas{width:100%;height:100%;max-height:236px;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.45);display:block}.social-banner-mock{width:100%;height:100%;background:linear-gradient(135deg,#09172d,#3b74e6);padding:20px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.social-banner-mock.twitter{aspect-ratio:16/9}.social-banner-mock.linkedin{background:linear-gradient(135deg,#1d092d,#8a3be6)}.social-banner-mock.instagram{background:linear-gradient(135deg,#051d1a,#0fa38d)}.banner-mock-content{flex:1.2;display:flex;flex-direction:column;gap:8px;z-index:2}.banner-mock-content h4{margin:0;font-size:1.4rem;font-family:var(--font-display);line-height:1.1;color:#fff}.banner-mock-content p{margin:0;font-size:0.8rem;color:rgba(255,255,255,0.7);line-height:1.4}.banner-mock-device{flex:0.8;height:140%;transform:translateY(20px) rotate(-8deg);border-radius:12px;border:4px solid #1a2536;background:#000;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:2}.banner-mock-device img{width:100%;height:100%;object-fit:cover}.graphic-mockup-info{padding:20px;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.15);border-top:1px solid var(--line)}.graphic-mockup-info h4{margin:0 0 4px}.graphic-mockup-info p{margin:0;font-size:0.8rem;color:var(--muted)}.video-workspace{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.video-player-container{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);overflow:hidden;box-shadow:var(--shadow)}.video-screen-mock{aspect-ratio:16/9;background:#03070e;position:relative;display:flex;align-items:center;justify-content:center}.video-slide-frame{height:90%;aspect-ratio:9/19;border-radius:18px;border:6px solid #1c2635;background:#000;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.6);position:relative}.video-slide-frame img{width:100%;height:100%;object-fit:cover;transition:transform 3s ease-in-out}.video-playing .video-slide-frame img{transform:scale(1.15) translate(2px,2px)}.video-controls{padding:16px 24px;background:rgba(0,0,0,0.3);display:flex;align-items:center;gap:20px}.video-progress-bar-wrap{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,0.1);overflow:hidden;cursor:pointer}.video-progress-fill{width:0;height:100%;background:var(--primary);transition:width 0.1s linear}.video-timeline-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,0.01);padding:16px;display:flex;flex-direction:column;gap:12px}.timeline-track{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.timeline-thumb{flex:0 0 90px;height:120px;border-radius:8px;border:2px solid var(--line);background:var(--bg-soft);position:relative;overflow:hidden;cursor:pointer;opacity:0.65;transition:all 0.2s}.timeline-thumb img{width:100%;height:100%;object-fit:cover}.timeline-thumb.active{border-color:var(--primary);opacity:1;box-shadow:0 0 14px rgba(120,166,255,0.4)}.mockups-workspace{max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start}.renderer-3d-stage{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(circle,#0e1d35 0%,#03070e 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow)}.mockup-3d-scene{perspective:1200px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mockup-3d-phone{width:200px;height:400px;border-radius:28px;border:8px solid #1b2535;background:#000;box-shadow:0 30px 80px rgba(0,0,0,0.6);transform-style:preserve-3d;transition:transform 0.1s linear}.mockup-3d-phone img{width:100%;height:100%;border-radius:20px;object-fit:cover}@media (max-width:1120px){.studio-layout-shell{grid-template-columns:80px 1fr}.properties-sidebar{display:none}}.device-shell.frame-image-mode,.device-shell[class*="frame-3d_"]{box-shadow:none !important;border:none !important;background:transparent !important;padding:0 !important;position:relative;display:block;overflow:visible !important}.device-shell.frame-image-mode::before,.device-shell.frame-image-mode::after,.device-shell[class*="frame-3d_"]::before,.device-shell[class*="frame-3d_"]::after{display:none !important}.device-shell.frame-image-mode .frame-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:block}.device-shell.frame-image-mode .frame-screen-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:1}.device-shell.frame-image-mode .frame-screen-container.overflow-visible{overflow:visible !important;z-index:12 !important}.device-shell.frame-image-mode .frame-screen-inner{transform-origin:0 0;width:100%;height:100%;overflow:hidden}.device-shell.frame-image-mode .frame-screen-inner img{width:100%;height:100%;display:block}.slide-action-bar{pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;width:430px;box-sizing:border-box}.slide-action-bar button{pointer-events:auto}.slide-number-badge{font-size:0.78rem;font-weight:700;color:var(--muted);letter-spacing:0.04em}.slide-actions-cluster{display:flex;align-items:center;gap:4px}.slide-mini-icon-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--muted);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all 0.15s ease}.slide-mini-icon-btn:hover{background:rgba(255,255,255,0.12);color:var(--text);border-color:rgba(255,255,255,0.25)}.slide-mini-icon-btn.danger:hover{background:rgba(255,77,77,0.15);color:var(--danger);border-color:rgba(255,77,77,0.3)}.slide-mini-icon-btn svg{width:14px;height:14px}.canvas-add-slide-card{width:200px;height:860px;margin-top:38px;border:2px dashed rgba(255,255,255,0.16);border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);cursor:pointer;transition:all 0.2s ease;background:rgba(255,255,255,0.02);flex-shrink:0}.canvas-add-slide-card:hover{border-color:var(--primary);color:var(--primary);background:rgba(120,166,255,0.06);transform:translateY(-2px)}.canvas-add-slide-card i,.canvas-add-slide-card svg{width:32px;height:32px}.canvas-add-slide-card span{font-size:0.88rem;font-weight:600}.element-type-selector-bar{display:flex;gap:4px;background:rgba(0,0,0,0.25);padding:4px;border-radius:10px;border:1px solid var(--line);margin-bottom:16px}.element-tab-btn{flex:1;background:transparent;border:none;color:var(--muted);font-size:0.78rem;font-weight:600;padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all 0.15s ease}.element-tab-btn.active{background:rgba(255,255,255,0.1);color:var(--text)}.element-tab-btn:hover:not(.active){background:rgba(255,255,255,0.05);color:var(--text)}.prop-input-badge-wrap{display:inline-flex;align-items:center;background:rgba(255,255,255,0.06);border:1px solid var(--line);border-radius:6px;padding:1px 6px;gap:2px}.prop-mini-input{width:44px;background:transparent;border:none;color:var(--text);font-size:0.82rem;font-weight:600;text-align:right;outline:none;padding:0}.prop-input-badge-wrap .unit{font-size:0.75rem;color:var(--muted);font-weight:600}.preset-pill-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.preset-pill{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:4px;color:var(--muted);font-size:0.72rem;padding:2px 6px;cursor:pointer;transition:all 0.15s ease}.preset-pill:hover{background:rgba(255,255,255,0.1);color:var(--text);border-color:rgba(255,255,255,0.2)}.quick-btn-row{display:flex;gap:8px;margin-top:-6px}.quick-btn-row button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:0.75rem;padding:6px 8px}.canvas-slide-wrap.drop-target .slide-canvas{outline:3px solid var(--primary);box-shadow:0 0 25px rgba(91,140,255,0.5)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-sm);background:var(--bg-card,#121824);border:1px solid var(--accent);color:var(--text,#f1f5f9);font-size:0.88rem;font-weight:600;box-shadow:0 12px 32px rgba(0,0,0,0.45);backdrop-filter:blur(12px);animation:toastSlideIn 0.25s cubic-bezier(0.16,1,0.3,1);transition:opacity 0.2s ease,transform 0.2s ease}html[data-theme="light"] .toast,[data-theme="light"] .toast{background:#ffffff !important;color:#0f172a !important;border:1px solid #cbd5e1 !important;box-shadow:0 10px 30px rgba(0,0,0,0.12),0 4px 6px -2px rgba(0,0,0,0.05) !important}html[data-theme="light"] .toast span,html[data-theme="light"] .toast p,[data-theme="light"] .toast span,[data-theme="light"] .toast p{color:#0f172a !important}html[data-theme="light"] .toast i,html[data-theme="light"] .toast svg,[data-theme="light"] .toast i,[data-theme="light"] .toast svg{color:var(--accent) !important}.active-bg-status-card{transition:all 0.2s ease}html[data-theme="light"] .active-bg-status-card{background:#f8fafc !important;border-color:#cbd5e1 !important}html[data-theme="light"] .active-bg-status-card div,html[data-theme="light"] .active-bg-status-card span{color:#0f172a}.toast.toast-warning{border-color:var(--warm)}.toast.toast-error{border-color:var(--danger)}@keyframes toastSlideIn{from{opacity:0;transform:translateY(16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.char-badge{font-size:0.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,0.08);color:var(--muted);border:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease}.char-badge.valid{color:var(--accent);border-color:rgba(77,226,197,0.3);background:rgba(77,226,197,0.1)}.char-badge.overflow{color:var(--danger);border-color:rgba(255,141,141,0.4);background:rgba(255,141,141,0.15)}.social-banner-mock.feature-graphic{background:linear-gradient(135deg,#0d1a30,#1b3860);width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.finish-swatches{display:flex;gap:10px;align-items:center}.finish-swatch-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.4);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.finish-swatch-btn:hover{transform:scale(1.15)}.finish-swatch-btn.active{border-color:#ffffff;box-shadow:0 0 0 2px var(--accent),0 2px 8px rgba(0,0,0,0.6);transform:scale(1.12)}.stage-overlay-badges{position:absolute;bottom:14px;left:16px;display:flex;gap:8px;align-items:center;pointer-events:none}.stage-overlay-badges>*{pointer-events:auto}.stage-reset-btn:hover{background:rgba(255,255,255,0.2) !important}.aspect-pills{display:flex;background:rgba(255,255,255,0.05);border-radius:999px;padding:3px;gap:2px}.video-player-container{display:flex;flex-direction:column;gap:12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:16px}.video-screen-mock{width:100%;min-height:380px;border-radius:12px;position:relative;background:#040811;box-shadow:inset 0 0 24px rgba(0,0,0,0.8)}.video-screen-mock:hover #videoCenterPlayIcon{transform:scale(1.1)}.video-scrubber-thumb{transition:transform 0.1s ease}.video-progress-bar-wrap:hover .video-scrubber-thumb{transform:scale(1.3)}.social-design-controls{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.control-row-group label{display:block;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);margin-bottom:6px}.archetype-pills,.pattern-pills,.transition-pills,.anim-preset-pills{display:flex;flex-wrap:wrap;gap:6px}.palette-swatches{display:flex;gap:8px;align-items:center}.palette-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease}.palette-swatch:hover{transform:scale(1.15)}.palette-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent);transform:scale(1.1)}.social-master-stage-wrap{flex-shrink:0;z-index:5;background:var(--surface,#0d1526);border-radius:14px;border:1px solid var(--line,rgba(255,255,255,0.1));padding:14px;box-shadow:0 16px 40px rgba(0,0,0,0.45)}.social-formats-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:4px}.social-format-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.social-format-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:var(--muted,#94a3b8);font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.15s ease;white-space:nowrap;user-select:none}.social-format-btn:hover{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.25)}.social-format-btn.active{background:rgba(77,226,197,0.16);border-color:var(--accent,#4de2c5);color:var(--accent,#4de2c5);font-weight:700;box-shadow:0 0 12px rgba(77,226,197,0.25)}.social-contextual-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(10,16,30,0.95);border:1px solid rgba(255,255,255,0.12);border-radius:10px;margin-bottom:12px;min-height:42px;backdrop-filter:blur(12px);box-sizing:border-box;flex-wrap:wrap}.social-contextual-bar .ctx-item{display:flex;align-items:center;gap:6px}.social-contextual-bar .ctx-select,.social-contextual-bar .ctx-input{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:6px;color:#fff;padding:5px 8px;font-size:0.8rem;font-family:inherit;outline:none}.social-contextual-bar .ctx-select:focus,.social-contextual-bar .ctx-input:focus{border-color:var(--accent,#4de2c5)}.social-contextual-bar .ctx-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:6px;color:#fff;padding:4px 8px;font-size:0.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all 0.15s ease;user-select:none}.social-contextual-bar .ctx-btn:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3)}.social-contextual-bar .ctx-btn.active{background:var(--accent,#4de2c5);color:#0b111e;border-color:var(--accent,#4de2c5);font-weight:700}.social-contextual-bar .ctx-btn.danger{color:#ff6b6b;border-color:rgba(255,107,107,0.3)}.social-contextual-bar .ctx-btn.danger:hover{background:rgba(255,107,107,0.15);border-color:#ff6b6b}.social-master-stage{background:radial-gradient(circle at 50% 50%,rgba(23,36,59,0.4) 0%,rgba(8,17,31,0.8) 100%);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:320px}.add-element-menu{background:var(--bg-card,#121824);border:1px solid var(--border,rgba(255,255,255,0.12));border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,0.5)}html[data-theme="light"] .add-element-menu,[data-theme="light"] .add-element-menu{background:#ffffff !important;border-color:#e2e8f0 !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.14),0 8px 10px -6px rgba(0,0,0,0.08) !important}.menu-item-btn{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);font-size:0.82rem;padding:8px 10px;border-radius:6px;cursor:pointer;text-align:left;transition:background 0.15s ease,color 0.15s ease}.menu-item-btn i,.menu-item-btn svg{width:14px;height:14px;color:var(--accent)}.menu-item-btn:hover{background:rgba(255,255,255,0.08);color:#fff}html[data-theme="light"] .menu-item-btn,[data-theme="light"] .menu-item-btn{color:#1e293b !important}html[data-theme="light"] .menu-item-btn:hover,[data-theme="light"] .menu-item-btn:hover{background:rgba(0,0,0,0.06) !important;color:#0f172a !important}.slide-element-node{cursor:pointer;position:relative;transition:outline 0.15s ease,box-shadow 0.15s ease}.slide-element-node:hover{outline:1.5px dashed rgba(77,226,197,0.45)}.slide-element-node.selected{outline:2px solid var(--accent) !important;box-shadow:0 0 12px rgba(77,226,197,0.35)}.editable-pill-node{display:inline-flex;align-items:center;cursor:pointer}.editable-image-node{cursor:pointer;display:inline-block}.studio-contextual-bar{display:none;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(21,23,34,0.98) 0%,rgba(15,17,26,0.98) 100%);border-bottom:1px solid var(--line);padding:6px 18px;min-height:48px;overflow-x:auto;scrollbar-width:thin;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,0.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background 0.2s ease,border-color 0.2s ease}body.studio-editor-mode .studio-contextual-bar.visible{display:flex}body:not(.studio-editor-mode) .studio-contextual-bar,body:not(.studio-editor-mode) .view-tab-bar,body:not(.studio-editor-mode) #editorTopbarMid,body:not(.studio-editor-mode) #editorTopbarRight{display:none !important}html[data-theme="light"] .studio-contextual-bar{background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(246,248,252,0.98) 100%);border-bottom:1px solid rgba(15,23,42,0.08);box-shadow:0 4px 16px rgba(15,23,42,0.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ctx-group{display:flex;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap}.studio-contextual-bar .ctx-group+.ctx-group{border-left:1px solid var(--line);padding-left:8px}.studio-contextual-bar .ctx-group>label{flex:0 0 auto;white-space:nowrap;color:var(--muted);font-size:0.76rem;font-weight:600}.studio-contextual-bar .ctx-color-swatch,.studio-contextual-bar .ctx-btn-toggle,.studio-contextual-bar .ctx-action-btn,.studio-contextual-bar .ctx-checkbox{flex:0 0 auto}.ctx-btn-toggle.labeled{width:auto;padding:0 10px;gap:6px}.ctx-btn-toggle.labeled>i,.ctx-btn-toggle.labeled>svg{flex:0 0 auto}.ctx-divider{width:1px;height:22px;background:var(--line);margin:0 4px;flex-shrink:0}.ctx-select{background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:0.82rem;font-weight:600;cursor:pointer;outline:none;transition:all 0.15s ease;max-width:160px}.ctx-select:hover,.ctx-select:focus{border-color:var(--lime);background:var(--bg-card-hover)}html[data-theme="light"] .ctx-select{background:#f1f3f7;color:#0a0d14;border-color:rgba(15,23,42,0.12)}html[data-theme="light"] .ctx-select:hover,html[data-theme="light"] .ctx-select:focus{border-color:#15803d;background:#ffffff}.ctx-stepper{display:flex;align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;overflow:hidden}html[data-theme="light"] .ctx-stepper{background:#f1f3f7;border-color:rgba(15,23,42,0.12)}.ctx-step-btn{background:transparent;border:none;color:var(--text);width:28px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;cursor:pointer;transition:background 0.15s ease}.ctx-step-btn:hover{background:var(--card-hover)}html[data-theme="light"] .ctx-step-btn:hover{background:#e2e5eb}.ctx-num-input{background:transparent;border:none;color:var(--text);font-size:0.82rem;font-weight:700;width:44px;text-align:center;outline:none;-moz-appearance:textfield}.ctx-num-input::-webkit-outer-spin-button,.ctx-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ctx-color-swatch-wrap{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.ctx-color-swatch-wrap input[type="color"]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.ctx-color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid var(--line-hover);display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:800;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15);transition:transform 0.15s ease,border-color 0.15s ease}.ctx-color-swatch:hover{transform:scale(1.08);border-color:var(--lime)}html[data-theme="light"] .ctx-color-swatch{border-color:rgba(15,23,42,0.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08)}html[data-theme="light"] .ctx-color-swatch:hover{border-color:#15803d}.ctx-btn-toggle{background:var(--bg-soft);color:var(--muted);border:1px solid var(--line);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.85rem;font-weight:700;transition:all 0.15s ease}html[data-theme="light"] .ctx-btn-toggle{background:#f1f3f7;color:#5d6678;border-color:rgba(15,23,42,0.12)}.ctx-btn-toggle i,.ctx-btn-toggle svg{width:16px;height:16px}.ctx-btn-toggle:hover{background:var(--card-hover);color:var(--text)}html[data-theme="light"] .ctx-btn-toggle:hover{background:#e2e5eb;color:#0a0d14}.ctx-btn-toggle.active{background:var(--lime);color:var(--lime-text);border-color:var(--lime);box-shadow:0 0 12px var(--lime-dim)}html[data-theme="light"] .ctx-btn-toggle.active{background:linear-gradient(135deg,#0a0d14 0%,#1e293b 100%);color:#ffffff;border-color:#0a0d14;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.ctx-action-btn{background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:0.8rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;transition:all 0.15s ease}html[data-theme="light"] .ctx-action-btn{background:#f1f3f7;color:#0a0d14;border-color:rgba(15,23,42,0.12)}.ctx-action-btn i,.ctx-action-btn svg{width:14px;height:14px}.ctx-action-btn:hover{background:var(--card-hover);border-color:var(--line-hover)}html[data-theme="light"] .ctx-action-btn:hover{background:#e2e5eb;border-color:rgba(15,23,42,0.2)}.ctx-action-btn.danger{color:#ff5c5c}html[data-theme="light"] .ctx-action-btn.danger{color:#dc2626;background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.18)}.ctx-action-btn.danger:hover{background:rgba(255,92,92,0.15);border-color:#ff5c5c}html[data-theme="light"] .ctx-action-btn.danger:hover{background:rgba(239,68,68,0.16);border-color:#dc2626}.ctx-slider{-webkit-appearance:none;appearance:none;height:6px;background:var(--line);border-radius:999px;outline:none;cursor:pointer}html[data-theme="light"] .ctx-slider{background:rgba(15,23,42,0.15)}.ctx-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--lime);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.3);transition:transform 0.1s ease}.ctx-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}html[data-theme="light"] .ctx-slider::-webkit-slider-thumb{background:#15803d}.canva-dock-shell{display:flex;height:calc(100vh - 130px);position:relative;z-index:20}.canva-icon-rail{width:72px;background:var(--bg-soft);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:12px;flex-shrink:0}.canva-rail-btn{width:54px;height:52px;border-radius:12px;background:transparent;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0.64rem;font-weight:700;gap:4px;cursor:pointer;transition:all 0.15s ease}.canva-rail-btn i,.canva-rail-btn svg{width:20px;height:20px}.canva-rail-btn:hover{background:var(--card-hover);color:var(--text)}.canva-rail-btn.active{background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border)}html[data-theme="light"] .canva-rail-btn.active{background:rgba(22,163,74,0.1);color:#15803d;border-color:rgba(22,163,74,0.25)}html[data-theme="light"] .canva-icon-rail{background:#ffffff;border-right:1px solid var(--line)}.canva-drawer{width:0;background:var(--bg-card);border-right:none;display:flex;flex-direction:column;height:100%;position:relative;transition:width 0.25s cubic-bezier(0.2,0.9,0.3,1);overflow:hidden;flex-shrink:0}.canva-drawer.open{width:320px;border-right:1px solid var(--line)}.canva-drawer.collapsed{width:0 !important;border-right:none !important}.canva-drawer-toggle{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:24px;height:48px;background:var(--bg-soft);border:1px solid var(--line);border-radius:0 12px 12px 0;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;transition:all 0.15s ease}.canva-drawer-toggle:hover{background:var(--lime);color:var(--lime-text)}html[data-theme="light"] .canva-drawer-toggle:hover{background:#0a0d14;color:#ffffff}.drawer-header{padding:16px;border-bottom:1px solid var(--line)}.drawer-search-wrap{position:relative;display:flex;align-items:center}.drawer-search-wrap i,.drawer-search-wrap svg{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}.drawer-search-input{width:100%;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:10px 12px 10px 36px;color:var(--text);font-size:0.85rem;outline:none;transition:border-color 0.15s ease}.drawer-search-input:focus{border-color:var(--lime)}html[data-theme="light"] .drawer-search-input:focus{border-color:#15803d}.drawer-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin}.drawer-section{margin-bottom:22px}.drawer-section-title{font-size:0.76rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--lime);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}html[data-theme="light"] .drawer-section-title{color:#15803d}.drawer-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.drawer-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drawer-card{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all 0.15s ease;text-align:center;user-select:none}.drawer-card:hover{background:var(--lime-dim);border-color:var(--lime-border);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.3)}html[data-theme="light"] .drawer-card:hover{background:rgba(22,163,74,0.08);border-color:rgba(22,163,74,0.25)}.drawer-card span{font-size:0.75rem;font-weight:600;color:var(--text)}.drawer-card i,.drawer-card svg{width:22px;height:22px;color:var(--lime)}html[data-theme="light"] .drawer-card i,html[data-theme="light"] .drawer-card svg{color:#15803d}.shape-icon-preview{display:flex;align-items:center;justify-content:center;width:38px;height:38px}.shape-square-icon{width:28px;height:28px;background:#5b8cff;border-radius:4px}.shape-rounded-icon{width:28px;height:28px;background:#8b3dff;border-radius:10px}.shape-circle-icon{width:28px;height:28px;background:#4de2c5;border-radius:50%}.shape-pill-icon{width:34px;height:18px;background:#f59e0b;border-radius:999px}.shape-line-icon{width:32px;height:4px;background:#fff;border-radius:2px}.shape-glass-icon{width:32px;height:26px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.4);border-radius:6px}.text-preset-card{width:100%;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all 0.15s ease;margin-bottom:8px;text-align:left}.text-preset-card:hover{background:var(--lime-dim);border-color:var(--lime-border);transform:translateY(-2px)}.text-preset-heading{font-size:1.4rem;font-weight:800;color:var(--text);line-height:1.2}.text-preset-subheading{font-size:1.05rem;font-weight:600;color:var(--text-dim);line-height:1.3}.text-preset-body{font-size:0.85rem;font-weight:400;color:var(--muted);line-height:1.4}.template-preset-card{cursor:pointer;border-radius:8px;border:1px solid var(--card-border);padding:8px;background:var(--card);transition:all 0.15s ease}.template-preset-card:hover{border-color:var(--lime);background:var(--card-hover);transform:translateY(-1px)}.template-preset-card.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.template-preset-card img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform 0.25s ease}.template-preset-card:hover img{transform:scale(1.02)}html[data-theme="light"] .template-preset-card{background:#ffffff;border-color:rgba(15,23,42,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.04)}html[data-theme="light"] .template-preset-card:hover{border-color:#15803d;background:#f8fafc}html[data-theme="light"] .template-preset-card.active{border-color:#15803d;box-shadow:0 0 0 1px #15803d}.drawer-element-chip{cursor:pointer;background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:12px 6px;text-align:center;transition:all 0.15s ease;user-select:none}.drawer-element-chip:hover{background:var(--card-hover);border-color:var(--lime);transform:translateY(-2px)}html[data-theme="light"] .drawer-element-chip{background:#ffffff;border-color:rgba(15,23,42,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.03)}html[data-theme="light"] .drawer-element-chip:hover{background:#f8fafc;border-color:#15803d}.drawer-badge-btn{width:100%;margin-bottom:8px;cursor:pointer;border-radius:8px;padding:8px 12px;font-weight:700;font-size:0.8rem;text-align:left;display:flex;align-items:center;gap:8px;transition:all 0.15s ease;user-select:none}.drawer-badge-btn:hover{transform:translateY(-1px)}.drawer-badge-btn[data-pill-type="app"],.drawer-badge-btn[data-pill-type="stores"]{background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.3);color:#06b6d4}html[data-theme="light"] .drawer-badge-btn[data-pill-type="app"],html[data-theme="light"] .drawer-badge-btn[data-pill-type="stores"]{background:rgba(2,132,199,0.08);border-color:rgba(2,132,199,0.25);color:#0284c7}.drawer-badge-btn[data-pill-type="rating"]{background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.3);color:#f59e0b}html[data-theme="light"] .drawer-badge-btn[data-pill-type="rating"]{background:rgba(217,119,6,0.08);border-color:rgba(217,119,6,0.25);color:#b45309}.drawer-badge-btn[data-pill-type="custom"]{background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.3);color:#8b5cf6}html[data-theme="light"] .drawer-badge-btn[data-pill-type="custom"]{background:rgba(124,58,237,0.08);border-color:rgba(124,58,237,0.25);color:#6d28d9}.drawer-badge-btn span{color:var(--text);font-weight:600}.drawer-text-preset{cursor:pointer;background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:12px 14px;transition:all 0.15s ease;user-select:none}.drawer-text-preset:hover{background:var(--card-hover);border-color:var(--lime);transform:translateY(-1px)}html[data-theme="light"] .drawer-text-preset{background:#ffffff;border-color:rgba(15,23,42,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.03)}html[data-theme="light"] .drawer-text-preset:hover{background:#f8fafc;border-color:#15803d}.drawer-combo-card{cursor:pointer;background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:10px 12px;transition:all 0.15s ease;user-select:none}.drawer-combo-card:hover{background:var(--card-hover);border-color:var(--lime);transform:translateY(-1px)}html[data-theme="light"] .drawer-combo-card{background:#ffffff;border-color:rgba(15,23,42,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.03)}html[data-theme="light"] .drawer-combo-card:hover{background:#f8fafc;border-color:#15803d}.drawer-device-card{background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;transition:all 0.15s ease}html[data-theme="light"] .drawer-device-card{background:#ffffff;border-color:rgba(15,23,42,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.03)}.drawer-layer-item{cursor:pointer;background:var(--card);border:1px solid var(--card-border);border-radius:6px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;transition:all 0.15s ease}.drawer-layer-item:hover{background:var(--card-hover);border-color:var(--line-hover)}.drawer-layer-item.active{background:var(--lime-dim);border-color:var(--lime-border)}html[data-theme="light"] .drawer-layer-item{background:#ffffff;border-color:rgba(15,23,42,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.02)}html[data-theme="light"] .drawer-layer-item:hover{background:#f8fafc}html[data-theme="light"] .drawer-layer-item.active{background:rgba(21,128,61,0.1);border-color:rgba(21,128,61,0.35)}.drawer-hub-link{cursor:pointer;background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:10px 12px;text-align:left;color:var(--text);width:100%;transition:all 0.15s ease}.drawer-hub-link:hover{background:var(--card-hover);border-color:var(--lime)}html[data-theme="light"] .drawer-hub-link{background:#ffffff;border-color:rgba(15,23,42,0.1);color:#0a0d14}html[data-theme="light"] .drawer-hub-link:hover{background:#f8fafc;border-color:#15803d}.transform-bounding-box{position:absolute;pointer-events:none;cursor:move;border:2px solid var(--lime);border-radius:2px;z-index:1000;box-shadow:0 0 0 1px rgba(0,0,0,0.4)}.transform-bounding-box.locked{cursor:default;border-color:rgba(255,255,255,0.35)}.transform-handle{position:absolute;pointer-events:auto;background:#ffffff;border:2px solid var(--lime);box-shadow:0 2px 6px rgba(0,0,0,0.4);z-index:1002;transition:transform 0.1s ease}.transform-handle:hover{transform:scale(1.3);background:var(--lime);border-color:#ffffff}.transform-handle.handle-nw{top:-7px;left:-7px;width:14px;height:14px;border-radius:50%;cursor:nwse-resize}.transform-handle.handle-ne{top:-7px;right:-7px;width:14px;height:14px;border-radius:50%;cursor:nesw-resize}.transform-handle.handle-se{bottom:-7px;right:-7px;width:14px;height:14px;border-radius:50%;cursor:nwse-resize}.transform-handle.handle-sw{bottom:-7px;left:-7px;width:14px;height:14px;border-radius:50%;cursor:nesw-resize}.transform-handle.handle-n{top:-5px;left:50%;transform:translateX(-50%);width:18px;height:8px;border-radius:4px;cursor:ns-resize}.transform-handle.handle-s{bottom:-5px;left:50%;transform:translateX(-50%);width:18px;height:8px;border-radius:4px;cursor:ns-resize}.transform-handle.handle-e{top:50%;right:-5px;transform:translateY(-50%);width:8px;height:18px;border-radius:4px;cursor:ew-resize}.transform-handle.handle-w{top:50%;left:-5px;transform:translateY(-50%);width:8px;height:18px;border-radius:4px;cursor:ew-resize}.transform-rot-wrapper{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:grab;z-index:1002}.transform-rot-stem{width:2px;height:14px;background:var(--lime)}.transform-rot-knob{width:24px;height:24px;background:#ffffff;border:2px solid var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#080d04;box-shadow:0 4px 10px rgba(0,0,0,0.4);transition:transform 0.15s ease,background 0.15s ease}.transform-rot-wrapper:hover .transform-rot-knob{transform:scale(1.15);background:var(--lime);color:var(--lime-text)}.transform-rot-wrapper:active{cursor:grabbing}.transform-rot-tooltip{position:absolute;bottom:-22px;background:rgba(0,0,0,0.85);color:#fff;font-size:0.72rem;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none}.floating-element-menu{position:absolute;pointer-events:auto;top:-46px;left:50%;transform:translateX(-50%);background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:4px 6px;display:flex;align-items:center;gap:4px;box-shadow:var(--shadow);z-index:1005;white-space:nowrap}.floating-menu-btn{background:transparent;border:none;color:var(--muted);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s ease}.floating-menu-btn i,.floating-menu-btn svg{width:15px;height:15px}.floating-menu-btn:hover{background:var(--card-hover);color:var(--text)}.floating-menu-btn.active{color:var(--lime);background:var(--lime-dim)}html[data-theme="light"] .floating-menu-btn.active{color:#15803d;background:rgba(22,163,74,0.15)}.floating-menu-btn.danger:hover{background:rgba(255,92,92,0.2);color:#ff5c5c}.floating-more-dropdown{position:absolute;top:calc(100%+6px);right:0;background:#141c2b;border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:6px;display:none;flex-direction:column;gap:2px;box-shadow:0 12px 32px rgba(0,0,0,0.6);min-width:170px;z-index:1010}.floating-more-dropdown.open{display:flex}.floating-dropdown-item{background:transparent;border:none;color:var(--text);font-size:0.8rem;font-weight:600;padding:7px 10px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;transition:background 0.15s ease}.floating-dropdown-item:hover{background:var(--card-hover);color:var(--text)}.floating-dropdown-item i,.floating-dropdown-item svg{width:14px;height:14px;color:var(--lime)}html[data-theme="light"] .floating-dropdown-item i,html[data-theme="light"] .floating-dropdown-item svg{color:#15803d}.snap-guide-line{position:absolute;pointer-events:none;z-index:999;display:none}.snap-guide-line.active{display:block}.snap-guide-line.snap-x{top:0;bottom:0;width:1.5px;border-left:1.5px dashed var(--lime)}.snap-guide-line.snap-y{left:0;right:0;height:1.5px;border-top:1.5px dashed var(--lime)}.slide-filmstrip-bar{background:var(--bg-soft);border-top:1px solid var(--line);padding:8px 16px;display:flex;align-items:center;gap:14px;overflow-x:auto;scrollbar-width:thin;z-index:15;min-height:110px;flex-shrink:0}.filmstrip-slides-track{display:flex;align-items:center;gap:12px;flex:1}.filmstrip-slide-card{position:relative;width:60px;height:94px;background:var(--bg-card);border:2px solid var(--card-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all 0.15s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--card-specular)}.filmstrip-slide-card:hover{border-color:var(--lime-border);transform:translateY(-2px)}.filmstrip-slide-card.active{border-color:var(--lime);box-shadow:0 0 16px var(--lime-dim)}html[data-theme="light"] .filmstrip-slide-card.active{border-color:#15803d;box-shadow:0 0 16px rgba(22,163,74,0.25)}.filmstrip-slide-num{position:absolute;top:4px;left:4px;background:rgba(0,0,0,0.75);color:#fff;font-size:0.65rem;font-weight:700;padding:2px 5px;border-radius:4px;z-index:3}.filmstrip-slide-thumb{width:100%;height:100%;object-fit:cover;display:block}.filmstrip-add-card{width:60px;height:94px;border:2px dashed var(--line-hover);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:0.65rem;font-weight:700;cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.filmstrip-add-card:hover{border-color:var(--lime);color:var(--lime);background:var(--lime-dim)}html[data-theme="light"] .filmstrip-add-card:hover{border-color:#15803d;color:#15803d;background:rgba(22,163,74,0.08)}.filmstrip-viewport-ctrls{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:14px;flex-shrink:0}body.studio-editor-mode{height:100vh;overflow:hidden}body.studio-editor-mode .site-shell{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.studio-editor-mode .topbar{position:static;flex:0 0 auto}body.studio-editor-mode .studio-contextual-bar,body.studio-editor-mode .view-tab-bar{flex:0 0 auto}body.studio-editor-mode main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}body.studio-editor-mode .studio-layout-shell{flex:1 1 auto;min-height:0;height:auto;grid-template-rows:minmax(0,1fr)}body.studio-editor-mode .canva-dock-shell{height:100%;min-height:0}body.studio-editor-mode .canva-icon-rail{height:100%;overflow-y:auto;overflow-x:hidden}body.studio-editor-mode .canva-drawer{height:100%;min-height:0}body.studio-editor-mode .studio-workspace-center{height:auto;min-height:0;overflow-y:auto}body.studio-editor-mode .properties-sidebar{height:auto;min-height:0}.canva-drawer-toggle{right:2px;border-radius:12px 0 0 12px;z-index:30}.canva-drawer:not(.open) .canva-drawer-toggle{display:none}.canva-drawer.collapsed .canva-drawer-toggle{display:none}.view-tab-bar{display:none;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-soft);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}html[data-theme="light"] .view-tab-bar{background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(246,248,252,0.98) 100%);border-bottom:1px solid rgba(15,23,42,0.08)}body.studio-editor-mode .view-tab-bar{display:flex}.view-tab-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:0.8rem;font-weight:700;padding:7px 14px;border-radius:999px;white-space:nowrap;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);cursor:pointer}.view-tab-btn i,.view-tab-btn svg{width:15px;height:15px}.view-tab-btn:hover{background:var(--card-hover);color:var(--text)}.view-tab-btn.active{background:var(--lime);color:var(--lime-text);border-color:var(--lime);box-shadow:0 4px 14px rgba(184,246,65,0.35)}html[data-theme="light"] .view-tab-btn.active{background:#0a0d14;color:#ffffff;border-color:#0a0d14;box-shadow:0 4px 14px rgba(10,13,20,0.25)}.slide-element-node.editable-shape-node{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.slide-element-node.editable-shape-node.shape-rectangle{}.slide-element-node.editable-shape-node.shape-circle{border-radius:50%}.slide-element-node.editable-shape-node.shape-pill{border-radius:999px}.slide-element-node.editable-shape-node.shape-glass{background:rgba(255,255,255,0.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.2)}.slide-element-node.editable-text-node{box-sizing:border-box;word-break:break-word;user-select:none}.admin-dev-only{display:none}.admin-template-modal-card{animation:adminModalPop 0.22s cubic-bezier(0.16,1,0.3,1)}@keyframes adminModalPop{from{opacity:0;transform:scale(0.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-slide-card{transition:border-color 0.15s ease,background-color 0.15s ease}.admin-slide-card:hover{border-color:rgba(255,255,255,0.16) !important;background:rgba(255,255,255,0.035) !important}.admin-input-title:focus,.admin-input-subtitle:focus{border-color:var(--accent) !important;box-shadow:0 0 0 2px rgba(184,246,65,0.2)}.support-pill-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(244,63,94,0.15),rgba(225,29,72,0.22));border:1px solid rgba(244,63,94,0.4);color:#fda4af;font-size:0.84rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.support-pill-btn:hover{background:linear-gradient(135deg,rgba(244,63,94,0.25),rgba(225,29,72,0.35));border-color:rgba(244,63,94,0.6);color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px rgba(225,29,72,0.25)}.support-modal-card{width:min(520px,92vw);border-radius:24px;background:linear-gradient(180deg,#101626,#090e1a);border:1px solid rgba(255,255,255,0.12);box-shadow:0 25px 60px rgba(0,0,0,0.7);padding:32px 28px;text-align:center;position:relative;animation:adminModalPop 0.22s cubic-bezier(0.16,1,0.3,1)}.support-modal-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(244,63,94,0.15);border:1px solid rgba(244,63,94,0.3);color:#fb7185;font-size:0.78rem;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:0.04em}.support-modal-title{font-size:1.55rem;font-weight:700;color:#fff;margin:0 0 8px}.support-modal-desc{font-size:0.92rem;color:var(--muted);line-height:1.55;margin:0 0 16px}.support-asset-chip{display:inline-block;padding:6px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-size:0.82rem;color:#e2e8f0;font-family:monospace;margin-bottom:18px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-razorpay-wrap{display:flex;justify-content:center;align-items:center;margin:12px 0 16px;min-height:48px}.rzp-custom-support-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;border-radius:12px;background:linear-gradient(135deg,#ee5631,#f43f5e);color:#ffffff !important;font-size:0.95rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(238,86,49,0.4);transition:all 0.2s ease;text-decoration:none;font-family:inherit}.rzp-custom-support-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(238,86,49,0.55);filter:brightness(1.06)}.rzp-sub-pill{font-size:0.72rem;font-weight:600;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,0.25);color:#fff;letter-spacing:0.02em}.support-modal-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.support-skip-btn{padding:10px 22px;border-radius:12px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:var(--text,#fff);font-size:0.88rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.support-skip-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25)}.support-countdown-text{font-size:0.78rem;color:var(--muted);margin-top:14px}.support-modal-close{position:absolute;top:16px;right:18px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:var(--muted);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s ease}.support-modal-close:hover{background:rgba(255,255,255,0.12);color:var(--text,#fff);border-color:rgba(255,255,255,0.25)}html[data-theme="light"] .support-modal-card{background:#ffffff;border-color:rgba(15,23,42,0.12);box-shadow:0 25px 60px rgba(0,0,0,0.2)}html[data-theme="light"] .support-modal-title{color:#0f172a}html[data-theme="light"] .support-asset-chip{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}html[data-theme="light"] .support-skip-btn{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}html[data-theme="light"] .support-skip-btn:hover{background:#e2e8f0}html[data-theme="light"] .support-modal-close{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1);color:#64748b}html[data-theme="light"] .support-modal-close:hover{background:rgba(0,0,0,0.1);color:#0f172a}html[data-theme="light"] .support-pill-btn{background:linear-gradient(135deg,rgba(244,63,94,0.12),rgba(225,29,72,0.18));border:1px solid rgba(225,29,72,0.45);color:#e11d48 !important;font-weight:700;box-shadow:0 2px 8px rgba(225,29,72,0.12)}html[data-theme="light"] .support-pill-btn:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#e11d48;color:#ffffff !important;box-shadow:0 4px 16px rgba(225,29,72,0.35);transform:translateY(-1px)}html[data-theme="light"] .support-modal-badge{color:#e11d48;background:rgba(244,63,94,0.12);border-color:rgba(225,29,72,0.25)}html[data-theme="light"] a[data-action="open-support"],html[data-theme="light"] .footer-link-button[data-action="open-support"]{color:#e11d48 !important}