body{display:flex;min-height:100vh;flex-direction:column}.blur-hero{padding:62px 0 76px}.intro{text-align:center}.crumbs{margin-bottom:24px;color:var(--muted);font-size:.82rem}.crumbs a{color:var(--primary);font-weight:750}.blur-hero h1{max-width:970px;font-size:clamp(2.8rem,7vw,5.25rem)}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:#565a70;font-size:.79rem;font-weight:750}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:.62rem;font-style:normal}
.blur-studio{margin-top:44px;overflow:hidden;border:1px solid rgba(31,34,62,.11);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 38px 110px rgba(49,42,123,.17)}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:14px 20px 14px 25px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.78)}.studio-title,.studio-title>span:last-child,.panel-heading>div,.panel-subheading,.preview-heading>div,.export-card>div{display:flex;align-items:center;gap:11px}.studio-title strong,.studio-title small,.panel-heading strong,.panel-heading small,.panel-subheading strong,.panel-subheading small,.preview-heading strong,.preview-heading small,.export-card strong,.export-card small{display:block}.studio-title small,.panel-heading small,.panel-subheading small,.preview-heading small,.export-card small{margin-top:3px;color:var(--muted);font-size:.68rem}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(0,194,168,.11)}.studio-actions{display:flex;gap:9px}.quiet-button,.upload-button,.reset-button,.compare-button{min-height:41px;padding:0 14px;border-radius:11px;font-size:.75rem;font-weight:800}.quiet-button,.reset-button,.compare-button{border:1px solid var(--border);color:#565970;background:#fff}.quiet-button:hover,.reset-button:hover,.compare-button:hover{color:var(--primary);border-color:rgba(108,92,231,.3);background:#f8f6ff}.upload-button{display:flex;align-items:center;gap:8px;border:0;color:#fff;background:linear-gradient(135deg,var(--primary),#8877f1);box-shadow:0 9px 22px rgba(108,92,231,.24)}
.studio-grid{display:grid;grid-template-columns:345px minmax(0,1fr)}.control-panel{padding:25px;border-right:1px solid var(--border);background:rgba(252,252,255,.94)}.panel-heading{display:flex;align-items:center;justify-content:space-between}.step-number{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:11px;color:var(--primary);background:rgba(108,92,231,.1);font-size:.68rem;font-weight:900}.reset-button{min-height:34px;padding:0 10px;font-size:.68rem}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.preset{padding:7px 5px 9px;border:1px solid var(--border);border-radius:13px;color:#53566c;background:#fff;transition:.2s}.preset:hover{transform:translateY(-2px);border-color:rgba(108,92,231,.3)}.preset.active{color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.08)}.preset strong,.preset small{display:block}.preset strong{margin-top:6px;font-size:.7rem}.preset small{margin-top:2px;color:var(--muted);font-size:.58rem}.preset-orb{display:block;width:43px;height:43px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff 0 8%,#51d8c8 10% 26%,#7565e8 29% 55%,#302b72 60%);box-shadow:0 7px 14px rgba(67,58,145,.2)}.preset-orb.soft{filter:blur(1px)}.preset-orb.balanced{filter:blur(3px)}.preset-orb.strong{filter:blur(7px)}.range-control{display:block;margin-top:22px}.range-control>span:first-child,.range-ends{display:flex;justify-content:space-between}.range-control>span:first-child{font-size:.73rem;font-weight:850}.range-control output{color:var(--primary)}.range-control input{width:100%;height:4px;margin:13px 0 3px;accent-color:var(--primary);cursor:pointer}.range-ends{color:var(--muted);font-size:.62rem}.panel-divider{height:1px;margin:23px 0;background:var(--border)}.panel-subheading{margin-bottom:16px}.mode-tabs{display:grid;gap:8px}.mode-tab{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;width:100%;padding:10px;border:1px solid var(--border);border-radius:13px;color:#55586e;background:#fff;text-align:left;transition:.2s}.mode-tab:hover{border-color:rgba(108,92,231,.3)}.mode-tab.active{color:var(--primary);border-color:rgba(108,92,231,.45);background:#f8f6ff;box-shadow:0 6px 18px rgba(65,57,144,.07)}.mode-tab strong,.mode-tab small{display:block}.mode-tab strong{font-size:.73rem}.mode-tab small{margin-top:3px;color:var(--muted);font-size:.61rem}.mode-icon{position:relative;display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#322d71,#8b79f2)}.mode-icon:before{content:"";width:22px;height:16px;border-radius:50%;background:#60d8ca}.full-icon{filter:blur(1.3px)}.full-icon:before{filter:blur(4px)}.focus-icon:after{content:"";position:absolute;width:13px;height:10px;border:1px solid rgba(255,255,255,.8);border-radius:50%}.focus-controls{padding:3px 0 0}.range-control.compact{margin-top:17px}.drag-tip{display:flex;align-items:center;gap:7px;padding:9px 10px;margin:15px 0 0;border-radius:10px;color:#087b6c;background:rgba(0,194,168,.08);font-size:.63rem;font-weight:750}.drag-tip span{color:var(--accent)}.export-card{padding:14px;margin-top:21px;border:1px solid rgba(108,92,231,.13);border-radius:15px;background:linear-gradient(145deg,#faf9ff,#f5f3ff)}.export-icon{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--primary);background:#fff;font-size:.61rem;font-weight:900;box-shadow:0 5px 14px rgba(65,56,145,.1)}.download-button{display:flex;width:100%;min-height:47px;align-items:center;justify-content:center;gap:9px;padding:0 12px;margin-top:12px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--primary),#8a77f2);box-shadow:0 12px 25px rgba(108,92,231,.25);font-size:.73rem;font-weight:850}.download-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(108,92,231,.32)}.download-button:disabled{cursor:wait;opacity:.65}
.preview-panel{min-width:0;padding:25px;background:linear-gradient(145deg,#242331,#12121a)}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:#fff}.preview-heading .step-number{color:#fff;background:rgba(255,255,255,.11)}.preview-heading small{color:rgba(255,255,255,.55)}.live-badge{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);font-size:.61rem;font-weight:900;letter-spacing:.08em}.live-badge i{width:7px;height:7px;border-radius:50%;background:#2ce3c6;box-shadow:0 0 0 5px rgba(44,227,198,.1)}.canvas-stage{--split:42%;position:relative;display:grid;min-height:565px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:19px;background-color:#1e1d29;background-image:linear-gradient(45deg,#282735 25%,transparent 25%),linear-gradient(-45deg,#282735 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#282735 75%),linear-gradient(-45deg,transparent 75%,#282735 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;touch-action:none}.canvas-stage canvas{display:block;max-width:calc(100% - 24px);max-height:535px;border-radius:3px;box-shadow:0 22px 52px rgba(0,0,0,.42)}.compare-label{position:absolute;z-index:3;top:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:99px;color:#fff;background:rgba(13,13,20,.63);backdrop-filter:blur(10px);font-size:.63rem;font-weight:850;pointer-events:none}.before-label{left:16px}.after-label{right:16px}.compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:2px;background:rgba(255,255,255,.9);box-shadow:0 0 18px rgba(0,0,0,.55);transform:translateX(-1px);pointer-events:none}.compare-line i{position:absolute;top:50%;left:50%;display:grid;width:34px;height:34px;place-items:center;border:2px solid #fff;border-radius:50%;color:var(--primary);background:#fff;font-size:.82rem;font-style:normal;box-shadow:0 8px 22px rgba(0,0,0,.3);transform:translate(-50%,-50%)}.compare-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.canvas-stage.single .before-label,.canvas-stage.single .compare-line,.canvas-stage.single .compare-range{display:none}.canvas-stage.single .after-label{right:auto;left:16px}.drop-overlay{position:absolute;z-index:8;inset:12px;display:none;place-items:center;border:2px dashed rgba(255,255,255,.5);border-radius:15px;color:#fff;background:rgba(36,31,88,.82);font-weight:850;pointer-events:none}.canvas-stage.dragging .drop-overlay{display:grid}.focus-ring{position:absolute;z-index:5;border:2px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px rgba(40,35,88,.5),0 0 30px rgba(108,92,231,.45);pointer-events:none}.focus-ring:before,.focus-ring:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.26);border-radius:50%}.focus-ring span{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16);transform:translate(-50%,-50%)}.canvas-stage.focus-mode .compare-range{pointer-events:none}.canvas-stage.focus-mode{cursor:crosshair}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.compare-button{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.06)}.compare-button.active{color:#fff;border-color:rgba(108,92,231,.7);background:rgba(108,92,231,.24)}.preview-footer>span{color:rgba(255,255,255,.48);font-size:.65rem}.spark{position:absolute;z-index:20;width:8px;height:8px;border-radius:50%;animation:spark-out .78s ease-out forwards;pointer-events:none}@keyframes spark-out{to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}
.content-section{padding:72px 0}.content-section.alt{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.42)}.content{max-width:930px;margin:auto}.content h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:-.04em}.content>p,.benefit-card p,.faq p,.steps p{color:var(--muted);line-height:1.75}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.benefit-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(53,49,110,.05)}.benefit-card.featured{color:#fff;border-color:transparent;background:linear-gradient(145deg,#302a73,#6c5ce7);box-shadow:0 18px 42px rgba(65,52,159,.22);transform:translateY(-6px)}.benefit-card.featured p{color:rgba(255,255,255,.72)}.benefit-icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:17px;border-radius:13px;color:var(--primary);background:rgba(108,92,231,.1);font-weight:900}.featured .benefit-icon{color:#fff;background:rgba(255,255,255,.13)}.benefit-card h3{margin:0 0 8px;font-size:1rem}.benefit-card p{margin:0;font-size:.87rem}.steps{display:grid;gap:14px;padding:0;margin:27px 0 0;list-style:none}.steps li{display:grid;grid-template-columns:43px 1fr;gap:15px;align-items:start;padding:19px;border:1px solid var(--border);border-radius:17px;background:#fff}.steps>li>span{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--primary),#8c7af0);font-weight:900}.steps strong{display:block;margin:2px 0 5px}.steps p{margin:0;font-size:.88rem}.faq{display:grid;gap:11px;margin-top:25px}.faq details{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}.faq summary{padding:18px 20px;cursor:pointer;font-weight:800}.faq p{margin:0;padding:0 20px 19px}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.try-card{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:17px;background:#fff;transition:.22s}.try-card:hover{transform:translateY(-3px);border-color:rgba(108,92,231,.28);box-shadow:0 14px 35px rgba(53,49,110,.09)}.try-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:var(--primary);background:rgba(108,92,231,.1);font-size:.7rem;font-weight:900}.try-card strong,.try-card span span{display:block}.try-card strong{font-size:.84rem}.try-card span span{margin-top:4px;color:var(--muted);font-size:.68rem;line-height:1.4}.try-card b{color:var(--primary)}.toast{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;min-width:260px;padding:14px 17px;border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#fff;background:linear-gradient(135deg,#29254f,#5c4ecc);box-shadow:0 18px 45px rgba(26,22,68,.3);opacity:0;transform:translateY(18px) scale(.96);transition:.28s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0) scale(1)}.toast>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:rgba(255,255,255,.13)}.toast strong,.toast small{display:block}.toast strong{font-size:.83rem}.toast small{margin-top:3px;color:rgba(255,255,255,.7);font-size:.68rem}
@media(max-width:950px){.studio-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--border)}.canvas-stage{min-height:520px}.benefit-grid,.try-grid{grid-template-columns:1fr}.benefit-card.featured{transform:none}}
@media(max-width:640px){.blur-hero{padding:45px 0 55px}.studio-bar{align-items:flex-start;flex-direction:column;padding:17px}.studio-actions{width:100%}.studio-actions button{flex:1}.control-panel,.preview-panel{padding:18px}.canvas-stage{min-height:355px}.canvas-stage canvas{max-width:calc(100% - 12px);max-height:335px}.preview-footer{align-items:flex-start;flex-direction:column}.content-section{padding:54px 0}.trust-row{align-items:center;flex-direction:column}.try-card{grid-template-columns:42px 1fr auto}.toast{right:10px;bottom:10px;left:10px;min-width:0}}