.collection,.try-on,.setup{padding-top:75px;padding-bottom:75px;border-top:1px solid var(--line)}.collection-tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button{background:#ffffff05;border:1px solid var(--line);padding:11px 16px;border-radius:30px;color:var(--muted);font-size:12px;transition:background .25s,color .25s,transform .25s}.filter-tabs button:hover{transform:translateY(-2px);color:var(--text)}.filter-tabs button.active{background:#d1b8ee19;color:var(--accent);border-color:#d1b8ee66}.design-search{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:#ffffff04;color:var(--muted)}.design-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d1b8ee12}.design-search input{background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:12px;width:170px}.catalog-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin:22px 0 16px}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.design-tile{position:relative;border:1px solid var(--line);background:#191a1d;border-radius:16px;padding:10px;transition:transform .25s,border-color .25s,box-shadow .25s;isolation:isolate}.design-tile:hover{transform:translateY(-5px);border-color:#d1b8ee66;box-shadow:0 18px 38px #0004}.design-tile.selected{border-color:var(--accent);background:#28222f}.design-select{padding:0;text-align:left;background:none;width:100%;display:block;border-radius:9px}.design-select canvas{display:block;width:100%;height:auto;border-radius:9px;aspect-ratio:1.585;transition:filter .25s}.tile-info{display:flex;justify-content:space-between;gap:5px;padding:14px 4px 4px;font-size:12px}.tile-info small{font-size:9px;color:var(--muted)}.tile-heart{position:absolute;right:18px;top:18px;z-index:1;width:31px;height:31px;border:1px solid #ffffff35;border-radius:50%;background:#121217c9;color:#fff;font-size:20px;display:grid;place-items:center;transition:transform .2s,background .2s}.tile-heart:hover{transform:scale(1.12);background:#31243a}.tile-heart[aria-pressed=true]{color:var(--accent);background:#291c34}.empty-catalog{text-align:center;padding:45px;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.empty-catalog span{font-size:12px;display:block;margin-bottom:20px}.try-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.try-controls{max-width:430px;width:100%}.selection-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.selection-dot{height:33px;width:33px;border-radius:10px;background:linear-gradient(135deg,#dac6f1,#7b7ba3)}.selection-heading>div{display:grid;gap:4px}.control-caption{font-size:10px;color:var(--muted)}.selection-heading strong{font-size:19px;font-weight:550}.favorite-preview{margin-left:auto;background:#ffffff08;border:1px solid var(--line);height:36px;width:36px;border-radius:11px;color:var(--accent);font-size:23px}.favorite-preview:disabled{opacity:.3;cursor:default}.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed #d1b8ee55;border-radius:17px;padding:28px 18px;background:linear-gradient(125deg,#d1b8ee0b,#ffffff02);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#d1b8ee18;transform:translateY(-2px)}.upload-zone:focus-within{outline:2px solid var(--accent);outline-offset:4px}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-zone svg{width:42px;height:42px;color:var(--accent);margin-bottom:4px}.upload-zone strong{font-size:13px}.upload-zone span,.upload-zone small{font-size:10px;color:var(--muted)}.upload-zone small{font-size:8px;letter-spacing:1px}.upload-status{min-height:30px;font-size:10px;color:var(--muted);line-height:1.7}.upload-status.error{color:#f4a9b5}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.range-label output{font-size:10px;color:var(--muted)}input[type=range]{accent-color:var(--accent);width:100%;cursor:pointer;height:18px;margin:0;touch-action:pan-y}.position-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.position-controls label{font-size:10px;color:var(--muted)}.position-controls input{display:block;margin-top:7px}.photo-actions{display:flex;justify-content:space-between;gap:10px;margin:12px 0 20px}.photo-actions button{background:none;color:var(--accent);font-size:10px;padding:6px 0}.compare-control{border-top:1px solid var(--line);padding-top:24px;margin:22px 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#777983;margin-top:7px}.preview-note{font-size:10px;line-height:1.8;color:var(--muted);margin:14px 0 0}.phone-stage{min-height:600px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;isolation:isolate}.stage-ring{position:absolute;width:500px;max-width:100%;aspect-ratio:1;border:1px solid #d1b8ee10;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#bda2dc16,transparent 65%);box-shadow:0 0 0 50px #d1b8ee03,0 0 0 100px #d1b8ee02}.phone{width:294px;max-width:100%;height:559px;border-radius:45px;background:linear-gradient(140deg,#1e1c24,#0b0c10 70%);padding:15px;border:5px solid #33323a;box-shadow:inset 0 0 0 2px #09090b,0 30px 60px #0006;position:relative;overflow:hidden}.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding:0 8px;position:relative;height:25px}.island{width:81px;height:22px;border-radius:20px;background:#08090b;position:absolute;left:50%;transform:translateX(-50%)}.phone-heading{display:flex;justify-content:space-between;font-size:21px;font-weight:600;letter-spacing:-.5px;margin:33px 3px 22px}.phone-heading>span{font-size:12px;letter-spacing:2px}.preview-card{position:relative;aspect-ratio:1.585;border-radius:13px;overflow:hidden;box-shadow:0 12px 25px #0005;touch-action:pan-y;isolation:isolate}.preview-card.has-photo{cursor:grab;touch-action:none}.preview-card.dragging{cursor:grabbing}.preview-card canvas{width:100%;height:100%;display:block}.before-card{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;padding:19px 17px;background:linear-gradient(135deg,#6d707a,#3f454e);color:#eff1f5;clip-path:inset(0 100% 0 0);font-size:10px;pointer-events:none}.before-card span+span{font-size:7px;letter-spacing:1px}.mock-number{position:absolute;bottom:16px;left:17px;color:#fff;text-shadow:0 1px 5px #000b;font-size:12px;pointer-events:none}.split-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 10px #fff6;pointer-events:none}.phone-info{text-align:center;margin-top:43px;font-size:12px;color:var(--muted);line-height:1.8}.phone-info strong{font-weight:400;color:#d0c8db}.phone-check{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #d1b8ee33;border-radius:50%;color:var(--accent)}.phone-info small{font-size:8px;letter-spacing:.5px;color:#74717b}.home-indicator{position:absolute;bottom:10px;width:100px;left:50%;transform:translateX(-50%);height:4px;background:#ddd;border-radius:8px}.stage-caption{font-size:10px;color:var(--muted);text-align:center;margin:23px 0 0}.setup-badge{border:1px solid var(--line);border-radius:30px;padding:10px 16px;color:var(--accent);font-size:11px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}.setup-grid article{padding:10px 25px 10px 0;border-right:1px solid var(--line)}.setup-grid article:last-child{border:0}.setup-grid article>span{display:inline-block;color:var(--accent);font-size:12px;margin-bottom:18px}.setup-grid h3{font-size:20px}.setup-grid p,.setup-details p{font-size:12px;line-height:1.8;color:var(--muted);max-width:100%}.setup-details{border-top:1px solid var(--line)}
/* Motion is local and finite: no perpetual rendering loops. */
body{overflow-x:clip}.hero{position:relative}.hero:before{content:'';position:absolute;width:60%;height:100%;left:-35%;top:-10%;background:radial-gradient(ellipse,#8e61b611,transparent 65%);pointer-events:none;z-index:-1}.header{position:relative}.header:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#d1b8ee25,transparent);position:absolute;bottom:0;left:48px;right:48px}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-100% -30%;background:linear-gradient(105deg,transparent 43%,#fff3 50%,transparent 57%);transform:translateX(-100%);pointer-events:none}.button:hover:after{transform:translateX(100%);transition:transform .7s}.button>span{transition:transform .25s}.button:hover>span{transform:translate(2px,-2px)}.feature,.price-card,.design-tile{position:relative}.feature:before,.price-card:before,.design-tile:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,-100px) var(--my,-100px),#d1b8ee13,transparent 70%);pointer-events:none;z-index:2}.motion-pending{opacity:0;transform:translateY(20px)}.motion-ready{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.motion-ready.in-view{opacity:1;transform:none}.design-tile.entering{animation:tile-in .28s ease both}.preview-card.changing{animation:card-change .32s ease}.effects-toggle{position:fixed;right:18px;bottom:18px;z-index:8;border:1px solid #d1b8ee35;background:#1e1b25ec;backdrop-filter:blur(12px);border-radius:30px;padding:11px 15px;font-size:10px;color:var(--accent);box-shadow:0 6px 20px #0004}.effects-toggle:hover{background:#302637}.reading-progress{position:fixed;left:0;top:0;height:2px;background:linear-gradient(90deg,#a184c8,#e4c5e9);width:100%;transform-origin:left;transform:scaleX(0);z-index:20;pointer-events:none}.no-effects *, .no-effects *:before,.no-effects *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-effects .motion-pending{opacity:1;transform:none}.no-effects .feature:before,.no-effects .price-card:before,.no-effects .design-tile:before{display:none}.no-effects .design-tile:hover,.no-effects .primary:hover{transform:none}@keyframes tile-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes card-change{0%{opacity:.65;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.try-layout{gap:35px}.phone{width:275px;height:535px}.phone-stage{min-height:570px}}
@media(max-width:760px){.collection,.try-on,.setup{padding-top:50px;padding-bottom:50px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection .section-heading{display:flex;align-items:center}.collection h2{font-size:26px}.collection .section-heading .button{font-size:10px;gap:8px;padding:0 12px;flex-shrink:0}.collection-tools{gap:15px}.filter-tabs{gap:6px}.filter-tabs button{font-size:10px;padding:9px 12px}.design-search{width:100%}.design-search input{width:100%}.catalog-meta{font-size:9px}.tile-info{display:block;font-size:12px}.tile-info small{display:block;margin-top:5px}.tile-heart{height:29px;width:29px;font-size:18px;top:15px;right:15px}.try-layout{grid-template-columns:1fr;gap:30px}.try-controls{max-width:none}.phone-stage{grid-row:1;min-height:510px}.phone{width:260px;height:490px}.phone-heading{margin:26px 3px 18px}.phone-info{margin-top:30px}.stage-ring{width:340px;box-shadow:0 0 0 25px #d1b8ee03}.setup-grid{grid-template-columns:1fr;gap:20px}.setup-grid article{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.setup-grid article>span{margin-bottom:12px}.setup-badge{display:inline-block;margin-top:20px}.effects-toggle{right:12px;bottom:12px;padding:10px 13px}.footer{padding-bottom:68px}}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1;transform:none}.feature:before,.price-card:before,.design-tile:before{display:none}}
dialog.closing{animation:dialog-out .17s ease-in forwards}dialog.closing::backdrop{opacity:0;transition:opacity .17s}@keyframes dialog-out{to{opacity:0;transform:translateY(8px) scale(.98)}}html.no-effects{scroll-behavior:auto}
/* Slurx / electric showroom. Motion only runs in visible sections. */
:root{--bg:#080d18;--panel:#101b30;--line:#91b9ff24;--text:#f0f6ff;--muted:#a0afc6;--accent:#70b6ff;--scroll-thumb:#42638a;--scroll-track:#080d18}
html{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-gutter:stable}
body{background:radial-gradient(ellipse at 14% 8%,#103b6b66,transparent 30%),radial-gradient(ellipse at 90% 35%,#18357644,transparent 30%),var(--bg)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6a95c8}
.header{background:#0b1424b8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
h1,h2,h3{font-family:'Arial',sans-serif;font-weight:800}h1{letter-spacing:-3px;text-transform:uppercase}h1>span{color:#70b6ff!important;background:linear-gradient(100deg,#56a2ff,#9be9ff,#699dff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-flow 6s ease-in-out infinite paused}
.hero-copy.motion-live h1>span{animation-play-state:running}.intro{color:#b2c3db}.primary,.nav-buy{background:linear-gradient(120deg,#2868ed,#459eff)!important;color:#fff!important;box-shadow:0 8px 32px #2379ff35;border:1px solid #7bb9ff66}.primary:hover,.nav-buy:hover{box-shadow:0 10px 45px #2589ff65;transform:translateY(-3px)}
.showcase{background:radial-gradient(ellipse at 60% 35%,#1d64b84d,transparent 72%),linear-gradient(145deg,#10213c,#090f1d);border-color:#72b8ff40;box-shadow:0 25px 100px #0077ff18;overflow:hidden}.showcase::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#a3d5ff 1px,transparent 1.6px);background-size:83px 97px;opacity:.28;animation:star-drift 18s linear infinite paused}.showcase.motion-live::after{animation-play-state:running}.showcase .card-scene{animation:hero-float 7s ease-in-out infinite paused}.showcase.motion-live .card-scene{animation-play-state:running}.showcase:hover .card-scene{animation-play-state:paused}
.feature,.price-card{background:linear-gradient(135deg,#13233a,#0c1423);border-color:#739bd42b}.feature:hover{border-color:#68aeff88;box-shadow:0 20px 55px #006bff20}.feature .mini-card,.feature .file-shape{animation:element-float 5s ease-in-out infinite paused}.feature.motion-live .mini-card,.feature.motion-live .file-shape{animation-play-state:running}.feature .cursor-label{animation:cursor-travel 5s ease-in-out infinite paused}.feature.motion-live .cursor-label{animation-play-state:running}.library-art{perspective:600px}.library-card{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.feature:hover .library-card:first-child{transform:translate(-55px,-15px) rotate(-28deg)}.feature:hover .library-card:last-child{transform:translate(35px,5px) rotate(24deg)}
.collection{background:radial-gradient(ellipse at 50% 45%,#0b3c752b,transparent 70%)}.design-tile{background:linear-gradient(140deg,#132139,#0b1322);border-radius:20px;border-color:#9ec7ff22;transition:transform .4s cubic-bezier(.18,.8,.2,1),box-shadow .4s,border-color .4s}.design-tile:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 20px 45px #006eff24;border-color:#6bb7ff}.design-select canvas{transition:transform .55s,filter .55s}.design-tile:hover canvas{transform:scale(.96) rotate(2deg);filter:brightness(1.12)}.design-tile.selected{background:linear-gradient(145deg,#16375b,#12213c);border-color:#83caff;box-shadow:0 0 0 1px #83caff33,0 8px 30px #007bff18}.filter-tabs button.active{background:#2d83ef2b;border-color:#75b8ff77;color:#cae7ff}.tile-heart{background:#08172ad9}.tile-heart[aria-pressed=true]{color:#ffb1d7;background:#47233c}.tile-info{padding:17px 4px 7px;font-size:14px;font-weight:650}
.try-on{background:radial-gradient(ellipse at 85% 50%,#006eff19,transparent 55%)}.phone-stage{perspective:1100px}.phone{border-color:#4e657f;background:linear-gradient(150deg,#17283f,#070c15 75%);box-shadow:0 0 0 1px #b6d9ff33,inset 0 0 0 2px #09090b,0 35px 75px #0009,0 0 65px #258aff20;animation:phone-float 7s ease-in-out infinite paused}.phone-stage.motion-live .phone{animation-play-state:running}.phone:has(.has-photo){animation:none}.phone:focus-within{animation-play-state:paused!important}.stage-ring{border-color:#4aa9ff35;background:radial-gradient(ellipse,#116bd333,transparent 70%);box-shadow:0 0 0 45px #418aff06,0 0 0 90px #418aff04;animation:ring-breathe 6s ease-in-out infinite paused}.phone-stage.motion-live .stage-ring{animation-play-state:running}.split-line{width:2px;background:#d2f2ff;box-shadow:0 0 15px #43baff}.split-line::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:27px;height:35px;display:grid;place-items:center;border:1px solid #b3e6ff;border-radius:12px;background:#1463ac;color:white;font-size:16px;box-shadow:0 0 20px #208cff55}.phone-check{color:#8bd9ff;border-color:#65c6ff66;background:#4bb7ff12}.auto-compare{display:block;margin:16px 0 0;border-radius:20px;border:1px solid #68b7ff55;background:#247ee51a;color:#b7e2ff;padding:10px 15px;font:inherit;font-size:11px;transition:background .25s,box-shadow .25s}.auto-compare:hover{background:#247ee538;box-shadow:0 0 22px #247ee522}.auto-compare[aria-pressed=false]{color:var(--muted);background:#ffffff05}.upload-zone{border-color:#72baff66;background:linear-gradient(125deg,#1a5c9e20,#102138)}.effects-toggle{background:#10243de8;border-color:#6fb5ff55;color:#aedaff}.reading-progress{height:3px;background:linear-gradient(90deg,#2776ff,#9ce8ff);box-shadow:0 0 12px #438eff}
.motion-ready{transition-duration:.85s}.motion-pending{transform:translateY(45px) scale(.97)}.manifesto svg{animation:slow-spin 15s linear infinite paused}.manifesto.motion-live svg{animation-play-state:running}.tab-asleep *,.tab-asleep *::before,.tab-asleep *::after{animation-play-state:paused!important}.no-effects .phone,.no-effects .card-scene{transform:none!important}
@keyframes phone-float{0%,100%{transform:translateY(5px) rotateY(-7deg) rotateZ(-1deg)}50%{transform:translateY(-12px) rotateY(7deg) rotateZ(1deg)}}
@keyframes hero-float{0%,100%{transform:translateY(6px) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@keyframes ring-breathe{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.07);opacity:1}}
@keyframes title-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes star-drift{to{background-position:83px -97px}}
@keyframes element-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes cursor-travel{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(-30px,-20px) rotate(2deg)}}
@keyframes slow-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){h1{letter-spacing:-1.8px}.design-tile:hover{transform:none}.phone-stage{min-height:540px}.phone{animation-name:phone-mobile}.tile-info{font-size:12px}.stage-ring{max-width:85%}.header{backdrop-filter:none}}
@keyframes phone-mobile{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){html{scrollbar-color:auto}.primary,.nav-buy,.auto-compare{border:1px solid ButtonText}}
/* Direct comparison handle; no separate comparison panel. */
.preview-card{touch-action:pan-y;cursor:ew-resize}.split-line{pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:3;width:26px;margin-left:-13px;background:transparent;box-shadow:none}.split-line::before{content:'';position:absolute;top:0;bottom:0;left:12px;width:2px;background:#d2f2ff;box-shadow:0 0 15px #43baff}.split-line::after{width:25px;height:38px}.split-line:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:10px}.phone.interacting{animation-play-state:paused!important}
/* Frosted-glass surfaces. Card art itself is never blurred. */
:root{--glass:linear-gradient(135deg,#d6e8ff12,#a8d1ff06 48%,#ffffff0a);--glass-border:#c8e3ff2e;--glass-shadow:inset 0 1px 0 #ffffff15,0 12px 35px #00000025}
body{background:radial-gradient(ellipse at 8% 12%,#185f9255,transparent 35%),radial-gradient(ellipse at 88% 30%,#67378433,transparent 30%),radial-gradient(ellipse at 38% 70%,#144e6d33,transparent 35%),#080d18}
.header{background:#101c2db8;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 -1px 0 #ffffff12}
.showcase,.feature,.price-card,.design-tile,.upload-zone,.design-search,.filter-tabs button,.style-picker,.effects-toggle,dialog,.setup-details,.faq details{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}
.design-tile{background:linear-gradient(140deg,#dceaff12,#c4dcff04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.design-tile.selected{background:linear-gradient(140deg,#72bfff30,#dcb2ff12);border-color:#a4d7ff99;box-shadow:inset 0 1px 0 #ffffff38,0 10px 35px #2373c625}.design-tile:hover{border-color:#d5ecff88}
.filter-tabs button.active{background:linear-gradient(130deg,#64b3ff38,#b1d6ff12);border-color:#badfff77;box-shadow:inset 0 1px 0 #ffffff2e,0 4px 18px #338cff15}.filter-tabs button:hover{background-color:#d4eaff14}.design-search:focus-within{background-color:#c4e4ff09}
.button.secondary,.text-link,.nav-buy,.favorite-preview,.tile-heart,.swatch{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.button.secondary,.favorite-preview{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.tile-heart{background:#0e1b2ca6;border-color:#ffffff55;box-shadow:inset 0 1px 0 #ffffff23}.primary,.nav-buy{background:linear-gradient(130deg,#3688f5b3,#6cbfff70)!important;border-color:#bddeff66;box-shadow:inset 0 1px 0 #ffffff48,0 10px 35px #1264da33}
.phone{background:linear-gradient(145deg,#b9d7ff16,#071020b8 75%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:#a4c1e55e;box-shadow:inset 0 1px 0 #ffffff66,0 0 0 1px #c4dfff28,0 30px 80px #0007}.phone-status,.phone-heading{color:#f5f9ff}
.faq details,.setup-details{border-radius:16px;margin:10px 0;padding:0 20px}dialog{background:linear-gradient(135deg,#1c3148ed,#171c32ed);border-radius:24px}dialog::backdrop{background:#0308129c;backdrop-filter:blur(7px)}.effects-toggle{background:#17304ac9;color:#d3ebff}.upload-zone{border-style:dashed}.upload-zone:hover{background-color:#81bfff0c}.setup-badge,.coming,.tag{background:#c4e4ff0b;border-color:#d5e9ff30}.tile-info small,.control-caption,.upload-status{color:#b4c4d9}
@supports not (backdrop-filter:blur(1px)){.feature,.price-card,.design-tile,.upload-zone,dialog,.header,.phone{background-color:#122036}}
@media(max-width:760px){.design-tile{backdrop-filter:none;-webkit-backdrop-filter:none}.header,.phone,.feature,.price-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
