.af-studio{padding:40px clamp(18px,4vw,64px) 28px}.af-studio-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.af-studio-heading p,.af-detail p{color:#747471;margin:0 0 12px;font-size:11px}.af-studio-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(24px,3vw,40px);font-weight:400}.af-studio-heading>span{color:#747471;font-size:11px}.af-stage{background:#f4f3ef;border:1px solid #deded8;height:clamp(380px,65vh,780px);position:relative;overflow:hidden}.af-canvas{touch-action:none;width:100%;height:100%}.af-stage-caption{pointer-events:none;letter-spacing:.25em;color:#4f504d;font-size:11px;position:absolute;top:24px;left:25px}.af-stage-caption span{letter-spacing:.04em;color:#85857e;margin-top:7px;font-size:9px;display:block}.af-controls{background:#ffffffed;border:1px solid #d9d9d2;display:flex;position:absolute;bottom:18px;right:18px}.af-controls button{cursor:pointer;border-right:1px solid #d9d9d2;padding:12px 16px;font-size:12px}.af-controls button:disabled{opacity:.4;cursor:default}.af-controls button:last-child{border-right:0}.af-studio button:focus-visible,.af-studio a:focus-visible{outline-offset:3px;outline:2px solid #444}.af-status{text-align:center;background:#f4f3ef;place-items:center;padding:30px;font-size:13px;display:grid;position:absolute;inset:0}.af-studio-note{color:#77776f;justify-content:space-between;gap:20px;padding:16px 0 28px;font-size:10px;display:flex}.af-piece-list{border-top:1px solid #d5d5cf;border-bottom:1px solid #d5d5cf;grid-template-columns:repeat(5,1fr);display:grid}.af-piece-list button{text-align:left;cursor:pointer;border-right:1px solid #d5d5cf;grid-template-columns:1fr auto;gap:12px;padding:20px 18px;display:grid}.af-piece-list button:last-child{border-right:0}.af-piece-list small{color:#83837b;grid-column:1/-1;font-size:10px}.af-piece-list span{font-size:12px}.af-piece-list button[aria-pressed=true],.af-piece-list button:hover{background:#e9e9e3}.af-detail{background:#eeeee8;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:30px 20px;display:flex}.af-detail h2{margin:0 0 14px;font-size:22px;font-weight:400}.af-detail p:last-child{margin:0}.af-detail-actions{align-items:center;gap:24px;font-size:12px;display:flex}.af-detail-actions a{border-bottom:1px solid;padding-bottom:5px}.af-detail-actions button{cursor:pointer}.af-model-note{color:#85857f;margin-top:24px;font-size:10px;line-height:1.7}@media (width<=650px){.af-studio{padding-top:26px}.af-studio-heading>span{display:none}.af-piece-list{grid-template-columns:1fr 1fr}.af-piece-list button{border-bottom:1px solid #d5d5cf}.af-piece-list button:nth-child(2n){border-right:0}.af-piece-list button:last-child{border-bottom:0}.af-studio-note>span:last-child{display:none}.af-detail{flex-direction:column;align-items:start}.af-stage-caption{top:16px;left:16px}.af-controls{bottom:12px;right:12px}.af-controls button{padding:12px}.af-studio-note{line-height:1.7}}.af-object-card{background:#fffffff5;border:1px solid #deded8;width:285px;padding:22px;position:absolute;top:22px;right:22px;box-shadow:0 8px 30px #00000006}.af-object-card>p:first-child{color:#888;margin:0 0 10px;font-size:10px}.af-object-card h2{letter-spacing:-.03em;margin:0 0 12px;font-size:18px;font-weight:400}.af-object-card p{color:#777;font-size:12px;line-height:1.7}.af-object-card>div{justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;display:flex}.af-object-card button{cursor:pointer;min-width:32px;min-height:32px}.af-navigation{flex-wrap:wrap;gap:8px;max-width:60%;display:flex;position:absolute;bottom:18px;left:18px}.af-modes,.af-move-pad{background:#ffffffed;border:1px solid #d9d9d2;display:flex}.af-navigation button{cursor:pointer;min-width:40px;padding:12px;font-size:11px}.af-navigation button[aria-pressed=true]{color:#fff;background:#222}.af-navigation button:disabled{opacity:.4}.af-canvas canvas:focus-visible{outline-offset:-3px;outline:2px solid #888}@media (width<=650px){.af-object-card{width:240px;padding:14px;top:58px;right:12px}.af-object-card h2{font-size:16px}.af-object-card p{margin:6px 0;font-size:11px}.af-object-card>div{margin-top:6px}.af-navigation{max-width:calc(100% - 24px);bottom:62px;left:12px}.af-move-pad{display:none}.af-stage{height:560px;max-height:85svh}}.af-sound{position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.af-sound button{letter-spacing:.04em;color:#26282a;cursor:pointer;background:#f4f3ef;border:1px solid #d9d9d2;min-height:36px;padding:10px 14px;font-size:11px}.af-sound button:disabled{opacity:.5;cursor:default}.af-sound button:hover:not(:disabled){background:#e9e9e3}@media (width<=650px){.af-sound{display:flex;bottom:14px;left:12px;right:12px;transform:none}.af-sound button{width:100%}.af-controls{bottom:62px}.af-navigation{bottom:112px}}