*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0908;--dark:#100e0c;--surface:#191512;--surface-light:#221c18;--border:#2b2320;--border-light:#3b312c;--text:#f6efe6;--text-secondary:#b6a89b;--text-muted:#8d7f74;--accent:#e2492c;--accent-light:#f4ece0;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--accent-light)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}.showcase-shell{display:grid;width:min(100%,1100px);min-height:100svh;margin:0 auto;padding:clamp(0.9rem,2.4vw,1.7rem);align-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.85rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-stage{width:100%}.cd-controls{display:flex;align-items:center;gap:0.5rem}.cd-seg{display:flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:100px;background:var(--surface)}.cd-seg__btn,.cd-gust{font-family:'JetBrains Mono',monospace;font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:background 0.3s var(--ease-out-expo),color 0.3s var(--ease-out-expo),border-color 0.3s var(--ease-out-expo)}.cd-seg__btn{padding:0.42rem 0.9rem;border:0;border-radius:100px;background:transparent;color:var(--text-muted)}.cd-seg__btn:hover{color:var(--text)}.cd-seg__btn[aria-pressed="true"]{background:var(--accent-light);color:#1b1512}.cd-gust{padding:0.5rem 1.05rem;border:1px solid var(--accent);border-radius:100px;background:transparent;color:var(--accent-light)}.cd-gust:hover{background:var(--accent);color:var(--accent-light)}.cd-seg__btn:focus-visible,.cd-gust:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cd-stage{position:relative;height:min(78svh,545px);overflow:hidden;border-radius:4px;background:radial-gradient(112% 80% at 50% 14%,#3a2f28 0%,#201a16 48%,#0d0b09 100%);isolation:isolate}.cd-wall{position:absolute;inset:0;z-index:0;background:radial-gradient(56% 46% at 50% 30%,rgba(226,73,44,0.14) 0%,rgba(226,73,44,0) 100%),repeating-linear-gradient(90deg,rgba(255,240,225,0.035) 0 1px,transparent 1px 148px)}.cd-floor{position:absolute;inset:auto 0 0 0;z-index:0;height:16%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 78%,rgba(0,0,0,0.72) 100%);border-bottom:1px solid rgba(255,235,215,0.07)}.cd-hang{position:absolute;left:50%;top:4.5%;z-index:2;width:min(62%,645px);padding-top:26px;transform:translateX(-50%);pointer-events:none}.cd-art{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}[data-cloth-drape][data-state="live"] .cd-art,[data-cloth-drape][data-state="live"] .cd-drape{visibility:hidden}.cd-drape{position:absolute;left:0;right:0;top:26px;bottom:0;pointer-events:none;background:linear-gradient(96deg,rgba(0,0,0,0.2) 0%,rgba(255,245,235,0.045) 14%,rgba(0,0,0,0.085) 28%,rgba(255,245,235,0.03) 46%,rgba(0,0,0,0.11) 64%,rgba(255,245,235,0.04) 80%,rgba(0,0,0,0.22) 100%),linear-gradient(180deg,rgba(0,0,0,0.14) 0%,rgba(0,0,0,0) 20%);box-shadow:22px 26px 46px rgba(0,0,0,0.55)}.cd-rail{position:absolute;left:-9%;right:-9%;top:5px;z-index:5;height:11px;border-radius:6px;background:linear-gradient(180deg,#8d8177 0%,#4c433c 42%,#221d19 100%);box-shadow:0 7px 20px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,245,235,0.35)}.cd-grommet{position:absolute;top:16px;z-index:6;width:21px;height:21px;margin-left:-10.5px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#cdbfae 0%,#7d6f62 44%,#3a322c 100%);box-shadow:inset 0 0 0 4px rgba(20,15,12,0.85),0 3px 8px rgba(0,0,0,0.6)}[data-cloth-canvas]{position:absolute;inset:0;z-index:1;width:100%;height:100%;cursor:grab;touch-action:none}[data-cloth-drape][data-grabbing] [data-cloth-canvas]{cursor:grabbing}[data-cloth-canvas]:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (max-width:768px){.showcase-shell{padding:0.85rem;align-content:center}.showcase-toolbar{align-items:flex-start;flex-direction:column;gap:0.6rem;margin-bottom:0.7rem}.showcase-prompt > span:not(.showcase-prompt__dot){display:none}.cd-stage{height:min(56svh,400px)}.cd-hang{top:9%;width:min(96%,430px);padding-top:20px}.cd-drape{top:20px}.cd-rail{top:3px;height:8px;left:-5%;right:-5%}.cd-grommet{top:12px;width:16px;height:16px;margin-left:-8px;box-shadow:inset 0 0 0 3px rgba(20,15,12,0.85),0 2px 6px rgba(0,0,0,0.6)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}