:root{font-family:Arial,sans-serif;color:#18342d;background:#f5f1e4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{border:1px solid #b3bdb0;border-radius:6px;background:#fffdf3;color:inherit;padding:.65rem}button{cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#e2ebda;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #df7038;outline-offset:3px}.primary{background:#244b3c;color:#fffdf3;border-color:#244b3c}.primary:hover{background:#34634e}header{padding:22px 4vw;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cbd0be}.brand{font-family:Georgia,serif;font-size:32px;display:flex;gap:18px;align-items:center}.brand span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em}.top-actions,.row{display:flex;gap:8px;flex-wrap:wrap}.intro{display:flex;justify-content:space-between;align-items:end;padding:40px 4vw 30px;gap:20px}.eyebrow,.stage-top{font-size:10px;letter-spacing:.16em;font-weight:700}.eyebrow{color:#6f7864;margin:0 0 18px}h1{font-size:clamp(36px,5vw,70px);font-family:Georgia,serif;letter-spacing:-.05em;font-weight:400;line-height:1;margin:0}h1 span{color:#c75b31;display:block}h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:10px 0}.intro>p{font-size:14px;line-height:1.7;max-width:340px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:0 4vw}.stage{position:relative;border-radius:14px;background:#183c32;color:#f4f0dd;overflow:hidden;min-height:590px}.stage-top{display:flex;justify-content:space-between;padding:22px}.scene{height:390px;width:100%;position:relative;background:radial-gradient(ellipse at 50% 60%,#31594b 0,#183c32 65%)}.scene canvas{display:block;width:100%;height:100%}.render-error{position:absolute;inset:20%;font-size:18px;line-height:1.5}.stage-caption{padding:0 22px;display:flex;justify-content:space-between;align-items:end;gap:15px}.stage-caption span{font-size:12px;color:#bfcec1}.stage-caption h2{overflow-wrap:anywhere}.orbit{display:flex;gap:24px;padding:15px 22px}.orbit label{flex:1;min-width:0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.orbit input{display:block;width:100%;padding:0;accent-color:#efaa80}.stage>.small{padding:0 22px 15px;color:#b5c7ba;margin:0}.small{font-size:12px;line-height:1.6;color:#657661}aside{border:1px solid #cbd0be;border-radius:14px;padding:22px;background:#eeeddd}label{display:block;font-size:12px;margin:10px 0}label input,label select{display:block;width:100%;margin-top:6px}aside button{width:100%;margin-bottom:8px}.transform fieldset{border:0;padding:0;display:flex;gap:8px}.transform legend{font-size:11px;padding:12px 0 0}.transform label{min-width:0;flex:1}.transform input{width:100%;padding:8px 3px}.lower{padding:38px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.lower>section{min-width:0;border-top:1px solid #b8c2b2;padding-top:22px}.draft{display:block;width:100%;aspect-ratio:1;max-height:none;background:#ebeedd;border-radius:8px;touch-action:manipulation;margin-top:16px;cursor:crosshair}.graph svg{display:block;width:100%;height:auto;max-height:320px;background:#142825;border-radius:9px}.pairs{max-height:250px;overflow:auto;margin-top:15px}.pair{display:grid;grid-template-columns:45px minmax(90px,1fr) minmax(80px,1fr);gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #d2d7c7;font-size:11px}.pair select{padding:6px;font-size:11px;min-width:0}.contact{color:#ad4329}.clear{color:#58705d}.studies{margin:25px 0}.studies button{display:flex;justify-content:space-between;width:100%;padding:13px;margin:6px 0;background:#e6ead9}.studies span{color:#89957c}.exports{display:flex;flex-wrap:wrap;gap:7px}.exports button{font-size:12px}.import input{max-width:100%;font-size:12px}.warning{font-size:12px;color:#9a4f32}.status{position:sticky;bottom:0;background:#e4ebd5;border-top:1px solid #bac7ac;padding:14px 4vw;font-size:13px;z-index:2}footer{padding:25px 4vw;display:flex;gap:30px;align-items:center;border-top:1px solid #c3cbb8}footer p{font-size:11px;line-height:1.6;max-width:760px}footer div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px}footer button{font-size:11px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 260px}.lower{grid-template-columns:1fr 1fr}.lower>section:last-child{grid-column:1/-1}.stage-caption{display:block}}@media(max-width:680px){header{align-items:start}.brand span{display:none}.top-actions button{font-size:11px;padding:8px}.intro{display:block;padding-top:30px}.workspace,.lower{grid-template-columns:1fr}.scene{height:340px}.stage{min-height:540px}.orbit{gap:10px}footer{display:block}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}main{min-height:100vh}