.creation-showcase{margin-top:20px;padding-bottom:8px}.creation-showcase .sectionheading{align-items:center;margin-bottom:26px}.creation-showcase .sectionheading h2{letter-spacing:-1.1px;margin:12px 0;font-size:34px}.showcase-intro{color:#85828a;margin:0;font-size:12px;line-height:1.9}.showcase-actions{align-items:center;gap:24px;display:flex}.showcase-pause{color:#8d868c;background:0 0;border:0;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.creation-card{text-align:left;isolation:isolate;background:linear-gradient(140deg,#fffdfc,#f0efed);border:1px solid #e2dfdc;border-radius:18px;padding:22px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}:is(.creation-card:hover,.creation-card:focus-visible){border-color:#c6afb5;transform:translateY(-4px);box-shadow:0 18px 44px -26px #65525d66}.creation-card-top{color:#8b8388;letter-spacing:2px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.creation-card-top>svg{color:#a59b9e}.creation-visual{pointer-events:none;height:270px;margin:12px -5px 10px;position:relative;overflow:hidden}.creation-card-copy{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.creation-card h3{letter-spacing:.4px;margin:0 0 10px;font-size:21px;font-weight:650}.creation-card-copy p{color:#827b80;margin:0;font-size:11px;line-height:1.9}.creation-enter{color:#7d6e77;border:1px solid #ded8d8;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;transition:background .25s;display:grid}.creation-card:hover .creation-enter{background:#ece1e4}.creation-tags{gap:8px;margin-top:21px;display:flex}.creation-tags span{color:#8d8389;border:1px solid #dedbd9;border-radius:20px;padding:5px 9px;font-size:9px}.visual-chip{letter-spacing:1.3px;color:#91878d;background:#fffc;border:1px solid #ded7d7;border-radius:5px;padding:6px 8px;font:8px monospace;position:absolute;top:13px;right:4px}.visual-note{letter-spacing:1px;color:#a0959a;font-size:9px;position:absolute;bottom:16px;left:5px}.creation-model,.creation-texture,.creation-skin{width:100%;height:100%;position:relative}.creation-model{perspective:700px;background:radial-gradient(#e3d7df66,#0000 65%)}.model-floor{background:radial-gradient(#b6a8b866,#0000 70%);border-radius:50%;width:210px;height:62px;position:absolute;top:76%;left:50%;transform:translate(-50%)rotateX(62deg)}.model-orbit{border:1px solid #d4c7d355;border-radius:50%;width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(67deg)rotate(-22deg)}.mesh-object{width:212px;height:212px;transform-style:preserve-3d;filter:drop-shadow(0 12px 20px #a995b120);animation:13s ease-in-out infinite mesh-turn;position:absolute;top:18px;left:calc(50% - 106px)}.mesh-object svg{width:100%;height:100%}.visual-axis{color:#b2a4ae;font:10px/1.6 monospace;position:absolute;bottom:55px;left:7px}.creation-card-1{background:linear-gradient(135deg,#f9faf7,#eeefeb)}.creation-texture{perspective:700px;background:radial-gradient(at 52% 46%,#d7ded577,#0000 64%)}.material-plane{border:1px solid #c5c9bd;border-radius:8px;width:150px;height:150px;position:absolute;top:47px;left:calc(50% - 75px);transform:rotateX(54deg)rotate(-35deg);box-shadow:14px 20px 28px -17px #78807755}.plane-shadow{opacity:.7;background:repeating-linear-gradient(0deg,#d2d7cf 0 1px,#0000 1px 18px),repeating-linear-gradient(90deg,#d2d7cf 0 1px,#e7e9e3 1px 18px);top:81px}.plane-base{animation:9s ease-in-out infinite material-lift;overflow:hidden}.material-grid{background:#bdc7ab;grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.material-grid i{background:hsl(calc(75 + var(--tone)*3) 13% calc(49% + var(--tone)*4%));box-shadow:inset 1px 1px #ffffff15}.plane-top{background:#ffffff12;border-color:#b9b3a980;animation:9s ease-in-out infinite material-top;top:14px}.plane-top>span{letter-spacing:2px;color:#a29a8d;font:9px monospace;position:absolute;top:-19px;left:0}.detail-grid{background:repeating-linear-gradient(45deg,#0000 0 19px,#ffffffa0 19px 20px);height:100%}.texture-cross{color:#c1b8a5;font-size:26px;font-weight:200;position:absolute;top:40%;left:21%}.material-swatches{gap:6px;display:flex;position:absolute;bottom:17px;right:7px}.material-swatches i{background:#8d9b7a;border:1px solid #0001;border-radius:3px;width:12px;height:12px}.material-swatches i:nth-child(2){background:#b7c4a3}.material-swatches i:nth-child(3){background:#d7d1b6}.material-swatches i:nth-child(4){background:#e9e4d8}.creation-card-2{background:linear-gradient(135deg,#fff9f8,#f3e9e9)}.creation-skin{background:radial-gradient(at 45% 48%,#eacfd07a,#0000 65%)}.skin-halo{border:1px solid #dcb9c360;border-radius:50%;width:176px;height:176px;position:absolute;top:13px;left:calc(45% - 88px)}.skin-plinth{background:linear-gradient(#f4e5e4,#d6bcc3);border-radius:50%;width:138px;height:24px;position:absolute;top:212px;left:calc(45% - 69px);box-shadow:0 10px 20px #b0879825}.showcase-character{object-fit:contain;width:252px;height:252px;image-rendering:pixelated;filter:drop-shadow(0 10px 14px #aa778b25);animation:9s ease-in-out infinite character-float;position:absolute;top:-7px;left:calc(45% - 126px)}.skin-atlas{background:#ffffff6e;border:1px solid #e4d2d4;border-radius:9px;width:98px;padding:11px;position:absolute;top:88px;right:0;transform:rotate(4deg)}.skin-atlas>span{color:#ad8d95;font-size:9px}.skin-atlas>div{grid-template-columns:repeat(3,1fr);gap:3px;margin:9px 0;display:grid}.skin-atlas i{border:1px solid #00000008;border-radius:2px;height:18px}.skin-atlas small{color:#ad9aa0;white-space:nowrap;font-size:7px}.creation-card-3{background:linear-gradient(135deg,#f1f1f3,#f4eeee)}.creation-editor{color:#d6d1dc;background:linear-gradient(130deg,#292730,#23232b);border:1px solid #4c4652;border-radius:11px;height:227px;margin:21px 8px 0;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-4deg)rotateX(3deg);box-shadow:10px 22px 30px -22px #3a2535aa}.editor-tabs{color:#c2b5c5;border-bottom:1px solid #ffffff0b;align-items:center;gap:14px;height:31px;padding:0 12px;font:9px monospace;display:flex}.editor-tabs>small{color:#827a89;margin-left:auto;font-size:8px}.editor-dots{gap:4px;display:flex}.editor-dots i{background:#ad7b8f;border-radius:50%;width:5px;height:5px}.editor-dots i:nth-child(2){background:#bdab88}.editor-dots i:nth-child(3){background:#90a79e}.editor-source{height:173px;padding:13px 0;overflow:hidden}.editor-line{white-space:pre;min-height:17px;font:10px/17px Cascadia Code,Consolas,monospace;display:flex}.editor-line>span{text-align:center;color:#676170;flex-shrink:0;width:38px;font-size:8px}.editor-line code{font:inherit;white-space:pre}.syntax-key{color:#c0a1d1}.syntax-string{color:#bccca9}.typing-caret{vertical-align:-2px;background:#e9c2d3;width:1px;height:11px;margin-left:2px;animation:1s steps(2,end) infinite typing-blink;display:inline-block}.editor-status{color:#9b8ca6;background:#302c38;justify-content:space-between;padding:6px 12px;font:7px monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.editor-status i{background:#b8c9ac;border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.showcase-disclaimer{color:#a0989c;margin-top:17px;font-size:9px;line-height:1.8}.creation-showcase.is-still *{animation-play-state:paused!important}.creation-showcase .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}@keyframes mesh-turn{0%,to{transform:rotateY(-24deg)rotate(-9deg)translateY(1px)}50%{transform:rotateY(29deg)rotate(12deg)translateY(-11px)}}@keyframes material-lift{0%,to{transform:rotateX(54deg)rotate(-35deg)translateZ(0)}50%{transform:rotateX(54deg)rotate(-27deg)translateZ(9px)}}@keyframes material-top{0%,to{transform:rotateX(54deg)rotate(-35deg)translateY(0)}50%{transform:rotateX(54deg)rotate(-27deg)translateY(-13px)}}@keyframes character-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes typing-blink{to{opacity:0}}@media (max-width:1000px){.creation-visual{height:245px}.creation-card{padding:18px}.showcase-actions{gap:8px}.creation-card-copy p{font-size:10px}.skin-atlas{width:80px;right:-4px}.creation-editor{margin-left:0;margin-right:0}.editor-line{font-size:9px}}@media (max-width:640px){.creation-grid{grid-template-columns:1fr;gap:17px}.creation-showcase .sectionheading{align-items:flex-start}.creation-showcase .sectionheading h2{font-size:27px}.showcase-actions{justify-content:space-between;width:100%}.creation-visual{height:254px}.creation-card{padding:20px}.creation-card-copy p{font-size:11px}.creation-editor{max-width:380px;margin:16px auto 0}.skin-atlas{width:95px;right:8px}}@media (prefers-reduced-motion:reduce){.creation-showcase *{transition:none!important;animation:none!important}.creation-card:hover{transform:none}}