.creator-server-preview{display:flex;gap:14px;padding:12px 18px;align-items:center;border-top:1px solid #ffffff10;background:#102019;font-size:14px}.creator-server-preview>canvas{width:64px;height:64px;flex:none;background:repeating-conic-gradient(#1b271e 0% 25%,#263329 0% 50%) 0 0 / 12px 12px}.creator-server-preview strong,.creator-server-preview span{display:block}.creator-server-preview>div{min-width:0;flex:1}.creator-server-preview>div span{color:#9cad92;font-size:13px;margin-top:4px}.creator-server-status{color:#a3e85c;font-size:11px;text-align:right;line-height:1.5}.creator-animation-result .creator-pose-preview{min-height:170px}.creator-timeline{padding:12px 18px;border-top:1px solid #ffffff12;background:#172017;flex:none}.creator-timeline-top{display:flex;align-items:center;gap:16px;font-size:13px}.creator-timeline-top .creator-check{margin:0 0 0 auto}.creator-timeline .creator-range{margin:8px 0}.creator-timeline fieldset{min-inline-size:0;max-inline-size:100%}.creator-timeline .creator-row{gap:8px}.creator-keyframes{display:flex;gap:7px;overflow:auto;max-width:100%;padding:3px 0 10px}.creator-keyframes button{display:flex;align-items:center;gap:5px;flex:none;padding:7px 10px;border:1px solid #3b4c31;border-radius:5px;background:#202d1e;color:#b5c6a6;font-size:12px}.creator-keyframes button[aria-pressed=true]{background:#3a512d;border-color:#9ada60;color:#d3f5b4}.creator-animation-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.creator-animation-settings .mc-field{margin:0;min-width:0}.creator-animation-result .creator-output-footer{gap:10px}.creator-animation-result .creator-export-controls{flex-wrap:wrap}.creator-export-progress{padding:10px 18px;display:flex;align-items:center;gap:12px;font-size:13px}.creator-export-progress progress{flex:1;min-width:0;accent-color:#a3e85c}.creator-finished-clip{margin-top:20px;border:1px solid #394d30;padding:20px;border-radius:12px;display:flex;align-items:center;gap:20px;text-align:left}.creator-finished-clip p{color:#9cad92;font-size:13px}.creator-finished-clip img,.creator-finished-clip video{width:180px;height:180px;object-fit:contain;background:#102019}.skin-source-stage{display:grid;place-items:center;height:280px;margin:16px 0;border:1px solid #405039;border-radius:6px;overflow:hidden;background:#0e1710}.skin-source-stage canvas{display:block;height:280px;width:140px;touch-action:none;cursor:move}.skin-face-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid #6d815c;gap:1px;background:#34432c;margin:18px 0}.skin-face-grid button{aspect-ratio:1;border:0;min-width:0;cursor:crosshair}.skin-face-grid button:focus-visible{outline:2px solid #ffffff;outline-offset:-2px}.skin-texture-strip{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff12;padding:14px 18px;font-size:14px;background:#172017}.skin-texture-strip canvas{width:112px;height:112px;image-rendering:pixelated;flex:none;background:repeating-conic-gradient(#233023 0% 25%,#172017 0% 50%) 0 0 / 12px 12px;border:1px solid #526a3a}.skin-texture-strip p{font-size:12px;color:#9cad92;margin-top:6px}.creator-update-note{padding:10px 18px;font-size:12px;line-height:1.5;color:#d7d5a9;background:#3c3a241a;border-bottom:1px solid #ffffff12}.skin-camera-controls{margin-top:20px;border-top:1px solid #ffffff12;padding-top:16px;font-size:13px;color:#b8c7ad}.skin-camera-controls summary{cursor:pointer}.skin-camera-controls summary:focus-visible{outline:2px solid #a3e85c;outline-offset:4px}[data-testid=image-to-skin] .creator-controls-footer .mc-button{width:100%}[data-testid=image-to-skin] .creator-controls-footer p{margin-top:10px}@media(max-width:767px){.creator-animation-result .creator-pose-preview{height:320px;min-height:0}.creator-timeline{padding:12px}.creator-animation-settings input{font-size:16px}.creator-animation-result .creator-export-controls{justify-content:flex-start}.creator-finished-clip{flex-wrap:wrap}.skin-texture-strip{gap:14px;padding:12px}.skin-texture-strip canvas{width:88px;height:88px}.creator-server-preview{padding:12px}}