:root{font-family:Arial,Helvetica,sans-serif;color:#e6e5df;background:#14172a;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #45485a;color:inherit;background:transparent;padding:10px 13px;border-radius:4px;cursor:pointer;transition:background .15s}button:hover{background:#30354b}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f8b982;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:40px;padding:25px 34px;border-bottom:1px solid #35394c}.brand{font-size:12px;letter-spacing:3px;line-height:1.4;padding-left:46px;position:relative}.brand b{font-weight:500}.brand-icon{font-size:43px;position:absolute;left:0;top:-6px;color:#f8b982}.edition{font-size:10px;letter-spacing:2px;line-height:1.8}.edition span{color:#8e95aa;letter-spacing:1px}.header-actions{margin-left:auto;display:flex;gap:9px}.light{background:#f3e8d0;color:#1c2444;border-color:#f3e8d0}.light:hover{background:#f8b982}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;max-width:1700px;margin:auto}.stage{padding:30px 38px;border-right:1px solid #35394c}.stage-title{display:flex;gap:20px;justify-content:space-between;align-items:start}.eyebrow{font:10px monospace;letter-spacing:2px;color:#9aa3be}h1{font-family:Georgia,serif;font-size:clamp(22px,2.3vw,34px);font-weight:400;max-width:520px;margin:12px 0}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:12px 0 20px}.badge{font:10px monospace;white-space:nowrap;border:1px solid #424759;border-radius:20px;padding:8px;margin-top:4px}.art-area{display:flex;position:relative;justify-content:center;gap:22px;align-items:center;margin:26px 0}.canvas-wrap{position:relative;width:min(100%,530px);aspect-ratio:1;box-shadow:0 20px 65px #06091680;touch-action:none;background:#222a50}.canvas-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.canvas-wrap svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke-width:.6}.side-caption,.vertical-readout{writing-mode:vertical-rl;font:9px monospace;letter-spacing:2px;color:#8994b4}.side-caption{transform:rotate(180deg)}.vertical-readout span{display:inline-block;margin-top:30px;color:#f8b982}.stage-tools{display:flex;align-items:center;justify-content:space-between;gap:15px}.stage-tools>span{font-size:10px;color:#a1a9bf}.segmented{display:flex;white-space:nowrap}.segmented button{border-radius:0;font-size:11px}.segmented button[aria-pressed=true]{color:#f8b982;background:#292f45}.transport{display:flex;align-items:center;gap:12px;padding:26px 0 20px}.play{background:#f8b982;color:#19213a;border-color:#f8b982;min-width:45px}.transport input{flex:1;min-width:30px;accent-color:#f8b982}.transport button:not(.play){padding:7px}.transport output{font:18px monospace;white-space:nowrap}.transport small{color:#939bb0;font-size:11px}.timeline{border-top:1px solid #35394c}.track-row{display:flex;align-items:center;width:100%;gap:18px;border:0;border-radius:0;border-bottom:1px solid #35394c;padding:13px 10px;text-align:left;font:11px monospace}.track-row>span:first-child{width:160px}.track-row.selected{background:#22283e}.lane{height:9px;position:relative;flex:1;background:repeating-linear-gradient(90deg,#33394d 0,#33394d 1px,transparent 1px,transparent 25%)}.lane i{position:absolute;height:9px;border-radius:2px}.status{min-height:54px;padding-top:18px;font-size:11px;line-height:1.5;color:#aab2c6}aside{background:#1c2034}aside section{padding:27px 24px;border-bottom:1px solid #3a3f52}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-grid button{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:12px}.rule-grid button>span{font-size:24px}.rule-grid small{font-size:9px;color:#a7aec2}.rule-grid [aria-pressed=true]{border-color:#f8b982;background:#342e36;color:#f8b982}p,.tiny{font-size:11px;color:#a8afc3;line-height:1.7}.section-head{display:flex;justify-content:space-between;font:10px monospace}.check{display:flex;align-items:center;gap:7px;font-size:12px}.check input{accent-color:#f8b982}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 12px}.fields label{font-size:9px;color:#a8afc3}.fields input{margin-top:8px;width:100%;background:#14192d;border:1px solid #454b61;color:#f4e9d2;padding:10px;border-radius:3px}.text-button{font-size:11px;color:#f8b982;border:0;padding-left:0}details{margin-top:15px}summary{font-size:11px;cursor:pointer;color:#c3cada}textarea{display:block;width:100%;height:130px;margin:12px 0;background:#14192d;border:1px solid #454b61;color:#eee;padding:8px;font:11px monospace}details button{font-size:10px;margin:3px}.ground{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.ground>label:first-child{display:flex;align-items:center;gap:10px;font-size:11px}.ground input[type=color]{width:35px;height:30px;border:0;padding:0;background:none}.demo-buttons{display:grid;gap:8px;margin-top:18px}.demo-buttons button{text-align:left;font-size:11px}footer{max-width:1700px;margin:auto;border-top:1px solid #35394c;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}footer h2{margin-bottom:0}.export-actions{display:flex;gap:10px}.strip{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:15px}.strip button{padding:0;overflow:hidden;border-color:#45485a;text-align:left}.strip canvas{width:100%;display:block;image-rendering:pixelated}.strip span{display:block;padding:10px;font:9px monospace}.privacy{flex-basis:100%;border-top:1px solid #35394c;padding-top:20px}.privacy p{max-width:900px}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 300px}.stage{padding:25px 20px}.stage-tools{flex-wrap:wrap}.side-caption,.vertical-readout,.edition{display:none}header{padding:20px}.badge{display:none}}@media(max-width:720px){header{flex-wrap:wrap;gap:20px}.header-actions{margin-left:0;width:100%}.header-actions button{flex:1;font-size:11px}main{display:block}.stage{border-right:0}.canvas-wrap{max-width:480px}.stage-title h1{font-size:29px}aside{display:grid;grid-template-columns:1fr}.transport{gap:7px}.transport output{font-size:14px}.track-row>span:first-child{width:145px}footer{padding:25px 20px}.strip{grid-template-columns:repeat(3,1fr);gap:8px}.export-actions{width:100%}.export-actions button{flex:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}