:root{font-family:system-ui,sans-serif;color:#e4d4b7;background:#141f2a;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;padding:28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;border-bottom:1px solid #53606a;padding-bottom:24px}.eyebrow,footer,.caption{font-size:10px;letter-spacing:2px}h1{font:48px Georgia,serif;margin:10px 0 0}h1 i{color:#deb87b;font-weight:400}.badge{padding:12px 20px;border:1px solid #707370;border-radius:50%;font:italic 18px Georgia}.workspace{display:grid;grid-template-columns:240px minmax(300px,1fr) 240px;gap:28px}aside{font-size:12px}h2{font-size:13px;letter-spacing:1px;color:#efc98b;margin-top:24px}p{line-height:1.6;color:#aeb7ba}label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}input,select,textarea{background:#202f3b;border:1px solid #58626a;border-radius:4px;color:#eee1cb;padding:8px;min-width:0}input[type=number]{width:76px}input:not([type=number]){width:140px}button{font:inherit;color:#e7d8bd;background:#223440;border:1px solid #637072;border-radius:4px;padding:10px 12px;cursor:pointer;margin:4px 4px 4px 0;transition:background .15s,transform .15s}button:hover{background:#3a4b54;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}.primary{background:#b79763;color:#101d28;border-color:#c7b185}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #edc47e;outline-offset:3px}.studies button{width:100%;text-align:left}.stage{padding:10px 0}.stagebar{display:flex;justify-content:space-between;align-items:center;gap:12px;font:italic 17px Georgia}.paper{margin:24px auto;background:#e9dcc2;padding:22px 22px 12px;max-width:660px;box-shadow:0 25px 50px #0006;animation:arrive .45s ease-out}canvas{display:block;width:100%;aspect-ratio:1;cursor:crosshair;image-rendering:pixelated}.caption{color:#4f4c44;padding:14px 0 4px;letter-spacing:3px}.metrics{display:flex;gap:20px;justify-content:center;font-size:11px}.metrics b{color:#f0c887;font-size:17px}.stage>p{text-align:center}.actions{display:flex;justify-content:center;flex-wrap:wrap}.note{font-size:11px}details{border-top:1px solid #46545c;margin-top:18px;padding-top:14px}summary{cursor:pointer;line-height:1.5}textarea{width:100%;height:160px;resize:vertical}ol{max-height:220px;overflow:auto;padding-left:22px}li{padding:5px 0}footer{display:flex;justify-content:space-between;border-top:1px solid #46545c;margin-top:30px;padding-top:20px;color:#8e9ba3}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}button:hover{transform:none}}@media(max-width:1050px){.workspace{grid-template-columns:200px 1fr}.workspace>aside:last-child{grid-column:1/-1;display:block}.badge{display:none}}@media(max-width:680px){main{padding:16px}.workspace{display:flex;flex-direction:column}.stage{order:-1}h1{font-size:38px}.paper{padding:12px}.metrics{gap:10px;flex-wrap:wrap}footer{display:block}footer span{display:block;margin-top:10px}}.stagebar>span{min-width:0;flex:1;overflow-wrap:anywhere;white-space:pre-wrap}.stagebar>select{flex:0 0 auto;max-width:45%}