@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap";
.studio2{--s-bg:#0a0e17;--s-surface:#111827;--s-card:#1a2235;--s-border:#ffffff12;--s-text:#f1f5f9;--s-muted:#64748b;--s-accent:#6366f1;--s-accent2:#8b5cf6;--s-green:#22c55e;--s-red:#ef4444;--s-amber:#f59e0b;--s-radius:10px;background:var(--s-bg);height:100vh;color:var(--s-text);flex-direction:column;font-family:Inter,sans-serif;display:flex;overflow:hidden}.studio2-topbar{background:var(--s-surface);border-bottom:1px solid var(--s-border);z-index:100;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.studio2-logo{align-items:center;gap:10px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.studio2-logo .gb-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;padding:4px 8px;font-size:13px;font-weight:900}.studio2-logo .gb-label{color:var(--s-text);font-size:13px;font-weight:700}.studio2-logo .gb-sub{color:var(--s-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}.studio2-topbar-sep{flex:1}.studio2-status{color:var(--s-green);background:#22c55e1f;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.studio2-status.dirty{color:var(--s-amber);background:#f59e0b1f}.studio2-status:before{content:"●";font-size:7px}.studio2-topbar button{background:var(--s-card);border:1px solid var(--s-border);color:var(--s-text);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.studio2-topbar button:hover{background:#ffffff14}.studio2-topbar .btn-publish{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.studio2-topbar .btn-publish:hover{opacity:.9}.studio2-topbar .btn-exit{color:var(--s-muted)}.studio2-body{flex:1;grid-template-columns:220px 1fr 300px;display:grid;overflow:hidden}.studio2-pages{background:var(--s-surface);border-right:1px solid var(--s-border);flex-direction:column;display:flex;overflow-y:auto}.studio2-pages-header{color:var(--s-muted);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--s-border);margin-bottom:6px;padding:14px 16px 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:9px;font-weight:800}.studio2-page-btn{color:var(--s-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:calc(100% - 12px);margin:1px 6px;padding:9px 14px;font-family:Inter,sans-serif;transition:all .15s;display:flex}.studio2-page-btn:hover{color:var(--s-text);background:#ffffff0d}.studio2-page-btn.active{color:var(--s-accent);background:#6366f126}.studio2-page-btn .page-icon{background:#ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.studio2-page-btn .page-info{flex-direction:column;display:flex}.studio2-page-btn .page-name{font-size:12px;font-weight:600}.studio2-page-btn .page-desc{color:var(--s-muted);margin-top:1px;font-size:10px}.studio2-sections-header{color:var(--s-muted);text-transform:uppercase;letter-spacing:1.5px;border-top:1px solid var(--s-border);margin-top:8px;padding:14px 16px 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:9px;font-weight:800}.studio2-section-btn{color:var(--s-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:calc(100% - 12px);margin:1px 6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.studio2-section-btn:hover{color:var(--s-text);background:#ffffff0a}.studio2-section-btn.active{color:#a5b4fc;background:#6366f11f}.studio2-section-btn .sec-dot{background:var(--s-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.studio2-section-btn.active .sec-dot{background:var(--s-accent)}.studio2-canvas{background:#060a12;flex-direction:column;display:flex;overflow:hidden}.studio2-canvas-bar{background:var(--s-surface);border-bottom:1px solid var(--s-border);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.studio2-canvas-bar .cb-page-name{color:var(--s-text);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700}.studio2-canvas-bar .cb-sep{flex:1}.studio2-device-toggle{background:#ffffff0d;border-radius:6px;padding:2px;display:flex}.studio2-device-toggle button{color:var(--s-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.studio2-device-toggle button.active{background:var(--s-card);color:var(--s-text)}.studio2-stage{flex:1;justify-content:center;padding:24px 16px;display:flex;overflow-y:auto}.studio2-frame{background:#fff;border-radius:8px;width:100%;max-width:900px;transition:width .3s;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 80px #0009}.studio2-frame.mobile{max-width:390px}.prev-nav{color:#fff;background:#080808;align-items:center;gap:20px;padding:12px 24px;font-size:12px;display:flex}.prev-nav .brand{margin-right:auto;font-size:16px;font-weight:900}.prev-nav .brand i{color:#a78bfa;font-style:normal}.prev-hero{color:#fff;background-position:50%;background-size:cover;align-items:center;min-height:260px;padding:40px 32px;display:flex}.prev-hero h2{margin:4px 0;font-size:26px;font-weight:900;line-height:1.2}.prev-hero p{opacity:.8;max-width:400px;margin:8px 0 16px;font-size:13px}.prev-hero .prev-btn{color:#fff;background:#6366f1;border-radius:6px;margin-right:8px;padding:9px 18px;font-size:12px;font-weight:700;display:inline-block}.prev-hero .prev-btn-out{color:#fff;border:1px solid #ffffff4d;border-radius:6px;padding:9px 18px;font-size:12px;display:inline-block}.prev-trust{opacity:.7;gap:14px;margin-top:14px;font-size:11px;display:flex}.prev-trust span:before{content:"✓ "}.prev-catalog{background:#f8fafc;padding:32px}.prev-catalog h3{color:#0f172a;margin:4px 0 20px;font-size:20px;font-weight:800}.prev-catalog small{color:#6366f1;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.prev-catalog-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.prev-catalog-grid article{text-align:center;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px #00000014}.prev-catalog-grid article img{object-fit:contain;width:48px;height:48px;margin-bottom:8px}.prev-catalog-grid article .pcat{color:#6366f1;text-transform:uppercase;font-size:9px;font-weight:700}.prev-catalog-grid article strong{color:#0f172a;margin:4px 0;font-size:12px;font-weight:700;display:block}.prev-catalog-grid article em{color:#6366f1;font-size:14px;font-style:normal;font-weight:800}.prev-about{background:#fff;padding:32px}.prev-about h3{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:800}.prev-about p{color:#475569;font-size:13px;line-height:1.6}.prev-cta{color:#fff;text-align:center;background:#0f172a;padding:32px}.prev-cta small{color:#a5b4fc;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.prev-cta h3{margin:6px 0;font-size:18px;font-weight:800}.prev-cta p{opacity:.7;font-size:13px}.prev-services{background:#fff;padding:32px}.prev-services h3{color:#0f172a;margin-bottom:16px;font-size:18px;font-weight:800}.prev-services-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.prev-services-grid .svc-card{background:#f8fafc;border-left:3px solid #6366f1;border-radius:8px;padding:14px}.prev-services-grid .svc-card strong{color:#0f172a;font-size:12px;font-weight:700;display:block}.prev-services-grid .svc-card p{color:#64748b;margin:4px 0 0;font-size:11px}.studio2-inspector{background:var(--s-surface);border-left:1px solid var(--s-border);flex-direction:column;display:flex;overflow:hidden}.studio2-inspector-header{border-bottom:1px solid var(--s-border);flex-shrink:0;padding:14px 16px}.studio2-inspector-header p{color:var(--s-muted);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 2px;font-family:Plus Jakarta Sans,sans-serif;font-size:9px;font-weight:800}.studio2-inspector-header h2{color:var(--s-text);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.studio2-inspector-body{flex:1;padding:16px;overflow-y:auto}.studio2-inspector-body::-webkit-scrollbar{width:4px}.studio2-inspector-body::-webkit-scrollbar-track{background:0 0}.studio2-inspector-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.s2-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.s2-field label{color:var(--s-muted);text-transform:uppercase;letter-spacing:.8px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700}.s2-field input,.s2-field textarea,.s2-field select{background:var(--s-card);border:1px solid var(--s-border);color:var(--s-text);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.s2-field textarea{resize:vertical;min-height:72px}.s2-field input:focus,.s2-field textarea:focus,.s2-field select:focus{border-color:var(--s-accent);outline:none}.s2-divider{color:var(--s-muted);text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid var(--s-border);margin:16px 0 10px;padding-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:9px;font-weight:800}.s2-upload-zone{text-align:center;cursor:pointer;background:#6366f10a;border:1.5px dashed #6366f166;border-radius:8px;margin-bottom:14px;padding:20px;transition:all .2s;position:relative}.s2-upload-zone:hover{border-color:var(--s-accent);background:#6366f114}.s2-upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.s2-upload-zone .upload-icon{margin-bottom:6px;font-size:24px}.s2-upload-zone .upload-text{color:var(--s-text);font-size:12px;font-weight:600}.s2-upload-zone .upload-hint{color:var(--s-muted);margin-top:2px;font-size:10px}.s2-img-preview{border:1px solid var(--s-border);border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden}.s2-img-preview img{object-fit:cover;width:100%;height:120px;display:block}.s2-img-preview .img-label{color:#fff;background:#0009;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.s2-asset-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}.s2-asset-item{cursor:pointer;background:var(--s-card);aspect-ratio:1;border:1.5px solid #0000;border-radius:6px;transition:all .15s;overflow:hidden}.s2-asset-item:hover{border-color:var(--s-accent)}.s2-asset-item img{object-fit:cover;width:100%;height:100%;display:block}.s2-product-list{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.s2-product-item{background:var(--s-card);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.s2-product-item:hover{border-color:var(--s-border)}.s2-product-item.active{border-color:var(--s-accent);background:#6366f11a}.s2-product-item img{object-fit:contain;border-radius:4px;flex-shrink:0;width:28px;height:28px}.s2-product-item .pi-placeholder{width:28px;height:28px;color:var(--s-muted);background:#ffffff14;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.s2-product-item .pi-name{color:var(--s-text);font-size:12px;font-weight:600}.s2-product-item .pi-meta{color:var(--s-muted);font-size:10px}.s2-product-item .pi-status{color:var(--s-green);background:#22c55e1f;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.s2-product-item .pi-status.draft{color:var(--s-amber);background:#f59e0b1f}.s2-btn{cursor:pointer;border:1px solid var(--s-border);background:var(--s-card);width:100%;color:var(--s-text);border-radius:6px;margin-bottom:8px;padding:9px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.s2-btn:hover{background:#ffffff12}.s2-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.s2-btn.primary:hover{opacity:.9}.s2-btn.danger{color:var(--s-red);border-color:#ef44444d}.s2-btn.danger:hover{background:#ef44441a}.s2-btn:disabled{opacity:.5;cursor:not-allowed}.studio2{--s-bg:#f4f7fb;--s-surface:#fff;--s-card:#fff;--s-border:#dce3ec;--s-text:#172b4d;--s-muted:#5f7088;--s-accent:#d7193f;--s-accent2:#f04452;--s-green:#16803d;--s-red:#c81e3a;--s-amber:#9a5a00;background:var(--s-bg)}.studio2-topbar,.studio2-pages,.studio2-inspector{background:#fff}.studio2-topbar{box-shadow:0 1px 5px #172b4d14}.studio2-logo .gb-badge,.studio2-topbar .btn-publish,.s2-btn.primary{background:linear-gradient(135deg,#d7193f,#f04452)}.studio2-topbar button{color:var(--s-text);border-color:#d8e0ea}.studio2-topbar button:hover,.studio2-page-btn:hover,.studio2-section-btn:hover,.s2-btn:hover{background:#f2f5f9}.studio2-page-btn.active,.studio2-section-btn.active{color:#c91436;background:#fff0f2}.studio2-page-btn .page-icon{background:#f1f4f8}.studio2-page-btn.active .page-icon{background:#ffe2e7}.studio2-canvas{background:#eef2f7}.studio2-canvas-bar{background:#fff}.studio2-stage{background:#eef2f7}.studio2-frame{box-shadow:0 0 0 1px #dce3ec,0 24px 80px #172b4d2e}.s2-upload-zone{background:#fff8f9;border-color:#f3a2b1}.s2-upload-zone:hover{background:#fff0f2;border-color:#d7193f}.s2-asset-item,.s2-product-item,.s2-btn{background:#fff;border-color:#dce3ec}.s2-product-item.active{background:#fff0f2;border-color:#d7193f}.s2-product-item .pi-placeholder{background:#f1f4f8}.s2-product-item .pi-name,.s2-upload-zone .upload-text{color:#172b4d}.s2-img-preview{background:#f8fafc;border-color:#dce3ec}.s2-img-preview img{object-fit:contain;background-color:#f8fafc}.s2-mobile-hero-preview{background:#eef2f7;max-width:180px;margin-inline:auto}.s2-mobile-hero-preview img{object-fit:cover;object-position:center;height:250px}.studio2-message{color:#a5b4fc;text-align:center;background:#6366f11f;border-bottom:1px solid #6366f133;flex-shrink:0;padding:10px 20px;font-size:12px;font-weight:600}.s2-toggle{background:var(--s-card);cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px;display:flex}.s2-toggle input{accent-color:var(--s-accent);flex-shrink:0;margin-top:1px}.s2-toggle .tgl-text{color:var(--s-text);font-size:11px;line-height:1.4}.s2-toggle .tgl-text b{margin-bottom:2px;font-weight:700;display:block}.s2-access{background:#6366f10f;border:1px solid #6366f133;border-radius:8px;margin-top:16px;padding:14px}.s2-access p{color:var(--s-accent);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:10px;font-weight:800}.s2-trust-row{flex-direction:column;gap:4px;display:flex}.studio2-pages::-webkit-scrollbar{width:4px}.studio2-stage::-webkit-scrollbar{width:4px}.studio2-pages::-webkit-scrollbar-track{background:0 0}.studio2-stage::-webkit-scrollbar-track{background:0 0}.studio2-pages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.studio2-stage::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.studio2-message{color:#a41431;background:#fff0f2;border-bottom-color:#ffd5dc}.s2-access{background:#fff8f9;border-color:#f6c8d0}.studio2-inspector-body::-webkit-scrollbar-thumb{background:#cdd7e4}.studio2-stage::-webkit-scrollbar-thumb{background:#cdd7e4}.studio2-pages::-webkit-scrollbar-thumb{background:#cdd7e4}