.webar-page button,.webar-page input,.webar-page select{color:inherit;box-sizing:border-box;background:0 0;border:none;outline:none;font-family:inherit}.webar-page{color:#fff;min-height:100vh;font-family:var(--font-main,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);background:#050608}.webar-main{max-width:1480px;margin:0 auto;padding:1.5rem 1rem 5rem}.webar-header-banner{text-align:center;margin-bottom:1.5rem}.webar-header-banner h1{background:linear-gradient(135deg,#fff 0%,#00f2fe 50%,#4facfe 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:.4rem;font-size:2.5rem;font-weight:900}.webar-header-banner p{color:#94a3b8;max-width:720px;margin:0 auto;font-size:.95rem}.studio-layout-2col{grid-template-columns:370px 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:1100px){.studio-layout-2col{grid-template-columns:1fr}}.studio-drawer-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#12141dd9;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 20px 50px #000000b3}.tab-buttons-row{scrollbar-width:none;background:#00000080;border:1px solid #ffffff14;border-radius:12px;gap:.2rem;padding:.25rem;display:flex;overflow-x:auto}.tab-buttons-row::-webkit-scrollbar{display:none}.btn-tab-nav{cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .4rem;font-size:.74rem;font-weight:600;transition:all .2s;display:flex;color:#94a3b8!important;background:0 0!important;border:1px solid #0000!important}.btn-tab-nav:hover{color:#fff!important;background:#ffffff0d!important}.btn-tab-nav.active{color:#00f2fe!important;background:linear-gradient(135deg,#00f2fe33 0%,#4facfe33 100%)!important;border-color:#00f2fe66!important}.webar-section-title{text-transform:uppercase;letter-spacing:.8px;color:#00f2fe;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.82rem;font-weight:800;display:flex}.preset-templates-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.btn-preset-card{text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:.2rem;padding:.8rem .65rem;transition:all .2s;display:flex;background:#ffffff08!important;border:1px solid #ffffff14!important}.btn-preset-card:hover{transform:translateY(-2px);background:#00f2fe14!important;border-color:#00f2fe66!important}.btn-preset-card.active{background:linear-gradient(135deg,#00f2fe26 0%,#4facfe26 100%)!important;border-color:#00f2fe!important}.preset-title{color:#fff;font-size:.82rem;font-weight:700}.preset-desc{color:#64748b;font-size:.72rem;line-height:1.3}.device-select-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.btn-device-tile{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .4rem;font-size:.76rem;font-weight:600;transition:all .2s;display:flex;color:#a0aec0!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.btn-device-tile:hover{color:#fff!important;background:#ffffff14!important}.btn-device-tile.active{color:#00f2fe!important;background:linear-gradient(135deg,#00f2fe2e 0%,#4facfe2e 100%)!important;border-color:#00f2fe!important}.sample-images-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem;display:grid}.btn-sample-image{cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem;font-size:.74rem;font-weight:600;transition:all .2s;display:flex;color:#cbd5e1!important;background:#ffffff08!important;border:1px solid #ffffff1a!important}.btn-sample-image:hover{color:#00f2fe!important;background:#00f2fe1f!important;border-color:#00f2fe!important}.input-field-group{flex-direction:column;gap:.35rem;margin-bottom:.65rem;display:flex}.input-field-group label{color:#a0aec0;font-size:.76rem;font-weight:600}.input-text-dark{border-radius:8px;padding:.5rem .75rem;font-size:.82rem;transition:border .2s;color:#fff!important;background:#0006!important;border:1px solid #ffffff1f!important}.input-text-dark:focus{box-shadow:0 0 0 3px #00f2fe26;border-color:#00f2fe!important}.slider-control-row{flex-direction:column;gap:.25rem;margin-bottom:.65rem;display:flex}.slider-control-row label{color:#cbd5e1;justify-content:space-between;font-size:.76rem;display:flex}.slider-control-row input[type=range]{accent-color:#00f2fe;cursor:pointer}.btn-studio-action{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-studio-primary{box-shadow:0 8px 20px #00f2fe4d;color:#000!important;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%)!important;border:none!important}.btn-studio-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00f2fe80}.btn-campaign-bundle{box-shadow:0 8px 20px #ec489966;color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%)!important;border:none!important}.btn-campaign-bundle:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ec489999}.btn-studio-secondary{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff26!important}.btn-studio-secondary:hover{color:#00f2fe!important;background:#00f2fe1f!important;border-color:#00f2fe!important}.viewport-stage-wrapper{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#12141dd9;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;padding:1.25rem;display:flex;position:relative;box-shadow:0 20px 50px #000000b3}.live-export-stage{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000080}.live-export-stage.ratio-16-9{height:520px}.live-export-stage.ratio-1-1{max-width:520px;height:520px}.live-export-stage.ratio-9-16{max-width:315px;height:560px}.bg-mesh-neon{background:radial-gradient(circle at 50% 35%,#0d2242 0%,#050711 80%)}.bg-mesh-cyberpunk{background:radial-gradient(circle at 50% 35%,#380d42 0%,#070511 80%)}.bg-mesh-spotlight{background:radial-gradient(circle at 50% 20%,#1e293b 0%,#050609 85%)}.bg-mesh-slate{background:radial-gradient(circle,#111827 0%,#030712 100%)}.bg-mesh-transparent{background:0 0!important}.device-stage-container{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:absolute;inset:0}.iphone-frame{background:#1e2029;border-radius:44px;flex-direction:column;width:250px;height:480px;padding:10px;display:flex;position:relative;box-shadow:0 35px 80px #000c,0 0 0 2px #ffffff26,inset 0 0 0 2px #000c}.iphone-notch{z-index:25;background:#000;border-radius:20px;width:80px;height:20px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.iphone-screen{background:#000;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}.iphone-screen img{object-fit:cover;width:100%;height:100%}.screen-glass-reflection{pointer-events:none;z-index:20;background:linear-gradient(135deg,#ffffff26 0%,#fff0 50%);position:absolute;inset:0}.macbook-frame{flex-direction:column;align-items:center;width:440px;display:flex}.macbook-screen-lid{background:#1c1d24;border-radius:16px 16px 4px 4px;width:420px;height:270px;padding:8px 8px 0;position:relative;box-shadow:0 30px 70px #000c,0 0 0 1px #ffffff1a}.macbook-notch{z-index:25;background:#000;border-radius:0 0 6px 6px;width:60px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.macbook-screen{background:#000;border-radius:10px 10px 0 0;width:100%;height:100%;position:relative;overflow:hidden}.macbook-screen img{object-fit:cover;width:100%;height:100%}.macbook-base{background:linear-gradient(#2a2c38 0%,#16171f 100%);border-radius:2px 2px 14px 14px;width:480px;height:16px;position:relative;box-shadow:0 15px 30px #0009}.macbook-base-lip{background:#111218;border-radius:0 0 4px 4px;width:60px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.glass-window-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141826d9;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:440px;height:290px;display:flex;overflow:hidden;box-shadow:0 30px 80px #000c}.window-header-bar{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:36px;padding:0 12px;display:flex}.window-traffic-lights{gap:6px;display:flex}.traffic-light{border-radius:50%;width:10px;height:10px}.traffic-red{background:#ff5f56}.traffic-yellow{background:#ffbd2e}.traffic-green{background:#27c93f}.window-url-bar{color:#94a3b8;background:#0006;border:1px solid #ffffff14;border-radius:6px;flex:1;justify-content:center;align-items:center;height:22px;font-size:.7rem;display:flex}.window-content-screen{flex:1;position:relative;overflow:hidden}.window-content-screen img{object-fit:cover;width:100%;height:100%}.dual-combo-stage{justify-content:center;align-items:flex-end;display:flex;position:relative}.dual-combo-phone{z-index:30;position:absolute;bottom:-20px;right:-30px;transform:scale(.75)rotate(-5deg)}.stage-text-overlay{z-index:35;pointer-events:none;position:absolute;top:1.5rem;left:2rem;right:2rem}.stage-title-text{color:#fff;text-shadow:0 4px 20px #000000e6;margin:0 0 .25rem;font-size:1.9rem;font-weight:900;line-height:1.1}.stage-subtitle-text{color:#ffffffd9;text-shadow:0 2px 10px #000000e6;margin:0;font-size:.9rem}.stage-price-badge{z-index:35;color:#000;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border-radius:30px;padding:.4rem 1rem;font-size:.82rem;font-weight:800;position:absolute;bottom:1.5rem;left:1.8rem;box-shadow:0 10px 25px #00f2fe66}.stage-badge-overlay{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#00f2fe;background:#000000bf;border:1px solid #fff3;border-radius:30px;align-items:center;gap:.4rem;padding:.4rem .95rem;font-size:.78rem;font-weight:700;display:flex;position:absolute;bottom:1.5rem;right:1.8rem;box-shadow:0 10px 25px #00000080}.stage-toolbar-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.btn-material-tab{cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;color:#aaa!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.btn-material-tab.active{color:#00f2fe!important;background:#00f2fe33!important;border-color:#00f2fe!important}.webar-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.webar-modal-card{maxWidth:480px;text-align:center;background:#11131c;border:1px solid #00f2fe4d;border-radius:20px;width:100%;padding:2rem;position:relative;box-shadow:0 25px 60px #000c}