*{box-sizing:border-box}body{margin:0;background:#eee9dd;color:#302e29;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid #c2bca9;background:#f9f4e8;color:#302e29;padding:10px 13px;border-radius:8px;cursor:pointer}button:hover{background:#ead3ad}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #358a91;outline-offset:2px}header{height:100px;display:flex;align-items:center;gap:20px;padding:20px 30px;border-bottom:1px solid #c3beae}header button{margin-left:auto}.mark{font-size:58px;color:#be673d}small{font-size:10px;letter-spacing:1.8px}h1{font-size:21px;margin:6px 0}h2{font:40px Georgia,serif;line-height:1.03;margin:16px 0}p{font-size:13px;line-height:1.6}main{display:grid;grid-template-columns:265px minmax(400px,1fr) 290px;min-height:calc(100vh - 100px)}aside{padding:28px 22px;border-right:1px solid #c3beae}.editor{border-right:0;border-left:1px solid #c3beae}.stage{position:relative;padding:22px;background:#f7f0e2;min-width:0}.stage-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.scene{height:auto;aspect-ratio:1;max-width:520px;width:100%;margin:auto;position:relative}.scene canvas{width:100%!important;height:auto!important;display:block;aspect-ratio:1}.scene-error{position:absolute;inset:40% 10%;text-align:center}.specimen{position:relative;width:180px;aspect-ratio:1;margin:-160px 0 10px;background:#eee6d5e8;border:1px solid #bdb39b;border-radius:50%;pointer-events:none}.specimen svg{width:100%;height:100%}label{display:block;font-size:11px;font-weight:700;margin:15px 0 8px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #c6bdab;background:#fffbf2;border-radius:6px;padding:9px;color:#302e29}textarea{min-height:260px;font:11px monospace;resize:vertical}.row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row label{flex:1;min-width:70px}.row button{flex:1}.primary{background:#354a44;color:#fff9e9;border-color:#354a44}.note{font-size:11px;color:#6b665a}nav{display:flex;flex-direction:column;gap:8px;margin:22px 0}nav button{display:flex;gap:12px;text-align:left}nav b{font:24px Georgia;color:#a25334}nav small{display:block;letter-spacing:.4px;margin-top:6px}.chosen{background:#e6c99e;border-color:#93643c}.exports{display:flex;flex-wrap:wrap;gap:8px}.danger{margin-top:20px;color:#913c35}details{margin:20px 0}summary{cursor:pointer}footer{display:flex;align-items:center;padding:15px 30px;gap:16px;background:#e2ddce}footer p{font-size:10px;flex:1}.focus main{grid-template-columns:1fr}.focus aside{display:none}.focus .stage{min-height:calc(100vh - 100px)}.focus .scene{max-width:650px}.focus .specimen{margin-left:15%}@media(max-width:1100px){main{grid-template-columns:220px 1fr}.editor{grid-column:1/-1;border-top:1px solid #c3beae}}@media(max-width:720px){header{padding:15px;height:auto}h1{font-size:16px}.mark{font-size:38px}main{display:flex;flex-direction:column}.stage{order:-1}aside{border-bottom:1px solid #c3beae}.specimen{width:120px;margin-top:-110px}.stage-head{font-size:9px}footer{flex-wrap:wrap;padding:15px}footer p{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}