:root{font-family:Inter,Arial,sans-serif;color:#f0eadd;background:#181e22;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #586166;color:inherit;background:transparent;padding:.65rem .8rem;border-radius:4px}button:hover{background:#384749}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffba77;outline-offset:2px}header{height:100px;padding:20px 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #465052}.brand{display:flex;gap:15px;font-size:42px;font-weight:800;letter-spacing:-4px}.brand span{font-size:10px;letter-spacing:2px;line-height:1.6;margin-top:6px}header p,small,.stagebar{font-size:10px;letter-spacing:2px}header button{background:#f3be86;color:#20282b;border:0}.workspace{display:grid;grid-template-columns:280px minmax(320px,1fr) 300px;min-height:calc(100vh - 100px)}aside{padding:30px 24px;border-right:1px solid #465052}.editor{border-left:1px solid #465052;border-right:0;max-height:1000px;overflow:auto}h1{font-size:40px;line-height:1.08;font-weight:400;letter-spacing:-2px;margin:24px 0}em{font-family:Georgia,serif;color:#f7bc88;font-weight:400}p{font-size:13px;line-height:1.65;color:#aeb8b8}label{display:block;font-size:11px;color:#bbc8c7;margin:12px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:8px;border:1px solid #536467;background:#202a30;color:#fff;border-radius:3px}small{color:#95b7b5}.sheetlist{margin:25px 0}.sheetlist>div{display:flex;border-bottom:1px solid #455154}.sheetlist button:first-child{flex:1;text-align:left;font-size:12px;border:0;padding:15px 4px}.sheetlist b{color:#9bb9b4;margin-right:10px}.sheetlist small{display:block;margin:8px 0 0 29px;font-size:8px}.sheetlist .selected{background:#344c4e}.sheetlist button:last-child{border:0}.hint{font-size:11px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{font-size:11px;padding:9px}.stage{padding:24px 4vw 32px;background:radial-gradient(ellipse at 50% 35%,#405157,#242e33 70%)}.stagebar{display:flex;justify-content:space-between;gap:10px;color:#b1c2c0;margin:4px 0 32px}.stagebar b{color:#ffc38d}.proof{max-width:570px;margin:auto;background-color:#eae5d9;background-image:linear-gradient(45deg,#dad8cf 25%,transparent 25%),linear-gradient(-45deg,#dad8cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dad8cf 75%),linear-gradient(-45deg,transparent 75%,#dad8cf 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:0 25px 50px #0005;animation:arrive .35s ease-out}.proof svg{width:100%;height:auto;display:block}.proofcaption{margin:25px 0}.proofcaption h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin-bottom:4px}details{border-top:1px solid #586162;margin-top:20px;padding-top:12px}summary{cursor:pointer;font-size:12px;line-height:1.5}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.point{display:flex;align-items:center;gap:5px;font-size:10px}.point input{width:65px}.point button{padding:5px}.empty{padding:20px;border:1px dashed #65726e}.source{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #586162;padding:35px 4vw}.source textarea{height:220px;font:11px/1.5 monospace}footer{border-top:1px solid #586162;padding:20px 4vw}footer p{max-width:1000px;font-size:11px}footer [role=status]{color:#ffd0a1;font-size:14px}footer button{font-size:11px;margin-right:8px}@keyframes arrive{0%{opacity:.5;transform:scaleX(.93)}to{opacity:1;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1100px){.workspace{grid-template-columns:250px 1fr}.editor{grid-column:1/-1;max-height:none;display:block;border-top:1px solid #586162}.editor details{display:inline-block;vertical-align:top;width:280px;margin:10px}.stage{padding:24px}}@media(max-width:650px){header p{display:none}.workspace,.source{display:block}aside{border-bottom:1px solid #586162}.stagebar{font-size:8px}.editor details{display:block;width:auto}.source textarea{height:260px}}.focused .workspace{display:block;min-height:calc(100vh - 100px)}.focused .workspace>aside,.focused .source{display:none}.focused .stage{min-height:calc(100vh - 100px)}.focused .proof{max-width:min(70vh,850px)}