.animation-lab{width:100%;max-width:1800px;margin:auto;color:#ecd6b0}.animation-lab>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.animation-lab .lab-notice{font:16px/1.6 Georgia;color:#cdbb99}.lab-classes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0}.lab-classes button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:70px!important;padding:6px!important;background:#18120e!important;border:1px solid #7e633d!important;color:#ddc59f;font:18px Georgia}.lab-classes img{height:58px;width:56px;object-fit:contain}.lab-classes button[aria-pressed=true],.lab-library button[aria-pressed=true]{border-color:#f2bd5e!important;box-shadow:inset 0 0 18px #d69c283d!important;background:#382515!important}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.lab-main,.lab-library{min-width:0;padding:14px!important}.lab-main>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-main h2{margin:2px 0;font:700 27px Georgia}.lab-main header p{font:14px/1.5 Georgia;margin:6px 0;color:#bda983}.lab-prototype{border:1px solid #86653a;padding:6px 9px;white-space:nowrap;font:13px Georgia}.lab-scene{position:relative;overflow:hidden;isolation:isolate;background:#19231c url('assets/arena-forest-v06.webp') center/cover;border:5px solid #987b48;border-image:url('assets/woodland-frame-inset-c-v1.webp') 86/5px;min-width:0}.lab-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(#07100e1c,#06100d80);z-index:-1}.lab-scene>svg{display:block;width:100%;height:clamp(350px,56vh,650px);overflow:hidden;filter:drop-shadow(0 5px 4px #0007)}.lab-phase{position:absolute;bottom:12px;left:12px;background:#17110cdd;border:1px solid #9b7e4d;padding:5px 12px;font:15px Georgia}.rig-joint{fill:#8fe8d4;stroke:#082f2b;stroke-width:2;display:none;pointer-events:none}.lab-show-joints .rig-joint{display:block}.lab-playbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px}.lab-playbar button{min-height:44px!important;font:16px Georgia!important}.lab-playbar label{display:flex;align-items:center;gap:8px;margin-left:auto;font:15px Georgia}.lab-playbar select{min-height:44px;width:85px}.lab-timeline{display:flex;align-items:center;gap:12px;margin:16px 0;font:16px Georgia}.lab-timeline input{flex:1;min-width:70px;accent-color:#dfad4c}.lab-timeline output{width:46px}.lab-switches{display:flex;flex-wrap:wrap;gap:16px}.lab-switches label{display:flex;align-items:center;gap:7px;min-height:35px;font:15px Georgia}.lab-switches input{width:19px;height:19px;accent-color:#c99a43}.lab-library h2{font:700 23px Georgia;margin:3px 0}.lab-library>p{font:14px/1.5 Georgia;color:#bca984}.lab-library [data-lab-clips]{display:grid;gap:6px;max-height:540px;overflow:auto;padding:3px}.lab-library button{display:flex;align-items:center;gap:10px;text-align:left;min-height:55px!important;border:1px solid #695333!important;background:#160f0a!important;color:#e3ccaa;padding:5px 9px!important;font:16px Georgia!important}.lab-library button img{width:39px;height:39px}.lab-library button small{display:block;font:12px Georgia;color:#b69b74;margin-top:4px}.lab-parts{margin-top:18px;border-top:1px solid #745630;padding-top:10px}.lab-parts summary{cursor:pointer;min-height:36px;font:16px Georgia}.lab-parts>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lab-parts a{border:1px solid #675035;background:#15100d;display:grid;place-items:center;min-height:65px}.lab-parts img{width:100%;height:75px;object-fit:contain}.animation-lab .admin-tabs{flex-wrap:wrap}.animation-lab .lab-classes button:before,.animation-lab .lab-library button:before{display:none!important}
@media(max-width:850px){body[data-view=admin] .main-content{overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important}.lab-layout{grid-template-columns:1fr}.lab-classes{gap:5px}.lab-classes button{flex-direction:column;gap:3px;font-size:12px;min-height:84px!important}.lab-classes img{height:43px;width:42px}.lab-scene>svg{height:clamp(330px,49vh,480px)}.lab-main,.lab-library{padding:9px!important}.lab-main h2{font-size:23px}.lab-prototype{display:none}.lab-playbar{gap:6px}.lab-playbar label{margin-left:0}.lab-library [data-lab-clips]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.lab-library button{font-size:14px!important;gap:6px}.lab-library button img{width:30px;height:30px}.lab-switches{gap:10px}.lab-timeline{gap:7px}.animation-lab>header{align-items:flex-start}.animation-lab>header h1{font-size:26px}}

.animation-lab .lab-classes .smith-button-label{display:flex!important;align-items:center;justify-content:center;gap:10px;min-width:0;width:100%;font:inherit!important;white-space:normal}.animation-lab .lab-classes .smith-button-label span{font:inherit!important;overflow-wrap:anywhere}
@media(max-width:850px){.animation-lab .lab-classes .smith-button-label{flex-direction:column;gap:4px;font-size:11px!important}.animation-lab .lab-classes button{min-width:0!important;padding:4px!important}.lab-scene>svg{height:340px}}

html:has(body.lab-preview){height:auto!important;overflow-y:auto!important}body.lab-preview{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}.lab-preview #app{height:auto!important;display:block!important;padding:12px;box-sizing:border-box}

.lab-choreography{border-top:1px solid #6b5334;border-bottom:1px solid #6b5334;padding:9px 2px;margin:9px 0 12px}.lab-choreography h3{font:700 20px Georgia;margin:0 0 6px;color:#edd5a6}.lab-choreography p{font:15px/1.5 Georgia;margin:4px 0;color:#d1bd98}.lab-choreography .lab-rule{font-size:13px;color:#b4a07d}.lab-face-portrait{position:absolute;right:10px;top:10px;margin:0;width:142px;padding:6px;background:#17110ded;border:1px solid #ad8750;box-shadow:0 3px 12px #0008;pointer-events:none;color:#e5cda2}.lab-face-portrait>svg{display:block;width:100%;height:148px}.lab-face-portrait figcaption{font:14px Georgia;text-align:center}.lab-face-portrait small{display:block;font:12px Georgia;text-align:center;color:#c8b68f}.lab-face-portrait[hidden],[data-lab-face-switch][hidden]{display:none!important}
@media(max-width:850px){.lab-face-portrait{width:98px;right:7px;top:7px;padding:4px}.lab-face-portrait>svg{height:103px}.lab-face-portrait figcaption{font-size:11px}.lab-face-portrait small{font-size:10px}.lab-choreography h3{font-size:18px}.lab-choreography p{font-size:14px}}