:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9e7df;background:#1a2225;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #4b5556;border-radius:8px;background:#273235;color:#e9e7df;padding:10px 13px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#394849}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e9b564;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #3e4849;padding:20px 28px}.brand{display:flex;align-items:center;gap:14px}.mark{font-size:42px;color:#e6ad58}small,.eyebrow{font-size:10px;letter-spacing:.12em;color:#a2adaa}h1{font-size:19px;margin:4px 0;font-weight:550}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:12px 0 22px;overflow-wrap:anywhere}h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.toolbar{display:flex;gap:8px}.accent{background:#e5ad58;color:#242a28;border-color:#e5ad58}main{display:grid;grid-template-columns:260px minmax(300px,1fr) 280px;min-height:calc(100dvh - 130px)}aside{padding:26px 22px;min-width:0}.left{border-right:1px solid #3e4849}.right{border-left:1px solid #3e4849}.eyebrow{color:#e5ad58;font-weight:650}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#bac2bd;margin:16px 0}input,select,textarea{min-width:0;width:100%;border:1px solid #4b5556;background:#202a2d;color:#edece5;border-radius:7px;padding:10px}select{font-size:11px}input[type=range]{padding:0;accent-color:#e5ad58}textarea{min-height:290px;font-family:monospace;font-size:11px;resize:vertical}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.section-title span{color:#9ca9a4;font-size:11px}.parts{display:grid;gap:7px}.part{display:flex;gap:10px;align-items:center;text-align:left;width:100%;min-width:0}.part>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.part small{display:block;font-size:9px;margin-top:4px;letter-spacing:0}.part b{font-size:11px;color:#d6b67f}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.active{border-color:#e0ad62!important;background:#39413b!important}.wide{width:100%;margin:10px 0;font-size:12px}.note{font-size:11px;line-height:1.7;color:#a8b2ae;padding:16px 0;margin-bottom:20px}.note b{display:block;color:#dddfd5}.poses{display:grid;gap:7px}.pose{text-align:left;font-size:11px;display:flex;gap:10px;overflow-wrap:anywhere}.pose span{color:#d5ac6e}.center{padding:26px 30px;min-width:0}.stage-head{display:flex;gap:12px;justify-content:space-between;align-items:center}.stage-head h2{margin:9px 0 20px;font-size:29px}.tabs{display:flex;gap:3px}.tabs button{font-size:10px;text-transform:capitalize;padding:7px}.tabs [aria-pressed=true]{color:#ffd79c;border-color:#d3a763}.stage-wrap{background:#e9dfc5;border-radius:12px;box-shadow:0 15px 50px #070c0e55;overflow:hidden;color:#665c4c}.stage{display:block;width:100%;height:min(54dvh,580px);min-height:320px;touch-action:none;background:radial-gradient(ellipse at 50% 40%,#fff5dc,#d8cbb0)}.stage-caption{display:flex;justify-content:space-between;gap:8px;padding:13px 16px;font-size:10px;border-top:1px solid #cbbfa5}.blend{display:grid;grid-template-columns:1fr 140px 35px;gap:15px;align-items:center;margin:23px 0}.blend b{font-size:12px;overflow-wrap:anywhere}.blend small{letter-spacing:0}.blend>span{font-size:11px;color:#e5ad58}.metrics{display:grid;grid-template-columns:1.5fr 1fr 1fr;border:1px solid #435052;border-radius:9px}.metrics>div{padding:17px;border-right:1px solid #435052;min-width:0}.metrics>div:last-child{border:0}.metrics strong{display:block;font-weight:500;font-size:19px;margin-top:7px;overflow-wrap:anywhere}.metrics small{font-size:8px}.coral{color:#f59a7b}.explanation{font-size:11px;line-height:1.7;color:#abb6b0;min-height:40px}.exportbar{display:flex;gap:8px;flex-wrap:wrap}.exportbar button{font-size:11px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two button{font-size:11px}.right>small{line-height:1.7;letter-spacing:0;display:block}.danger{color:#f3af94}details{border-top:1px solid #425052;margin-top:20px;padding-top:18px}summary{cursor:pointer;font-size:12px}details p{font-size:11px;line-height:1.7;color:#acb6b1}details button{font-size:11px;margin:4px 0}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding:12px 26px;border-top:1px solid #3e4849;color:#adb8b1;position:sticky;bottom:0;background:#1a2225;overflow-wrap:anywhere}footer strong{color:#ffb895}button,summary{-webkit-user-select:none;user-select:none}p,small{overflow-wrap:anywhere}@media(max-width:1100px){main{grid-template-columns:220px minmax(300px,1fr)}.right{grid-column:1/-1;border-top:1px solid #3e4849;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.right>h2,.right>.eyebrow{grid-column:1/-1}.stage-head{display:block}.tabs{margin-bottom:16px}}@media(max-width:700px){header{padding:14px;display:block}.toolbar{margin-top:12px}main{display:flex;flex-direction:column}.center{order:0;padding:20px 14px}.left{order:1;border-right:0;border-top:1px solid #3e4849}.right{order:2;display:block}.stage{height:55dvh}.blend{grid-template-columns:1fr 100px 30px}.metrics strong{font-size:15px}.stage-caption{flex-direction:column}.parts,.poses{grid-template-columns:1fr 1fr}footer{position:static;flex-direction:column;gap:8px}.right,.left{padding:22px}.stage-head h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{header,aside,footer,.tabs,.exportbar{display:none!important}main{display:block}.center{padding:0;color:#111}.stage{height:650px}.metrics,.explanation{color:#111}}h2,.part>span,.pose,.blend b{white-space:pre-wrap;overflow-wrap:anywhere}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}header,.left,.right{animation:arrive .5s ease-out both}.metrics strong,.blend small{white-space:pre-wrap;overflow-wrap:anywhere}.blend>div,.stage-head>div:first-child{min-width:0}.blend{grid-template-columns:minmax(0,1fr) 140px 35px}@media(max-width:700px){.blend{grid-template-columns:minmax(0,1fr) 100px 30px}}