:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ecedde;background:#132329;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:#263b40;color:#e9eddf;border:1px solid #43565a;border-radius:7px;padding:10px 13px}button:hover{background:#354d50}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f0ba72;outline-offset:3px}a{color:#d8be8b}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b4c4b;font-size:11px;letter-spacing:2px}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:15px}.mark{font-size:32px;color:#e9ba77}.local{letter-spacing:0;color:#acc4a7}.heading{display:flex;align-items:center;justify-content:space-between;margin:40px 0 32px}main{max-width:1600px;margin:auto;padding:0 4vw}h1{font-size:clamp(28px,3vw,46px);font-weight:500;letter-spacing:-1.7px;margin:8px 0}h1 span{display:block;color:#97adaa}h2{font-size:20px;font-weight:500}h3{font-size:14px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#d7b782}.primary{background:#ecc790;color:#203133;border:0;font-size:16px;padding:18px 24px;min-width:180px}.primary span{margin-left:35px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid #435453;border-radius:12px;overflow:hidden}.stage{min-width:0;background:#0e1d23}.stagebar,.stagefoot{display:flex;justify-content:space-between;padding:17px 22px;font-size:10px;letter-spacing:1px;color:#9fb4b7}.preview{padding:16px 24px;background:repeating-linear-gradient(45deg,#15262d 0 1px,#102129 1px 10px)}iframe{border:1px solid #465559;width:100%;height:min(65vw,640px);background:#111d24;border-radius:3px}.stagefoot{letter-spacing:0;font-size:11px;gap:20px}.demo-row{padding:16px 22px;display:flex;gap:8px;align-items:end;flex-wrap:wrap;border-top:1px solid #35494d}.demo-row label{flex:1;min-width:220px}.demo-row button{margin-bottom:12px}aside{border-left:1px solid #435453;padding:20px;background:#1d3035;max-height:880px;overflow:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid #52625c;padding-bottom:18px}.tabs button{flex:1;text-transform:capitalize;background:transparent;border:0;color:#9cafad}.tabs button[aria-pressed=true]{background:#d9c9a7;color:#243735}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title span{color:#99b2af;font-size:11px}label{display:block;font-size:11px;color:#b2c3bd;margin:10px 0 12px}input,select,textarea{display:block;width:100%;background:#11262c;color:#e6e6d7;border:1px solid #4c625f;border-radius:5px;padding:9px;margin-top:6px}input[type=color]{height:34px;padding:4px}input[type=range]{padding:0;accent-color:#e6ba7b}.layer-list{max-height:185px;overflow:auto;margin:18px 0}.layer-list button{display:flex;width:100%;justify-content:space-between;margin:3px 0;background:transparent;border:1px solid transparent;font-size:12px}.layer-list button span:last-child{color:#9db0aa}.layer-list .active{border-color:#c3aa77;background:#32464a}.add-row{display:flex;flex-wrap:wrap;gap:4px}.add-row button{font-size:10px;padding:7px}.inspector{border-top:1px solid #435956;margin-top:20px;padding-top:4px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.numbers input{padding:7px 3px}.inspector button{font-size:11px;margin:3px}.quiet{background:transparent;color:#c7ab99}.hint{font-size:11px;line-height:1.65;color:#a0b5ad}.resource{border:1px solid #52635c;padding:12px;border-radius:7px;margin:12px 0;overflow-wrap:anywhere;font-size:11px}.resource code{display:block;font-size:9px;color:#c7ac7b;margin-top:10px}.resource p{margin:8px 0}.resource small{color:#a6bbb1}aside>a{display:block;margin:15px 0;font-size:11px}textarea{height:480px;font:11px/1.5 monospace;resize:vertical}.packing{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:40px 0 22px}.packing h2{font-size:28px;margin:12px 0}.packing p{color:#acc0b8;line-height:1.7}.packing .eyebrow{color:#d7b782}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-grid button{text-align:left;padding:20px;background:#20353a}.export-grid strong,.export-grid span{display:block;font-weight:400}.export-grid span{font-size:11px;color:#a9bfb6;margin-top:10px}.status{padding:16px;background:#294443;border-left:3px solid #c1b27e;min-height:50px}.boundary{font-size:11px;color:#9db4ac;border-top:1px solid #41554e;margin-top:24px;padding-top:22px;line-height:1.7}.boundary strong{color:#dcc9a3}details{font-size:11px;color:#91aaa0;margin:24px 0;max-width:850px;line-height:1.6}details button{font-size:11px;margin-right:6px}footer{border-top:1px solid #3d514c;padding:22px 4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#8fa49d}footer span{letter-spacing:0}@media(max-width:1000px){.workspace{grid-template-columns:1fr 300px}.stagefoot span:last-child{display:none}}@media(max-width:760px){.edition{display:none}.heading{align-items:start;gap:20px;flex-direction:column}.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #435453;max-height:none}iframe{height:600px}.preview{padding:8px}.packing{grid-template-columns:1fr;gap:12px}.stagebar{padding:14px}.export-grid{grid-template-columns:1fr}.local{font-size:10px}footer{gap:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.resource p{white-space:pre-wrap}.resource p:last-child{max-height:120px;overflow:auto}.stagebar button{font-size:10px;padding:4px 8px}