@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Roboto+Mono:wght@400;700&display=swap";:root{--bg-1: #0d0d0d;--bg-2: #070d1b;--bg-3: #0a1930;--panel: rgba(12, 18, 32, .85);--panel-strong: rgba(17, 24, 39, .9);--border: rgba(255, 255, 255, .08);--border-strong: rgba(68, 89, 143, .6);--text: #e8edf7;--muted: #cbd5e1;--accent: #245ded;--accent-2: #22d3ee;--success: #24c15d;--danger: #d9534f;--radius: 16px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--config-width: 460px}*{box-sizing:border-box}html{background:#0d0d0d;scroll-behavior:smooth!important}body{margin:0;min-height:100vh;background:linear-gradient(-45deg,var(--bg-1),var(--bg-2),var(--bg-1),var(--bg-3));background-size:400% 400%;background-attachment:fixed;animation:gradientMove 12s ease infinite;will-change:background-position;color:var(--text);font-family:Space Grotesk,Roboto Mono,monospace;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 72px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 72px);opacity:.28;pointer-events:none;mix-blend-mode:screen;filter:blur(.15px);z-index:0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}header,main,footer{position:relative;z-index:1}a{color:var(--text);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-2)}img{max-width:100%;display:block}main{max-width:1200px;margin:0 auto;padding:64px 20px 96px;width:100%}body.landing-page main{padding-top:32px}section+section{margin-top:56px}button,input,select,textarea{font-family:inherit}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-weight:600;letter-spacing:.2px}.btn,.cta-btn,.user-button,.oauth-button,.clear-btn,.preset-btn,.copy-btn,.logout-btn,.cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:var(--accent);color:#fff;border:1px solid rgba(36,93,237,.4);border-radius:10px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover,.cta-btn:hover,.user-button:hover,.oauth-button:hover,.clear-btn:hover,.preset-btn:hover,.copy-btn:hover,.logout-btn:hover,.cancel-btn:hover{transform:translateY(-1px);background:#1a4cdb;box-shadow:0 10px 30px #245ded59}.btn-ghost,.clear-btn{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.18);box-shadow:none}.text-muted{color:var(--muted)}.accent-strong{color:var(--accent);font-weight:700}.hidden{display:none!important}.hero-video{display:block;margin:0 auto;max-width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(135deg,#0d0d0deb,#0f1c36e6);border-bottom:1px solid #222;position:relative;z-index:60;backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 18px #00000059}body.editor-page .top-bar{position:sticky;top:0}.nav-hidden{transform:translateY(-120%);box-shadow:none}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:24px;color:#fff;text-decoration:none}.logo-img,.logo img{width:40px;height:40px;border-radius:6px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{color:#cbd5e1;font-weight:600;transition:color .2s ease,transform .2s ease;font-family:Roboto Mono,monospace}.nav-links a:hover{color:var(--accent-2);transform:translateY(-1px)}.user-dropdown-container{position:relative}.user-button{min-width:96px}.user-dropdown{position:absolute;top:110%;right:0;background-color:#0f172a;border:1px solid #233454;border-radius:10px;overflow:hidden;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;z-index:10;display:flex;flex-direction:column;min-width:160px}.user-dropdown a{padding:10px 15px;text-decoration:none;color:#fff;transition:background .2s ease}.user-dropdown a:hover{background-color:#13264a}.user-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.hero{text-align:center;padding:64px 20px 44px}.hero h1{font-size:72px;margin:0;color:#fff;letter-spacing:1px}.hero p{font-size:20px;margin-top:12px;color:var(--muted);line-height:1.5}.changing-text{font-weight:700;color:var(--accent-2)}iframe{border:none;border-radius:18px;box-shadow:var(--shadow)}.steps-guide{text-align:center;padding:32px 20px 0}.steps-guide h2{font-size:48px;margin-bottom:42px}.steps-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;align-items:stretch}.step{background-color:#0f172a;border:1px solid #233454;border-radius:16px;padding:24px;width:100%;max-width:340px;transition:transform .5s ease,box-shadow .3s ease;position:relative;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;text-align:left}.step-media{position:relative;border-radius:12px;overflow:hidden;background:#121a2f;box-shadow:inset 0 0 0 1px #23345466}.step video{width:100%;height:190px;object-fit:cover;border-radius:12px;display:block}.step.active{transform:scale(1.05);z-index:2;box-shadow:0 20px 50px #00000073}.step-chip{position:absolute;top:12px;left:12px;background:#0c1220cc;color:#fff;border:1px solid rgba(36,93,237,.6);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:.6px;font-weight:700;text-transform:uppercase;box-shadow:0 14px 28px #0006}.step-details{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.step-details h3{margin:0;font-size:22px;letter-spacing:.3px}.step p,.step-details p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}.step-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-actions .btn,.step-actions .cta-btn{padding:10px 14px;font-size:14px}.step-hint{color:var(--muted);font-size:13px}.editing-icons{margin-top:4px;display:flex;gap:12px;justify-content:flex-start}.editing-icons img{width:40px;height:40px}.pricing{text-align:center;padding:30px 20px 0}.pricing-row{display:flex;justify-content:center;align-items:flex-start;gap:30px;flex-wrap:wrap}.pricing h2{font-size:48px;margin-bottom:10px}.pricing h3{font-size:20px;margin-bottom:40px;color:#ccc}.pricing-box{background:#0f172a;border:1px solid #233454;border-radius:16px;padding:40px;width:360px;transition:transform .3s ease,box-shadow .3s ease;animation:float 3s ease-in-out infinite;position:relative;overflow:hidden;box-shadow:var(--shadow)}.pricing-box.creator-plan{background:linear-gradient(135deg,#22d3ee24,#2563eb2e);border:1px solid rgba(34,211,238,.32);box-shadow:0 18px 48px #0000005c}.pricing-box.creator-plan:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,#22d3ee52,#2563eb38);opacity:.45;filter:blur(16px);z-index:-1}.pricing-box h3{font-size:32px;margin-top:0;color:var(--accent)}.coming-soon{opacity:.75;transform:scale(.97)}.coming-soon .cta-btn{background-color:gray;cursor:not-allowed;pointer-events:none}.coming-soon h3 small{display:block;font-size:16px;color:#ccc;margin-top:5px}.price{font-size:48px;font-weight:700;margin:20px 0}.price span{font-size:18px;font-weight:400;color:#ccc}.features{list-style:none;padding:0;margin:30px 0;text-align:left}.features li{margin-bottom:15px;font-size:18px;display:flex;gap:10px;align-items:center}.features li:before{content:">";color:var(--accent);font-weight:900}.footer{padding:40px 20px;border-top:1px solid #222}.footer-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ccc;font-size:22px;text-decoration:none;transition:color .3s ease,border-color .3s ease,transform .3s ease,background .3s ease}.social-links a:hover{color:var(--accent);border-color:#245ded73;transform:translateY(-2px);background:#245ded1a}.legal-links{display:flex;gap:12px;margin-left:auto;font-size:13px;color:#aaa}.legal-links a{color:inherit;text-decoration:none}.legal-links a:hover{color:#fff}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-up{opacity:0;transform:translateY(40px);transition:all .8s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.subcategory-container{max-width:1200px;margin:40px auto;padding:0 24px;display:block;animation:fadeInUp .5s ease forwards}.category-shell{background:#0c1222d1;border:1px solid rgba(59,77,124,.5);box-shadow:0 10px 35px #00000073;border-radius:20px;padding:28px}.category-section{padding:16px 10px 6px;border-radius:14px;margin-bottom:16px}.category-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.subcategory-container h2{font-size:32px;margin:0;letter-spacing:.5px}.sort-controls{display:flex;align-items:center;gap:10px;background:#121e33cc;padding:10px 14px;border-radius:12px;border:1px solid rgba(68,89,143,.6);color:var(--muted);font-size:14px}.sort-controls select{background:#0f1a2d;border:1px solid #334671;color:#fff;padding:8px 10px;border-radius:10px;font-size:14px;min-width:160px}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.subcategory-card{background:#0f172a;border:1px solid #233454;padding:20px;border-radius:14px;min-width:160px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow)}.subcategory-card:hover{transform:translateY(-5px);background-color:#121c31}.animation-card{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#0f172a,#111827);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(68,89,143,.6);box-shadow:0 12px 30px #00000073}.animation-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 40px #0000008c}.animation-card video{width:100%;height:100%;object-fit:cover;display:block}.animation-card .overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.animation-card:hover .overlay{opacity:1}.animation-card .overlay span{background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-size:15px;font-weight:700;pointer-events:all;box-shadow:0 6px 16px #245ded59}.animation-card .label{position:absolute;bottom:12px;left:12px;font-size:14px;font-weight:700;color:#e2e8f0;background:#080e1ab3;padding:6px 10px;border-radius:10px;box-shadow:0 6px 16px #00000059}.animation-card .free-badge,.animation-card .paid-badge{position:absolute;top:8px;right:8px;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;box-shadow:0 2px 6px #0000004d;text-transform:uppercase}.animation-card .free-badge{background:var(--success)}.animation-card .paid-badge{background:#df631b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animations-layout{display:flex;flex-direction:column;gap:28px}.animations-layout section+section{margin-top:0}.animations-controls{display:flex;flex-direction:column;gap:16px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.control label{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.filter-select{width:100%;padding:12px;border-radius:12px;border:1px solid #334671;background:#0f1a2d;color:var(--text)}.filter-select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px #22d3ee33}.filter-select:disabled{opacity:.55;cursor:not-allowed}.controls-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.results-count{color:var(--muted);font-weight:600}.animations-results{display:flex;flex-direction:column;gap:18px}.animations-status,.animations-empty{text-align:center;padding:24px;border-radius:14px;border:1px dashed rgba(68,89,143,.5);color:var(--muted);background:#0f1a2d80}.animations-empty h3{margin:0 0 6px}.animations-empty p{margin:0}.animations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.animations-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 12px}.pagination-summary{color:var(--muted);font-size:13px;letter-spacing:.2px}.pagination-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-page{min-width:38px;padding:8px 12px;border-radius:999px;font-size:13px}.pagination-page.is-active{background:var(--accent-2);color:#0b1220;border-color:#22d3ee66}.pagination-ellipsis{color:var(--muted);padding:6px 4px;font-weight:700}.pagination-page:disabled,.pagination-nav:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 720px){.controls-actions{align-items:flex-start}}.tooltip-page main{max-width:1200px;padding-top:80px}.workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.workspace .card{padding:18px}.workspace h2{margin:0 0 10px;font-size:20px}label{display:block;font-weight:700;margin-bottom:8px}textarea{width:100%;min-height:220px;background:#070b16e6;color:#e5e7eb;border:1px solid var(--border-strong);border-radius:12px;padding:12px;font-family:Roboto Mono,monospace;font-size:14px;box-sizing:border-box;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 2px #22d3ee2e}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 10px;font-size:12px;color:var(--muted)}.presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.clear-btn{color:#e5e7eb}.preview-shell{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.preview-label{color:var(--muted);font-size:13px}.tooltip-preview{background:radial-gradient(circle at 20% 20%,#ffffff14,#000000e6);border:2px solid rgba(0,0,0,.65);border-radius:6px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff0a,0 14px 28px #00000080;min-height:120px;width:100%;box-sizing:border-box;color:#e5e7eb;display:inline-block;font-size:15px;line-height:1.5;position:relative;overflow-x:auto}.tooltip-line{white-space:pre-wrap;word-break:break-word;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:12px;font-size:13px;color:var(--muted)}.legend strong{display:block;color:#fff;margin-bottom:6px;font-size:13px}.legend span{display:inline-block;margin-right:6px;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d}.section{padding:80px 20px;max-width:1200px;margin:auto;text-align:center}.intro{max-width:820px;margin:0 auto 40px;color:var(--muted);line-height:1.6;font-size:18px}.profile-card{background:var(--panel);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 25px 60px #00000059;backdrop-filter:blur(10px);margin:0 auto 64px;max-width:420px}.card-image{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.card-image img{width:100%;height:540px;object-fit:cover;display:block;filter:saturate(1.05)}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 22px;background:linear-gradient(180deg,#070a140d,#070a14eb);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;backdrop-filter:blur(2px)}.overlay-text h3{margin:0 0 6px;font-size:22px;letter-spacing:.6px}.overlay-text p{margin:0;color:#fffc;font-size:13px}.social-icons{display:flex;gap:10px;align-items:center}.social-icons a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;transition:transform .2s ease,border-color .2s ease}.social-icons a:hover{transform:translateY(-2px);border-color:var(--accent)}.faq{margin-top:40px}.faq h2{text-align:center}.faq-shell{margin-top:20px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.faq-card{background:#0c1220e6;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000040;transition:border-color .2s ease,transform .2s ease;font-family:Space Grotesk,Roboto Mono,monospace}.faq-card:hover{transform:translateY(-2px)}.faq-toggle{width:100%;padding:18px;background:transparent;border:none;color:#fff;font-size:16px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:auto}.faq-toggle span.icon{transition:transform .2s ease}.faq-card.open .faq-toggle span.icon{transform:rotate(45deg)}.faq-content{max-height:0;overflow:hidden;padding:0 18px;color:var(--muted);line-height:1.5;transition:max-height .25s ease,padding .25s ease}.faq-card.open .faq-content{padding:0 18px 18px}.contact{margin:80px 0 30px;background:linear-gradient(135deg,#22d3ee1a,#2563eb29);border:1px solid rgba(34,211,238,.28);border-radius:18px;padding:26px;text-align:left;box-shadow:0 18px 45px #00000059}.contact h3{margin-top:0}.contact-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}.contact-card{background:#0c1220e0;border:1px solid var(--border);border-radius:12px;padding:16px;color:var(--muted);display:flex;gap:12px;align-items:flex-start}.contact-card i{color:var(--accent-2);font-size:18px;margin-top:4px}.auth-page{display:flex;flex-direction:column}.page-content{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 20px}.login-box{background:#141414cc;border:1px solid #333;border-radius:12px;padding:50px 50px 30px;text-align:center;animation:fadeInUp 1s ease forwards;opacity:0;transform:translateY(40px);max-width:520px;width:100%;box-shadow:var(--shadow)}.login-box h1{font-size:36px;margin-bottom:30px}.oauth-button{width:100%}.oauth-button i{margin-right:10px}.discord-btn{background-color:#5865f2;border-color:#5865f2}.discord-btn:hover{background-color:#4752d6}.google-btn{background-color:#db4437;border-color:#db4437}.google-btn:hover{background-color:#c33529}.oauth-button.disabled{background-color:#555;cursor:not-allowed;opacity:.7;border-color:#555}.oauth-button.disabled:hover{background-color:#555;box-shadow:none;transform:none}.auth-warning{color:orange;font-size:14px;margin-top:10px;margin-bottom:20px;padding:10px;background-color:#ffa5001a;border-radius:6px;border-left:3px solid #ffa500}main.profile-page{padding:60px 20px 90px;max-width:1040px}.profile-hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;border-radius:24px;background:linear-gradient(135deg,#245ded29,#22d3ee14);border:1px solid rgba(36,93,237,.3);box-shadow:0 20px 50px #00000059}.profile-hero-text h1{margin:0 0 8px;font-size:38px}.profile-eyebrow{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);font-weight:700}.profile-subtitle{margin:0;color:var(--muted);line-height:1.6}.profile-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.info-card{display:flex;flex-direction:column;gap:12px;background:#0c1220e6;border-radius:18px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h2{margin:0;font-size:22px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.info-row:last-of-type{border-bottom:none;padding-bottom:0}.info-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.info-value{font-weight:700;color:#fff;text-align:right}.info-value-inline{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;word-break:break-all}.status-pill{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.2);background:#ffffff0f}.status-pill.active{background:#24c15d29;border-color:#24c15d80;color:#e0f7e9}.status-pill.inactive{background:#d9534f2e;border-color:#d9534f8c;color:#f9d7d5}.badge-soft{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--accent-2);border:1px solid rgba(34,211,238,.4);background:#22d3ee1f}.subtle-note{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.info-actions{display:flex;gap:10px;flex-wrap:wrap}.info-actions .btn-ghost{padding:10px 14px}.auth-method{display:inline-flex;align-items:center;background-color:var(--accent);color:#fff;padding:6px 12px;border-radius:8px;font-weight:700;font-size:14px;gap:8px}.auth-method i{font-size:16px}.cancel-btn{background-color:#c0392b}.cancel-btn:hover{background-color:#a93226}.cancel-btn:disabled,.cancel-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;background-color:#c0392b99;border-color:#c0392b80;box-shadow:none;transform:none;pointer-events:none}.logout-btn{font-size:16px;width:100%}.copy-btn{background:var(--accent)}@media (max-width: 820px){.profile-hero{grid-template-columns:1fr}}.legal-page main{max-width:960px;padding-top:40px}.legal-page .hero{background:linear-gradient(145deg,#8c7bff2e,#7ce0ff26);border:1px solid rgba(124,224,255,.2);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:left}.legal-page .notice{display:inline-flex;align-items:center;gap:8px;background:#7ce0ff26;color:var(--text);padding:8px 12px;border-radius:999px;font-weight:600;letter-spacing:.2px;border:1px solid rgba(124,224,255,.35);text-transform:uppercase;font-size:16px}.tabs{display:inline-flex;background:#141c29cc;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);margin-top:10px}.tab{padding:10px 16px;color:var(--text);font-weight:600;letter-spacing:.1px;border-right:1px solid var(--border);transition:background .2s ease,color .2s ease}.tab:last-child{border-right:none}.tab:hover,.tab:focus{background:#7ce0ff1f;color:#fff}.content-card{background:#141c29d9;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);line-height:1.6;display:flex;flex-direction:column;gap:14px}.content-card h2{margin:0;font-size:20px;color:#fff}.content-card p{margin:0;color:var(--text)}.content-card ul{margin:0 0 6px 20px;color:var(--text);padding:0;display:grid;gap:6px}.footer-links{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 0}.footer-links a{color:var(--muted)}.footer-links a:hover,.footer-links a:focus{color:var(--text)}.status-page{display:flex;flex-direction:column;align-items:center;justify-content:stretch;min-height:100vh;padding:40px 20px 60px;text-align:center}.status-card{width:100%;max-width:720px;margin-top:40px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;box-shadow:var(--shadow)}.status-card h1{margin:0 0 16px}.status-card p{margin:0;color:var(--muted);line-height:1.6}.status-actions{margin-top:28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.status-note{margin-top:28px;color:var(--muted);line-height:1.6}.success-page .status-card h1{color:var(--success)}.fail-page .status-card h1{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-row{display:flex;align-items:center;gap:8px;background:#0b111ed9;border:1px solid #1f2f4a;border-radius:8px;padding:6px 8px;transition:background .2s ease,border-color .2s ease}.reset-button{width:26px;height:26px;border:1px solid #334155;background:#0f172a;color:#94a3b8;border-radius:5px;display:none;align-items:center;justify-content:center;align-self:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.reset-button:hover{background:#1f2937;color:#fff;border-color:#475569}.reset-button i{pointer-events:none}.blank-button{height:28px;padding:0 10px;border:1px solid #334155;background:#111827;color:#e5e7eb;border-radius:5px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.blank-button:hover{background:#1f2937;color:#fff;border-color:#475569}.font-browse-button{height:34px;white-space:nowrap}.font-chip{border:1px solid #233454;background:#0b1224;padding:6px 8px;border-radius:8px;font-weight:700;font-size:12px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.form-row{flex:1}.form-row-content{display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px;width:100%;min-width:0}.form-row-content.with-inline-action{grid-template-columns:1fr auto;align-items:center}.form-row-content.with-inline-action label{grid-column:1 / -1}.form-row label{font-size:12px;color:#e2e8f0;font-weight:700;line-height:1.2;display:flex;align-items:center}.form-row input,.form-row select,.form-row textarea{width:100%;padding:8px 10px;font-size:13px;border:1px solid #333;border-radius:8px;background:#0f172a;color:#fff}.color-row .form-row-content{grid-template-columns:1fr}.color-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-inputs input[type=color]{padding:6px;width:52px;min-width:52px}.color-inputs input[type=text]{max-width:140px;text-transform:lowercase;flex:1}.option-row .checkbox-row,.option-row .item-slot-section,.option-row .section-content{flex:1}.section-content label{display:block;margin-bottom:4px;font-weight:700;color:#e2e8f0}.section-content input,.section-content select,.section-content textarea{width:100%}@media (min-width: 768px){.form-row-content{grid-template-columns:minmax(120px,.8fr) 1fr;align-items:center}.form-row-content label{min-width:0}.form-row-content input,.form-row-content select,.form-row-content textarea{width:100%}}textarea{resize:vertical;min-height:52px;font-family:inherit}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.option-row.changed{background:#245ded14;border-color:#245ded66}input[type=color]{width:50px;height:36px;border:none;border-radius:6px;background:transparent;cursor:pointer;padding:0}.item-slot-section{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px;gap:12px;transition:background .2s ease}.item-slot-section:hover{background:#242424}.item-slot-label{font-size:14px;color:#ddd;flex:1}.item-slot-preview{width:42px;height:42px;background:#111;border:1px solid #333;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.item-slot-preview:hover{transform:scale(1.05)}.item-slot-preview img{max-width:100%;max-height:100%}body.editor-page{height:100vh;display:flex;flex-direction:column}body.editor-page main{max-width:100%;padding-top:20px}#main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 32px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,var(--config-width));gap:28px;align-items:flex-start}#viewer-wrapper{position:relative;background:radial-gradient(circle at 20% 20%,rgba(36,93,237,.1),transparent 45%),radial-gradient(circle at 80% 0%,rgba(34,211,238,.12),transparent 35%),#0b1224;border:1px solid #1f2937;border-radius:18px;box-shadow:0 20px 45px #00000073;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:520px;overflow:hidden}#viewer{flex:1;background:linear-gradient(180deg,#111827bf,#05080fe6);border:1px solid #233454;border-radius:12px;min-height:360px;overflow:hidden}#viewer canvas{width:100%;height:100%;display:block}.low-quality-label{position:absolute;top:14px;left:14px;background:#00000080;padding:8px 12px;border-radius:10px;font-size:12px;letter-spacing:.02em;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px)}#timeline{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a;border:1px solid #233454;border-radius:12px;box-shadow:inset 0 1px #ffffff0d,0 10px 25px #00000059;flex-wrap:wrap}#timeline button{background:#111827;color:#e5e7eb;border:1px solid #233454;border-radius:10px;padding:10px 14px;cursor:pointer;font-size:14px;transition:background .2s ease,border-color .2s ease,transform .2s ease}#timeline button:hover{background:#1f2937;border-color:var(--accent);transform:translateY(-1px)}#loop-toggle.active,#play:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 16px #245ded59}#current-time,#duration{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}@media (max-width: 1100px){#main{grid-template-columns:1fr;padding:16px}#config{width:100%;max-width:none;min-width:0}#viewer-wrapper{min-height:440px}}#progress-container{flex:1;height:14px;background:linear-gradient(90deg,#34d39940,#245ded59);border-radius:10px;margin:0 16px;position:relative;cursor:pointer;border:1px solid #2f3c55;box-shadow:inset 0 2px 6px #00000059,0 6px 18px #00000040}#progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:10px;position:relative;transition:width .1s linear}#progress-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#e5e7eb;border-radius:50%;box-shadow:0 4px 12px #00000059;border:2px solid var(--accent)}.speed-controls{display:inline-flex;gap:8px;align-items:center}.speed-controls button{background:#1f2937;color:#e5e7eb;border:1px solid #233454;border-radius:8px;padding:8px 12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.speed-controls button:hover{background:#245ded;border-color:#245ded}#config{width:100%;background:#0e1220f0;border:1px solid #1f2937;border-radius:20px;padding:18px;height:calc(100vh - 160px);max-height:calc(100vh - 160px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;backdrop-filter:blur(6px);background-image:radial-gradient(circle at 12% 20%,rgba(34,211,238,.06),transparent 26%),radial-gradient(circle at 80% 0%,rgba(36,93,237,.09),transparent 30%)}.config-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:6px;padding-bottom:12px}.config-section{background:linear-gradient(135deg,#ffffff05,#0c122099);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--accent);border-radius:14px;margin-bottom:8px;overflow:hidden;box-shadow:0 10px 30px #00000047}.config-section .section-header{padding:8px 12px;font-weight:700;letter-spacing:.2px;font-size:12px;line-height:1.2;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-transform:uppercase;color:#e5e7eb}.config-section .section-header:after{content:"v";font-size:12px;color:var(--muted);transition:transform .2s ease}.config-section.open .section-header:after{transform:rotate(180deg);color:var(--accent-2)}.config-section .section-content{padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.06);background:#05080f8c;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease}.config-section.open .section-content{max-height:none;opacity:1;pointer-events:auto;transform:translateY(0)}.config-item{border:1px solid rgba(255,255,255,.08);background:#070b16b3;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 25px #00000059}.config-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;color:#e5e7eb;cursor:pointer}.config-item-actions{display:inline-flex;align-items:center;gap:8px}.config-item-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-item.is-hidden .config-item-title{color:#94a3b8}.visibility-toggle{display:inline-flex;align-items:center;justify-content:center;line-height:1;gap:6px;font-size:11px;text-transform:none;letter-spacing:0;color:#cbd5e1;cursor:pointer}.visibility-toggle input{appearance:none;width:32px;height:18px;border-radius:999px;border:1px solid #233454;background:#0f172a;position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease}.visibility-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#cbd5e1;transition:transform .2s ease,background .2s ease}.visibility-toggle input:checked{background:#22d3ee38;border-color:#22d3ee80}.visibility-toggle input:checked:after{transform:translate(14px);background:#e2f7fb}.visibility-toggle input:focus-visible{outline:none;box-shadow:0 0 0 2px #22d3ee40}.config-item-toggle{height:26px;border-radius:6px;border:1px solid #233454;background:#0f172a;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease}.config-item-toggle-label{font-size:11px;text-transform:none;letter-spacing:0;font-weight:700}.config-item-toggle-icon{display:inline-flex;align-items:center;justify-content:center}.config-item.open .config-item-toggle{color:var(--accent-2);border-color:#22d3ee80}.config-item.open .config-item-toggle-icon{transform:rotate(180deg)}.config-item-summary,.config-item-body{display:flex;flex-direction:column;gap:6px}.config-item-hint{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.2px}.config-item-body{display:none;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.config-item.open .config-item-body{display:flex}.config-item-summary .item-slot-label{display:none}.advanced-section{border:1px dashed rgba(255,255,255,.18);border-radius:12px;padding:8px;background:#ffffff08}.advanced-toggle{width:100%;text-align:left;background:transparent;color:#cbd5e1;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;padding:8px 6px}.advanced-toggle:after{content:"v";font-size:12px;color:var(--muted);transition:transform .2s ease}.advanced-section.open .advanced-toggle:after{transform:rotate(180deg);color:var(--accent-2)}.advanced-content{display:flex;flex-direction:column;gap:10px;margin-top:6px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);pointer-events:none;transition:max-height .25s ease,opacity .25s ease,transform .25s ease}.advanced-section.open .advanced-content{max-height:800px;opacity:1;transform:translateY(0);pointer-events:auto}.vector-inputs{display:grid;grid-template-columns:minmax(120px,1fr) repeat(auto-fit,minmax(80px,1fr));gap:8px;align-items:center}.vector-input{display:flex;align-items:center;gap:6px}.vector-label{font-size:12px;color:var(--muted);letter-spacing:.02em}.slot-card{border:1px solid rgba(255,255,255,.08);background:#070b16a6;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.slot-card+.slot-card{margin-top:8px}.slot-title{font-weight:700;letter-spacing:.01em;color:#e5e7eb}.base-warning{background:#d9534f1f;border:1px solid rgba(217,83,79,.4);color:#f9d7d5;padding:8px 10px;border-radius:10px;font-size:13px;margin-bottom:10px}body.render-mode{background:#000!important;overflow:hidden}body.render-mode .top-bar,body.render-mode #config,body.render-mode #timeline,body.render-mode .low-quality-label,body.render-mode .config-actions,body.render-mode .render-overlay,body.render-mode .modal,body.render-mode #asset-upload-btn{display:none!important}body.render-mode #main{width:100vw!important;height:100vh!important;max-width:none!important;padding:0!important;margin:0!important;gap:0!important;grid-template-columns:1fr!important}body.render-mode #viewer-wrapper{box-shadow:none!important;border-radius:0!important;border:none!important;width:100vw!important;height:100vh!important;max-width:none!important;padding:0!important;background:#000!important}body.render-mode #viewer{border:none!important;border-radius:0!important;width:100%;height:100%;background:#000!important}.section{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px;margin-bottom:12px}.section:last-of-type{border-bottom:none}body.blog-page main{max-width:1200px;padding:44px 20px 72px;font-size:18px}.blog-shell{display:grid;gap:24px}.blog-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:24px;border-radius:var(--radius);border:1px solid var(--border-strong);background:linear-gradient(140deg,#0c1220eb,#0f172af5);box-shadow:var(--shadow)}.blog-hero.with-panel{grid-template-columns:minmax(0,1fr) 320px}.blog-hero-copy{display:grid;gap:14px}.blog-kicker{display:flex;flex-wrap:wrap;gap:10px}.blog-hero h1{margin:0;font-size:clamp(32px,4vw,48px)}.blog-hero .lead{margin:0;font-size:20px;line-height:1.6;color:var(--muted)}.blog-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.blog-hero-panel{display:grid;gap:14px}.hero-card{border-radius:14px;border:1px solid var(--border);background:#090d18a6;padding:16px;display:grid;gap:12px}.hero-card-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-card-grid{display:grid;gap:10px}.hero-metric{display:grid;gap:4px}.hero-metric .label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hero-metric .value{font-size:16px;font-weight:600}.blog-visual{border-radius:14px;border:1px dashed rgba(68,89,143,.7);min-height:180px;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--muted);background:radial-gradient(circle at top,rgba(34,211,238,.18),transparent 55%),radial-gradient(circle at bottom,rgba(36,93,237,.2),transparent 60%)}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.blog-article{display:grid;gap:24px}.blog-section{display:grid;gap:10px}.blog-section h2{margin:0;font-size:28px}.blog-article p{margin:0;line-height:1.65}.blog-article p+p{margin-top:10px}.blog-section h2+p{margin-top:6px}.blog-page .blog-article a,.blog-page .blog-hero a,.blog-page .blog-aside a{color:var(--text);text-decoration:underline;text-decoration-color:#22d3eee6;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.blog-page .blog-article a:hover,.blog-page .blog-hero a:hover,.blog-page .blog-aside a:hover{color:var(--accent-2);text-decoration-color:var(--accent-2)}.blog-page .blog-article a:focus-visible,.blog-page .blog-hero a:focus-visible,.blog-page .blog-aside a:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}.placeholder{margin:0;color:var(--muted);line-height:1.6}.section-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.section-actions{display:flex;gap:10px;flex-wrap:wrap}.comparison-grid,.difference-grid,.feature-grid,.audience-grid,.decision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.comparison-card,.difference-card,.feature-card,.audience-card,.decision-card,.callout-card,.outline-card{border:1px solid var(--border);border-radius:14px;background:#0c1220b3;padding:14px;display:grid;gap:10px}.comparison-card h3,.difference-card h3,.feature-card h3,.audience-card h3,.decision-card h3,.callout-card h3,.outline-card h3{margin:0;font-size:18px}.comparison-card ul,.audience-card ul,.decision-card ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted)}.feature-card p{margin:0;color:var(--muted)}.table-card{border-radius:14px;border:1px solid var(--border);overflow:hidden;background:#0c1220b3}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:15px}.compare-table th{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--muted);background:#0f172acc}.compare-table tr:last-child td{border-bottom:none}.workflow-steps{display:grid;gap:10px}.workflow-step{display:grid;grid-template-columns:auto 1fr;gap:14px;border:1px solid var(--border);border-radius:14px;padding:14px;background:#0a101ca6}.step-number{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);font-weight:700}.workflow-step h3{margin:0 0 6px;font-size:18px}.workflow-step p{margin:0;color:var(--muted)}.callout-card{border-color:#22d3ee59;box-shadow:0 16px 36px #22d3ee1f}.faq-grid{display:grid;gap:10px}.faq-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#0c1220a6}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:8px 0 0;color:var(--muted)}.blog-aside{display:grid;gap:14px;align-self:start;position:sticky;top:96px}.outline-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted)}.outline-list a{color:var(--text)}.author-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.author-avatar{width:44px;height:44px;border-radius:12px;border:1px dashed var(--border-strong);display:grid;place-items:center;font-size:12px;color:var(--muted);background:#0a101c99}@media (max-width: 980px){.blog-hero,.blog-layout{grid-template-columns:1fr}.blog-aside{position:static}}@media (max-width: 720px){body.blog-page main{padding:36px 18px 60px}.blog-hero{padding:20px}.workflow-step{grid-template-columns:1fr}}.section header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:16px;font-weight:700;letter-spacing:.01em}#asset-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:10px}#asset-toggles button{padding:10px 14px}#item-slot-fields{display:flex;flex-direction:column;gap:10px;margin-top:8px}.preset-row{display:flex;gap:8px;flex-wrap:wrap}.preset-row button{flex:1;min-width:120px}.checkbox-row input[type=checkbox]{width:18px;height:18px}.checkbox-row label{font-weight:700;color:#e5e7eb;font-size:14px;line-height:1.2;display:flex;align-items:center}.tab-bar{display:inline-flex;border:1px solid #233454;border-radius:10px;overflow:hidden;margin-bottom:10px}.tab-bar button{padding:10px 12px;border:none;background:#0f172a;color:#e5e7eb;cursor:pointer;border-right:1px solid #233454}.tab-bar button:last-child{border-right:none}.tab-bar button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.notification-stack{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.notification{min-width:280px;max-width:360px;background:#0e1220f2;border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;box-shadow:0 14px 34px #00000073;color:#e5e7eb;transform:translateY(12px);opacity:0;transition:transform .25s ease,opacity .25s ease;display:grid;gap:10px;pointer-events:auto}.notification.show{transform:translateY(0);opacity:1}.notification.leaving{transform:translateY(12px);opacity:0}.notification.success{border-left-color:var(--success)}.notification.error{border-left-color:var(--danger)}.notification.info{border-left-color:var(--accent-2)}.notification-content{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.notification-icon{width:36px;height:36px;border-radius:10px;background:#ffffff0d;display:grid;place-items:center;color:var(--accent-2);font-size:16px}.notification.success .notification-icon{color:var(--success)}.notification.error .notification-icon{color:var(--danger)}.notification-text{display:grid;gap:4px}.notification-title{font-weight:700;letter-spacing:.01em;color:#fff}.notification-message{color:#cbd5e1;font-size:14px;line-height:1.4}.notification-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-action{padding:8px 12px;background:#111827;border:1px solid #233454;color:#e5e7eb;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}.notification-action:hover{background:#1f2937;border-color:var(--accent-2);transform:translateY(-1px)}.section-title button{background:#111827;border:1px solid #233454;color:#e5e7eb;border-radius:8px;padding:8px 12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.section-title button:hover{background:#1f2937;border-color:#245ded}#glint-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.config-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.config-row label{min-width:140px}.config-row input,.config-row select,.config-row textarea{flex:1}#json-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#json-controls button{padding:10px 12px}#preset-area{min-height:120px;width:100%;border:1px solid #233454;border-radius:10px;background:#0f172a;color:#e5e7eb;padding:10px;font-family:Roboto Mono,monospace}.background-config{display:flex;gap:10px;align-items:center;margin:12px 0}.background-config input[type=text]{max-width:120px}.config-actions{display:flex;align-items:stretch;justify-content:space-between;gap:12px;margin:8px 0 0;padding-top:12px;border-top:1px solid var(--border);flex-wrap:nowrap;background:#0e1220e6}.config-actions>#preview-button,.config-actions>.export-control{flex:1;min-width:0}.config-actions button{padding:10px 14px}#preview-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;background:linear-gradient(135deg,var(--accent),#1a4cdb);color:#fff;border:1px solid rgba(36,93,237,.45);border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #245ded4d;transition:transform .2s ease,box-shadow .3s ease,background .3s ease,color .3s ease}#preview-button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #245ded59}#preview-button.needs-reload{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#f9731699;box-shadow:0 12px 32px #f9731659}.export-control{display:inline-flex;align-items:center;gap:8px;background:#111827;border:1px solid #233454;border-radius:10px;padding:8px;position:relative;flex-shrink:0;width:100%}#export-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;box-shadow:0 10px 28px #2563eb59;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;flex:1;min-width:0}#export-button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #2563eb73;background:linear-gradient(135deg,#1d4ed8,#3b82f6)}#export-button:active{transform:translateY(0) scale(.98);box-shadow:0 6px 18px #2563eb59}#export-button:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f673,0 10px 28px #2563eb59}#export-menu-toggle{background:#0f172a;border:1px solid #233454;color:#e5e7eb;border-radius:10px;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}#export-menu-toggle:hover{background:#111f38;border-color:var(--accent);transform:translateY(-1px)}#export-menu-toggle:active{transform:translateY(0) scale(.98)}.export-menu{position:absolute;bottom:calc(100% + 10px);right:0;background:#0f172a;border:1px solid #233454;border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:6px;min-width:170px;opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease;z-index:5}.export-menu:not(.hidden){opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.export-option{background:#111827;border:1px solid #233454;border-radius:10px;color:#e5e7eb;padding:10px 12px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}.export-option:hover{background:#1f2937;border-color:var(--accent)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(4px);z-index:200}#purchase-modal{overflow:hidden}#purchase-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.modal-content{background:#0f172a;border:1px solid #233454;border-radius:16px;box-shadow:var(--shadow);width:min(900px,calc(100% - 48px));padding:20px;display:flex;flex-direction:column;gap:14px}#purchase-modal .modal-content{position:relative;text-align:center;z-index:1;min-height:240px}#purchase-modal .modal-content h2{margin:0;font-size:26px}#purchase-modal .modal-content p{margin:6px 0 0}#purchase-modal .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;justify-content:center;margin-top:auto}#purchase-modal .btn{width:100%}#purchase-modal .modal-header{align-items:flex-start;justify-content:center;position:relative;padding-right:44px}#purchase-modal .modal-close{position:absolute;top:6px;right:6px;width:34px;height:34px;display:grid;place-items:center;font-size:18px;line-height:1}#purchase-modal .text-spark{color:#fca311;text-shadow:0 0 18px rgba(252,163,17,.4);font-weight:700}#purchase-modal .text-glow{color:var(--accent-2);text-shadow:0 0 16px rgba(34,211,238,.35);font-weight:700}@media (max-width: 540px){#purchase-modal .modal-content{min-height:0}#purchase-modal .modal-actions{grid-template-columns:1fr}}.modal-narrow{max-width:400px}.modal-header{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.modal-tabs{display:flex;gap:8px;border-bottom:1px solid #233454;padding-bottom:8px;flex-wrap:wrap}.modal-tab{padding:8px 12px;border:1px solid #233454;border-radius:10px;background:#0f172acc;color:#e5e7eb;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;font-weight:700;letter-spacing:.15px}.modal-tab:hover{background:#1f2937;border-color:var(--accent);color:#fff;box-shadow:0 8px 20px #00000059}.modal-tab.active{background:linear-gradient(120deg,var(--accent),#3b82f6);color:#0b1224;border-color:transparent;box-shadow:0 12px 26px #3b82f666}.modal-tab.priority{border-color:var(--accent)}.modal-close{background:transparent;border:1px solid #233454;color:#e5e7eb;border-radius:8px;cursor:pointer;padding:8px 10px}.modal input[type=text]{width:100%;padding:10px 12px;font-size:14px;border:1px solid #233454;border-radius:8px;background:#0b1224;color:#e5e7eb}.item-grid{--asset-scale: 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(160px * var(--asset-scale)),1fr));gap:calc(14px * var(--asset-scale));max-height:440px;overflow:auto;padding:4px}.asset-scale-control{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-left:auto}.asset-scale-control input[type=range]{width:140px;accent-color:var(--accent)}.asset-card{background:#0f172acc;border:1px solid rgba(35,52,84,.7);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;min-width:0;position:relative}.asset-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 28px #00000073}.asset-card.upload-card{border-style:dashed;border-color:#fff3;align-items:center;justify-content:center;text-align:center}.asset-delete{position:absolute;top:clamp(6px,calc(8px * var(--asset-scale)),10px);right:clamp(6px,calc(8px * var(--asset-scale)),10px);width:clamp(18px,calc(30px * var(--asset-scale)),34px);height:clamp(18px,calc(30px * var(--asset-scale)),34px);border-radius:clamp(6px,calc(8px * var(--asset-scale)),10px);border:1px solid rgba(217,83,79,.6);background:#d9534f26;color:#f8dada;display:grid;place-items:center;cursor:pointer;font-size:clamp(12px,calc(16px * var(--asset-scale)),18px);opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease}.asset-card:hover .asset-delete{opacity:1;transform:translateY(0)}.asset-delete:hover{background:#d9534f47;border-color:#d9534fd9}@media (hover: none){.asset-delete{opacity:1;transform:none}}.asset-thumb-wrapper{width:100%;aspect-ratio:1;border-radius:10px;background:#0b1224;border:1px solid rgba(35,52,84,.6);display:grid;place-items:center;overflow:hidden}.asset-thumb{width:100%;height:100%;object-fit:contain}.font-thumb{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#2563eb24,#3b82f647);color:#e5e7eb;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.upload-card .asset-thumb-wrapper{border-style:dashed;border-color:#ffffff40}.asset-upload-icon{width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;font-size:28px;color:#e5e7eb;background:#ffffff0a;box-shadow:inset 0 1px #ffffff1f}.asset-label{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.skin-preview-container{text-align:center;margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:center}.skin-preview{height:256px;border-radius:6px;background:#111;object-fit:cover}.skin-preview-placeholder{color:#aaa;font-size:14px}.modal-actions{display:flex;gap:12px;margin-top:20px}.skin-confirm-btn{flex:1;width:100%}.render-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(2px);z-index:180}body.rendering{overflow:hidden}body.rendering header,body.rendering #main,body.rendering footer{opacity:0;pointer-events:none;user-select:none}.render-box{background:linear-gradient(150deg,#0c1220f0,#0a101ceb);border:1px solid rgba(36,93,237,.35);padding:26px 24px;border-radius:16px;box-shadow:0 20px 50px #00000080;text-align:center;width:min(560px,90vw);position:relative;overflow:hidden}#render-status{white-space:pre-line;line-height:1.5}.render-box:before,.render-box:after{content:none}.loader{width:56px;height:56px;border:5px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-right-color:#ffffff47;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 14px;position:relative;box-shadow:none}.loader:after{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.05);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes pulseGlow{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){.top-bar{padding:16px 20px}.nav-links{gap:12px}.hero h1{font-size:48px}.steps-guide h2,.pricing h2{font-size:36px}.status-card{padding:28px 20px}.profile-page h1{font-size:30px}.card-overlay{flex-direction:column;align-items:flex-start}.card-image img{height:360px}.intro{font-size:17px}}