.cs-scenes{--sw:26px;--gap:4px;position:relative;display:inline-flex;gap:var(--gap);padding:3px;border-radius:11px;background:var(--paper-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.cs-scenes-pill{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}.cs-scenes-ring{position:absolute;top:1px;left:1px;width:calc(var(--sw) + 4px);height:calc(var(--sw) + 4px);border-radius:9px;border:2px solid var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 8%,transparent);transform:translateX(calc(var(--i, 0) * (var(--sw) + var(--gap))));transition:transform .5s cubic-bezier(.34,1.45,.64,1);pointer-events:none;z-index:1}.cs-scenes-pill .cs-scenes-ring{border-color:#f4f3ef;box-shadow:0 0 0 3px rgba(255,255,255,.07),0 0 14px rgba(255,255,255,.16)}.cs-sw{position:relative;width:var(--sw);height:var(--sw);border-radius:7px;flex:none;filter:saturate(.75) brightness(.95);transition:transform .35s cubic-bezier(.34,1.45,.64,1),filter .2s}.cs-sw:hover,.cs-sw[aria-checked=true]{filter:none}.cs-sw:hover{transform:translateY(-1px) scale(1.06)}.cs-sw:active{transform:scale(.9);transition-duration:.1s}.cs-sw:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cs-sw-art{position:absolute;inset:0;border-radius:inherit;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.cs-sw-art:after,.cs-sw-art:before{content:"";position:absolute}[data-sw=paper] .cs-sw-art{background:radial-gradient(circle,#3d3e39 0 .9px,transparent 1.4px) 0 0 /5px 5px,#efeee8}[data-sw=blueprint] .cs-sw-art{background:linear-gradient(rgba(255,255,255,.32) 1px,transparent 0) 0 0 /6px 6px,linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 0) 0 0 /6px 6px,#2b5c8a}[data-sw=blueprint] .cs-sw-art:after{width:4px;height:4px;top:11px;left:11px;border-radius:50%;background:#9fd0ff}[data-sw=sky] .cs-sw-art{background:linear-gradient(#5e95d3,#bcd6ef 68%,#8fb48a 69%)}[data-sw=sky] .cs-sw-art:before{width:7px;height:7px;top:4px;right:4px;border-radius:50%;background:#fff6d8;box-shadow:0 0 6px 2px rgba(255,240,190,.8)}[data-sw=sky] .cs-sw-art:after{width:13px;height:5px;top:10px;left:-2px;border-radius:5px;background:#fff;box-shadow:4px -2px 0 -.5px #fff}:root[data-theme=dark] [data-sw=sky] .cs-sw-art{background:radial-gradient(1px 1px at 30% 30%,#fff,transparent 1.5px),radial-gradient(1px 1px at 70% 20%,#fff,transparent 1.5px),radial-gradient(1px 1px at 55% 55%,#cfd8ff,transparent 1.5px),linear-gradient(#0a1022,#1b2440 68%,#1b2a35 69%)}:root[data-theme=dark] [data-sw=sky] .cs-sw-art:before{background:#e8ecff;box-shadow:0 0 6px 2px rgba(200,210,255,.5)}:root[data-theme=dark] [data-sw=sky] .cs-sw-art:after{opacity:0}[data-sw=contour] .cs-sw-art{background:radial-gradient(ellipse 60% 42% at 62% 46%,transparent 0 22%,#6b6b64 23% 27%,transparent 28% 44%,#6b6b64 45% 49%,transparent 50% 66%,#6b6b64 67% 71%,transparent 72%),#ecebe5;background-size:100% 100%}[data-sw=grain] .cs-sw-art{background-color:#e3e1da;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}[data-sw=linen] .cs-sw-art{background:repeating-linear-gradient(0deg,rgba(120,96,60,.16) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,96,60,.12) 0 1px,transparent 1px 3px),#f1ebdf}[data-sw=floorplan] .cs-sw-art{background-color:#f2f1ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23303330' stroke-linecap='square'%3E%3Cpath stroke-width='2.4' d='M5 5H35V35H5Z'/%3E%3Cpath stroke-width='1.4' d='M5 21H17M24 21H35M22 5V14'/%3E%3Cpath stroke-width='.9' d='M17 21A7 7 0 0 1 24 14M10 35v1.6h12V35'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}[data-sw=isometric] .cs-sw-art{background:repeating-linear-gradient(30deg,rgba(36,50,58,.3) 0 1px,transparent 1px 6px),repeating-linear-gradient(150deg,rgba(36,50,58,.3) 0 1px,transparent 1px 6px),#eff1f1}[data-sw=brick] .cs-sw-art{background-color:#b9634a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cg fill='none' stroke='%23efe2d6' stroke-width='1'%3E%3Cpath d='M0 .5H16M0 4.5H16M.5 .5V4.5M8.5 .5V4.5M4.5 4.5V8.5M12.5 4.5V8.5'/%3E%3C/g%3E%3C/svg%3E");background-size:16px 8px}[data-sw=concrete] .cs-sw-art{background:radial-gradient(circle,rgba(0,0,0,.35) 0 1px,transparent 1.6px) 3px 3px /10px 10px,repeating-linear-gradient(180deg,transparent 0 7px,rgba(0,0,0,.14) 7px 8px),#b4b0a7}[data-sw=terrazzo] .cs-sw-art{background:radial-gradient(circle at 25% 30%,#b9705a 0 2px,transparent 2.5px),radial-gradient(circle at 70% 25%,#86a08a 0 1.6px,transparent 2.1px),radial-gradient(circle at 55% 65%,#69747c 0 1.8px,transparent 2.3px),radial-gradient(circle at 20% 75%,#d6b06b 0 1.4px,transparent 1.9px),radial-gradient(circle at 82% 78%,#b9705a 0 1.4px,transparent 1.9px),#ece5d8}[data-sw=dusk] .cs-sw-art{background:radial-gradient(circle at 70% 64%,#ffe2a8 0 3px,rgba(255,210,150,.6) 4px,transparent 9px),linear-gradient(#e89a72,#f2c3a0 55%,#efd9c8)}:root[data-theme=dark] [data-sw=dusk] .cs-sw-art{background:radial-gradient(1px 1px at 25% 25%,#fff,transparent 1.5px),radial-gradient(1px 1px at 60% 15%,#fff,transparent 1.5px),radial-gradient(ellipse 80% 30% at 60% 75%,rgba(255,140,90,.55),transparent 70%),linear-gradient(#141129,#3a2747 60%,#5a3a45)}@keyframes cs-drift{to{background-position:5px 5px,0 0}}@keyframes cs-pan{to{background-position:6px 6px,6px 6px,0 0}}@keyframes cs-pulse{0%{box-shadow:0 0 0 0 rgba(159,208,255,.7)}to{box-shadow:0 0 0 7px rgba(159,208,255,0)}}@keyframes cs-cloud{to{transform:translateX(16px)}}@keyframes cs-breathe{50%{background-size:118% 118%;background-position:40% 60%}}@keyframes cs-flicker{50%{background-position:7px 3px}}[data-sw=paper][aria-checked=true] .cs-sw-art{animation:cs-drift 3s linear infinite}[data-sw=paper]:hover .cs-sw-art{animation:cs-drift 1.2s linear infinite}[data-sw=blueprint]:hover .cs-sw-art,[data-sw=blueprint][aria-checked=true] .cs-sw-art{animation:cs-pan 2.4s linear infinite}[data-sw=blueprint]:hover .cs-sw-art:after,[data-sw=blueprint][aria-checked=true] .cs-sw-art:after{animation:cs-pulse 1.6s ease-out infinite}[data-sw=sky][aria-checked=true] .cs-sw-art:after{animation:cs-cloud 4s ease-in-out infinite alternate}[data-sw=sky]:hover .cs-sw-art:after{animation:cs-cloud 1.4s ease-in-out infinite alternate}[data-sw=contour]:hover .cs-sw-art,[data-sw=contour][aria-checked=true] .cs-sw-art{animation:cs-breathe 5s ease-in-out infinite}[data-sw=grain]:hover .cs-sw-art,[data-sw=grain][aria-checked=true] .cs-sw-art{animation:cs-flicker .6s steps(2) infinite}.cs-sw:after{content:attr(data-label);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);padding:4px 8px;border-radius:6px;background:rgba(24,24,22,.92);color:#f4f3ef;font:500 12px/1.2 var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 6px 16px rgba(0,0,0,.2);z-index:5}.cs-sw:focus-visible:after,.cs-sw:hover:after{opacity:1;transform:translate(-50%)}.cs-picker{position:relative;display:inline-flex}.cs-pick{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 9px 0 4px;border-radius:10px;background:var(--paper-2);color:var(--ink);font:500 13px var(--font-sans);white-space:nowrap;box-shadow:inset 0 1px 2px rgba(0,0,0,.06);transition:background .15s,box-shadow .15s}.cs-pick:hover{background:color-mix(in srgb,var(--paper-2) 85%,var(--ink) 6%)}.cs-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cs-pick[aria-expanded=true] .cs-pick-chev{transform:rotate(180deg)}.cs-pick-chev{color:var(--slate);transition:transform .2s ease}.cs-pick-sw{position:relative;width:26px;height:26px;border-radius:7px;flex:none}.cs-picker-pill .cs-pick{background:rgba(255,255,255,.07);color:#f4f3ef;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}.cs-picker-pill .cs-pick:hover{background:rgba(255,255,255,.12)}.cs-picker-pill .cs-pick-chev{color:#b9b7af}@media (max-width:1180px){.cs-picker-pill .cs-pick-label{display:none}}.cs-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:min(468px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;padding:12px;border-radius:16px;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px -18px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.08);animation:cs-pop-in .18s cubic-bezier(.2,0,0,1)}@keyframes cs-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.cs-pop-group+.cs-pop-group{margin-top:12px}.cs-pop-h{margin:0 4px 6px;font:500 11.5px/1.3 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}.cs-pop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (max-width:520px){.cs-pop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-tile{display:grid;gap:4px;padding:6px;border-radius:12px;text-align:left;color:var(--ink);border:1px solid transparent;transition:background .15s,border-color .15s}.cs-tile:hover{background:var(--paper-2)}.cs-tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cs-tile[aria-checked=true]{border-color:var(--ink);background:var(--paper-2)}.cs-tile-sw{position:relative;display:block;height:46px;border-radius:9px;overflow:hidden}.cs-tile-sw .cs-sw-art{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.cs-tile-name{font:500 13px/1.2 var(--font-sans)}.cs-tile-hint{font:400 11.5px/1.3 var(--font-sans);color:var(--slate)}@media (max-width:420px){.cs-pop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-pop{right:auto;left:0}}@media (prefers-reduced-motion:reduce){.cs-pop{animation:none}}.cs-theme-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--body);transition:color .15s,background .15s;flex:none}.cs-theme-btn:hover{color:var(--ink);background:var(--paper-2)}.cs-theme-btn-pill{color:#b9b7af}.cs-theme-btn-pill:hover{color:#f4f3ef;background:rgba(255,255,255,.08)}.cs-theme-icon{animation:cs-spin-in .45s cubic-bezier(.16,1,.3,1)}@keyframes cs-spin-in{0%{transform:rotate(-90deg) scale(.5);opacity:0}}.cs-seg{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:var(--paper-2)}.cs-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;font:500 13px var(--font-sans);color:var(--body);transition:background .15s,color .15s}.cs-seg-btn:hover{color:var(--ink)}.cs-seg-btn[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){.cs-sw-art,.cs-sw-art:after,.cs-theme-icon{animation:none!important}.cs-scenes-ring{transition:none}}