.picker{--picker-ease:cubic-bezier(.16, 1, .3, 1);max-width:1120px;padding:56px var(--gutter) 72px;margin:0 auto}.picker-head{max-width:620px;margin-bottom:40px}.picker-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:inline-flex}.picker-kicker:before{content:"";background:currentColor;width:18px;height:1px}.picker-head h1{font-size:var(--ap-type-display);letter-spacing:-.035em;text-wrap:balance;font-weight:500;line-height:1.1}.picker-head>p:last-child{color:var(--muted);text-wrap:pretty;margin-top:14px;font-size:16px;line-height:1.6}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.picker-card{border-radius:24px;flex-direction:column;gap:18px;min-width:0;display:flex}.picker-card:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.picker-stage{aspect-ratio:5/4;isolation:isolate;transition:box-shadow .5s var(--picker-ease);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.picker-card.case .picker-stage{background:radial-gradient(60% 55% at 50% 42%,#ffffffbf,#0000 70%),#f2ede5}.picker-card.keychain .picker-stage{background:radial-gradient(60% 55% at 50% 42%,#ffffffbf,#0000 70%),#e8ece6}.picker-stage:after{content:"";z-index:-1;filter:blur(14px);width:34%;height:7%;transition:opacity .5s var(--picker-ease), transform .5s var(--picker-ease);background:#281e1429;border-radius:50%;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.picker-index,.picker-spec{z-index:1;font-family:var(--mono);letter-spacing:.02em;font-size:12px;line-height:1;position:absolute;top:20px}.picker-index{color:#8f877b;left:22px}.picker-spec{color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:999px;padding:7px 10px;top:16px;right:18px}.picker-art{transition:transform .6s var(--picker-ease);justify-content:center;display:flex;position:absolute;inset:13% 0 9%}.picker-card.keychain .picker-art{inset:7% 0 5%}.picker-art .phone-case{filter:drop-shadow(0 18px 18px #30201324);width:auto;height:100%;transform:rotate(-6deg)}.picker-art img{object-fit:contain;filter:drop-shadow(0 16px 14px #2633271a);width:auto;height:100%;transform:rotate(6deg)}.picker-card:hover .picker-art{transform:translateY(-8px)}.picker-card:hover .picker-stage:after{opacity:.7;transform:translate(-50%)scale(.88)}.picker-meta{justify-content:space-between;align-items:center;gap:16px;padding:0 6px 0 4px;display:flex}.picker-copy{gap:2px;min-width:0;display:grid}.picker-copy strong{letter-spacing:-.025em;font-size:20px;font-weight:500;line-height:1.35}.picker-copy small{color:var(--muted);font-size:14px;line-height:1.5}.picker-go{border:1px solid var(--line);width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .25s,border-color .25s,color .25s;display:grid}.picker-go svg{transition:transform .35s var(--picker-ease)}.picker-card:hover .picker-go{border-color:var(--text);background:var(--text);color:#fff}.picker-card:hover .picker-go svg{transform:translate(2px)}.picker-group+.picker-group{margin-top:56px}.picker-group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:20px;display:flex}.picker-group-head h2{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:500;line-height:1.3;display:inline-flex}.picker-group-head p{color:var(--muted);font-size:14px;line-height:1.5}.picker-new{color:#232038;font-weight:600;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:#ffd23f;border:2px solid #232038;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:400;line-height:1;transform:rotate(-4deg)}.picker-group .picker-stage{transition:transform .25s var(--picker-ease), box-shadow .25s var(--picker-ease);border:3px solid #232038;box-shadow:0 6px #232038}.picker-group .picker-card.case .picker-stage{background:radial-gradient(circle,#ffffff80 3px,#0000 3.5px) 0 0/24px 24px,#ffc59e}.picker-group .picker-card.keychain .picker-stage{background:radial-gradient(circle,#ffffff80 3px,#0000 3.5px) 0 0/24px 24px,#a8ecd8}.picker-group .picker-card:hover .picker-stage{transform:translateY(-4px);box-shadow:0 10px #232038}.picker-group .picker-card:active .picker-stage{transition-duration:80ms;transform:translateY(4px);box-shadow:0 2px #232038}.picker-group .picker-index,.picker-group .picker-spec{color:#232038;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:2px solid #232038;border-radius:999px;padding:6px 9px;font-weight:600}.picker-group .picker-index{top:16px;left:16px}.picker-group .picker-card .picker-art{inset:10% 0 8%}.picker-group .picker-art svg{filter:drop-shadow(0 6px #23203838);width:auto;height:100%;overflow:visible}.picker-group .picker-card:hover .picker-art{animation:picker-boing .6s var(--picker-ease);transform:none}.picker-group .picker-stage:after{display:none}.picker-group .picker-copy strong{font-weight:700}.picker-group .picker-go{border:2px solid #232038;box-shadow:0 3px #232038}.picker-group .picker-card:hover .picker-go{color:#232038;background:#ffd23f;border-color:#232038}.picker-tiles{--tile-ink:#232038;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.picker-tile{border-radius:22px;flex-direction:column;gap:12px;display:flex}.picker-tile:focus-visible{outline:3px solid var(--tile-ink);outline-offset:5px}.picker-tile-stage{aspect-ratio:4/5;border:3px solid var(--tile-ink);background:radial-gradient(circle, #ffffff8c 2.5px, transparent 3px) 0 0 / 18px 18px, var(--tile-bg);box-shadow:0 6px 0 var(--tile-ink);transition:transform .25s var(--picker-ease), box-shadow .25s var(--picker-ease);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.picker-tile.tote-bag{--tile-bg:#ffd86b}.picker-tile.t-shirt{--tile-bg:#8fd0ff}.picker-tile.brick-figure{--tile-bg:#ff9a9a}.picker-tile.figurine{--tile-bg:#8fe3b5}.picker-tile.earrings{--tile-bg:#c7b5ff}.picker-tile:hover .picker-tile-stage{box-shadow:0 10px 0 var(--tile-ink);transform:translateY(-4px)}.picker-tile:active .picker-tile-stage{box-shadow:0 2px 0 var(--tile-ink);transition-duration:80ms;transform:translateY(4px)}.picker-tile .picker-index{border:2px solid var(--tile-ink);color:var(--tile-ink);background:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600;top:12px;left:12px}.picker-tile-art{place-items:center;width:86%;margin-top:10%;display:grid}.picker-tile-art svg{filter:drop-shadow(0 5px #23203838);width:100%;height:auto;overflow:visible}.picker-tile:hover .picker-tile-art{animation:picker-boing .6s var(--picker-ease)}@keyframes picker-boing{0%{transform:scale(1)}30%{transform:scale(1.08,.92)translateY(4px)}55%{transform:scale(.95,1.06)translateY(-8px)rotate(-3deg)}to{transform:scale(1)}}.picker-tile-copy{gap:1px;padding:4px 4px 0;display:grid}.picker-tile-copy strong{letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1.3}.picker-tile-copy small{color:var(--muted);font-size:13px;line-height:1.45}.picker-foot{border-top:1px solid var(--hair);justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding-top:22px;display:flex}.picker-steps{color:var(--muted);flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.picker-steps li{align-items:center;gap:10px;display:inline-flex}.picker-steps span{border:1px solid var(--line);width:22px;height:22px;color:var(--text);font-family:var(--mono);border-radius:50%;place-items:center;font-size:11px;line-height:1;display:grid}.picker-browse{text-underline-offset:4px;flex-shrink:0;align-items:center;gap:6px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #c9c9cf;text-decoration:underline #c9c9cf;display:inline-flex}.picker-browse:hover{text-decoration-color:currentColor}@media (width<=1000px){.picker-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.picker-group+.picker-group{margin-top:44px}.picker-group-head{margin-bottom:16px}.picker-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.picker-tile-stage{aspect-ratio:1}.picker{padding-top:32px;padding-bottom:48px}.picker-head{margin-bottom:28px}.picker-kicker{margin-bottom:12px}.picker-head>p:last-child{font-size:15px}.picker-grid{grid-template-columns:1fr;gap:28px}.picker-card,.picker-stage{border-radius:20px}.picker-card{gap:14px}.picker-stage{aspect-ratio:16/11}.picker-art,.picker-card.keychain .picker-art{inset:20% 0 8%}.picker-copy strong{font-size:18px}.picker-foot{flex-direction:column;align-items:flex-start;margin-top:36px}.picker-steps{flex-direction:column}}@media (prefers-reduced-motion:reduce){.picker-group .picker-card:hover .picker-art,.picker-group .picker-stage,.picker-tile:hover .picker-tile-art{animation:none}.picker-tile-stage,.picker-art,.picker-stage:after,.picker-go,.picker-go svg{transition:none}}@property --gx{syntax:"<percentage>";inherits:true;initial-value:30%}@property --gy{syntax:"<percentage>";inherits:true;initial-value:20%}@property --tint{syntax:"<color>";inherits:true;initial-value:#f4f4f5}.home2{--paper-warm:#f2ede5;--paper-warm-soft:#f7f4ef;--ink-warm:#8f877b;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);overflow-x:clip}.home2 h2{font-family:var(--display);font-size:var(--ap-type-heading);letter-spacing:-.025em;font-weight:500;line-height:1.3}.home2 .eyebrow{margin-bottom:10px}.home2-section{margin-top:104px}.home2 .reveal{opacity:0;transition:opacity .9s var(--ease-expo) calc(var(--i,0) * 80ms), transform 1s var(--ease-expo) calc(var(--i,0) * 80ms), translate .5s var(--ease-spring), scale .5s var(--ease-spring);transform:translateY(28px)}.home2 .reveal.is-in{opacity:1;transform:none}.home2 .section-head .text-link{white-space:nowrap;flex-shrink:0}.inline-device.big{font:inherit;letter-spacing:inherit;text-underline-offset:6px;text-decoration-thickness:2px}.hero2{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:56px;min-height:min(820px,100vh - 100px);padding-top:36px;padding-bottom:24px;display:grid}.hero2 h1{font-family:var(--headline);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 0;letter-spacing:-.028em;font-size:clamp(50px,6vw,86px);font-weight:560;line-height:1}.hero2 .word.bake{color:var(--matte-crust);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;margin-right:.24em;font-style:italic;font-weight:500;position:relative}.word.bake .steam{opacity:.55;width:.4em;position:absolute;bottom:82%;left:60%;translate:-50%}.steam{display:block;overflow:visible}.steam path{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite steam}.steam path:nth-child(2){animation-delay:-1.05s}.steam path:nth-child(3){animation-delay:-2.1s}@keyframes steam{0%{opacity:0;transform:translateY(5px)scaleY(.88)}35%,60%{opacity:1}to{opacity:0;transform:translateY(-8px)scaleY(1.06)}}.hero-badge{background:var(--matte-paper);width:fit-content;height:32px;box-shadow:var(--lift-paper);color:var(--muted);border-radius:999px;align-items:center;gap:6px;margin:0 0 26px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.hero2 .word{animation:word-in 1.1s var(--ease-expo) both;animation-delay:calc(var(--i) * 75ms + 60ms);margin-right:.2em;display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(12px);transform:translateY(.45em)rotate(3deg)}}.intro{animation:intro-in 1s var(--ease-expo) both;animation-delay:calc(var(--i) * 80ms + .12s)}@keyframes intro-in{0%{opacity:0;transform:translateY(18px)}}.intro-stage{animation-name:stage-rise;animation-duration:1.4s}@keyframes stage-rise{0%{opacity:0;transform:translateY(40px)scale(.97)}}.hero2-bake{margin-top:22px}.hd-stage{--rx:0deg;--ry:0deg;--px:0;--py:0;transition:--tint 1.2s var(--ease-io);position:relative}.hd-visual{aspect-ratio:1/.9;perspective:1200px;position:relative}@keyframes bob{50%{translate:0 -9px}}.hd-float{z-index:2;width:31%;transform:translate(calc(-50% + var(--px) * 12px), calc(-50% + var(--py) * 8px));transition:transform .9s var(--ease-expo);position:absolute;top:52%;left:50%}.hd-case{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .7s var(--ease-expo);animation:6s ease-in-out infinite bob;position:relative}.hd-case .phone-case{filter:drop-shadow(0 26px 30px #4a2c1638)drop-shadow(0 3px 6px #4a2c161a)}.oven{--line:#7a584099;--line-soft:#7a58404d;color:var(--line);pointer-events:none;position:absolute;inset:0}.oven svg{display:block;overflow:visible}.oven svg :is(path,line,circle,polyline){fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.oven-door{border:1.25px solid var(--line);height:calc(98% - 12px);box-shadow:inset 0 0 0 6px #fffdfa, inset 0 0 0 7.25px var(--line-soft);transform:translate(calc(var(--px) * -10px), calc(var(--py) * -6px));transition:transform .9s var(--ease-expo);background:#fffdfa;border-radius:40px;position:absolute;top:2%;left:16%;right:16%}.oven-dial{width:26px;height:26px;position:absolute;top:2.6%}.oven-dial.d1{left:7.5%}.oven-dial.d2{left:calc(7.5% + 34px)}.oven-dial>line{stroke:var(--line-soft)}.oven-dial-knob{transition:transform .9s cubic-bezier(.34,1.56,.64,1);transform:rotate(-50deg)}.oven-dial.d2 .oven-dial-knob{transform:rotate(30deg)}.oven-handle{border:1.25px solid var(--line);border-radius:999px;width:34%;height:10px;position:absolute;top:3.6%;left:50%;translate:-50%}.oven-lamp{border:1.25px solid var(--line);border-radius:999px;width:10px;height:10px;transition:background-color .4s,border-color .4s,box-shadow .4s;position:absolute;top:calc(2.6% + 8px);right:8.5%}.oven-window{border:1.25px solid var(--line);background:#fffaf3;border-radius:28px;position:absolute;inset:10.5% 6.5% 5%;overflow:hidden}.oven-window:before{content:"";opacity:.3;background:radial-gradient(75% 55% at 50% 100%,#ffbe7880,#0000 75%);transition:opacity .8s;position:absolute;inset:0}.oven-glint{width:12%;color:var(--line-soft);position:absolute;top:4.5%;left:6%}.oven-rack{border-block:1px solid var(--line-soft);height:4px;position:absolute;left:0;right:0}.oven-rack.top{top:28%}.oven-rack.low{top:86%}.oven-coil{width:82%;height:8px;transition:color .6s,filter .6s;position:absolute;bottom:3.5%;left:9%}.oven-window i{border:1px solid var(--line-soft);border-radius:999px;animation:7s linear infinite both heat;position:absolute;bottom:8%}@keyframes heat{0%{opacity:0;bottom:8%;translate:0}20%{opacity:1}to{opacity:0;bottom:88%;translate:14px}}.oven-foot{border:1.25px solid var(--line);border-top:0;border-radius:0 0 6px 6px;width:9%;height:10px;position:absolute;bottom:-11px}.oven-foot.l{left:12%}.oven-foot.r{right:12%}.hd-stage.is-baking .oven-dial.d1 .oven-dial-knob{transform:rotate(80deg)}.hd-stage.is-baking .oven-dial.d2 .oven-dial-knob{transform:rotate(150deg)}.hd-stage.is-baking .oven-lamp{background:#f29a55;border-color:#e0884a;box-shadow:0 0 0 3px #f29a552e,0 0 12px 2px #f29a558c}.hd-stage.is-baking .oven-window:before{opacity:1}.hd-stage.is-baking .oven-coil{color:#e0884a;filter:drop-shadow(0 0 3px #f29a55e6)drop-shadow(0 0 9px #f29a5599)}.oven-loaf{z-index:1;height:auto;transform:translate(calc(var(--px) * 22px), calc(var(--py) * 14px)) rotate(var(--turn));transition:transform .9s var(--ease-expo);animation:7s ease-in-out infinite drift;position:absolute}.oven .oven-loaf .loaf-body{fill:#fffdfa}.oven-loaf.l1{--turn:-16deg;width:96px;top:60%;left:4%}.oven-loaf.l2{--turn:22deg;width:64px;animation-delay:-3.5s;top:12%;right:5%}@keyframes drift{50%{translate:0 -10px}}.hd-steam{color:#7a584080;width:30%;position:absolute;bottom:99%;left:50%;translate:-50%}.hd-steam path{animation-iteration-count:2}.hd-layer{display:block}.hd-print{animation:print-in .95s var(--ease-io) both;position:absolute;inset:0}@keyframes print-in{0%{clip-path:inset(0 0 100%);filter:sepia(.55)saturate(.6)brightness(1.18)}70%{filter:sepia(.15)brightness(1.04)}to{clip-path:inset(0);filter:none}}.hd-scan{mix-blend-mode:screen;height:30px;animation:scan .95s var(--ease-io) both;background:radial-gradient(50% 50%,#ffe4bef2,#ffe4be00 100%);border-radius:999px;margin-top:-15px;position:absolute;top:0;left:3%;right:3%;box-shadow:0 0 0 1px #ffe4be4d}@keyframes scan{0%{opacity:0;top:1%}12%{opacity:1}to{opacity:.1;top:99%}}.hd-pop{animation:pop .75s var(--ease-spring)}@keyframes pop{0%{scale:.985}45%{scale:1.025}to{scale:1}}.hd-glare{background:radial-gradient(circle at var(--gx) var(--gy), #ffffff6b, #fff0 45%);mix-blend-mode:soft-light;pointer-events:none;transition:--gx .6s var(--ease-expo), --gy .6s var(--ease-expo);border-radius:17%/8.4%;position:absolute;inset:2.5% 4.8%}.hd-ground{filter:blur(3px);background:radial-gradient(closest-side,#4a2c1638,#0000);border-radius:50%;height:28px;animation:6s ease-in-out infinite ground;position:absolute;bottom:-9%;left:12%;right:12%}@keyframes ground{50%{opacity:.65;scale:.84}}.hd-caption{z-index:3;text-align:center;min-height:2.6em;margin:24px 24px 0;font-size:22px;line-height:1.3;position:relative}.hd-caption.is-printing .hd-quote{animation:.9s ease-in-out infinite printing}@keyframes printing{50%{opacity:.45}}.hd-quote{font-family:var(--serif);font-size:inherit;font-style:italic;line-height:1.3}.hd-caret{vertical-align:-.12em;background:var(--flare);width:2px;height:1em;margin:0 1px 0 2px;animation:.9s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.hd-dots{z-index:3;justify-content:center;gap:2px;margin-top:12px;display:flex;position:relative}.hd-dots button{place-items:center;width:30px;height:22px;display:grid}.hd-dots span{width:6px;height:6px;transition:width .5s var(--ease-spring), background-color .3s;background:#02010838;border-radius:999px}.hd-dots button.is-target span{background:#02010873}.hd-dots button[aria-pressed=true] span{background:var(--ink);width:22px}.hb-paper{background-color:#fffdfa;background-image:radial-gradient(#bd784333 1.1px,#0000 1.7px);background-position:calc(50% + 10px) 0;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 95% at 72% 42%,#000 35%,#0000 88%);mask-image:radial-gradient(75% 95% at 72% 42%,#000 35%,#0000 88%)}.hero-band{isolation:isolate;position:relative}.hb{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hb:after{content:"";background:linear-gradient(#0000,#fff);height:30%;position:absolute;inset:auto 0 0}.home2 .canvases{margin-top:40px}.canvases .picker-stage{aspect-ratio:16/10}@media (width<=760px){.canvases .picker-stage{aspect-ratio:16/11}}.made{margin-top:64px}.made-head{align-items:baseline;gap:16px;display:flex}.made-head .eyebrow{margin:0}.made-viewport{margin-top:16px;padding-block:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.made-track{width:max-content;animation:80s linear infinite marquee;display:flex}.made-viewport:hover .made-track,.made-viewport:focus-within .made-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.made-item{background:var(--paper-warm-soft);text-align:left;width:320px;transition:translate .5s var(--ease-spring), rotate .5s var(--ease-spring), background-color .3s;border-radius:18px;grid-template-columns:44px 1fr;align-items:center;gap:14px;margin-right:14px;padding:12px 18px 12px 14px;display:grid}.made-item:hover{background:var(--paper-warm);translate:0 -5px;rotate:-1.2deg}.made-case .phone-case{filter:drop-shadow(0 4px 5px #02010829)}.made-text{gap:4px;min-width:0;display:grid}.made-quote{-webkit-line-clamp:2;font-family:var(--sans);-webkit-box-orient:vertical;font-size:17px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.made-text small{color:var(--muted);font-size:12px}.home2 .case-card{animation:none}.home2 .case-card-media{transition:background-color .4s}.home2 .case-card:hover .case-card-media{background:#ececef}.home2 .case-card:hover .case-card-link .phone-case{transition:transform .6s var(--ease-spring);transform:translateY(-8px)rotate(-2.5deg)scale(1.02)}.templates-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.subject-chips{flex-wrap:wrap;gap:6px;display:flex}.subject-chips button{background:var(--mist);height:36px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600;transition:background-color .25s,color .25s}.subject-chips button:hover{color:var(--text)}.subject-chips button[aria-pressed=true]{background:var(--ink);color:#fff}.templates-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.template-card{text-align:left;gap:16px;display:grid}.template-stage{aspect-ratio:1/1.08;background:radial-gradient(80% 60% at 50% 100%, #fff 0%, transparent 60%), var(--paper-warm-soft);border-radius:26px;place-items:center;transition:background-color .4s;display:grid;position:relative;overflow:hidden}.template-case{width:40%;animation:swap-in .7s var(--ease-expo) both;transition:translate .6s var(--ease-spring), rotate .6s var(--ease-spring)}.template-case .phone-case{filter:drop-shadow(0 24px 26px #0201082e)drop-shadow(0 3px 5px #02010814)}@keyframes swap-in{0%{opacity:0;filter:blur(6px);transform:translateY(20px)rotate(-5deg)scale(.95)}}.template-card:hover .template-case{translate:0 -10px;rotate:-3deg}.template-meta{grid-template-columns:auto 1fr;gap:2px 12px;padding:0 4px;display:grid}.template-meta .mono{color:var(--faint);grid-row:span 2;padding-top:4px}.template-meta strong{font-family:var(--display);letter-spacing:-.02em;font-size:21px}.template-go{opacity:0;transition:opacity .3s, translate .4s var(--ease-spring);align-items:center;gap:6px;margin-top:6px;font-size:13.5px;font-weight:600;display:inline-flex;translate:-6px}.template-card:hover .template-go,.template-card:focus-visible .template-go{opacity:1;translate:0}.fit{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.fit-bench{min-height:460px;box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#e7e9ee 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#e7e9ee 1px,#0000 1px) 0 0/24px 24px,#fbfbfa;border-radius:24px;place-items:center;padding:48px 40px 88px;display:grid;position:relative;overflow:hidden}.fit-sketch{color:#3c4250;width:min(190px,46%);animation:fit-swap .55s var(--ease-expo) both}@keyframes fit-swap{0%{opacity:0;translate:0 10px;scale:.97}}.fit-tag{gap:2px;display:grid;position:absolute;bottom:22px;left:24px;right:24px}.fit-tag strong{font-size:15px;font-weight:600}.fit-tag span{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.fit-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:28px 24px;padding:8px 4px;display:grid}.fit-brand:first-child{grid-row:span 2}.fit-brand ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.fit-brand li{border-bottom:1px solid var(--line)}.fit-brand button{text-align:left;width:100%;min-height:46px;transition:padding .35s var(--ease-spring), color .2s;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:15px;font-weight:500;display:flex}.fit-brand button:hover,.fit-brand button:focus-visible{padding-left:10px}.fit-brand button[aria-pressed=true]{font-weight:600}.fit-brand button[aria-pressed=true]:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;margin-right:-4px}.fit-brand button>span{flex:1}.fit-brand small{color:var(--muted);font-size:11.5px;font-weight:600}.fit-brand small.is-new{color:var(--flare-deep)}.madefor{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:300px;gap:16px;display:grid}.madefor-card{text-align:left;background:radial-gradient(90% 80% at 80% 100%, color-mix(in oklab, var(--tint) 45%, transparent), transparent 70%), color-mix(in oklab, var(--tint) 16%, #f4f4f5);border-radius:26px;grid-column:span 2;position:relative;overflow:hidden}.madefor-card.mf-0{grid-column:span 4}@media (width>=981px){.madefor-card.mf-2:nth-last-child(2),.madefor-card.mf-3:last-child{grid-column:span 3}.madefor-card.mf-2:nth-last-child(2) .mf-copy,.madefor-card.mf-3:last-child .mf-copy{max-width:44%}.madefor-card.mf-2:nth-last-child(2) .mf-case,.madefor-card.mf-3:last-child .mf-case{bottom:-40%;width:22%!important}.madefor-card.mf-2:nth-last-child(2) .mf-case.c0,.madefor-card.mf-3:last-child .mf-case.c0{right:26%}.madefor-card.mf-2:nth-last-child(2) .mf-case.c1,.madefor-card.mf-3:last-child .mf-case.c1{right:5%}.madefor-card.mf-2:nth-last-child(2) .mf-case.c2{bottom:-52%;right:47%}}.madefor-card:hover{translate:0 -4px}.mf-copy{z-index:2;justify-items:start;gap:6px;max-width:300px;display:grid;position:absolute;top:22px;left:24px;right:24px}.mf-copy strong{font-family:var(--display);letter-spacing:-.025em;font-size:24px;font-weight:700}.mf-chip{background:var(--ink);color:#fff;border-radius:999px;margin-top:6px;padding:5px 11px;font-size:12px;font-style:normal;font-weight:600}.mf-chip.ghost{color:var(--text);background:#fff}.mf-cases{position:absolute;inset:0}.mf-case{width:24%;transition:transform .7s var(--ease-spring);position:absolute;bottom:-18%}.mf-case .phone-case{filter:drop-shadow(0 18px 20px #02010829)}.madefor-card:not(.mf-0) .mf-case{width:34%;bottom:-30%}.mf-case.c0{right:30%;rotate:-8deg}.mf-case.c1{right:8%;rotate:8deg}.mf-case.c2{right:52%;rotate:-14deg}.mf-0 .mf-case{bottom:-26%}.mf-0 .mf-case.c0{right:26%;rotate:9deg}.mf-0 .mf-case.c1{right:7%;rotate:-9deg}.mf-0:hover .mf-case.c0{transform:translate(22px,-14px)rotate(-4deg)}.mf-0:hover .mf-case.c1{transform:translate(-22px,-14px)rotate(4deg)}.madefor-card:not(.mf-0):hover .mf-case.c0{transform:translate(-6px,-18px)rotate(-3deg)}.madefor-card:not(.mf-0):hover .mf-case.c1{transform:translate(10px,-12px)rotate(4deg)}.madefor-card:not(.mf-0):hover .mf-case.c2{transform:translate(-16px,-8px)rotate(-5deg)}.n3 .mf-case{width:28%!important}.page-content:has(.home2)+.site-footer{margin-top:0}.finale{background:var(--ink);color:#fff;margin-top:120px;overflow:hidden}.home2 .finale.reveal{transform:none}.finale-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;min-height:440px;padding-block:72px;display:grid}.finale .eyebrow{color:#ffffff8c}.finale h2{margin-bottom:26px;font-size:clamp(32px,3.8vw,52px)}.finale .prompt-bar{border-color:#0000;box-shadow:0 20px 40px -20px #0009}.finale-trust{color:#ffffffb3;flex-wrap:wrap;gap:10px 24px;margin:22px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.finale-trust li{align-items:center;gap:8px;display:inline-flex}.finale-cases{height:380px;position:relative}.finale-case{width:29%;position:absolute}.finale-case .phone-case{filter:drop-shadow(0 26px 30px #00000073)}.finale-case.c0{top:16%;left:6%;rotate:-12deg}.finale-case.c1{z-index:2;top:2%;left:35%;rotate:4deg}.finale-case.c2{top:18%;left:64%;rotate:13deg}.finale.is-in .finale-case{animation:fly-in 1.3s var(--ease-expo) both, bob 7s ease-in-out 1.3s infinite}.finale.is-in .finale-case.c1{animation-delay:.12s,1.4s}.finale.is-in .finale-case.c2{animation-delay:.24s,1.5s}@keyframes fly-in{0%{opacity:0;transform:translateY(120px)scale(.9)}}.finale-spark{color:#fff;animation:2.6s ease-in-out infinite twinkle;position:absolute;top:6%;left:30%}@keyframes twinkle{50%{opacity:.25;rotate:20deg;scale:.7}}@media (width<=980px){.hero2{grid-template-columns:1fr;gap:32px;min-height:0;padding-top:28px}.finale-inner{grid-template-columns:1fr;gap:32px}.templates-head{flex-direction:column;align-items:flex-start}.fit{grid-template-columns:1fr}.madefor{grid-template-columns:repeat(2,minmax(0,1fr))}.madefor-card,.madefor-card.mf-0{grid-column:span 1}.madefor-card.mf-0{grid-column:1/-1}}@media (width<=640px){.hero2 h1{font-size:44px}.hero2-lede{margin:18px 0 24px;font-size:16px}.made-head{flex-direction:column;gap:2px}.made-item{width:270px}.home2-section{margin-top:72px}.templates-row{grid-template-columns:1fr;gap:24px}.template-stage{aspect-ratio:1/.8}.template-case{width:34%}.template-go{opacity:1;translate:0}.fit-bench{min-height:340px}.fit-list{grid-template-columns:1fr}.fit-brand:first-child{grid-row:auto}.madefor{grid-template-columns:1fr;grid-auto-rows:250px;gap:12px}.madefor-card,.madefor-card.mf-0{grid-column:auto}.mf-copy strong{font-size:20px}.madefor-card:not(.mf-0) .mf-case,.mf-0 .mf-case{width:26%;bottom:-34%}.n3 .mf-case{bottom:-40%;width:24%!important}.finale-cases{height:260px}}@media (prefers-reduced-motion:reduce){.home2 .reveal{opacity:1;transform:none}.made-track{animation:none}.made-viewport{overflow-x:auto}.hd-case,.hd-ground,.fit-sketch,.finale-case{animation:none!important}}.case-sketch{width:100%;height:auto;display:block;overflow:visible}@media (width<=640px){.intro-stage{margin-inline:calc(var(--gutter) * -1)}.hd-visual{aspect-ratio:1/1.18}.hd-float{width:41%;top:50%}.oven-door{border-radius:32px;left:10%;right:10%}.oven-window{border-radius:22px}.oven-dial{width:22px;height:22px}.oven-dial.d2{left:calc(7.5% + 28px)}.oven-loaf.l1{width:68px;top:63%;left:0}.oven-loaf.l2{width:48px;top:8%;right:1%}.hd-caption{margin-inline:20px;font-size:18px}.made{margin-top:24px}}@media (prefers-reduced-motion:reduce){.steam path,.oven-loaf,.oven-window i,.oven-dial-knob{animation:none!important}.hd-steam{display:none}}.platform{--pf-line:#7a58408c;--pf-soft:#7a584038;overflow-x:clip}.pf-kicker{color:var(--flare-deep);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:12px}.platform h1,.platform h2{color:var(--ink);font-family:var(--headline);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 0;letter-spacing:-.028em;font-weight:560}.platform h2{font-size:clamp(34px,4vw,54px);line-height:1.04}.platform h1 em,.platform h2 em{color:var(--matte-crust);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-style:italic;font-weight:500}.pf-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.pf-hero{background:radial-gradient(#bd784329 1.1px,#0000 1.7px) 0 0/22px 22px,#fffdfa;padding:36px 0 24px}.pf-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:48px;min-height:min(820px,100vh - 80px);display:grid}.pf-hero-copy{justify-items:start;display:grid;container-type:inline-size}.pf-hero h1{font-size:clamp(44px,15cqi,88px);line-height:.98}.pf-lede{color:var(--muted);margin:24px 0 0;font-size:20px;line-height:1.5}.pf-stage{--base:150px;--side:34cqi;height:680px;position:relative;container-type:inline-size}.pf-stage-glow{left:50%;bottom:calc(var(--base) - 70px);aspect-ratio:1;opacity:.7;width:min(560px,88cqi);transition:opacity .8s var(--ease), scale .8s var(--ease);background:radial-gradient(closest-side,#f0be876b,#f0be871f 60%,#0000);border-radius:50%;position:absolute;translate:-50%}.pf-stage.is-baking .pf-stage-glow{opacity:1;scale:1.14}.pf-orbit{left:50%;bottom:var(--base);width:calc(var(--side) * 2);border:1.5px dashed var(--pf-soft);border-radius:50%;height:128px;position:absolute;translate:-50%}.pf-orbit i{background:var(--pf-line);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%}.pf-orbit i:first-child{left:-4px}.pf-orbit i:nth-child(2){right:-4px}.pf-orbit i:nth-child(3){margin:0 0 0 -3.5px;top:-4px;left:50%}.pf-plate{left:50%;bottom:calc(var(--base) - 18px);background:radial-gradient(closest-side,#4a2c1633,#0000);border-radius:50%;width:300px;height:36px;position:absolute;translate:-50%}.pf-piece{--x:0px;--y:0px;--s:1;left:50%;bottom:var(--base);z-index:3;cursor:pointer;width:400px;height:440px;transform:translate(calc(-50% + var(--x)), var(--y)) scale(var(--s));transform-origin:50% 100%;transition:transform .95s cubic-bezier(.65, 0, .25, 1), opacity .7s var(--ease), filter .7s var(--ease);background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0;display:flex;position:absolute}.pf-piece.slot-0{cursor:default}.pf-piece.slot-1,.pf-piece.slot-3{--y:-64px;--s:.48;z-index:2;opacity:.92;filter:blur(.5px)}.pf-piece.slot-1{--x:var(--side)}.pf-piece.slot-3{--x:calc(var(--side) * -1)}.pf-piece.slot-1:hover,.pf-piece.slot-3:hover{--s:.53;opacity:1;filter:none}.pf-piece.slot-2{--y:-128px;--s:.34;z-index:1;opacity:0;pointer-events:none}.pf-piece:focus-visible{outline:none}.pf-piece:focus-visible>:first-child{outline:3px solid var(--flare);outline-offset:10px;border-radius:14px}.pf-stage.is-baking .pf-piece.slot-0{animation:piece-bake 1.1s var(--ease)}@keyframes piece-bake{45%{scale:1.035}}.render{display:block;overflow:visible}.pf-piece>.render{filter:drop-shadow(0 24px 24px #4a2c162e)drop-shadow(0 3px 4px #4a2c161a);width:auto;max-width:100%;height:100%}.pf-piece.is-tote>.render{height:90%}.pf-piece.is-tee>.render{height:84%}.pf-piece.is-keychain>.render{height:88%}.render .art{transition:opacity .9s var(--ease), filter 1s var(--ease)}.pf-piece.is-raw .render .art{opacity:0;filter:blur(6px)}.pf-case{height:84%;display:block;position:relative}.pf-case>.phone-case{width:auto;height:100%;transition:opacity .6s var(--ease) .4s}.pf-case-real{transition:opacity .9s var(--ease), filter 1s var(--ease);position:absolute;inset:0}.pf-case-real .phone-case{width:100%;height:100%}.pf-piece.is-raw .pf-case-real{opacity:0;filter:blur(8px)}.pf-piece.is-baked .pf-case>.phone-case{opacity:0}.pf-piece.slot-2 :is(.render .art,.pf-case-real,.pf-case>.phone-case){transition-delay:.7s}.pf-steam{fill:none;width:54px;stroke:var(--pf-line);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:2%;left:50%;overflow:visible;translate:-50% -100%}.pf-piece.is-tote .pf-steam{top:19%}.pf-piece.is-tee .pf-steam{top:18%}.pf-piece.is-keychain .pf-steam{top:13%}.pf-piece.is-case .pf-steam{top:17%}.pf-steam path{stroke-dasharray:100;stroke-dashoffset:100px;animation:pf-steam 2s var(--ease) forwards}.pf-steam path:nth-child(2){animation-delay:.18s}.pf-steam path:nth-child(3){animation-delay:.36s}@keyframes pf-steam{0%{opacity:0;stroke-dashoffset:100px}25%{opacity:1}to{opacity:0;stroke-dashoffset:-100px}}.pf-stage-caption{height:calc(var(--base) - 34px);text-align:center;align-content:start;justify-items:center;gap:14px;margin:0;display:grid;position:absolute;inset:auto 0 0}.pf-stage-idea{max-width:32ch;color:var(--ink);font-family:var(--serif);font-size:22px;font-style:italic;line-height:1.25}.pf-caret{vertical-align:-.12em;background:var(--flare);width:2px;height:1em;margin:0 1px 0 2px;animation:.9s step-end infinite caret;display:inline-block}.pf-stage-taste{background:var(--matte-raised);box-shadow:var(--lift-paper);color:var(--ink);transition:opacity .5s var(--ease), translate .5s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;display:inline-flex}.pf-stage.is-typing .pf-stage-taste{opacity:0;translate:0 6px}.pf-avatar{background:var(--matte-crust);width:26px;height:26px;box-shadow:var(--lift-crust);color:#fff;border-radius:999px;place-items:center;font-size:10.5px;font-weight:700;display:grid}.pf-stage-palette{gap:4px;margin-left:2px;display:flex}.pf-stage-palette i{border-radius:999px;width:10px;height:10px;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 2px #00000038}.pf-taste-band{isolation:isolate;margin-top:96px;padding:96px 0;position:relative}.pf-taste-band:before{content:"";z-index:-1;background:linear-gradient(#7a584012 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#7a584012 1px,#0000 1px) 0 0/32px 32px,#fffdfa;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.pf-taste{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.pf-steps{gap:14px;max-width:380px;margin:32px 0 0;padding:0;list-style:none;display:grid}.pf-steps li{background:var(--matte-paper);box-shadow:var(--lift-paper);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.pf-steps li+li:before{content:"";background:repeating-linear-gradient(180deg, var(--pf-line) 0 4px, transparent 4px 8px);width:2px;height:16px;position:absolute;top:-15px;left:32px}.pf-steps span{width:74px;color:var(--flare-deep);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;flex:none;font-size:11px}.pf-steps code{color:#f0c899;min-width:0;max-width:100%;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#241b16;border-radius:8px;padding:5px 9px;font-size:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.tc{--tc-ink:#efe6da;--tc-dim:#efe6da8c;--tc-rule:#efe6da1a;color:var(--tc-ink);font-family:var(--mono);background:#1d1612;border-radius:26px;font-size:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 40px 80px -40px #1d1612a6}.tc-head{border-bottom:1px solid var(--tc-rule);align-items:center;gap:8px;padding:16px 20px;display:flex}.tc-uri{color:#f0c899;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tc-pill{color:var(--tc-dim);letter-spacing:.08em;text-transform:uppercase;background:#efe6da14;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;display:inline-flex}.tc-pill.is-ok{color:#9fd4a8}.tc-pill.is-ok i{background:#7fc48b;border-radius:999px;width:6px;height:6px;box-shadow:0 0 8px #7fc48b}.tc-row{border-bottom:1px solid var(--tc-rule);gap:10px;padding:16px 20px;display:grid}.tc-key,.tc-params dt{color:var(--tc-dim);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px}.tc-works{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.tc-works svg{opacity:.92;border-radius:8px;width:100%;height:auto;display:block}.tc-scan{background:#f0c899;width:2px;animation:3.6s ease-in-out infinite alternate tc-scan;position:absolute;top:-4px;bottom:-4px;left:0;box-shadow:0 0 14px 3px #f0c89999}@keyframes tc-scan{to{left:calc(100% - 2px)}}.tc-params{border-bottom:1px solid var(--tc-rule);margin:0;padding:6px 20px}.tc-params div{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;padding:9px 0;display:grid}.tc-params div+div{border-top:1px dashed var(--tc-rule)}.tc-params dd{color:var(--tc-ink);flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.tc-params .tc-swatches{gap:6px}.tc-swatches i{border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff1f}.tc-slider{background:#efe6da24;border-radius:999px;width:96px;height:4px;position:relative}.tc-slider:before{content:"";width:var(--v);background:#c98a52;border-radius:999px;position:absolute;inset:0 auto 0 0}.tc-slider i{top:50%;left:var(--v);background:#f4ead9;border-radius:999px;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:inset 0 -1px 2px #00000040,0 1px 3px #0006}.tc-num{color:var(--tc-dim)}.tc-never s{color:var(--tc-dim);background:#efe6da0f;border-radius:6px;padding:3px 8px;text-decoration-color:#e0806a;text-decoration-thickness:1.5px}.tc-thirds{width:48px;height:36px}.tc-thirds rect,.tc-thirds path{fill:none;stroke:#efe6da4d}.tc-thirds circle{fill:#c98a52}.tc-vector{align-items:flex-end;gap:4px;height:40px;display:flex}.tc-vector i{opacity:.85;transform-origin:bottom;background:#c98a52;border-radius:2px;flex:1;animation:2.1s ease-in-out infinite alternate tc-pulse}.tc-vector i:nth-child(3n){background:#e9dcc6}.tc-vector i:nth-child(4n){background:#7c8c6b}@keyframes tc-pulse{0%{transform:scaleY(.62)}}.tc-shell{background:#171210;gap:4px;padding:16px 20px 18px;display:grid}.tc-shell p{color:var(--tc-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.tc-prompt{color:#f0c899}.tc-out{color:#9fd4a8!important}.tc-caret{vertical-align:-2px;background:var(--tc-ink);width:7px;height:13px;margin-left:4px;animation:1s step-end infinite caret;display:inline-block}.pf-anything{padding-top:24px}.pf-objects{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:36px 0 0;padding:0;list-style:none;display:grid}.pf-objects a{background:var(--matte-paper);height:100%;box-shadow:var(--lift-paper);transition:transform .25s var(--ease), background-color .2s;border-radius:22px;align-content:start;gap:3px;padding:14px 14px 16px;display:grid;position:relative}.pf-objects a:hover{background:var(--matte-paper-hover);transform:translateY(-3px)}.pf-object-art{aspect-ratio:1;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.pf-object-art>svg{filter:drop-shadow(0 10px 10px #4a2c1629)drop-shadow(0 2px 3px #4a2c161a);width:auto;max-width:100%;height:86%}.pf-object-art>.phone-case{height:92%}.pf-object-art>.is-tote{height:90%}.pf-object-art>.is-tee{height:80%}.pf-object-art>.is-earrings{height:74%}.pf-objects strong{font-size:14px}.pf-status{box-shadow:var(--lift-paper);color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#fff;border-radius:999px;padding:4px 8px;font-size:9.5px;position:absolute;top:12px;right:12px}.pf-status.is-live{background:var(--matte-espresso);box-shadow:var(--lift-espresso);color:#fff}.pf-platform{background:var(--matte-espresso);color:#f6efe6;margin-top:120px;padding:100px 0}.pf-platform-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid}.pf-platform .pf-kicker{color:#e2a86e}.platform .pf-platform h2{color:#fbf4ea}.pf-platform-copy>p{color:#f6efe6b8;margin:20px 0 0;font-size:20px;line-height:1.5}.pf-code{color:#e9dccb;font-family:var(--mono);white-space:pre;background:#221a15;border-radius:24px;margin:0;padding:26px 28px;font-size:13.5px;line-height:1.7;overflow-x:auto;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 6px #0006}.pf-code .k{color:#e2a86e}.pf-code .s{color:#b8c79a}.pf-close{text-align:center;padding:120px 0 24px}.pf-close .pf-actions{justify-content:center}.platform .pf-close h2{font-size:clamp(40px,5.4vw,72px)}@media (width<=1100px){.pf-objects{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.pf-hero-grid{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:20px}.pf-taste,.pf-platform-grid{grid-template-columns:1fr;gap:40px}}@media (width<=640px){.pf-hero{padding-top:48px}.pf-lede,.pf-platform-copy>p{font-size:18px}.pf-stage{--base:128px;--side:31cqi;height:440px}.pf-piece{width:250px;height:270px}.pf-piece.slot-1,.pf-piece.slot-3{--y:-44px}.pf-piece.slot-2{--y:-88px}.pf-orbit{height:88px}.pf-plate{width:220px}.pf-stage-idea{font-size:19px}.pf-taste-band{margin-top:72px;padding:64px 0}.tc-params div{grid-template-columns:64px minmax(0,1fr)}.pf-objects{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-platform{padding:72px 0}.pf-code{padding:20px;font-size:12px}.pf-anything,.pf-close{padding-top:84px}}.studio{padding-bottom:20px}.studio-bar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);background:#ffffffeb;position:sticky;top:64px}.studio-bar-row{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.studio-title{min-width:0;line-height:1.25;display:grid}.studio-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.studio-summary{background:var(--mist);border-radius:999px;flex-shrink:0;align-items:center;gap:14px;padding:5px 5px 5px 16px;font-size:13.5px;display:flex}.studio-summary .button{min-height:34px}.bar-price{display:none}.studio-grid{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:32px;margin-top:24px;display:grid}.studio-stage{background:radial-gradient(90% 60% at 50% 100%, #fff 0%, transparent 70%), var(--mist);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:min(740px,100vh - 180px);padding:40px 24px 24px;display:flex;position:sticky;top:148px}.stage-case,.gen-case{width:min(250px,42%);animation:stage-in .45s var(--ease);position:relative}.stage-case .phone-case{filter:drop-shadow(0 30px 34px #02010833)drop-shadow(0 3px 6px #0201081a)}.stage-generating,.stage-empty{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.stage-generating p,.stage-empty p{color:var(--muted);font-size:14px}.gen-case .phone-case{filter:none;opacity:.9}.gen-case.is-empty .phone-case{opacity:.55}.gen-shimmer{mix-blend-mode:screen;background:linear-gradient(100deg,#0000 20%,#ffffffd9 45%,#ffdecccc 50%,#0000 75%) 0 0/220% 100%;border-radius:40px;animation:1.1s linear infinite shimmer;position:absolute;inset:3%}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.stage-foot{justify-content:space-between;align-items:flex-end;gap:20px;width:100%;margin-top:32px;display:flex}.stage-words{max-width:380px;font-family:var(--sans);font-size:20px;font-style:normal;line-height:1.3}.stage-words .eyebrow{margin-bottom:4px;font-style:normal;display:block}.stage-variants{gap:8px;display:flex}.stage-variants button{border:2px solid #0000;border-radius:10px;width:44px;padding:4px;transition:border-color .15s}.stage-variants button[aria-pressed=true]{border-color:var(--ink);background:#fff}.stage-variants .phone-case{filter:drop-shadow(0 3px 4px #02010824)}.studio-panel{border:1px solid var(--hair);background:#fff;border-radius:22px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.studio-style-note{border-bottom:1px solid var(--hair);color:var(--muted);overflow-wrap:anywhere;margin:0;padding:18px 20px;font-size:13px;line-height:1.6}.studio-style-note strong{color:var(--ink);margin-bottom:4px;font-weight:600;display:block}.steps{margin:0;padding:0;list-style:none}.step{border-bottom:1px solid var(--hair)}.step-head{text-align:left;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:16px 20px;display:grid}.step-head:disabled{opacity:.4}.step-num{font-family:var(--mono);color:var(--faint);font-size:11.5px}.step.is-open .step-num{color:var(--flare)}.step-label{min-width:0;display:grid}.step-label strong{font-size:15px}.step-label small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:13px;overflow:hidden}.step-done{color:var(--good)}.step-body{flex-direction:column;gap:12px;padding:0 20px 20px 60px;animation:.25s fade-in;display:flex}.field-label{font-size:13.5px;font-weight:600}.field-label strong{color:var(--muted);margin-left:4px;font-weight:500}.step-body textarea{width:100%;min-height:92px;font-size:var(--ap-type-body);border-radius:12px;line-height:1.45}.step-body input:not([type]),.step-body input[type=text]{border-radius:12px;width:100%}.field-meta{text-align:right;color:var(--faint);margin-top:-8px;font-size:12px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip-row button{border:1px solid var(--line);border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s}.chip-row button:hover{border-color:#b9b9c0}.chip-row button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.chip-row.small button{background:var(--mist);border-color:#0000;height:30px;padding:0 11px;font-size:12.5px;font-weight:500}.chip-row.small button:hover{border-color:var(--line)}.variant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.variant-grid button{border:1px solid var(--line);color:var(--muted);border-radius:12px;justify-items:center;gap:6px;padding:10px 8px 8px;font-size:11.5px;font-weight:600;display:grid}.variant-grid button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--text)}.variant-grid .phone-case{filter:drop-shadow(0 3px 5px #02010826);width:70%}.studio-controls{border:0;min-width:0;margin:0;padding:0}.studio-controls:disabled .refine-row{background:var(--paper,#f5f5f5);opacity:.55}.studio-controls:disabled input{cursor:wait}.refine{border-top:1px solid var(--hair);gap:10px;margin-top:6px;padding-top:16px;display:grid}.refine-row{border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.refine-row:focus-within{border-color:var(--ink)}.refine-row>svg{color:var(--flare)}.refine-row input{border:0;flex:1;min-width:0;padding:8px 0;font-size:14px;outline:none!important}.refine-note{background:#fff8f4;border-radius:10px;padding:10px 12px;font-size:13px}.model-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.model-list button{border:1px solid var(--line);text-align:left;border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600}.model-list button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.type-list{gap:6px;display:grid}.type-list button{border:1px solid var(--line);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.type-list button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.type-list-name{min-width:0;display:grid}.type-list-name strong{font-size:14.5px}.type-list-name em{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--flare-deep);order:-1;justify-self:start;margin-bottom:2px;font-size:9.5px;font-style:normal;font-weight:600}.type-list-name small{color:var(--muted);font-size:12.5px}.type-list-meta{flex-shrink:0;justify-items:end;display:grid}.type-list-meta small{color:var(--muted);font-size:12px}.font-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.font-row button{border:1px solid var(--line);text-align:center;border-radius:12px;gap:2px;padding:12px 8px;display:grid;overflow:hidden}.font-row button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.font-row span{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.font-row small{color:var(--muted);font-size:11.5px}.font-serif{font-family:var(--serif);font-style:italic}.font-sans{letter-spacing:-.02em;font-weight:800}.font-mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:15px!important}.step-nav{align-items:center;gap:10px;margin-top:6px;display:flex}.step-count{font-family:var(--mono);color:var(--faint);margin-right:auto;font-size:11px}.step-nav .button.secondary+.step-count{margin-left:0}.panel-foot{background:#fff;gap:12px;padding:18px 20px 20px;display:grid}.panel-total{justify-content:space-between;align-items:flex-end;font-size:14px;font-weight:600;display:flex}.panel-total small{color:var(--muted);font-size:12px;font-weight:500;display:block}.panel-total strong{font-family:var(--display);letter-spacing:-.02em;font-size:24px}.panel-actions{gap:8px;display:flex}.panel-actions .icon-button{border:1px solid var(--line);flex-shrink:0;width:48px;height:48px}.panel-actions .button{min-height:48px}.panel-foot>.text-link{color:var(--muted);justify-self:center;font-weight:500}@media (width<=1080px){.studio-grid{grid-template-columns:minmax(0,1fr) 380px}.step-body{padding-left:20px}}@media (width<=860px){.studio-grid{grid-template-columns:1fr;gap:16px;margin-top:12px}.studio-stage{min-height:0;padding:28px 16px 18px;position:relative;top:0}.stage-case,.gen-case{width:min(180px,46%)}.stage-foot{text-align:center;flex-direction:column;align-items:center;gap:14px}.summary-text{display:none}.bar-price{display:inline}.studio-summary{padding-left:5px}}.template-picker{background:linear-gradient(#f3f3f6 0%,#f7f7f9 100%);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid;box-shadow:inset 0 1px 2px #02010812,inset 0 0 0 1px #02010809}.template-picker.has-any{grid-template-columns:repeat(4,minmax(0,1fr))}.template-picker button{color:var(--muted);transition:background-color .2s, color .2s, box-shadow .25s, transform .2s var(--ease);border:1px solid #0000;border-radius:14px;justify-items:center;gap:6px;padding:10px 4px 9px;display:grid}.template-picker button:hover{color:var(--text)}.template-picker button:hover .template-thumb{transform:translateY(-2px)}.template-picker button[aria-checked=true]{color:var(--text);background:linear-gradient(#fff 0%,#f8f8fa 100%);border-color:#e0e0e6;box-shadow:inset 0 1px #fff,0 1px 1px #0201080d,0 4px 10px -6px #02010838}.template-thumb{justify-content:center;width:34px;height:52px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.template-thumb .phone-case{filter:drop-shadow(0 3px 4px #02010829);width:100%;height:auto}.template-thumb.any{width:52px;position:relative}.template-thumb.any>span{width:26px;position:absolute;top:2px}.template-thumb.any>span:first-child{left:0;rotate:-10deg}.template-thumb.any>span:nth-child(2){z-index:1;left:13px}.template-thumb.any>span:nth-child(3){right:0;rotate:10deg}.template-picker strong{white-space:nowrap;font-size:12px;font-weight:600}.studio-composer{border-radius:22px;padding:12px 10px 10px 18px}.studio-composer textarea{resize:none;field-sizing:content;letter-spacing:-.01em;width:100%;min-height:56px;max-height:180px;caret-color:var(--flare);background:0 0;border:0;padding:6px 4px 14px 0;font-size:17px;line-height:1.4;outline:none!important}.studio-composer textarea::placeholder{color:#9fa1a9}.studio-composer .composer-actions{border-radius:18px;margin:0 -4px -4px -12px}.studio-composer .composer-photo{height:38px;padding-right:13px}.studio-composer .photo-well{width:28px;height:28px}.studio-composer .composer-go{min-height:40px;padding:0 5px 0 16px;font-size:14px}.studio-composer .btn-orb{width:28px;height:28px}.composer-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11.5px}.composer-count.is-near{color:var(--flare-deep)}.refine-row{background:linear-gradient(#fff,#fdfdfe) padding-box padding-box,linear-gradient(#e8e8ed,#d5d5dc) border-box;border:1px solid #0000;border-radius:16px;padding:4px 4px 4px 14px;box-shadow:inset 0 1px #fff,0 1px 2px #0201080d,0 8px 16px -12px #02010833}.refine-row:focus-within{background:linear-gradient(#fff,#fdfdfe) padding-box padding-box,linear-gradient(#a3a1ad,#4a4852) border-box;border-color:#0000}.refine-row input{caret-color:var(--flare)}.chip-row.small button{background:linear-gradient(#fff 0%,#f8f8fa 100%);border:1px solid #e2e2e7;transition:border-color .2s,translate .35s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #fff,0 1px 1px #0201080a,0 3px 6px -4px #02010829}.chip-row.small button:hover{border-color:#cbcbd2;translate:0 -1px}.chip-row.small button:active{translate:0;box-shadow:inset 0 2px 3px #02010814}.studio-notice{background:#f2f0e9;border-radius:12px;margin-bottom:16px;padding:16px}.studio-notice p{margin:0 0 10px}.studio-error{color:#8e352c;border:1px solid #be7970;border-radius:10px;padding:14px}.studio-lab{--lab-paper:#f8f8f6;--lab-line:#e4e4df;--lab-soft:#efefeb;color:var(--ink);font-size:13px}.lab-bar{border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);align-items:center;gap:24px;min-height:76px;padding:12px 28px;display:flex}.lab-bar-title{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.lab-back{flex-shrink:0;place-items:center;width:32px;height:36px;display:grid}.lab-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.lab-bar h1{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;line-height:1.45;overflow:hidden}.lab-bar-title>div{min-width:0}.lab-original{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.lab-badge{border:1px solid var(--lab-line);color:var(--muted);border-radius:5px;padding:5px 9px;font-size:10px}.lab-workspace{grid-template-columns:minmax(270px,310px) minmax(300px,1fr) minmax(275px,310px);height:calc(100svh - 156px);min-height:540px;display:grid}.lab-chat{border-right:1px solid var(--lab-line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.lab-panel-head{border-bottom:1px solid var(--lab-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 22px;display:flex}.lab-panel-head h2{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.lab-status-dot{background:#698267;border-radius:50%;width:5px;height:5px}.lab-transcript{scroll-behavior:smooth;flex:1;min-height:0;padding:22px 20px;overflow-y:auto}.lab-transcript-inner{flex-direction:column;gap:20px;display:flex}.lab-chat-intro{padding:2px 0 14px}.lab-assistant-mark{letter-spacing:-2px;background:var(--lab-soft);border-radius:8px;place-items:center;width:28px;height:28px;margin-bottom:14px;font-size:17px;font-weight:600;display:grid}.lab-chat-intro h3{letter-spacing:-.045em;font-size:22px;font-weight:450;line-height:1.25}.lab-chat-intro p{color:var(--muted);margin-top:10px;font-size:11px}.lab-message{font-size:12px;line-height:1.7}.lab-message-who{color:var(--muted);align-items:center;gap:8px;margin-bottom:5px;font-size:10px;font-weight:600;display:flex}.lab-message-who small{border:1px solid var(--lab-line);border-radius:3px;padding:0 4px;font-size:9px;font-weight:400}.lab-message.user{background:var(--lab-soft);border-radius:12px 12px 2px;margin-left:20px;padding:12px 14px}.lab-working{animation:1.8s ease-in-out infinite lab-pulse}.lab-chat-bottom{border-top:1px solid var(--lab-line);flex-shrink:0;padding:16px 20px}.lab-suggestions{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.lab-suggestions button{border:1px solid var(--lab-line);border-radius:5px;padding:5px 8px;font-size:10px;transition:background .2s}.lab-suggestions button:hover{background:var(--lab-paper)}.lab-composer{background:var(--lab-paper);border:1px solid #e4e4df;border-radius:12px;padding:12px;transition:border-color .2s,background-color .2s,box-shadow .2s}.lab-composer:focus-within{background:#fff;border-color:#c9c9c1;box-shadow:0 1px 2px #0201080a,0 6px 16px -10px #0201082e}.lab-composer textarea{resize:none;background:0 0;border:none;width:100%;min-height:46px;max-height:120px;padding:0;font-size:12px}.lab-composer textarea::placeholder{transition:opacity .22s}.lab-composer textarea.is-fading::placeholder{opacity:0}.lab-composer textarea:focus,.lab-composer textarea:focus-visible{box-shadow:none;outline:none}.lab-composer-foot{justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.lab-composer-foot span{color:var(--muted);font-size:9px}.lab-composer-foot button{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.lab-composer-foot button.lab-photo{width:auto;height:26px;color:var(--ink);background:#fff;border-radius:999px;display:inline-flex}.lab-composer-foot button.lab-photo:disabled{opacity:.5;cursor:not-allowed}.lab-error{color:#993b30;background:#fff7f5;border-left:2px solid #b03c2d;margin-bottom:12px;padding:8px 10px;font-size:11px}.lab-stage{background:var(--lab-paper);flex-direction:column;min-width:0;min-height:0;display:flex}.lab-stage-head{justify-content:space-between;align-items:center;gap:14px;padding:24px 30px 16px;display:flex}.lab-stage-head h2{letter-spacing:-.035em;margin-top:4px;font-size:20px;font-weight:450;line-height:1.3}.lab-preview-tag{font-family:var(--mono);white-space:nowrap;color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.lab-preview-tag:before{content:"";background:#7a8f72;border-radius:50%;width:4px;height:4px}.lab-version-bar{justify-content:space-between;align-items:center;gap:12px;padding:0 30px;display:flex}.lab-versions{gap:4px;min-width:0;display:flex;overflow-x:auto}.lab-versions button{min-height:28px;font-family:var(--mono);color:var(--muted);border:1px solid #0000;border-radius:4px;flex-shrink:0;padding:0 10px;font-size:10px}.lab-versions button span{font-family:var(--sans);margin-left:6px;font-size:10px}.lab-versions button[aria-pressed=true]{color:var(--ink);border-color:var(--lab-line);background:#fff}.lab-undo{place-items:center;width:28px;height:28px;display:grid}.lab-stage-scene{perspective:1200px;background-image:radial-gradient(#deded6 .65px,#0000 .65px);background-position:50%;background-size:20px 20px;flex:1;justify-content:center;align-items:center;min-height:0;padding:26px 30px 50px;display:flex;position:relative;overflow:hidden}.lab-case-object{aspect-ratio:332/648;z-index:1;filter:drop-shadow(12px 20px 12px #39382c1a);-webkit-user-select:none;user-select:none;max-width:75%;height:min(100%,550px);margin-left:64px;position:relative}.lab-case-object .phone-case{width:100%;height:100%;display:block}.lab-contact-shadow{opacity:.12;filter:blur(9px);background:#514f3a;border-radius:50%;width:165px;height:12px;position:absolute;bottom:28px}.lab-view-thumbs{z-index:3;gap:10px;display:grid;position:absolute;top:26px;left:24px}.lab-view-thumb{background:#f0f0ee;border:1.5px solid #0000;border-radius:8px;place-items:center;width:48px;height:64px;display:grid;overflow:hidden}.lab-view-thumb[aria-pressed=true]{border-color:var(--ink);background:#fff}.lab-view-thumb>span{width:42%}.lab-view-thumb .phone-case{filter:drop-shadow(0 3px 4px #02010824);width:100%;display:block}.lab-thumb-angle>span{transform:perspective(300px)rotateY(-22deg)rotate(-4deg)}.lab-thumb-detail>span{width:84%;transform:translateY(30%)}.lab-view-angle .lab-case-object{filter:drop-shadow(-12px 20px 15px #02010830);transform:perspective(1100px)rotateY(-24deg)rotateX(6deg)rotate(-5deg)}.lab-view-detail .lab-case-object{flex-shrink:0;width:min(76%,440px);max-width:none;height:auto;transform:translateY(30%)}.lab-stage-caption{border-top:1px solid var(--lab-line);color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 30px;font-size:10px;display:flex}.lab-stage-caption>span:first-child{color:var(--ink)}.lab-stage-caption>span:first-child>span{color:#b5b5ae;padding:0 5px}.lab-generation-pill{z-index:2;border:1px solid var(--lab-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:flex;position:absolute;bottom:48px;box-shadow:0 10px 24px -14px #0201084d}.lab-generation-step{animation:lab-step-in .45s var(--ease,ease) both}@keyframes lab-step-in{0%{opacity:0;filter:blur(2px);transform:translateY(5px)}}.lab-generation-dots{gap:3px;display:inline-flex}.lab-generation-dots i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite lab-dot}.lab-generation-dots i:nth-child(2){animation-delay:.15s}.lab-generation-dots i:nth-child(3){animation-delay:.3s}@keyframes lab-dot{0%,80%,to{opacity:.2}40%{opacity:1}}.lab-stage-scene.is-generating .lab-case-object .phone-case{animation:4.8s ease-in-out infinite case-making}@keyframes case-making{50%{transform:translateY(-8px)}}.lab-stage-scene.is-generating .lab-contact-shadow{animation:4.8s ease-in-out infinite case-making-shadow}@keyframes case-making-shadow{50%{opacity:.75;transform:scale(.92)}}.case-film.is-on .case-film-sheet{opacity:.86;animation:.6s ease-out both case-film-on}@keyframes case-film-on{0%{opacity:0}}.case-film-sheet{opacity:.86}.case-film.is-on .case-film-glint{animation:4.8s ease-in-out infinite case-film-glint}@keyframes case-film-glint{0%{transform:translate(0)}60%,to{transform:translate(600px)}}.lab-stage-scene.is-made .lab-case-object .phone-case{animation:1s cubic-bezier(.22,1,.36,1) both case-made}@keyframes case-made{0%{transform:translateY(-8px)}}@media (width>=1600px){.lab-workspace{grid-template-columns:340px minmax(300px,1fr) 340px}}@media (width<=1100px){.lab-workspace{grid-template-columns:260px minmax(280px,1fr) 270px}.lab-stage-head,.lab-version-bar{padding-left:20px;padding-right:20px}.lab-stage-head{align-items:flex-start}.lab-preview-tag{font-size:8px}.lab-stage-head h2{font-size:17px}.lab-stage-caption{padding:12px 20px}.lab-stage-caption>span:last-child{display:none}}@media (width<=900px){.lab-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;min-height:0}.lab-stage{grid-area:1/1/auto/-1;height:65svh;min-height:560px}.lab-case-object{max-width:60%}.lab-chat{border-top:1px solid var(--lab-line);border-right:0;height:80svh;min-height:690px}.lab-bar{padding:12px 20px}.lab-badge{display:none}}@media (width<=560px){.lab-bar{gap:10px;padding:12px 16px}.lab-bar-title{gap:10px}.lab-bar h1{font-size:14px}.lab-original{gap:0;font-size:0}.lab-original svg{width:20px;height:20px}.lab-workspace{flex-direction:column;display:flex}.lab-stage{order:-1;height:68svh;min-height:520px}.lab-stage-head{padding-top:20px}.lab-chat{height:660px;min-height:0}.lab-panel-head{padding-left:20px;padding-right:20px}.lab-stage-head h2{font-size:19px}.lab-preview-tag{font-size:9px}}@media (prefers-reduced-motion:reduce){.lab-stage-scene.is-generating .lab-case-object .phone-case,.lab-stage-scene.is-generating .lab-contact-shadow,.lab-stage-scene.is-made .lab-case-object .phone-case,.lab-generation-step,.lab-generation-dots i,.case-film.is-on .case-film-sheet,.case-film.is-on .case-film-glint{animation:none}.studio-lab *,.studio-lab :before,.studio-lab :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lab-workspace{grid-template-columns:minmax(260px,320px) minmax(280px,1fr) minmax(320px,380px)}.lab-signin{color:var(--muted);margin-bottom:10px;font-size:11px}.lab-signin button{color:var(--ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.lab-photo{cursor:pointer;background:#fff;border:1px solid #d8d8d1;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:10.5px;font-weight:600;display:inline-flex}.lab-photo.has-photo{cursor:default;max-width:140px;padding-left:3px}.lab-photo img{object-fit:cover;border-radius:50%;width:20px;height:20px}.lab-photo.has-photo>span{white-space:nowrap;text-overflow:ellipsis;color:inherit;font-size:inherit;overflow:hidden}.lab-composer-foot>span{flex:1}.lab-composer-foot>.lab-photo.has-photo{flex:0 auto;min-width:0;padding-right:3px}.lab-composer-foot .lab-photo.has-photo button{width:20px;height:20px;color:var(--muted);background:0 0;flex-shrink:0;transition:background .15s,color .15s}.lab-composer-foot .lab-photo.has-photo button:hover{color:var(--ink);background:#ecece8}.lab-process{border:0;border-left:1px solid var(--lab-line);border-radius:0;min-height:0}.lab-process .lab-panel-head{padding:0 20px}.lab-process .lab-panel-head .text-link{font-size:11px}.lab-process .studio-controls{flex:1;min-height:0;overflow-y:auto}.lab-process .panel-foot{border-top:1px solid var(--lab-line);flex-shrink:0}.lab-process .step-body{padding:0 16px 18px}.lab-process .studio-composer{padding:12px}.lab-process .composer-actions{flex-wrap:wrap;gap:6px}.lab-process .composer-go{font-size:12px}.lab-process .studio-style-note{padding:12px 20px;font-size:11px}.lab-process .template-thumb{height:70px}.lab-process .template-picker strong{font-size:11px}.lab-process .panel-actions .button{font-size:12px}@media (width<=1000px){.lab-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);height:auto;min-height:0}.lab-stage{grid-area:1/1/auto/-1;height:60svh;min-height:480px}.lab-chat,.lab-process{border-top:1px solid var(--lab-line);height:750px}}@media (width<=560px){.lab-workspace{display:flex}.lab-stage{height:60svh;min-height:420px}.lab-chat{order:0;height:560px;min-height:0}.lab-process{border-left:0;order:1;height:auto}.lab-process .studio-controls{overflow:visible}}.brief{--brief-ease:cubic-bezier(.16, 1, .3, 1);--brief-bg:#f2ede5;max-width:1120px;padding:28px var(--gutter) 72px;margin:0 auto}.brief.tote-bag{--brief-bg:#ffd86b}.brief.t-shirt{--brief-bg:#8fd0ff}.brief.brick-figure{--brief-bg:#ff9a9a}.brief.figurine{--brief-bg:#8fe3b5}.brief.earrings{--brief-bg:#c7b5ff}.brief-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;display:inline-flex}.brief-back:hover{color:var(--text)}.brief-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.brief-stage{background:radial-gradient(circle, #ffffff8c 3px, transparent 3.5px) 0 0 / 22px 22px, var(--brief-bg);border:3px solid #232038;border-radius:24px;justify-items:center;padding:56px 28px 24px;display:grid;position:sticky;top:96px;box-shadow:0 8px #232038}.brief-stage-tag{color:#232038;font-weight:600;font-family:var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:2px solid #232038;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;position:absolute;top:16px;right:16px}.brief-art{aspect-ratio:1;place-items:center;width:min(320px,72%);display:grid}.brief-art svg{filter:drop-shadow(0 6px #23203838);width:100%;height:100%;overflow:visible}.brief-pill{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:2px solid #232038;border-radius:999px;max-width:100%;margin-top:12px;padding:8px 14px;font-size:14px;line-height:1.4;overflow:hidden}.brief-facts{border-top:2px dashed #23203840;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:28px 0 0;padding-top:18px;display:grid}.brief-facts dt{color:#232038b3;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:11px}.brief-facts dd{margin:2px 0 0;font-size:14px;line-height:1.45}.brief-body{min-width:0;padding-top:8px}.brief-form{gap:28px;display:grid}.brief-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:inline-flex}.brief-kicker span{background:var(--matte-paper);color:var(--flare-deep);border-radius:999px;padding:3px 7px;font-size:11px}.brief-body h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3.4vw,38px);font-weight:500;line-height:1.12}.brief-form header>p:last-child,.brief-done>p{color:var(--muted);text-wrap:pretty;margin-top:10px;font-size:16px;line-height:1.6}.brief-field>label,.brief-choices legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:500;display:block}.brief-composer{border:1px solid var(--line);background:var(--surface);border-radius:16px;transition:border-color .2s,box-shadow .2s}.brief-composer:focus-within{border-color:var(--text);box-shadow:0 0 0 3px #17181c0f}.brief-composer textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:112px;padding:16px 16px 8px;font-size:16px;line-height:1.55;display:block}.brief-composer textarea::placeholder{color:var(--faint);transition:opacity .22s}.brief-composer textarea.is-fading::placeholder{opacity:0}.brief-photos{gap:8px;margin:0;padding:4px 16px 8px;list-style:none;display:flex}.brief-photos li{position:relative}.brief-photos img{object-fit:cover;border-radius:10px;width:56px;height:56px;display:block}.brief-photos button{background:var(--text);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-6px;right:-6px}.brief-composer-foot{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 10px;font-size:12px;display:flex}.brief-photo{border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:inline-flex}.brief-photo:hover:not(:disabled){border-color:var(--text)}.brief-photo:disabled{color:var(--faint)}.brief-field .kc-rights{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.5}.brief-field .kc-rights a{color:var(--ink);text-decoration:underline}.brief-choices{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.brief-choices legend{float:left;width:100%}.brief-choices button{border:1px solid var(--line);border-radius:999px;min-width:52px;padding:9px 16px;font-size:14px;line-height:1.2;transition:border-color .2s,background-color .2s,color .2s}.brief-choices button:hover{border-color:var(--text)}.brief-choices button[aria-pressed=true]{border-color:var(--text);background:var(--text);color:#fff}.brief-choices button:focus-visible,.brief-photo:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.brief-submit p{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.brief-done-mark{background:var(--good);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:20px;display:grid}.brief-summary{border:1px solid var(--hair);background:var(--matte-raised);border-radius:16px;margin:24px 0 0;padding:18px 20px}.brief-summary blockquote{margin:0;font-size:17px;line-height:1.5}.brief-summary figcaption{color:var(--muted);font-family:var(--mono);margin-top:8px;font-size:12px}.brief-done-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.brief-history{border-top:1px solid var(--hair);margin-top:40px;padding-top:20px}.brief-history h2{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:400}.brief-history ul{margin:0;padding:0;list-style:none}.brief-history li{border-bottom:1px solid var(--hair);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.brief-history li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brief-history time{color:var(--faint);flex-shrink:0}@media (width<=860px){.brief{padding-top:16px;padding-bottom:48px}.brief-layout{grid-template-columns:1fr;gap:28px}.brief-stage{border-radius:20px;padding:44px 20px 18px;position:relative;top:0}.brief-art{width:min(220px,60%)}.brief-done-actions .button{flex:100%}}@media (prefers-reduced-motion:reduce){.brief-composer,.brief-composer textarea::placeholder,.brief-choices button{transition:none}}@font-face{font-family:Geist;src:url(/fonts/geist-sans.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Fallback;src:local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:105.85%;ascent-override:94.94%;descent-override:27.87%;line-gap-override:0%}:root{--ap-font-sans:"Geist", "Geist Fallback", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ap-font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Consolas, "PingFang SC", "Microsoft YaHei", monospace;--ap-type-display:44px;--ap-type-heading:28px;--ap-type-body:16px;--ap-type-label:12px}@media (width<=760px){:root{--ap-type-display:31px;--ap-type-heading:24px}}:root{--ink:#2a211c;--text:#17181c;--muted:#5a5c66;--faint:#8a8c95;--line:#e4e4e7;--hair:#ececef;--mist:#f4f4f5;--paper:#fff;--surface:#fff;--flare:#c07a42;--flare-deep:#9a5a2c;--accent:var(--ink);--good:#1f8a4c;--matte-espresso:#2f251f;--matte-espresso-hover:#3c3029;--matte-crust:#bd7843;--matte-crust-hover:#c7844f;--matte-paper:#f2ece5;--matte-paper-hover:#ebe3d9;--matte-raised:#fffdfa;--lift-espresso:inset 0 1px 2px #ffe8d633, inset 0 -2px 4px #00000073;--lift-crust:inset 0 1px 2px #ffe8ce80, inset 0 -2px 4px #6e3a1866;--lift-paper:inset 0 1px 2px #fffffff2, inset 0 -2px 3px #543a2421;--press-espresso:inset 0 2px 5px #0000008c, inset 0 -1px 1px #ffe8d61a;--press-crust:inset 0 2px 5px #6e3a1880, inset 0 -1px 1px #ffe8ce4d;--press-paper:inset 0 2px 4px #543a2429, inset 0 -1px 1px #ffffffb3;--sink:inset 0 1px 3px #543a241f, inset 0 -1px 1px #ffffffb3;--sans:"Figtree", ui-sans-serif, system-ui, sans-serif;--display:"Figtree", ui-sans-serif, system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--headline:"Fraunces", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--r-chip:6px;--r-card:10px;--r-surface:16px;--ease:cubic-bezier(.2, .7, .2, 1);--shell:1360px;--gutter:clamp(16px, 4vw, 40px);color:var(--text);background:var(--paper);font-family:var(--sans);font-synthesis:none;font-size:var(--ap-type-body);-webkit-font-smoothing:antialiased;line-height:1.7}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;line-height:1.45}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}input,textarea,select{color:var(--text);font-size:var(--ap-type-body)}input,textarea{border:1px solid var(--line);border-radius:var(--r-chip);background:#fff;max-width:100%;padding:12px 14px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}textarea{resize:vertical;line-height:1.7}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:#ffd7c4}svg{flex-shrink:0}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:var(--ap-type-label);letter-spacing:.01em;text-transform:uppercase}.eyebrow{font-family:var(--sans);font-size:var(--ap-type-label);letter-spacing:.01em;text-transform:uppercase;color:var(--muted);font-weight:500}.page-heading{font-family:var(--display);font-size:var(--ap-type-display);letter-spacing:-.025em;font-weight:500;line-height:1.2}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-surface)}.button{letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-size:14.5px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.button.primary,.button.dark,.button.flare,.button.secondary,.create-pill{transition:transform .2s var(--ease), background-color .2s, box-shadow .2s;border-color:#0000}.button.primary,.button.dark{background:var(--matte-espresso);box-shadow:var(--lift-espresso);color:#fff}.button.flare,.create-pill{background:var(--matte-crust);box-shadow:var(--lift-crust);color:#fff}.button.secondary{background:var(--matte-paper);box-shadow:var(--lift-paper)}.button.primary:hover:not(:disabled),.button.dark:hover:not(:disabled){background:var(--matte-espresso-hover)}.button.flare:hover:not(:disabled),.create-pill:hover{background:var(--matte-crust-hover)}.button.secondary:hover:not(:disabled){background:var(--matte-paper-hover)}.button.primary:active,.button.dark:active{box-shadow:var(--press-espresso);transform:scale(.97)}.button.flare:active,.create-pill:active{box-shadow:var(--press-crust);transform:scale(.97)}.button.secondary:active{box-shadow:var(--press-paper);transform:scale(.97)}.button:disabled{filter:grayscale(.2);box-shadow:none}.button:disabled:active{transform:none}.button.primary:before,.button.primary:after,.button.dark:before,.button.dark:after,.button.flare:before,.button.flare:after,.create-pill:before,.create-pill:after{display:none}.button.small{min-height:36px;padding:0 14px;font-size:13px}.button.block{width:100%}.icon-button{width:40px;height:40px;color:var(--text);border-radius:999px;place-items:center;transition:background-color .2s;display:inline-grid}.icon-button:hover{background:var(--mist)}.text-link{text-underline-offset:4px;align-items:center;gap:6px;font-size:14px;font-weight:600;-webkit-text-decoration:underline #c9c9cf;text-decoration:underline #c9c9cf;display:inline-flex}.text-link:hover{text-decoration-color:currentColor}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.stars{color:var(--ink);gap:1px;display:inline-flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:88px 20px;display:flex}.empty-state h3{font-family:var(--display);letter-spacing:-.02em;font-size:30px;font-weight:700}.empty-state p{color:var(--muted)}.phone-case{filter:drop-shadow(0 14px 22px #02010824)drop-shadow(0 2px 4px #02010814);width:100%;height:auto;display:block;overflow:visible}.announce{background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:14px;height:36px;padding:0 12px;font-size:12.5px;font-weight:500;display:flex}.announce button{color:#ffffffb3;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.announce button:hover{color:#fff;background:#ffffff1a}.announce-message{white-space:nowrap;text-overflow:ellipsis;min-width:0;animation:announce-in .4s var(--ease);overflow:hidden}.announce-message a{text-underline-offset:3px;text-decoration:underline}@keyframes announce-in{0%{opacity:0;transform:translateY(4px)}}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);background:#ffffffeb;position:sticky;top:0}.header-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;display:grid}.header-left,.header-right{align-items:center;gap:4px;display:flex}.header-right{justify-content:flex-end}.wordmark{color:var(--ink);font-family:var(--display);letter-spacing:-.055em;flex-shrink:0;align-items:center;margin-right:8px;font-size:26px;font-weight:800;line-height:1;display:inline-flex}.brand-logo{flex-shrink:0;width:5.4em;height:auto;display:block}.main-nav{align-items:center;gap:4px;height:64px;display:flex}.nav-link{height:64px;color:var(--muted);align-items:center;gap:4px;padding:0 12px;font-size:14.5px;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.nav-link:hover,.nav-link[aria-expanded=true],.nav-link.is-active{color:var(--text)}.nav-link.is-active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:0;left:12px;right:12px}.nav-link svg{transition:transform .2s}.nav-link[aria-expanded=true] svg{transform:rotate(180deg)}.create-pill{border-radius:999px;align-items:center;gap:6px;height:40px;margin-left:10px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.device-chip{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:38px;margin-right:6px;padding:0 12px 0 10px;font-size:13px;font-weight:600;transition:border-color .2s;display:inline-flex}.device-chip:hover{border-color:#b9b9c0}.device-chip small{color:var(--faint);font-weight:500}.bag-link{position:relative}.bag-count{background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:3px;right:1px}.menu-toggle{display:none}.mega-products{padding-block:20px}.mega-objects{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mega-object{border-radius:18px;gap:2px;padding:12px 12px 14px;transition:background-color .2s;display:grid}.mega-object:hover{background:var(--matte-paper)}.mega-object-art{aspect-ratio:1;width:84px;margin-bottom:6px;display:block}.mega-object-art svg{width:100%;height:100%}.mega-object strong{font-size:14px}.mega-object small{color:var(--faint);font-size:12px}.create-pill{white-space:nowrap}.mega{border-bottom:1px solid var(--hair);animation:mega-in .22s var(--ease);background:#fff;position:absolute;top:100%;left:0;right:0;box-shadow:0 30px 50px -30px #02010840}@keyframes mega-in{0%{opacity:0;transform:translateY(-6px)}}.mega-grid{grid-template-columns:1.2fr 1.4fr .85fr .7fr .8fr;gap:32px;padding-block:32px 36px;display:grid}.mega-col h3{margin-bottom:14px}.mega-col ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mega-devices{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}.mega-col ul{align-content:start}.mega-brand+.mega-brand{margin-top:14px}.mega-brand-label{color:var(--faint);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.mega-link{text-align:left;width:100%;color:var(--text);justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;font-size:14px;font-weight:500;display:flex}.mega-link.stacked{flex-direction:column;align-items:flex-start;gap:1px;padding:6px 0}.mega-link.stacked small{font-size:12px;line-height:1.35}.mega-link:hover span:first-child{text-underline-offset:3px;text-decoration:underline}.mega-link small{color:var(--faint);font-size:12.5px;font-weight:500}.new-tag{color:var(--flare-deep);font-family:var(--mono);letter-spacing:.08em;vertical-align:2px;background:#ffeadf;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9.5px;font-weight:600;display:inline-block}.mega-promo{border-radius:var(--r-surface);background:var(--mist);text-align:left;grid-template-columns:110px 1fr;align-items:center;gap:18px;padding:18px;display:grid}.mega-promo strong{font-family:var(--display);letter-spacing:-.02em;font-size:19px;line-height:1.2;display:block}.mega-promo p{color:var(--muted);margin:6px 0 12px;font-size:13.5px}.mega-keychain{gap:2px;margin-bottom:10px;font-size:14px;display:grid}.mega-keychain-thumb{aspect-ratio:4/3;background:var(--mist);border-radius:14px;margin-bottom:10px;display:block;overflow:hidden}.mega-keychain-thumb img{object-fit:cover;width:100%;height:100%;transition:scale .5s var(--ease)}.mega-keychain:hover .mega-keychain-thumb img{scale:1.04}.mega-keychain strong{align-items:center;gap:6px;font-weight:600;display:inline-flex}.mega-keychain:hover strong{text-underline-offset:3px;text-decoration:underline}.mega-keychain small{color:var(--faint);font-size:12px}.mega-keychain-picks{border-top:1px solid var(--hair);padding-top:4px!important}.mega-keychain-picks .mega-link{padding:5px 0;font-size:13px}.mega-visuals{gap:4px!important}.mega-visual{text-align:left;border-radius:14px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;width:calc(100% + 12px);margin:0 -6px;padding:5px 6px;transition:background-color .2s;display:grid}.mega-visual:hover{background:var(--mist)}.mega-thumb{background:color-mix(in oklab, var(--tint) 22%, #f4f4f5);border-radius:12px;place-items:center;height:56px;display:grid;overflow:hidden}.mega-thumb .phone-case{filter:drop-shadow(0 4px 5px #0201082e);width:30px;margin-top:-18px;transition:translate .4s cubic-bezier(.34,1.56,.64,1),rotate .4s cubic-bezier(.34,1.56,.64,1);rotate:-6deg}.mega-visual:hover .mega-thumb .phone-case{translate:0 6px;rotate:0deg}.mega-visual-text{gap:1px;display:grid}.mega-visual-text strong{font-size:14px;font-weight:600}.mega-visual-text small{color:var(--faint);font-size:12px;line-height:1.35}.mega-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.mega-template{text-align:left;gap:2px;width:100%;display:grid}.mega-template-thumb{background:var(--mist);border-radius:14px;place-items:center;height:150px;margin-bottom:8px;transition:background-color .2s;display:grid;overflow:hidden}.mega-template-thumb .phone-case{filter:drop-shadow(0 10px 12px #02010829);width:52%;transition:translate .45s cubic-bezier(.34,1.56,.64,1)}.mega-template:hover .mega-template-thumb{background:#ececef}.mega-template:hover .mega-template-thumb .phone-case{translate:0 -6px}.mega-template strong{font-size:14px;font-weight:600}.mega-template small{color:var(--faint);font-size:12px;line-height:1.35}.scrim{z-index:80;background:#0201085c;animation:.2s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.dialog{z-index:90;width:min(640px,100vw - 32px);max-height:calc(100vh - 48px);animation:dialog-in .26s var(--ease);background:#fff;border-radius:20px;padding:28px;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%;box-shadow:0 40px 80px -30px #02010873}@keyframes dialog-in{0%{opacity:0;translate:-50% -46%}}.dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dialog-head h2{font-family:var(--display);letter-spacing:-.025em;font-size:26px;font-weight:700}.dialog-head p{color:var(--muted);margin-top:4px;font-size:14px}.segmented{background:var(--mist);border-radius:999px;padding:3px;display:inline-flex}.segmented button{height:34px;color:var(--muted);border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:600}.segmented button[aria-pressed=true]{color:var(--text);background:#fff;box-shadow:0 1px 3px #0201081f}.device-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:16px;display:grid}.device-option{border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:border-color .15s;display:flex}.device-option:hover{border-color:#b9b9c0}.device-option[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.device-option .device-thumb{width:26px}.device-option .phone-case{filter:none}.drawer{z-index:90;width:min(360px,88vw);animation:drawer-in .26s var(--ease);background:#fff;padding:18px 20px 32px;position:fixed;top:0;bottom:0;left:0;overflow:auto}@keyframes drawer-in{0%{transform:translate(-100%)}}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.drawer-section{border-top:1px solid var(--hair);padding:16px 0}.drawer-section .eyebrow{margin-bottom:8px}.site-footer{border-top:1px solid var(--hair);background:#fff;margin-top:96px}.footer-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:32px;padding-block:48px 36px;display:grid}.footer-grid h3{margin-bottom:12px}.footer-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-grid button{color:var(--muted);text-align:left;font-size:13.5px}.footer-grid button:hover{color:var(--text)}.footer-brand p{max-width:260px;color:var(--muted);margin:10px 0 18px;font-size:13.5px}.newsletter{gap:6px;max-width:320px;display:flex}.newsletter input{border-radius:999px;flex:1;min-width:0;height:42px;padding:0 16px;font-size:13.5px}.footer-base{border-top:1px solid var(--hair);color:var(--faint);justify-content:space-between;align-items:center;gap:16px;padding-block:18px 28px;font-size:12px;display:flex}.toast{z-index:95;background:var(--ink);color:#fff;max-width:calc(100% - 32px);animation:toast-in .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:10px 10px 10px 12px;font-size:13.5px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #02010880}.toast>span{background:#ffffff1f;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.toast button{color:#ffffffa6;border-radius:999px;place-items:center;width:28px;height:28px;margin-left:6px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.legacy-page{padding-top:28px}.page-content{min-height:60vh;animation:page-enter .4s var(--ease) both}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}}@media (width<=1080px){.mega-grid{grid-template-columns:1.3fr 1.5fr .85fr .8fr}.mega-grid>.mega-case-types,.mega-promo{display:none}}@media (width<=900px){.main-nav,.device-chip,.header-right .account-link{display:none}.menu-toggle{display:inline-grid}.create-pill{height:36px;margin-left:6px;padding:0 14px;font-size:13px}.header-row{grid-template-columns:auto 1fr}.header-left{gap:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=560px){.announce{font-size:12px}.footer-base{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){.site-header .brand-logo{width:4.7em}.site-header .create-pill{padding:0 12px;font-size:12.5px}}.bag-page,.checkout2{padding-top:24px}.bag-back{color:var(--muted);font-weight:500}.bag-heading{font-family:var(--display);font-size:var(--ap-type-display);letter-spacing:-.025em;align-items:baseline;gap:12px;margin:14px 0 28px;font-weight:500;line-height:1.2;display:flex}.bag-heading span{background:var(--mist);min-width:34px;height:34px;font-family:var(--sans);letter-spacing:0;border-radius:999px;place-items:center;padding:0 10px;font-size:15px;font-weight:700;display:grid}.bag-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:48px;display:grid}.bag-lines{gap:16px;display:grid}.bag-line{border:1px solid var(--hair);background:#fff;border-radius:20px;grid-template-columns:124px minmax(0,1fr);gap:22px;padding:16px;display:grid}.bag-thumb{background:var(--mist);border-radius:14px;place-items:center;height:156px;display:grid;overflow:hidden}.bag-thumb .phone-case{filter:drop-shadow(0 6px 8px #02010829);width:auto;height:132px;transition:transform .35s var(--ease)}.bag-thumb:hover .phone-case{transform:translateY(-3px)rotate(-2deg)}.bag-thumb-image img{object-fit:contain;width:100%;height:100%;transition:transform .35s var(--ease);padding:12px}.bag-thumb-image:hover img{transform:translateY(-3px)rotate(-2deg)}.bag-issue{color:var(--flare-deep)}.bag-line-main{align-content:start;gap:10px;min-width:0;display:grid}.bag-line-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.bag-title{text-align:left;font-size:17px;font-weight:600}.bag-title:hover{text-underline-offset:3px;text-decoration:underline}.bag-price{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:baseline;gap:8px;font-size:16px;font-weight:700;display:flex}.bag-price s{color:var(--faint);font-size:13.5px;font-weight:500}.bag-selects{flex-wrap:wrap;gap:8px;display:flex}.bag-select{display:inline-flex;position:relative}.bag-select:after{content:"";pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-top:-5px;position:absolute;top:50%;right:12px;rotate:45deg}.bag-select select{appearance:none;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;height:34px;padding:0 32px 0 12px;font-size:13px;font-weight:600}.bag-select select:hover{border-color:#b9b9c0}.bag-extra{color:var(--muted);font-size:13px}.bag-line-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.stepper{border:1px solid var(--line);border-radius:999px;align-items:center;height:34px;display:inline-flex}.stepper button{border-radius:999px;place-items:center;width:34px;height:32px;display:grid}.stepper button:hover:not(:disabled){background:var(--mist)}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-size:14px;font-weight:600}.bag-remove{color:var(--muted);text-underline-offset:3px;font-size:13px;text-decoration:underline}.bag-remove:hover{color:var(--text)}.bag-set{background:#fff8f4;border-radius:24px;gap:10px;padding:14px;display:grid}.bag-set .bag-line{border-color:#0000}.bag-set-head{flex-wrap:wrap;align-items:center;gap:6px 10px;padding:2px 4px;font-size:14px;display:flex}.bag-set-head .muted{font-size:13px}.set-nudge{border:1px dashed #d4d4da;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.set-nudge-cases{display:flex}.set-nudge-cases span{width:42px}.set-nudge-cases span+span{margin-left:-10px}.set-nudge-cases .is-new{opacity:.8;rotate:8deg}.set-nudge-cases .phone-case{filter:drop-shadow(0 4px 5px #02010829)}.set-nudge-copy{gap:2px;min-width:0;display:grid}.set-nudge-copy .eyebrow{margin:0}.set-nudge-copy strong{font-size:14.5px}.set-nudge-copy .muted{font-size:13px}.bag-aside{position:sticky;top:88px}.summary{border:1px solid var(--hair);background:#fff;border-radius:24px;gap:16px;padding:26px;display:grid;box-shadow:0 30px 60px -40px #0201084d}.summary h2{font-family:var(--display);letter-spacing:-.02em;font-size:22px}.summary dl{margin:0;display:grid}.summary dl>div{border-bottom:1px solid var(--hair);justify-content:space-between;gap:16px;padding:10px 0;font-size:14.5px;display:flex}.summary dt small{color:var(--faint)}.summary dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.summary .is-save{color:var(--good)}.summary .summary-total{border-bottom:0;align-items:baseline;padding-top:16px;font-size:16px;font-weight:600}.summary-total dd{font-family:var(--display);letter-spacing:-.02em;font-size:30px}.summary-cta{min-height:52px;font-size:15.5px}.summary-promises{color:var(--muted);gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.summary-promises li{align-items:center;gap:8px;display:flex}.summary-items{gap:12px;margin:0;padding:0;list-style:none;display:grid}.summary-items li{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13.5px;display:grid}.summary-items li>span:nth-child(2){min-width:0;display:grid}.summary-items strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.summary-items small{color:var(--muted)}.summary-items em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.summary-thumb{background:var(--mist);border-radius:10px;place-items:center;height:62px;display:grid;position:relative}.summary-thumb-image img{object-fit:contain;width:100%;height:100%;padding:6px}.summary-thumb .phone-case{filter:none;width:auto;height:52px}.summary-thumb b{background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:-6px;right:-6px}.bag-empty{text-align:center;justify-items:center;gap:14px;padding-block:96px 40px;display:grid}.bag-empty h1{font-family:var(--display);letter-spacing:-.03em;font-size:36px}.bag-empty-icon{background:var(--mist);border-radius:999px;place-items:center;width:64px;height:64px;display:grid}.bag-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.checkout2-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.checkout-form{gap:18px;display:grid}.checkout-form fieldset{border:1px solid var(--hair);border-radius:22px;gap:12px;min-width:0;margin:0;padding:22px 24px 24px;display:grid}.checkout-form legend{float:left;width:100%;font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:6px;font-size:19px;font-weight:700;display:flex}.checkout-form legend+*{clear:both}.co-step{background:var(--ink);color:#fff;width:26px;height:26px;font-family:var(--sans);border-radius:999px;place-items:center;font-size:13px;display:grid}.field{gap:6px;min-width:0;display:grid}.field>span{font-size:13px;font-weight:600}.field em{color:var(--faint);font-style:normal;font-weight:500}.field input,.field select{border:1px solid var(--line);width:100%;height:46px;font-size:var(--ap-type-body);background:#fff;border-radius:12px;padding:0 14px}.field input:focus-visible,.field select:focus-visible{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #02010814}.field input:user-invalid{border-color:#c83b24}.field-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.9fr);gap:10px;display:grid}.field-note{color:var(--muted);font-size:12.5px}.delivery-options{gap:8px;display:grid}.delivery{border:1px solid var(--line);cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s;display:grid}.delivery.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.delivery input{width:18px;height:18px;accent-color:var(--ink);margin:0}.delivery span{display:grid}.delivery strong{font-size:14.5px}.delivery small{color:var(--muted);font-size:13px}.delivery em{font-style:normal;font-weight:600}.pay-note{background:var(--mist);color:var(--muted);border-radius:14px;gap:10px;padding:14px 16px;font-size:13.5px;display:flex}.pay-note svg{color:var(--text);flex-shrink:0;margin-top:2px}.place-order{min-height:56px;font-size:16px}.placed{text-align:center;justify-items:center;gap:12px;padding-block:64px 24px;display:grid}.placed-check{background:var(--good);color:#fff;border-radius:999px;place-items:center;width:72px;height:72px;animation:.6s cubic-bezier(.34,1.56,.64,1) both placed-pop;display:grid}@keyframes placed-pop{0%{opacity:0;scale:.4}}.placed h1{font-family:var(--display);letter-spacing:-.04em;margin-top:6px;font-size:clamp(36px,5vw,56px)}.placed-cases{justify-content:center;gap:18px;margin:18px 0 8px;display:flex}.placed-cases span{width:110px;animation:.8s cubic-bezier(.16,1,.3,1) both placed-rise;animation-delay:calc(.2s + var(--i) * 80ms)}.placed-cases span:nth-child(odd){rotate:-5deg}.placed-cases span:nth-child(2n){rotate:5deg}@keyframes placed-rise{0%{opacity:0;translate:0 30px}}.placed-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(760px,100%);margin:12px 0 18px;padding:0;list-style:none;display:grid}.placed-steps li{justify-items:center;gap:4px;font-size:13px;display:grid;position:relative}.placed-steps li:before{content:"";background:var(--line);z-index:-1;width:100%;height:2px;position:absolute;top:17px;left:-50%}.placed-steps li:first-child:before{display:none}.placed-steps li>span{border:2px solid var(--line);width:36px;height:36px;color:var(--faint);background:#fff;border-radius:999px;place-items:center;display:grid}.placed-steps li.is-done>span{border-color:var(--good);background:var(--good);color:#fff}.placed-steps small{color:var(--muted)}@media (width<=980px){.bag-grid{grid-template-columns:1fr;gap:28px}.bag-aside{position:static}}@media (width<=560px){.bag-line{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px}.bag-thumb{height:120px}.bag-thumb .phone-case{height:100px}.bag-line-top{flex-direction:column;gap:2px}.set-nudge{grid-template-columns:auto minmax(0,1fr)}.set-nudge .button{grid-column:1/-1}.field-row{grid-template-columns:1fr 1fr}.field-row .field:first-child{grid-column:1/-1}.placed-steps{grid-template-columns:1fr 1fr;row-gap:18px}.placed-steps li:before{display:none}}.bag-editable{border:0;min-width:0;margin:0;padding:0}.bag-editable:disabled{opacity:.65}.checkout-error{color:#b12a20;margin:12px 0;line-height:1.5}.lib-page{padding-top:24px}.lib-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.lib-head .bag-heading{margin-bottom:6px}.lib-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.lib-count{align-items:center;gap:10px;font-weight:600;display:inline-flex}.lib-count span{background:var(--matte-paper);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 9px;font-size:13px}.lib-tabs{background:linear-gradient(#f1f1f4 0%,#f6f6f8 100%);border-radius:999px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #02010812,inset 0 0 0 1px #02010809}.lib-tabs button{height:36px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;transition:color .2s,background-color .2s,box-shadow .25s;display:inline-flex}.lib-tabs button:hover{color:var(--text)}.lib-tabs button[aria-selected=true]{color:var(--text);background:linear-gradient(#fff 0%,#f8f8fa 100%);border-color:#e0e0e6;box-shadow:inset 0 1px #fff,0 1px 1px #0201080d,0 4px 10px -6px #02010838}.lib-tabs span{font-variant-numeric:tabular-nums;background:#0201080f;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11.5px}.lib-search{width:min(260px,100%);height:42px;color:var(--faint);background:linear-gradient(#fff,#fdfdfe) padding-box padding-box,linear-gradient(#e8e8ed,#d5d5dc) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex;box-shadow:inset 0 1px #fff,0 4px 10px -8px #02010833}.lib-search:focus-within{background:linear-gradient(#fff,#fdfdfe) padding-box padding-box,linear-gradient(#a3a1ad,#4a4852) border-box}.lib-search input{min-width:0;font-size:var(--ap-type-body);caret-color:var(--flare);background:0 0;border:0;flex:1;padding:0;outline:none!important}.lib-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.lib-none{text-align:center;grid-column:1/-1;padding:40px 0}.lib-foot{text-align:center;margin-top:28px;font-size:12.5px}.creation-card{width:100%;color:inherit;text-align:left;cursor:pointer;animation:card-enter .45s var(--ease) both;align-content:start;gap:12px;display:grid}.creation-media{aspect-ratio:4/5;border-radius:var(--r-surface);background:var(--mist);place-items:center;padding:8% 22%;display:grid;position:relative;overflow:hidden}.creation-media .phone-case{width:auto;max-height:100%;transition:transform .35s var(--ease)}.creation-card:hover .phone-case{transform:translateY(-4px)rotate(-1.5deg)}.creation-media-image{padding:8%}.creation-media-image img{object-fit:contain;width:100%;height:100%;transition:transform .35s var(--ease)}.creation-card:hover .creation-media-image img{transform:translateY(-4px)rotate(-1.5deg)}.creation-badge{color:var(--flare-deep);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.creation-body{gap:3px;padding:0 2px;display:grid}.creation-title{font-size:15px;font-weight:600}.creation-body .muted{font-size:13px}.new-design-card{text-align:left;align-content:start;gap:4px;display:grid}.new-design-sketch{aspect-ratio:4/5;border-radius:var(--r-surface);color:#a2aabb;background-color:#fbfbfa;background-image:linear-gradient(#34486e12 1px,#0000 1px),linear-gradient(90deg,#34486e12 1px,#0000 1px);background-size:16px 16px;border:1px dashed #cfd3dc;place-items:center;margin-bottom:8px;padding:8% 24%;transition:border-color .2s;display:grid;position:relative}.new-design-sketch .case-sketch{width:auto;max-height:100%}.new-design-plus{color:#fff;background:linear-gradient(#ff9357 0%,#ff5f1a 45%,#f04600 55%,#e5500f 100%);border:1px solid #c73c02;border-radius:999px;place-items:center;width:52px;height:52px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;box-shadow:inset 0 1px #ffffff8c,0 8px 18px -8px #f94a0099}.new-design-card:hover .new-design-sketch{border-color:#aeb4c2}.new-design-card:hover .new-design-plus{transform:scale(1.08)rotate(90deg)}.new-design-card strong{padding:0 2px;font-size:15px}.new-design-card .muted{padding:0 2px;font-size:13px}.status-pill{background:var(--mist);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.status-pill i{background:var(--faint);border-radius:999px;width:7px;height:7px}.status-pill.is-review i{background:#d98a00;box-shadow:0 0 0 3px #d98a0029}.status-pill.is-moving i{background:var(--flare);box-shadow:0 0 0 3px #f94a0029}.status-pill.is-done{color:var(--good);background:#e9f5ee}.status-pill.is-done i{background:var(--good)}.order-list{gap:14px;display:grid}.order-row{border:1px solid var(--hair);animation:card-enter .45s var(--ease) both;background:#fff;border-radius:22px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px 22px 16px 16px;transition:border-color .2s,box-shadow .25s;display:grid;box-shadow:0 20px 40px -34px #0201084d}.order-row:hover{border-color:#dcdce2;box-shadow:0 24px 44px -30px #02010857}.order-stack{background:var(--mist);border-radius:16px;justify-content:center;align-items:center;height:132px;display:flex;position:relative}.order-stack span{width:56px;transition:transform .35s var(--ease);margin:0 -14px}.order-stack span:first-child{rotate:-6deg}.order-stack span:nth-child(3){rotate:6deg}.order-stack .phone-case{filter:drop-shadow(0 6px 8px #0201082e)}.order-row:hover .order-stack span:first-child{transform:translate(-6px)}.order-row:hover .order-stack span:nth-child(3){transform:translate(6px)}.order-main{gap:6px;min-width:0;display:grid}.order-meta{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.order-main h2{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:700}.order-main h2 button{text-align:left}.order-main h2 button:hover{text-underline-offset:3px;text-decoration:underline}.order-main>.muted{font-size:13.5px}.mini-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(260px,100%);margin-top:4px;display:grid}.mini-progress i{background:#e6e6ea;border-radius:999px;height:5px}.mini-progress i.done{background:var(--ink)}.mini-progress i.now{background:linear-gradient(90deg, var(--ink) 0 50%, #e6e6ea 50%);background-size:200% 100%;animation:1.8s ease-in-out infinite alternate progress-now}@keyframes progress-now{0%{background-position:100% 0}to{background-position:40% 0}}.order-end{justify-items:end;gap:10px;display:grid}.order-end strong{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px}.detail-head{justify-items:start;gap:4px;margin:18px 0 26px;display:grid}.detail-head .bag-heading{margin:8px 0 2px}.journey{border:1px solid var(--hair);background:#fff;border-radius:24px;margin-bottom:32px;padding:26px 28px 22px;box-shadow:0 30px 60px -44px #0201084d}.journey ol{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.journey li{color:var(--faint);text-align:center;justify-items:center;gap:8px;font-size:13.5px;display:grid;position:relative}.journey li:before{content:"";background:var(--line);z-index:0;width:100%;height:2px;position:absolute;top:19px;right:50%}.journey li:first-child:before{display:none}.journey li.is-done:before,.journey li.is-now:before{background:var(--ink)}.journey-dot{z-index:1;border:2px solid var(--line);background:#fff;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:relative}.journey li.is-done{color:var(--text)}.journey li.is-done .journey-dot{border-color:var(--ink);background:var(--ink);color:#fff}.journey li.is-now{color:var(--text)}.journey li.is-now .journey-dot{border-color:var(--flare);color:var(--flare);animation:2.2s ease-in-out infinite journey-pulse;box-shadow:0 0 0 5px #f94a001f}@keyframes journey-pulse{50%{box-shadow:0 0 0 9px #f94a000a}}.journey-note{background:var(--mist);color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin-top:22px;padding:12px 16px;font-size:13.5px;display:flex}.journey-note svg{color:var(--flare);flex-shrink:0}.lib-empty{text-align:center;justify-items:center;gap:12px;padding:72px 20px;display:grid}.lib-empty-icon{background:var(--mist);border-radius:999px;place-items:center;width:64px;height:64px;display:grid}.lib-empty h2{font-family:var(--display);letter-spacing:-.02em;font-size:28px}@media (width<=980px){.lib-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.lib-head{flex-direction:column;align-items:flex-start}.lib-search{width:100%}.lib-tabs button{gap:6px;padding:0 12px;font-size:13px}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.order-row{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px}.order-stack{height:110px}.order-stack span{width:42px;margin:0 -12px}.order-end{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center stretch}.journey{padding:20px 12px 16px}.journey li{font-size:12px}.journey-dot{width:34px;height:34px}.journey li:before{top:16px}}@media (prefers-reduced-motion:reduce){.mini-progress i.now,.journey li.is-now .journey-dot{animation:none}}.mp-page{max-width:1220px;margin:0 auto;padding-bottom:48px}.mp-page h1,.mp-page h2,.mp-page h3{font-weight:500}.mp-page .page-heading{margin:14px 0 12px}.mp-page .page-heading em{color:#838975}.mp-intro{margin-bottom:38px}.mp-intro>p{font-size:14px}.mp-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px;display:flex}.mp-section-title h2{font-family:var(--display);font-size:var(--ap-type-heading);margin:0;line-height:1.3}.mp-section-title p{margin:7px 0 0;font-size:13px}.mp-section-title>svg{color:#898c80}.mp-back{margin-bottom:36px;font-size:12px}.mp-account-grid{grid-template-columns:300px minmax(0,1fr);gap:58px;display:grid}.mp-profile-card{text-align:center;background:#f0f0e8;border-radius:5px;align-self:start;padding:38px 23px 0}.mp-avatar{width:78px;height:78px;font-family:var(--display);background:#dcded0;border-radius:50%;place-items:center;margin:0 auto 21px;font-size:32px;display:grid;position:relative}.mp-avatar>span{color:#e66b3c;background:#fff;border:3px solid #f0f0e8;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:-2px;right:-2px}.mp-profile-card h2{font-size:26px;font-family:var(--display);margin:0 0 7px}.mp-profile-card>p{font-size:12px}.mp-profile-stats{grid-template-columns:1fr 1fr;margin:31px 0 24px;display:grid}.mp-profile-stats>div+div{border-left:1px solid #dcded0}.mp-profile-stats strong{font-size:26px;font-family:var(--display);font-weight:400;display:block}.mp-profile-stats span{color:#81837a;margin-top:4px;font-size:11px;display:block}.mp-profile-card>.text-link{margin:0 auto;font-size:11px}.mp-profile-foot{color:#81837a;border-top:1px solid #dcded0;justify-content:center;align-items:center;gap:8px;margin-top:35px;padding:20px 0;font-size:9px;display:flex}.mp-settings-section{border-bottom:1px solid #e7e6df;margin-bottom:30px;padding:0 0 30px}.mp-form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;display:grid}.mp-page label{flex-direction:column;gap:9px;font-size:12px;display:flex}.mp-page input,.mp-page textarea,.mp-page select{color:#292c25;min-width:0;font-family:inherit;font-size:var(--ap-type-body);background:#fdfcfa;border:1px solid #e1e1d8;border-radius:5px;padding:12px 14px}.mp-page input:focus,.mp-page textarea:focus,.mp-page select:focus{outline-offset:2px;outline:2px solid #969e82}.mp-page textarea{resize:vertical}.mp-preference{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.mp-preference strong{font-size:13px;font-weight:500}.mp-preference p{margin:6px 0 0;font-size:12px;line-height:1.6}.mp-toggle{background:#d8dbd1;border:0;border-radius:20px;flex-shrink:0;width:36px;height:21px;padding:3px;transition:background .2s}.mp-toggle>span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0001}.mp-toggle.is-on{background:#626d51}.mp-toggle.is-on>span{transform:translate(15px)}.mp-preview-note{color:#81837a;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;display:flex}.mp-preview-note svg{flex-shrink:0;margin-top:1px}.mp-journal-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:38px;display:flex}.mp-journal-heading>p{color:#81837a;margin-bottom:10px;font-size:13px;line-height:1.7}.mp-journal-feature{text-align:left;color:#292c25;background:#ebece2;border:0;border-radius:6px;grid-template-columns:1.08fr 1fr;width:100%;padding:0;display:grid;overflow:hidden}.mp-journal-feature-image{background:#e8e1d5;min-height:420px;position:relative;overflow:hidden}.mp-journal-feature-image>img{object-fit:cover;width:100%;height:100%;transition:transform .7s;position:absolute}.mp-journal-feature:hover .mp-journal-feature-image>img{transform:scale(1.035)}.mp-image-caption{letter-spacing:1.5px;color:#57584c;font-size:8px;position:absolute;bottom:24px;left:25px}.mp-journal-feature-copy{flex-direction:column;padding:31px 37px;display:flex}.mp-feature-top{justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:46px;display:flex}.mp-feature-top>svg{color:#6f775e}.mp-journal-feature-copy>.eyebrow{letter-spacing:1.5px;color:#778069;font-size:8px}.mp-journal-feature-copy h2{font-family:var(--display);letter-spacing:-1.2px;margin:16px 0 18px;font-size:clamp(40px,4.5vw,62px);line-height:.99}.mp-journal-feature-copy h2 em{color:#7d856e}.mp-journal-feature-copy>p{color:#777b6e;max-width:235px;font-size:12px;line-height:1.7}.mp-read-story{border-top:1px solid #d7dacd;align-items:center;gap:8px;margin-top:30px;padding-top:20px;font-size:11px;display:flex}.mp-read-story>span{color:#81837a;margin-left:auto;font-size:10px}.mp-journal-subheading{justify-content:space-between;align-items:center;gap:20px;margin:48px 0 23px;display:flex}.mp-journal-subheading h2{font-family:var(--display);margin:0;font-size:30px}.mp-journal-subheading>span{font-size:8px}.mp-journal-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.mp-journal-card{color:inherit;text-align:left;background:0 0;border:0;padding:0}.mp-journal-card-image{border-radius:5px;justify-content:center;align-items:center;height:280px;display:flex;position:relative;overflow:hidden}.mp-card-color-0{background:#eee6da}.mp-card-color-1{background:#eaece3}.mp-journal-card-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .5s}.mp-journal-card:hover img{transform:scale(1.055)rotate(-2deg)}.mp-round-arrow{background:#faf9f6db;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:16px;right:16px}.mp-story-meta{color:#81837a;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;font-size:10px;display:flex}.mp-story-meta .eyebrow{font-size:8px}.mp-journal-card h3{font-size:30px;font-family:var(--display);margin:0 0 9px}.mp-journal-card p{margin:0;font-size:12px;line-height:1.7}.mp-journal-end{text-align:center;border-top:1px solid #e7e6df;margin-top:52px;padding-top:38px}.mp-flower{color:#e66b3c;font-size:38px;line-height:1;display:block}.mp-journal-end p{font-family:var(--display);margin:14px 0;font-size:29px}.mp-journal-end>.text-link{margin:auto;font-size:11px}.mp-article{max-width:940px}.mp-article>header{text-align:center;padding:10px 0 34px}.mp-article>header h1{font-family:var(--display);letter-spacing:-1.5px;white-space:pre-line;margin:20px 0;font-size:clamp(48px,5.5vw,76px);line-height:1.02}.mp-article>header>p{color:#81837a;font-size:14px}.mp-article-byline{color:#81837a;justify-content:center;align-items:center;gap:10px;margin-top:23px;font-size:10px;display:flex}.mp-mini-avatar{width:25px;height:25px;font-family:var(--display);color:#626d51;background:#e9eadd;border-radius:50%;place-items:center;font-size:18px;display:grid}.mp-article-image{background:#eee7dc;border-radius:5px;height:430px;overflow:hidden}.mp-article-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.mp-story-objects-with-stories img{object-fit:cover;object-position:center 50%}.mp-story-made-slowly{background:#eaece3}.mp-article-body{max-width:590px;margin:46px auto 0}.mp-article-body>p{color:#717469;margin:24px 0;font-size:14px;line-height:1.95}.mp-article-body .mp-dropcap{color:#3d4236;margin-top:24px;font-size:17px}.mp-dropcap:first-letter{font-family:var(--display);float:left;padding:10px 9px 0 0;font-size:59px;line-height:.85}.mp-article-body h2{font-family:var(--display);margin:33px 0 -10px;font-size:34px}.mp-article-body blockquote{font-family:var(--display);color:#758064;border-left:2px solid #c9cdbb;margin:34px 0;padding:7px 0 7px 25px;font-size:33px;font-style:normal;line-height:1.2}.mp-article-body>.button{margin-top:10px}.mp-more-stories{border-top:1px solid #e7e6df;margin-top:55px;padding-top:28px}.mp-more-stories>button{text-align:left;color:#292c25;width:100%;font-family:var(--display);background:0 0;border:0;border-bottom:1px solid #e7e6df;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:26px;display:flex}.mp-help-heading{text-align:center;padding:15px 0 55px}.mp-help-heading .page-heading{font-size:clamp(43px,4.5vw,65px);line-height:1.03}.mp-help-heading>p{margin:17px 0 27px;font-size:13px}.mp-help-search{color:#81837a;background:#fff;border:1px solid #e7e6df;border-radius:5px;align-items:center;max-width:425px;margin:auto;padding:0 16px;flex-direction:row!important;gap:12px!important;display:flex!important}.mp-help-search input{background:0 0;border:0;flex:1;padding:15px 0;font-size:12px}.mp-help-search:focus-within{outline-offset:2px;outline:2px solid #969e82}.mp-help-search input:focus{outline:none}.mp-help-search>span{border:1px solid #e7e6df;border-radius:3px;padding:0 4px;font-size:12px}.mp-help-layout{grid-template-columns:260px minmax(0,1fr);gap:65px;display:grid}.mp-help-layout>aside>.eyebrow{margin-bottom:18px;font-size:9px;display:block}.mp-help-topic{text-align:left;color:#62695b;background:0 0;border:0;border-bottom:1px solid #e7e6df;align-items:center;gap:11px;width:100%;padding:17px 0;font-size:12px;display:flex}.mp-help-topic svg:last-child{margin-left:auto}.mp-contact-card{background:#eeefe6;border-radius:4px;margin-top:30px;padding:24px}.mp-contact-card>.mp-flower{font-size:28px}.mp-contact-card h3{font-family:var(--display);margin:18px 0 10px;font-size:28px}.mp-contact-card p{color:#81837a;margin-bottom:25px;font-size:12px;line-height:1.7}.mp-contact-card .text-link{font-size:11px}.mp-faqs>.mp-section-title{margin-bottom:12px}.mp-faqs>.mp-section-title h2{font-size:30px}.mp-faq{border-bottom:1px solid #e7e6df}.mp-faq>button{text-align:left;color:#292c25;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 0;font-size:13px;display:flex}.mp-faq>button svg{color:#81837a;flex-shrink:0;transition:transform .2s}.mp-faq.is-open>button svg{transform:rotate(180deg)}.mp-faq>p{color:#81837a;margin:-6px 0 0;padding:0 25px 22px 0;font-size:12px;line-height:1.85}.mp-search-empty{text-align:center;color:#81837a;padding:35px 0;font-size:13px}.mp-search-empty .text-link{margin:16px auto 0}.mp-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25291e66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mp-contact-modal{background:#faf9f6;border-radius:8px;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 80px #0002}.mp-modal-close{font-size:24px;position:absolute;top:15px;right:15px}.mp-contact-modal h2{font-family:var(--display);margin:17px 0 10px;font-size:37px}.mp-contact-modal>p{margin-bottom:28px;font-size:13px}.mp-contact-modal form{gap:20px;display:grid}.mp-form-note{color:#81837a;margin:-6px 0 0;font-size:10px}.mp-policy{max-width:760px;padding-top:10px}.mp-policy>.eyebrow{text-transform:uppercase;margin-top:10px;display:block}.mp-policy-intro{margin:20px 0 45px;font-size:15px}.mp-policy-body{border-top:1px solid #e7e6df}.mp-policy-body>section{border-bottom:1px solid #e7e6df;grid-template-columns:43px 1fr;gap:17px;padding:28px 0;display:grid}.mp-policy-body>section>span{padding-top:8px}.mp-policy-body h2{font-family:var(--display);margin:0 0 13px;font-size:28px}.mp-policy-body p{color:#81837a;margin:0;font-size:13px;line-height:1.9}.mp-policy-links{flex-wrap:wrap;gap:27px;margin-top:28px;display:flex}.mp-policy-links button{font-size:11px}.mp-angled-arrow{transform:rotate(-45deg)}.mp-admin-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.mp-admin-heading p{font-size:13px}.mp-local-pill{letter-spacing:1px;color:#78846b;white-space:nowrap;border:1px solid #dce1d2;border-radius:30px;align-items:center;gap:7px;padding:9px 12px;font-size:8px;display:inline-flex}.mp-local-pill>span{background:#92a67a;border-radius:50%;width:5px;height:5px}.mp-admin-stats{border-top:1px solid #e7e6df;border-bottom:1px solid #e7e6df;grid-template-columns:repeat(3,1fr);margin-bottom:34px;display:grid}.mp-admin-stats>div{padding:25px 0}.mp-admin-stats>div+div{border-left:1px solid #e7e6df;padding-left:30px}.mp-admin-stats span{color:#81837a;font-size:11px}.mp-admin-stats strong{font-family:var(--display);margin:14px 0 7px;font-size:44px;font-weight:400;display:block}.mp-admin-stats p{color:#95988e;margin:0;font-size:10px}.mp-admin-panel{background:#fdfcf9;border:1px solid #e7e6df;border-radius:5px;padding:24px}.mp-admin-table-toolbar{align-items:center;gap:12px;margin-bottom:25px;display:flex}.mp-admin-table-toolbar h2{font-family:var(--display);margin:0 auto 0 0;font-size:30px}.mp-admin-search{color:#81837a;border:1px solid #e7e6df;border-radius:4px;align-items:center;width:185px;padding:0 10px;flex-direction:row!important}.mp-admin-search input{background:0 0;border:0;width:100%;padding:9px 0;font-size:11px}.mp-admin-search:focus-within{outline-offset:2px;outline:2px solid #969e82}.mp-admin-search input:focus{outline:none}.mp-admin-table-toolbar>select{padding:9px;font-size:11px}.mp-table-scroll{overflow-x:auto}.mp-orders-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.mp-orders-table th{color:#81837a;border-bottom:1px solid #e7e6df;padding:0 15px 14px 0;font-size:10px;font-weight:400}.mp-orders-table th>svg{vertical-align:middle;margin-left:4px;display:inline}.mp-orders-table td{border-bottom:1px solid #eeeee7;padding:18px 15px 18px 0;font-size:11px}.mp-orders-table tr:last-child td{border-bottom:0;padding-bottom:0}.mp-orders-table td:first-child button{font-size:11px}.mp-orders-table td:last-child{padding-right:0}.mp-table-product{align-items:center;gap:9px;display:flex}.mp-table-product img{object-fit:contain;mix-blend-mode:multiply;background:#efeee5;border-radius:3px;width:36px;height:36px}.mp-order-badge{color:#6c765d;white-space:nowrap;background:#ebeee2;border-radius:3px;padding:6px 9px;font-size:9px;display:inline-flex}.mp-admin-footnote{color:#81837a;justify-content:center;align-items:center;gap:8px;margin-top:23px;font-size:10px;display:flex}.mp-visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mp-admin-detail{grid-template-columns:1.3fr 1fr;gap:25px;display:grid}.mp-admin-product{border-top:1px solid #e7e6df;align-items:center;gap:17px;padding:19px 0;display:flex}.mp-admin-product img{object-fit:contain;mix-blend-mode:multiply;background:#efeee5;border-radius:4px;width:70px;height:70px}.mp-admin-product strong{font-size:13px;font-weight:500}.mp-admin-product p{font-size:11px}.mp-admin-total{border-top:1px solid #e7e6df;justify-content:space-between;padding:20px 0 28px;font-size:13px;display:flex}.mp-admin-total strong{font-weight:500}.mp-operator-notes{margin:0 0 16px}.mp-admin-detail aside{align-self:start}.mp-admin-detail aside h2{font-family:var(--display);margin:20px 0 12px;font-size:32px}.mp-admin-detail aside>p{font-size:12px;line-height:1.7}.mp-admin-status{border-top:1px solid #e7e6df;border-bottom:1px solid #e7e6df;margin:23px 0;padding:23px 0}@media (width>=1500px){.mp-journal-feature-image{min-height:480px}.mp-journal-card-image{height:310px}}@media (width<=1100px){.mp-account-grid{grid-template-columns:230px minmax(0,1fr);gap:30px}.mp-help-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.mp-journal-feature-copy{padding:25px}.mp-journal-feature-image{min-height:380px}.mp-journal-card h3{font-size:27px}.mp-journal-heading>p{font-size:11px}.mp-admin-stats>div+div{padding-left:20px}.mp-admin-stats p{font-size:9px}}@media (width<=800px){.mp-account-grid{grid-template-columns:1fr;gap:32px}.mp-profile-card{padding:25px 25px 0}.mp-profile-stats{max-width:250px;margin:20px auto}.mp-profile-foot{margin-top:25px}.mp-help-layout{grid-template-columns:1fr;gap:35px}.mp-help-layout>aside{order:2}.mp-help-topic{width:100%}.mp-contact-card{grid-template-columns:38px 1fr auto;align-items:center;column-gap:20px;display:grid}.mp-contact-card h3{margin:0}.mp-contact-card p{grid-column:2;margin:8px 0 0}.mp-contact-card .text-link{grid-area:1/3/3}.mp-contact-card p br{display:none}.mp-journal-heading{flex-direction:column;align-items:flex-start;gap:0}.mp-journal-heading>p br{display:none}.mp-journal-feature{grid-template-columns:1fr 1fr}.mp-journal-feature-image{min-height:350px}.mp-journal-feature-copy h2{font-size:40px}.mp-feature-top{padding-bottom:35px}.mp-journal-card-image{height:220px}.mp-journal-subheading>.eyebrow{display:none}.mp-journal-subheading h2{font-size:28px}.mp-admin-detail{grid-template-columns:1fr}.mp-admin-stats strong{font-size:37px}.mp-admin-stats p{max-width:110px;line-height:1.7}.mp-admin-stats>div{padding-right:10px}.mp-admin-panel{padding:18px}}@media (width<=580px){.mp-page{padding-bottom:25px}.mp-page .page-heading{font-size:40px}.mp-intro{margin-bottom:27px}.mp-form-grid{grid-template-columns:1fr}.mp-profile-card{display:none}.mp-preference{gap:16px}.mp-preference p{font-size:11px}.mp-settings-section{margin-bottom:26px;padding-bottom:26px}.mp-journal-heading{margin-bottom:24px}.mp-journal-heading .page-heading{font-size:44px}.mp-journal-feature{grid-template-columns:1fr}.mp-journal-feature-image{min-height:310px}.mp-journal-feature-copy{padding:25px}.mp-feature-top{padding-bottom:28px}.mp-journal-feature-copy h2{font-size:48px}.mp-journal-feature-copy>p{max-width:270px}.mp-read-story{margin-top:18px}.mp-journal-grid{grid-template-columns:1fr;gap:35px}.mp-journal-card-image{height:290px}.mp-journal-card h3{font-size:29px}.mp-journal-subheading{margin-top:34px}.mp-journal-end{margin-top:38px}.mp-journal-end p{font-size:27px}.mp-article>header{padding-top:0}.mp-article>header h1{font-size:47px}.mp-article>header>p{font-size:12px;line-height:1.7}.mp-article-byline{gap:7px;font-size:8px}.mp-article-image{height:290px}.mp-article-body{margin-top:32px}.mp-article-body>p{font-size:13px}.mp-article-body .mp-dropcap{font-size:16px}.mp-article-body blockquote{font-size:28px}.mp-more-stories>button{font-size:23px}.mp-help-heading{padding:5px 0 37px}.mp-help-heading .page-heading{font-size:45px}.mp-help-search{padding:0 12px}.mp-help-search input{font-size:11px}.mp-faqs>.mp-section-title h2{font-size:27px}.mp-contact-card{grid-template-columns:30px 1fr;column-gap:14px}.mp-contact-card .text-link{grid-area:auto/2;margin-top:18px}.mp-policy>.page-heading{font-size:43px}.mp-policy-intro{margin-bottom:30px;font-size:13px;line-height:1.7}.mp-policy-body>section{grid-template-columns:25px 1fr;gap:10px}.mp-policy-body h2{font-size:25px}.mp-policy-body p{font-size:12px}.mp-admin-heading{flex-direction:column;align-items:flex-start;gap:8px}.mp-admin-stats{margin-top:25px}.mp-admin-stats span{font-size:9px}.mp-admin-stats strong{margin:11px 0 8px;font-size:29px}.mp-admin-stats>div+div{padding-left:14px}.mp-admin-stats p{font-size:8px}.mp-admin-table-toolbar{flex-wrap:wrap}.mp-admin-table-toolbar h2{width:100%}.mp-admin-search{flex:1}.mp-admin-table-toolbar>select{max-width:116px;font-size:10px}.mp-admin-panel{padding:16px}.mp-admin-footnote{align-items:flex-start;font-size:9px;line-height:1.7}.mp-admin-footnote svg{flex-shrink:0;margin-top:1px}}@media (prefers-reduced-motion:reduce){.mp-toggle,.mp-toggle>span,.mp-journal-feature-image>img,.mp-journal-card-image img,.mp-faq>button svg{transition:none}}.signin{--signin-ease:cubic-bezier(.16, 1, .3, 1);background:var(--paper);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1160px;min-height:min(760px,100vh - 150px);margin:0 auto 56px;display:grid;overflow:hidden}.signin-art{background:radial-gradient(70% 50% at 50% 42%,#ffffffb3,#0000 70%),#f2ede5;flex-direction:column;padding:32px 36px 36px;display:flex;position:relative;overflow:hidden}.signin-art-kicker{color:#8f877b;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:inline-flex}.signin-art-kicker:before{content:"";background:currentColor;width:18px;height:1px}.signin-fan{flex:1;min-height:320px;margin-top:8px;position:relative}.signin-fan-case{filter:drop-shadow(0 22px 22px #30201329);width:auto;height:80%;animation:signin-fan 1.1s var(--signin-ease) .15s both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signin-fan-case.n0{--to-x:-60%;--to-r:-11deg;scale:.82}.signin-fan-case.n1{--to-x:0%;--to-r:0deg;z-index:1}.signin-fan-case.n2{--to-x:60%;--to-r:11deg;scale:.82}@keyframes signin-fan{0%{opacity:0;translate:0 4%;rotate:0deg}to{translate:var(--to-x) 0;rotate:var(--to-r);opacity:1}}.signin-art-prompt{color:#8f877b;max-width:320px;font-family:var(--mono);text-align:center;text-wrap:balance;margin:4px auto 0;font-size:12px;line-height:1.6}.signin-art h2{letter-spacing:-.035em;margin-top:40px;font-size:40px;font-weight:500;line-height:1.08}.signin-art h2 span{color:#a39a8d}.signin-panel{justify-content:center;align-items:center;padding:56px 48px;display:flex}.signin-inner{width:100%;max-width:368px}.signin-inner h1{letter-spacing:-.035em;font-size:40px;font-weight:500;line-height:1.1}.signin-lede{color:var(--muted);text-wrap:pretty;margin:12px 0 32px;font-size:15px;line-height:1.6}.signin-google{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:15px;font-weight:500;transition:background-color .2s,border-color .2s;display:flex;box-shadow:0 1px 2px #0201080a}.signin-google:hover:not(:disabled){background:#fafafa;border-color:#d4d4d8}.signin-divider{color:var(--faint);align-items:center;gap:14px;margin:22px 0;font-size:12px;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--hair);flex:1;height:1px}.signin-form{gap:18px;display:grid}.signin-field{gap:8px;display:grid}.signin-field label{font-size:13px;font-weight:500}.signin-field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.signin-quiet-link{color:var(--muted);font-size:13px;transition:color .2s}.signin-quiet-link:hover{color:var(--text)}.signin input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:50px;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.signin input::placeholder{color:#a1a1aa}.signin input:hover:not(:disabled){border-color:#d4d4d8}.signin input:focus-visible{border-color:var(--text);outline:none;box-shadow:0 0 0 4px #17181c12}.signin input:disabled{background:var(--mist);color:var(--muted)}.signin-password{display:block;position:relative}.signin-password input{padding-right:50px}.signin-password button{width:38px;height:38px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.signin-password button:hover{color:var(--text)}.signin-hint{color:var(--muted);font-size:12px}.signin-error,.signin-message{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55}.signin-error{color:#a5281b;background:#fef4f2;border:1px solid #fbd5d0}.signin-message{border:1px solid var(--hair);background:var(--mist)}.signin-submit{background:var(--text);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:50px;margin-top:6px;font-size:15px;font-weight:500;transition:background-color .2s,transform .15s;display:flex}.signin-submit svg{transition:transform .3s var(--signin-ease)}.signin-submit:hover:not(:disabled){background:var(--ink)}.signin-submit:hover:not(:disabled) svg{transform:translate(3px)}.signin-submit:active:not(:disabled){transform:scale(.99)}.signin-switch{color:var(--muted);margin-top:24px;font-size:14px}.signin-switch button{color:var(--text);text-underline-offset:4px;font-weight:500;-webkit-text-decoration:underline #c9c9cf;text-decoration:underline #c9c9cf}.signin-switch button:hover{text-decoration-color:currentColor}.signin-legal{border-top:1px solid var(--hair);color:var(--faint);margin-top:40px;padding-top:20px;font-size:12px;line-height:1.6}.signin-legal a{color:var(--muted);text-underline-offset:3px;-webkit-text-decoration:underline #d4d4d8;text-decoration:underline #d4d4d8}.signin-legal a:hover{color:var(--text)}@media (width<=1000px){.signin-art{padding:28px}.signin-art h2{font-size:34px}.signin-panel{padding:48px 32px}}@media (width<=820px){.signin{border-radius:0;min-height:0;display:block}.signin-art{display:none}.signin-panel{padding:20px 0 8px}.signin-inner{max-width:420px}.signin-inner h1{font-size:34px}}@media (prefers-reduced-motion:reduce){.signin-fan-case{translate:var(--to-x) 0;rotate:var(--to-r);animation:none}.signin-google,.signin input,.signin-submit,.signin-submit svg{transition:none}}.section-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-head .eyebrow{margin-bottom:8px}.section-head h2{font-family:var(--display);font-size:var(--ap-type-heading);letter-spacing:-.025em;font-weight:500;line-height:1.3}.home-section{margin-top:88px}.meter{vertical-align:middle;gap:3px;margin-right:8px;display:inline-flex}.meter i{background:#e1e1e5;border-radius:2px;width:14px;height:5px}.meter i.on{background:var(--ink)}.new-tag+.new-tag{display:none}.prompt-bar{background:linear-gradient(#fff,#fdfdfe) padding-box padding-box,linear-gradient(#e8e8ed,#d5d5dc) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;width:100%;padding:6px 6px 6px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #fff,0 1px 2px #0201080d,0 12px 30px -18px #02010852}.prompt-bar:focus-within{border-color:var(--ink);box-shadow:0 12px 34px -16px #02010859}.prompt-bar>svg{color:var(--flare)}.prompt-bar input{background:0 0;border:0;flex:1;min-width:0;padding:10px 0;font-size:16px;outline:none!important}.prompt-bar input::placeholder{color:var(--faint)}.prompt-small{padding-left:14px}.prompt-small input{font-size:14.5px}.prompt-small .button{min-height:40px;padding:0 16px;font-size:13.5px}.hero-proof{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;font-size:13.5px;display:flex}.hero-proof strong{color:var(--text)}.hero-proof .dot{background:#c4c4ca;border-radius:999px;width:3px;height:3px}.case-grid{gap:28px 20px;display:grid}.case-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.case-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 14px}.case-card{min-width:0;animation:card-enter .45s var(--ease) both}.case-card-media{aspect-ratio:4/5;border-radius:var(--r-surface);background:var(--mist);position:relative;overflow:hidden}.case-card-link{place-items:center;padding:8% 22%;display:grid;position:absolute;inset:0}.case-card-link .phone-case{width:auto;max-height:100%;transition:transform .35s var(--ease)}.case-card:hover .case-card-link .phone-case{transform:translateY(-4px)rotate(-1.5deg)}.case-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#fff;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:12px;left:12px}.card-icon{background:#fff;border-radius:999px;place-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s,background-color .2s;display:grid;position:absolute;box-shadow:0 2px 8px #02010814}.card-icon.quick-add{background:var(--ink);color:#fff;opacity:0;bottom:10px;right:10px;transform:translateY(6px)}.case-card:hover .quick-add,.case-card:focus-within .quick-add{opacity:1;transform:none}.case-card-body{padding:14px 2px 0}.case-card-body h3{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.3}.case-card-body a:hover h3{text-underline-offset:3px;text-decoration:underline}.case-card-body>p{color:var(--muted);margin-top:3px;font-size:13px}.case-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:14.5px;display:flex}.card-rating{align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.card-rating .muted{font-weight:500}.cols-5 .case-card-body>p,.cols-5 .card-rating .muted{display:none}.reviews-summary h2{font-family:var(--display);letter-spacing:-.04em;margin:8px 0 6px;font-size:56px;font-weight:700;line-height:1}.reviews-summary h2 span{letter-spacing:0;color:var(--muted);font-size:18px;font-weight:500}.reviews-summary .muted{margin-top:6px;font-size:13.5px}.crumbs{color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px;padding-top:22px;font-size:12.5px;display:flex}.crumbs button:hover,.crumbs [aria-current]{color:var(--text)}.listing-head{justify-content:space-between;align-items:flex-end;gap:20px;margin:14px 0 22px;display:flex}.listing-head h1{font-family:var(--display);font-size:var(--ap-type-display);letter-spacing:-.025em;font-weight:500;line-height:1.2}.listing-head .muted{margin-top:8px}.inline-device{color:var(--text);text-underline-offset:3px;align-items:center;gap:2px;font-weight:600;-webkit-text-decoration:underline #c9c9cf;text-decoration:underline #c9c9cf;display:inline-flex}.theme-rail{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.theme-rail::-webkit-scrollbar{display:none}.theme-rail button{background:var(--mist);white-space:nowrap;height:36px;color:var(--muted);border-radius:999px;padding:0 15px;font-size:13.5px;font-weight:600;transition:background-color .2s,color .2s}.theme-rail button:hover{color:var(--text)}.theme-rail button[aria-pressed=true]{background:var(--ink);color:#fff}.toolbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair);background:#ffffffeb;align-items:center;gap:10px;margin:18px 0 26px;padding:10px 0;display:flex;position:sticky;top:64px}.toolbar-button{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.count-badge{background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:grid}.type-pills{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.type-pills::-webkit-scrollbar{display:none}.type-pills button{white-space:nowrap;height:34px;color:var(--muted);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.type-pills button:hover{color:var(--text);background:var(--mist)}.type-pills button[aria-pressed=true]{color:var(--text);background:var(--mist);box-shadow:inset 0 0 0 1px var(--line)}.toolbar-search{background:var(--mist);width:200px;height:38px;color:var(--faint);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:0 12px;display:flex}.toolbar-search input{background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:13.5px;outline:none!important}.toolbar-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}.toolbar-sort{flex-shrink:0;align-items:center;display:flex;position:relative}.toolbar-sort select{appearance:none;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;height:38px;padding:0 32px 0 14px;font-size:13.5px;font-weight:600}.toolbar-sort svg{pointer-events:none;position:absolute;right:12px}.density{background:var(--mist);border-radius:999px;flex-shrink:0;padding:3px;display:flex}.density button{width:32px;height:32px;color:var(--faint);border-radius:999px;place-items:center;display:grid}.density button[aria-pressed=true]{color:var(--text);background:#fff;box-shadow:0 1px 3px #0201081f}.grid-banner{background:var(--mist);border-radius:22px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px;align-items:center;gap:28px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.grid-banner h2{font-family:var(--display);letter-spacing:-.025em;margin:6px 0 4px;font-size:26px;font-weight:700}.grid-banner .muted{font-size:14px}.grid-banner-case{width:110px;margin-bottom:-80px;rotate:8deg}.keychain-picks{border-top:1px solid var(--hair);margin-top:72px;padding-top:40px}.keychain-picks-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.keychain-picks-head h2{font-family:var(--display);letter-spacing:-.025em;font-size:26px;font-weight:600}.keychain-card .case-card-media{display:block}.keychain-card .case-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);position:absolute;inset:0}.keychain-card:hover .case-card-media img{transform:scale(1.03)}.keychain-own{aspect-ratio:4/5;border-radius:var(--r-surface);border:1px dashed #d4d4da;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;transition:background-color .25s;display:flex}.keychain-own:hover{background:var(--mist)}.keychain-own strong{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.2}@media (width<=640px){.keychain-picks-head{flex-direction:column;align-items:flex-start}.keychain-own{padding:16px}.keychain-own strong{font-size:17px}}.filter-drawer{z-index:90;width:min(400px,92vw);animation:drawer-right .26s var(--ease);background:#fff;flex-direction:column;gap:8px;padding:20px 24px 0;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto}@keyframes drawer-right{0%{transform:translate(100%)}}.filter-drawer h2{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:700}.filter-drawer fieldset{border:0;border-top:1px solid var(--hair);margin:0;padding:16px 0}.filter-drawer legend{float:left;width:100%;margin-bottom:8px}.check-row{clear:both;cursor:pointer;align-items:center;gap:12px;padding:7px 0;font-size:14.5px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--ink);margin:0}.check-row small{color:var(--faint);margin-left:auto}.tone-row{clear:both;gap:8px;display:flex}.tone{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 14px 0 8px;font-size:13.5px;font-weight:600;display:inline-flex}.tone i{border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001a}.tone-light i{background:linear-gradient(135deg,#f7f3ea,#e3e9f0)}.tone-colorful i{background:conic-gradient(#f3d45c,#f6a28a,#cfa5e8,#9fd0e8,#b6e0a8,#f3d45c)}.tone-dark i{background:linear-gradient(135deg,#2c2b33,#141d3a)}.tone[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.filter-actions{border-top:1px solid var(--hair);background:#fff;grid-template-columns:auto 1fr;gap:10px;margin-top:auto;padding:16px 0 20px;display:grid;position:sticky;bottom:0}.pdp-main{grid-template-columns:minmax(0,1.25fr) minmax(360px,460px);align-items:start;gap:20px 56px;margin-top:18px;display:grid}.gallery{grid-area:1/1/span 2;grid-template-columns:76px minmax(0,1fr);gap:14px;display:grid;position:sticky;top:88px}.gallery-thumbs{align-content:start;gap:10px;display:grid}.thumb{aspect-ratio:4/5;background:var(--mist);border:2px solid #0000;border-radius:12px;place-items:center;display:grid;overflow:hidden}.thumb[aria-selected=true]{border-color:var(--ink)}.thumb>span{width:42%}.thumb .phone-case{filter:drop-shadow(0 3px 4px #02010824)}.thumb-angle>span{transform:perspective(300px)rotateY(-22deg)rotate(-4deg)}.thumb-detail>span{width:84%;transform:translateY(30%)}.gallery-stage{aspect-ratio:4/4.4;background:var(--mist);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.gallery-case{width:42%;animation:stage-in .45s var(--ease)}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.view-angle{background:radial-gradient(90% 70% at 50% 110%, #fff6, transparent 60%), color-mix(in oklab, var(--design-bg) 42%, #f4f4f5)}.view-angle .gallery-case{width:40%;transform:perspective(1100px)rotateY(-24deg)rotateX(6deg)rotate(-5deg)}.view-angle .gallery-case .phone-case{filter:drop-shadow(-24px 30px 30px #02010847)}.view-detail .gallery-case{width:84%;transform:translateY(30%)}.phone-colors{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%;box-shadow:0 6px 18px -8px #02010840}.phone-colors button{border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.phone-colors button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.buy-box{flex-direction:column;grid-area:2/2;gap:0;padding-bottom:20px;display:flex}.rating-link{color:var(--muted);align-self:flex-start;align-items:center;gap:8px;font-size:13px;display:inline-flex}.rating-link:hover span{text-decoration:underline}.pdp-intro h1{font-family:var(--display);font-size:var(--ap-type-heading);letter-spacing:-.025em;margin-top:10px;font-weight:500;line-height:1.3}.buy-sub{color:var(--muted);margin-top:6px}.made-from{border-left:2px solid var(--flare);background:#fff8f4;border-radius:0 12px 12px 0;margin-top:18px;padding:14px 16px}.made-from p{font-family:var(--sans);margin-top:4px;font-size:20px;font-weight:500;line-height:1.4}.price-row{flex-wrap:wrap;align-items:center;gap:10px 12px;margin:22px 0 6px;display:flex}.price-row>strong{font-family:var(--display);letter-spacing:-.02em;font-size:28px;font-weight:700}.pill{background:var(--mist);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.stock{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.stock i{background:var(--good);border-radius:999px;width:7px;height:7px}.option{border-bottom:1px solid var(--hair);padding:18px 0}.option:first-of-type{border-top:1px solid var(--hair);margin-top:14px}.option-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.option-head strong{color:var(--muted);margin-left:6px;font-weight:500}.text-link.small{font-size:13px}.device-select{border:1px solid var(--line);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.device-select:hover{border-color:#b9b9c0}.device-select small{color:var(--faint);font-size:11.5px;font-weight:500;line-height:1.1;display:block}.type-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.type-options button{border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:border-color .15s;display:flex;position:relative}.type-options button:hover{border-color:#b9b9c0}.type-options button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.type-options-case{width:34px}.type-options-case .phone-case{filter:drop-shadow(0 3px 4px #02010824)}.type-options-text{text-align:center;line-height:1.2;display:grid}.type-options-text strong{font-size:13px}.type-options-text small{color:var(--muted);font-size:12px}.type-options em{background:var(--ink);color:#fff;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:8.5px;font-style:normal;font-weight:600;position:absolute;top:-8px;left:50%;translate:-50%}.type-facts{background:var(--mist);border-radius:12px;margin-top:14px;padding:14px;font-size:13.5px}.type-facts dl{gap:6px;margin:10px 0 0;display:grid}.type-facts dl>div{justify-content:space-between;align-items:center;display:flex}.type-facts dt{color:var(--muted)}.type-facts dd{margin:0;font-weight:600}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches button{border-radius:999px;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0000001f}.swatches button.is-clear{background:linear-gradient(135deg,#fff 45%,#d9dde2 45% 55%,#fff 55%)!important}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.choice-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-row button{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:6px;height:46px;font-size:14px;font-weight:600;display:inline-flex}.choice-row button small{color:var(--muted);font-weight:500}.choice-row button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.included-note{border-bottom:1px solid var(--hair);align-items:center;gap:8px;padding:14px 0;font-size:14px;font-weight:600;display:flex}.buy-actions{gap:8px;margin-top:22px;display:flex}.add-button{min-height:54px;font-size:15.5px}.assurances{color:var(--muted);gap:10px;margin:22px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.assurances li{align-items:center;gap:10px;display:flex}.spec-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:72px;display:grid}.spec-strip>div{border-radius:var(--r-surface);background:var(--mist);text-align:center;justify-items:center;gap:4px;padding:22px 12px;display:grid}.spec-strip strong{font-family:var(--display);letter-spacing:-.02em;margin-top:6px;font-size:19px}.spec-strip span{color:var(--muted);font-size:13px}.pdp-reviews{grid-template-columns:300px minmax(0,1fr);gap:48px;display:grid}.subscores{gap:10px;margin:22px 0 0;display:grid}.subscores>div{grid-template-columns:100px 1fr 28px;align-items:center;gap:10px;font-size:13px;display:grid}.subscores dt{color:var(--muted)}.subscores dd{background:#e4e4e8;border-radius:999px;height:5px;margin:0;overflow:hidden}.subscores dd span{background:var(--ink);height:100%;display:block}.review-list{display:grid}.review-row{border-bottom:1px solid var(--hair);gap:8px;padding:20px 0;display:grid}.review-row:first-child{padding-top:0}.review-row p{font-size:15px;line-height:1.55}.review-row .muted{font-size:12.5px}.faq details,.faq .section-head{max-width:820px}.faq details{border-bottom:1px solid var(--hair)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{transition:rotate .2s}.faq details[open] summary svg{rotate:45deg}.faq details p{color:var(--muted);max-width:640px;padding-bottom:18px}.sticky-buy{z-index:40;border-top:1px solid var(--hair);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s var(--ease);background:#ffffffef;padding:10px 0;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.sticky-buy.is-visible{transform:none}.sticky-buy-row{align-items:center;gap:14px;display:flex}.sticky-thumb{width:26px}.sticky-thumb .phone-case{filter:none}.sticky-text{margin-right:auto;line-height:1.25;display:grid}.sticky-text small{color:var(--muted)}.compare-dialog{width:min(1040px,100vw - 32px)}.compare-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13.5px}.compare-table th,.compare-table td{border-bottom:1px solid var(--hair);text-align:center;vertical-align:middle;padding:12px 8px}.compare-table tbody th{text-align:left;color:var(--muted);white-space:nowrap;font-weight:500}.compare-table thead th{font-size:14.5px}.compare-case{width:44px;margin:0 auto 10px;display:block}.compare-table .meter{justify-content:center;margin:0 0 4px;display:flex}.compare-table .meter i{width:9px}.added-dialog{width:min(480px,100vw - 32px)}.added-dialog h2{align-items:center;gap:10px;font-size:22px;display:flex}.added-line{background:var(--mist);border-radius:14px;grid-template-columns:88px 1fr;align-items:center;gap:18px;padding:16px;display:grid}.added-line strong{font-size:16px}.added-line .muted{font-size:13.5px}.added-render{padding:4px 14px}.added-price{margin-top:6px;font-weight:700}.added-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}@media (width<=1180px){.case-grid.cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar-search{width:160px}.spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.case-grid.cols-4,.case-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.reviews-band,.pdp-reviews,.final-band{grid-template-columns:1fr}.pdp-main{grid-template-columns:1fr;gap:28px}.gallery{position:static}.grid-banner{grid-template-columns:1fr}.grid-banner-case{display:none}.toolbar{flex-wrap:wrap}.type-pills{order:5;width:100%}.toolbar-search{flex:1;width:auto}}@media (width<=640px){.home-section{margin-top:64px}.prompt-large .button{padding:0 14px}.prompt-large input{font-size:15px}.hero-proof .dot{display:none}.case-grid.cols-4,.case-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.case-card-link{padding:19% 21% 6%}.case-badge{padding:3px 6px;font-size:9px;top:8px;left:8px}.card-icon.quick-add{opacity:1;width:32px;height:32px;transform:none}.case-card-body>p{font-size:12px}.card-rating .muted,.density{display:none}.toolbar-search{flex:none;order:4;width:100%}.gallery{grid-template-columns:1fr}.gallery-thumbs{order:2;grid-template-columns:repeat(3,64px);grid-auto-flow:column}.type-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.type-options-text strong{font-size:12px}.spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-text{display:none}.sticky-buy-row .button{flex:1}.added-actions{grid-template-columns:1fr}}.case-thumb{border-radius:12px;place-items:center;display:grid;overflow:hidden;background:var(--mist)!important}.case-thumb .phone-case{filter:drop-shadow(0 4px 6px #02010824);width:auto;max-width:70%;height:86%}.mp-case-thumb{flex-shrink:0;width:70px;height:70px}.mp-case-thumb.small{border-radius:6px;width:36px;height:36px}.card-maker{color:var(--muted);align-items:center;gap:7px;margin-top:6px;font-size:13px;display:flex}.maker-dot{background:var(--ink);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10.5px;font-weight:700;display:grid}.card-recrafts{color:var(--faint);white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:12px;display:inline-flex}.card-template{background:var(--mist);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.card-price{color:var(--muted);font-size:13px}.made-meta{color:var(--muted);align-items:center;gap:5px;margin-top:8px;font-size:12.5px;display:inline-flex}.pdp-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pdp-templates button{border:1px solid var(--line);border-radius:12px;justify-items:center;gap:6px;padding:12px 6px 10px;font-size:13px;font-weight:600;transition:border-color .15s;display:grid}.pdp-templates button:hover{border-color:#b9b9c0}.pdp-templates button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pdp-templates span{width:38px}.pdp-templates .phone-case{filter:drop-shadow(0 3px 4px #02010824)}.set-offer{background:#fff8f4;border-radius:16px;gap:12px;margin-top:14px;padding:16px;display:grid}.set-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.set-head .eyebrow{width:100%}.set-head strong{font-size:16px}.set-save{background:var(--ink);color:#fff;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.set-cases{gap:10px;display:flex}.set-cases span{opacity:.75;width:52px;transition:opacity .2s}.set-cases span.is-this{opacity:1}.set-cases .phone-case{filter:drop-shadow(0 4px 6px #02010829)}.set-partner{justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;font-weight:600;display:flex}.set-partner select{border:1px solid var(--line);background:#fff;border-radius:10px;height:36px;padding:0 10px;font-size:13.5px}.set-offer .button s{font-weight:500}.commerce-savings{color:var(--good)}.composer-wrap{width:100%;max-width:580px}.composer{transition:box-shadow .35s var(--ease), background .35s;background:linear-gradient(#fff 0%,#fdfdfe 100%) padding-box padding-box,linear-gradient(#e8e8ed 0%,#d5d5dc 100%) border-box;border:1px solid #0000;border-radius:26px;gap:2px;padding:14px 12px 12px 24px;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 1px 2px #0201080d,0 8px 18px -10px #02010824,0 30px 60px -30px #0201084d}.composer:hover{background:linear-gradient(#fff 0%,#fdfdfe 100%) padding-box padding-box,linear-gradient(#dedee4 0%,#c9c9d1 100%) border-box}.composer:focus-within{background:linear-gradient(#fff 0%,#fdfdfe 100%) padding-box padding-box,linear-gradient(#a3a1ad 0%,#4a4852 100%) border-box;box-shadow:inset 0 1px #fff,0 0 0 4px #0201080b,0 8px 18px -10px #02010829,0 30px 60px -30px #02010857}.composer.is-nudged{animation:.45s cubic-bezier(.36,.07,.19,.97) nudge}@keyframes nudge{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.composer input:not([type=file]){letter-spacing:-.012em;width:100%;caret-color:var(--flare);background:0 0;border:0;padding:8px 0 16px;font-size:19px;outline:none!important}.composer input::placeholder{color:#9fa1a9}.composer-actions{background:linear-gradient(#f3f3f6 0%,#f7f7f9 100%);border-radius:20px;align-items:center;gap:10px;margin:0 -6px -6px -18px;padding:6px;display:flex;box-shadow:inset 0 1px 2px #02010812,inset 0 0 0 1px #02010809,0 1px #fff}.composer-photo{white-space:nowrap;cursor:pointer;height:42px;transition:transform .2s var(--ease), border-color .2s, box-shadow .25s;background:linear-gradient(#fff 0%,#f6f6f8 100%);border:1px solid #e0e0e6;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 5px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px 1px #0201080d,0 4px 10px -6px #02010838}.composer-photo:not(.has-photo):hover,.composer-photo:focus-within{border-color:#cdcdd4;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 1px 1px #0201080f,0 8px 14px -8px #02010842}.composer-photo:not(.has-photo):active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0201081a}.photo-well{width:30px;height:30px;color:var(--text);background:linear-gradient(#ececf0 0%,#f6f6f8 100%);border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 1px 2px #0201081f,0 1px #fff}.composer-photo.has-photo{cursor:default;padding:0 6px 0 5px}.composer-photo img{object-fit:cover;border-radius:999px;width:30px;height:30px;box-shadow:0 0 0 2px #fff,0 1px 3px #02010840}.composer-photo.has-photo span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.composer-photo button{width:26px;height:26px;color:var(--muted);border-radius:999px;place-items:center;display:grid}.composer-photo button:hover{color:var(--text);background:#ececf0}.composer-spacer{flex:1}.composer-hint{opacity:0;transition:opacity .25s, translate .35s var(--ease);translate:6px}.composer-hint.is-on{opacity:1;translate:0}.composer-hint kbd{color:var(--muted);font-family:var(--sans);letter-spacing:.02em;background:linear-gradient(#fff,#f1f1f4);border:1px solid #d9d9df;border-radius:7px;padding:3px 8px 4px;font-size:11px;font-weight:600;display:inline-block;box-shadow:0 1px #cfcfd6,inset 0 1px #fff}.composer .composer-go{flex-shrink:0;gap:12px;min-height:44px;padding:0 7px 0 20px;font-size:15px}.btn-orb{width:30px;height:30px;transition:transform .4s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));background:linear-gradient(#ffffff4d,#ffffff14);border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff1a,0 1px 2px #00000059}.composer-go:hover .btn-orb{transform:translate(3px)}.composer-examples{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.composer-examples button{height:32px;color:var(--muted);white-space:nowrap;background:linear-gradient(#fff 0%,#f8f8fa 100%);border:1px solid #e2e2e7;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:500;transition:border-color .2s,color .2s,box-shadow .25s,translate .35s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #fff,0 1px 1px #0201080a,0 3px 6px -4px #02010829}.composer-examples button:hover{color:var(--text);border-color:#cbcbd2;translate:0 -2px;box-shadow:inset 0 1px #fff,0 1px 1px #0201080d,0 8px 12px -8px #0201083d}.composer-examples button:active{translate:0;box-shadow:inset 0 2px 3px #02010814}.prompt-small input.nudge{animation:.45s cubic-bezier(.36,.07,.19,.97) nudge}@media (width<=640px){.composer{border-radius:24px;padding:12px 10px 10px 18px}.composer input:not([type=file]){font-size:17px}.composer-actions{border-radius:19px;margin:0 -4px -4px -12px}.composer-hint{display:none}.composer-examples button{font-size:12.5px}}.pdp-intro{grid-area:1/2;min-width:0}.pdp-maker{color:var(--muted);font-size:13px}.pdp-intro h1{margin-top:8px}.pdp-recraft{justify-content:space-between;width:100%;min-height:54px;margin-top:22px;padding-inline:22px;font-size:16px}.pdp-recraft-note{color:var(--muted);max-width:40ch;margin-top:12px;font-size:13px;line-height:1.6}.pdp-notes-link{text-underline-offset:4px;align-items:center;gap:7px;min-height:32px;margin-top:10px;font-size:13px;text-decoration:underline;display:inline-flex}.design-notes{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:64px;margin-top:56px;padding-block:72px;scroll-margin-top:100px;display:grid}.design-notes-heading h2{letter-spacing:-.035em;margin:12px 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.15}.design-notes-heading>p{max-width:28ch;color:var(--muted);line-height:1.6}.design-notes h3{margin:0 0 12px;font-size:13px;font-weight:600}.design-brief{border-left:2px solid var(--flare);padding-left:24px}.design-brief blockquote{letter-spacing:-.025em;max-width:32ch;margin:0;font-size:clamp(23px,2.3vw,32px);font-weight:500;line-height:1.4}.design-brief>p{color:var(--muted);margin-top:16px;font-size:12px}.design-decisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px;display:grid}.design-decisions p{color:var(--muted);font-size:14px;line-height:1.75}@media (width<=980px){.pdp-intro{grid-area:1/1}.pdp-main>.gallery{grid-area:2/1}.pdp-main>.buy-box{grid-area:3/1}.pdp-recraft{width:min(100%,420px)}.design-notes{grid-template-columns:1fr;gap:32px;margin-top:32px;padding-block:44px}.design-notes-heading>p{max-width:45ch}}@media (width<=600px){.design-decisions{grid-template-columns:1fr;gap:24px}.sticky-buy-row{gap:8px}.sticky-buy-row .button{white-space:nowrap;padding-inline:12px;font-size:13px}.sticky-buy-row .sticky-thumb{display:none}.sticky-buy-row .sticky-recraft{flex:none}}.bake-composer{gap:12px;width:100%;max-width:580px;display:grid;container-type:inline-size}.bake-bar{height:68px;transition:background-color .25s, box-shadow .3s var(--ease);background:#fff;border-radius:999px;align-items:center;padding:6px;display:flex;box-shadow:inset 0 -2px 4px #543a240d,0 1px 2px #2a211c14,0 12px 30px -14px #2a211c4d}.bake-bar:focus-within{background:var(--matte-paper);box-shadow:var(--sink), 0 1px 2px #2a211c0f, 0 12px 30px -16px #2a211c3d}.bake-bar.is-nudged{animation:.45s cubic-bezier(.36,.07,.19,.97) nudge}.bake-seg{text-align:left;border-radius:999px;align-items:center;height:100%;transition:background-color .2s,box-shadow .25s;display:flex}.bake-seg:hover{background:var(--matte-paper)}.bake-bar:focus-within .bake-seg:hover{background:var(--matte-paper-hover)}.bake-seg:focus-within,.bake-seg:focus-visible,.bake-bar:focus-within .bake-seg:focus-within{box-shadow:var(--lift-paper), 0 8px 20px -10px #2a211c59;background:#fff;outline:none}.bake-seg.is-idea{flex:1;gap:10px;min-width:0;padding:0 6px 0 14px}.bake-loaf{flex:none;width:34px;height:auto;transition:rotate .5s cubic-bezier(.34,1.56,.64,1)}.bake-seg.is-idea:focus-within .bake-loaf{rotate:-10deg}.bake-field{cursor:text;flex:1;gap:1px;min-width:0;display:grid}.bake-label{color:var(--text);letter-spacing:.01em;font-size:12px;font-weight:700}.bake-field input{width:100%;color:var(--text);caret-color:var(--flare);background:0 0;border:0;outline:none;padding:0;font-size:14.5px}.bake-field input::placeholder,.bake-value{color:var(--muted)}.bake-photo{width:40px;height:40px;color:var(--muted);cursor:pointer;transition:background-color .2s, box-shadow .2s, color .2s, transform .2s var(--ease);border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.bake-photo:not(.has-photo):hover,.bake-photo:not(.has-photo):focus-within{background:var(--matte-paper);box-shadow:var(--lift-paper);color:var(--text)}.bake-photo:not(.has-photo):active{box-shadow:var(--press-paper);transform:scale(.94)}.bake-photo img{object-fit:cover;border-radius:999px;width:34px;height:34px}.bake-photo button{background:var(--matte-espresso);width:17px;height:17px;box-shadow:var(--lift-espresso);color:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:0;right:0}.bake-divider{background:#2a211c1f;flex:none;width:1px;height:30px;transition:opacity .2s}.bake-seg:hover+.bake-divider,.bake-bar:focus-within .bake-divider{opacity:0}.bake-divider:has(+.bake-seg:hover){opacity:0}.bake-seg.is-phone{flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:1px;padding:0 16px}.bake-value{white-space:nowrap;align-items:center;gap:3px;font-size:14.5px;display:inline-flex}.bake-go{background:var(--matte-crust);height:56px;box-shadow:var(--lift-crust);color:#fff;transition:background-color .2s, box-shadow .2s, transform .2s var(--ease);border-radius:999px;flex:none;align-items:center;gap:7px;margin-left:4px;padding:0 24px 0 20px;font-size:15.5px;font-weight:700;display:inline-flex}.bake-go:hover{background:var(--matte-crust-hover)}.bake-go:active{box-shadow:var(--press-crust);transform:scale(.96)}.bake-ideas{color:var(--faint);flex-wrap:wrap;align-items:center;gap:2px;padding-left:18px;font-size:13px;display:flex}.bake-ideas span{margin-right:4px}.bake-ideas button{height:28px;color:var(--muted);border-radius:999px;padding:0 10px;font-weight:500;transition:background-color .2s,color .2s}.bake-ideas button:hover{background:var(--matte-paper);color:var(--text)}@container (width>=400px) and (width<=540px){.bake-loaf{display:none}.bake-seg.is-idea{padding-left:18px}.bake-seg.is-phone{padding:0 12px}.bake-go{justify-content:center;width:56px;padding:0}.bake-go-label{display:none}.bake-field input{font-size:14px}.bake-photo{width:34px}}@media (width<=640px){.bake-bar{border-radius:30px;flex-wrap:wrap;gap:4px;height:auto}.bake-seg.is-idea{flex:1 0 100%;height:64px}.bake-divider{display:none}.bake-seg.is-phone{flex:1;height:52px}.bake-go{height:52px}.bake-ideas{padding-left:10px}}.catalog-skeleton{--skeleton-fill:#eee7df;--skeleton-line:#e8dfd4;background:var(--paper);min-height:100vh}.catalog-skeleton-block{background:var(--skeleton-fill);border-radius:8px;flex-shrink:0;animation:2s ease-in-out infinite catalog-skeleton-pulse;display:block}.catalog-skeleton-announcement{background:var(--ink);place-items:center;height:36px;display:grid}.catalog-skeleton-announcement .catalog-skeleton-block{background:#ffffff2e;width:220px;height:8px}.catalog-skeleton-header{border-bottom:1px solid var(--hair);grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;gap:24px;height:65px;display:grid}.catalog-skeleton-header .brand-logo{width:140px}.catalog-skeleton-nav,.catalog-skeleton-tools{align-items:center;gap:28px;display:flex}.catalog-skeleton-nav>span{width:64px;height:12px}.catalog-skeleton-nav .catalog-skeleton-pill{border-radius:999px;width:92px;height:40px}.catalog-skeleton-device{border-radius:999px;width:148px;height:38px}.catalog-skeleton-icon{border-radius:6px;width:20px;height:20px}.catalog-skeleton-tools{justify-content:flex-end}.catalog-skeleton-hero-band{background:radial-gradient(circle,#eee7df 1px,#0000 1px) 0 0/20px 20px}.catalog-skeleton-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:56px;min-height:min(820px,100vh - 100px);padding-block:36px 24px;display:grid}.catalog-skeleton-badge{border-radius:999px;width:164px;height:30px;margin-bottom:32px}.catalog-skeleton-title{gap:16px;margin-bottom:32px;display:grid}.catalog-skeleton-title>span{border-radius:12px;width:88%;height:clamp(48px,5.2vw,74px)}.catalog-skeleton-title>span:last-child{width:62%}.catalog-skeleton-composer{border-radius:36px;width:100%;height:68px}.catalog-skeleton-examples{gap:20px;margin:24px 16px 0;display:flex}.catalog-skeleton-examples>span{width:24%;height:10px}.catalog-skeleton-stage{justify-items:center;gap:24px;padding:12px 0;display:grid}.catalog-skeleton-oven{aspect-ratio:.81;border:1px solid var(--skeleton-line);width:70%;box-shadow:inset 0 0 0 5px #fffdfa, inset 0 0 0 6px var(--skeleton-line);background:#fffdfa;border-radius:40px;padding:16px 24px 24px}.catalog-skeleton-handle{border-radius:999px;width:40%;height:8px;margin:0 auto 24px}.catalog-skeleton-window{border:1px solid var(--skeleton-line);border-radius:28px;place-items:center;height:calc(100% - 32px);display:grid}.catalog-skeleton-case{aspect-ratio:.48;background:#f5eee6;border:3px solid #ddd3c6;border-radius:26px;width:52%;padding:8px}.catalog-skeleton-camera{aspect-ratio:1.55;border-radius:18px;width:100%}.catalog-skeleton-caption{width:75%;height:16px}.catalog-skeleton-content{padding-block:64px}.catalog-skeleton-page-title{width:min(540px,80%);height:48px;margin-bottom:20px}.catalog-skeleton-description{width:min(360px,65%);height:14px}.catalog-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;display:grid}.catalog-skeleton-grid.is-shop{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-skeleton-art{aspect-ratio:1.1;background:var(--matte-raised);border:1px solid var(--skeleton-line);border-radius:24px;place-items:center;padding:28px;display:grid}.is-shop .catalog-skeleton-art{aspect-ratio:.8}.catalog-skeleton-art .catalog-skeleton-case{width:auto;max-width:100%;height:100%}.catalog-skeleton-card-title{width:64%;height:22px;margin-top:24px}.catalog-skeleton-card-detail{width:44%;height:12px;margin-top:16px}@keyframes catalog-skeleton-pulse{50%{opacity:.45}}@media (width<=980px){.catalog-skeleton-header{display:flex}.catalog-skeleton-nav{display:none}.catalog-skeleton-hero{grid-template-columns:1fr;gap:36px}.catalog-skeleton-stage{width:100%;max-width:560px;margin-inline:auto}.catalog-skeleton-grid.is-shop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.catalog-skeleton-header .brand-logo{width:136px}.catalog-skeleton-tools>span:not(:last-child){display:none}.catalog-skeleton-hero{padding-top:30px}.catalog-skeleton-badge{margin-bottom:32px}.catalog-skeleton-title>span{height:40px}.catalog-skeleton-title{gap:12px;margin-bottom:28px}.catalog-skeleton-composer{border-radius:30px;height:132px}.catalog-skeleton-examples{gap:12px;margin-bottom:12px}.catalog-skeleton-stage{gap:28px}.catalog-skeleton-oven{border-radius:32px;width:88%;padding:16px 20px 24px}.catalog-skeleton-content{padding-block:36px}.catalog-skeleton-grid{gap:16px}.catalog-skeleton-art{border-radius:18px;padding:16px}}@media (prefers-reduced-motion:reduce){.catalog-skeleton-block{animation:none}}