:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d9e4df;background:#0d171b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;background:#1b2a2e;border:1px solid #344346;border-radius:6px;padding:11px 12px;cursor:pointer;text-align:center;transition:background .18s,transform .18s}button:hover{background:#314447;transform:translateY(-1px)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #f3bc7c;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button[aria-pressed=true]{background:#daecdf;color:#162b27}.app{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 45% 10%,#1b3034 0,transparent 60%),#0d171b}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #314146;padding:23px 32px}.brand{color:#e6eee4;text-decoration:none;display:flex;gap:15px;align-items:center;font-size:14px;letter-spacing:2px;font-weight:700}.brand small{display:block;color:#8a9d9c;font-size:8px;letter-spacing:2px;margin-top:6px}.mark{color:#f5aa77;font-size:38px;line-height:32px}.local{margin-left:auto;color:#97b4a9;font-size:11px}header button{font-size:11px}main{display:grid;grid-template-columns:258px minmax(350px,1fr) 250px;flex:1}aside{padding:30px 24px;border-right:1px solid #304044;display:flex;flex-direction:column;gap:14px;min-width:0}.right{border-right:0;border-left:1px solid #304044}h1{font-family:Georgia,serif;font-size:29px;line-height:1.15;font-weight:400;margin:0}h1 em{font-weight:400;color:#f2ba8c}h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0;overflow-wrap:anywhere}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#9cb1ac;margin:0 0 7px}.muted{font-size:12px;line-height:1.7;color:#a1b0ac;margin:0}.hint{font-size:10px;line-height:1.65;color:#8fa19e;margin:0}label{font-size:11px;color:#acbbb5;display:flex;gap:9px;flex-wrap:wrap;align-items:center}label b{margin-left:auto;font-weight:400}input[type=number]{width:100%;min-width:0;background:#101e22;border:1px solid #3a4a4c;border-radius:5px;color:#e1e8dd;padding:8px}input[type=range]{width:100%;accent-color:#b3d4bf}input[type=color]{width:55px;border:none;background:transparent;margin-left:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two button{font-size:11px;padding:10px 6px}.studies{display:grid;gap:6px}.studies button{display:flex;gap:9px;align-items:center;font-size:10px;color:#a5b6ac}.studies span{flex:1;text-align:left;color:#e3e5da}details{border:1px solid #304346;border-radius:6px;padding:12px;font-size:11px}details[open]{display:flex}details button{margin-top:9px;width:100%;font-size:10px}details .two{margin-top:12px}summary{cursor:pointer;color:#bfcbbd}details p{margin-top:10px!important}.seg{display:flex;gap:3px;background:#101d21;padding:3px;border-radius:6px}.seg button{flex:1;border:0;padding:7px 9px;font-size:10px;text-transform:capitalize;background:transparent}.seg button[aria-pressed=true]{background:#d8e5da}.workspace{padding:30px 32px;min-width:0;display:flex;flex-direction:column}.worktop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.stage{position:relative;min-height:370px;flex:1;display:flex;align-items:center;justify-content:center;padding:45px 24px 60px;background:radial-gradient(#344548 1px,transparent 1px);background-size:16px 16px;border:1px solid #324245;border-radius:8px;overflow:hidden}.paper{max-width:100%;width:100%;display:flex;justify-content:center;filter:drop-shadow(0 20px 25px #0006)}canvas{max-width:100%;max-height:60vh;object-fit:contain;width:auto;height:auto;image-rendering:pixelated;cursor:crosshair;outline:1px solid #cfddd140}.dimension{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:2px;color:#adbbb1}.status{display:flex;gap:10px;font-size:11px;line-height:1.5;color:#b5c8bb;padding:18px 0;min-height:57px}.status span{color:#c1dfb9}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #344346;border-bottom:1px solid #344346;padding:20px 0;gap:12px}.metrics strong{font-weight:400;font-size:26px;font-family:Georgia,serif;color:#e5e5cf}.metrics small{font-size:14px;color:#839c92}.metrics span{display:block;font-size:9px;letter-spacing:1px;color:#96aaa1;margin-top:7px}.timeline{margin-top:24px}.timeline ol{list-style:none;padding:0;display:grid;gap:5px;max-height:150px;overflow:auto}.timeline li{font-size:10px;color:#9fb1a5;border-bottom:1px solid #2c3d40;padding:5px}.timeline li span{color:#e8b38a;margin-right:16px}.timeline li b{float:right;font-weight:400}.primary{background:#cfe1cf;color:#163128;border:0}.primary:hover{background:#e0eedf}.export{background:#e9b488;color:#33271e;border:0}.export:hover{background:#f2c49f}.rule{height:1px;background:#354446;margin:8px 0}.right label{margin-top:8px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #304044;padding:15px 30px;font-size:8px;letter-spacing:1.5px;color:#7b948b}.pulse{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1100px){main{grid-template-columns:220px minmax(300px,1fr)}.right{grid-column:1/-1;border-top:1px solid #344346;display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.right .hint,.right details{grid-column:span 2}.right .rule{display:none}.workspace{padding:24px 20px}}@media(max-width:700px){header{padding:18px;gap:10px}.local{display:none}header button{margin-left:auto}.brand{font-size:11px}.brand small{font-size:6px}main{display:flex;flex-direction:column}.workspace{order:-1;padding:24px 16px}.worktop{align-items:flex-start}.worktop h2{font-size:22px}.stage{min-height:300px;padding:25px 15px 50px}aside{border-top:1px solid #344346;padding:24px;display:grid;grid-template-columns:1fr 1fr}aside h1,aside .muted,aside .studies,aside .eyebrow,aside .hint{grid-column:span 2}.right{grid-template-columns:1fr 1fr}.right h2{grid-column:span 2}footer{line-height:1.6;padding:18px;flex-direction:column}.metrics strong{font-size:23px}}.worktop>div:first-child{min-width:0;flex:1}.worktop h2{white-space:pre-wrap}.worktop>.seg{flex-shrink:0}