:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#263d37;background:#eeece2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:28px 4vw 80px}header,.stage-head{display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid #c2c8b7;padding-bottom:24px}h1{font:clamp(28px,4vw,54px) Georgia,serif;margin:6px 0}h1 em{font-weight:400;color:#71836b}h2{font:30px Georgia,serif;margin:8px 0 20px}small{letter-spacing:.13em;font-size:10px;font-weight:700}.badge{border:1px solid #8c9b83;border-radius:50%;padding:22px;text-align:center;font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.intro p{font:22px Georgia}.intro span,.fine{font-size:12px;line-height:1.6;color:#566b60}nav,.toolbar{display:flex;gap:8px;flex-wrap:wrap}button,.file{font:inherit;font-size:13px;background:#f8f7ef;color:#294039;border:1px solid #c0c8b6;border-radius:6px;padding:10px 15px;cursor:pointer}button:hover,.selected{background:#d2dfc6!important;border-color:#71876a}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #af6944;outline-offset:3px}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;margin-top:24px}.stage,aside,.panel{background:#faf9f2;border:1px solid #d3d8c9;border-radius:14px;padding:25px}.stage{background:radial-gradient(ellipse at center,#fbfaf3,#e2e7d8)}.face{max-width:540px;margin:auto;animation:arrive .4s ease}.face svg{display:block;width:100%;filter:drop-shadow(4px 9px 6px #263d3722)}.flexes{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.flexes button{padding:10px 3px}.flexes small,.states small{display:block;margin-top:6px;font-size:9px}.side-list{display:flex;gap:7px;margin:18px 0}.side-list button{flex:1;padding:8px 2px;font-size:10px}.side-list strong{display:block;font-size:18px;margin-top:5px}label{display:block;font-size:12px;line-height:1.5;margin:12px 0}input,select,textarea{width:100%;padding:9px;background:#fffdf6;border:1px solid #b8c3af;border-radius:4px;color:inherit;font:inherit;margin-top:5px}input[type=color]{height:40px;padding:4px}input[type=checkbox]{width:auto}.check{display:flex;gap:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}details{margin:18px 0}summary{cursor:pointer;font-size:13px;font-weight:600}pre{white-space:pre-wrap;font-size:11px;max-height:250px;overflow:auto}textarea{height:240px;resize:vertical;font:12px monospace}.panel{margin-top:24px}.strip{overflow:auto;background:#eeeee4;border-radius:9px;padding:15px}.strip svg{width:100%;min-width:750px;max-height:320px}.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:5px;max-height:250px;overflow:auto}.states button{padding:7px;font-size:11px}.file{margin:0}.file input{max-width:210px;padding:0;border:0;font-size:11px}footer{font-size:12px;line-height:1.7;padding:25px 4px}a{color:#456950}.status{position:fixed;bottom:0;left:0;right:0;padding:13px 4vw;background:#263d37;color:#f5f2e4;font-size:13px;z-index:5}@keyframes arrive{0%{opacity:.5;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:780px){main{padding:16px 14px 80px}.layout{grid-template-columns:1fr}.intro{display:block}.badge{display:none}.stage,aside,.panel{padding:17px}header button{font-size:10px}h1{font-size:33px}.stage-head{align-items:flex-start}.flexes{grid-template-columns:repeat(3,1fr)}.intro p{font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}