:root{font-family:Arial,sans-serif;color:#293b36;background:#ece8dd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #c5cbbd;border-radius:7px;padding:10px 12px;background:#faf7ef;color:#293b36;font-size:12px;line-height:1.3}button:hover{background:#e5eddf}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c96740;outline-offset:3px}main{min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:20px;padding:25px 32px;border-bottom:1px solid #c9cebf}header .logo{font:60px Georgia;color:#bf6844}small{font-size:9px;letter-spacing:2px}h1{font:30px Georgia;margin:5px 0}h1 span{font-style:italic;margin-left:8px;color:#8b563e}header p{margin-left:auto;font:17px Georgia;line-height:1.4}header em{color:#9d5c3d}.workspace{display:grid;grid-template-columns:255px minmax(300px,1fr) 255px;flex:1}aside{padding:24px 22px;background:#f3f0e7;display:flex;flex-direction:column;gap:9px}aside:first-child{border-right:1px solid #c9cebf}aside:last-child{border-left:1px solid #c9cebf}h2{font:18px Georgia;margin:10px 0 5px}h2 i{font:10px Arial;letter-spacing:1px;color:#9c674a;margin-right:6px}p{font-size:12px;line-height:1.6;margin:3px 0 8px}.hint{font-size:10px;color:#69746a;line-height:1.6}label{font-size:10px;color:#54665a;display:flex;flex-direction:column;gap:5px}input,textarea{width:100%;background:#fffcf5;border:1px solid #c5cbbd;border-radius:5px;padding:9px;color:#293b36}textarea{min-height:190px;font:11px monospace}.tools,.numbers{display:flex;gap:6px;flex-wrap:wrap}.numbers label{flex:1;min-width:50px}.tools button{flex:1}.primary,.active{background:#304e40;color:#fff6e4;border-color:#304e40}.primary:hover,.active:hover{background:#496753}.stage{padding:24px clamp(12px,3vw,50px);display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-title{width:100%;max-width:650px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.stage-title span{font:15px Georgia;overflow-wrap:anywhere;white-space:pre-wrap}.stage-title button{font-size:10px}.paper{width:100%;max-width:650px;aspect-ratio:1;display:block;touch-action:none;box-shadow:0 18px 35px #394a3420;outline:1px solid #dcd3bf}.metrics{display:flex;width:100%;max-width:650px;justify-content:space-between;padding:20px 0}.metrics div{display:flex;flex-direction:column;gap:4px}.metrics b{font:25px Georgia}.metrics span{font-size:9px;letter-spacing:1px;text-transform:uppercase}.transport{display:flex;gap:7px;flex-wrap:wrap}.status{padding:14px 0 2px;text-align:center;font:15px Georgia;min-height:40px}.pins{padding:0;list-style:none;max-height:260px;overflow:auto}.pins li{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:11px;border-bottom:1px solid #ddd}.pins li b{display:inline-block;width:20px;color:#a35232}.pins button{padding:5px 7px;margin-left:3px}details{border-top:1px solid #d2d5c9;padding:12px 0}details p{margin-top:10px}summary{font-size:12px;cursor:pointer}details button{margin:5px 0;width:100%}.danger{margin-top:auto;background:transparent;border-style:dashed;color:#8a503d}footer{font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;padding:17px 32px;border-top:1px solid #c9cebf}@media(min-width:1500px){.workspace{grid-template-columns:290px 1fr 290px}.paper{max-width:720px}}@media(max-width:1000px){.workspace{grid-template-columns:220px 1fr}.workspace>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stage{padding:20px}.workspace>aside:last-child h2,.workspace>aside:last-child details{grid-column:1/-1}}@media(max-width:650px){header{padding:20px;gap:10px;flex-wrap:wrap}header p{display:none}h1{font-size:24px}.workspace{display:flex;flex-direction:column}.stage{order:-1}aside{border:0!important}header>button{margin-left:auto}footer{gap:15px;line-height:1.7;flex-direction:column}.workspace>aside:last-child{display:flex}.metrics b{font-size:20px}}