:root{font-family:Arial,Helvetica,sans-serif;color:#243b36;background:#f2f0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #cad2c8;background:transparent;color:inherit;border-radius:5px;padding:9px 12px;cursor:pointer;transition:background .18s,border-color .18s}button:hover{background:#e1e8da;border-color:#70977f}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c76d40;outline-offset:3px}main{min-height:100dvh;width:100%;padding:28px 36px}header{display:flex;gap:20px;align-items:center;border-bottom:1px solid #cdd1c7;padding-bottom:24px}.brand{font-size:30px;text-decoration:none;color:#234b3f;font-weight:800;letter-spacing:-5px;border:1px solid #81978a;padding:14px 18px 14px 12px}.brand span{color:#c4744b;display:inline-block;transform:translateY(-8px);font-size:25px}h1{font-family:Georgia,serif;font-size:40px;letter-spacing:-1.5px;margin:2px 0}h1 span{color:#c8754e}.eyebrow,.section-label{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.6;margin:0 0 7px}header .export{margin-left:auto;background:#285847;color:#faf7e9;padding:15px 22px}.toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;padding:16px 0}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button{font-size:11px;letter-spacing:0}.live-dot{display:inline-block;width:6px;height:6px;background:#5d9477;border-radius:50%;margin-right:7px}.workspace{display:grid;grid-template-columns:245px minmax(320px,1fr) 275px;border:1px solid #ced5ca;border-radius:8px;overflow:hidden;min-height:700px}.layers{padding:24px 18px;background:#e9ede3}.layers h2{font-family:Georgia,serif;font-size:25px;letter-spacing:-.8px}.muted{font-size:12px;line-height:1.6;color:#6c7b6e}.add{width:100%;margin:10px 0}.feature-list{list-style:none;padding:0;margin:7px -6px;max-height:600px;overflow:auto}.feature-list button{width:100%;display:flex;align-items:center;text-align:left;border-color:transparent;padding:10px 7px;gap:9px}.feature-list .selected{background:#fafbf5;border-color:#c4cebd}.feature-list b{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.feature-list small{display:block;font-size:9px;color:#7c8b79;margin-top:3px}.feature-list i{margin-left:auto;font-size:10px;font-style:normal;border:1px solid #c3cdbb;border-radius:3px;padding:2px 5px}.swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid #0002}.stage-panel{padding:26px 30px;background:#f8f6ef}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-heading h2{font:26px Georgia,serif;letter-spacing:-.6px;margin:0 0 22px}.stage-heading .eyebrow{font-size:9px;color:#8d8d71}.counter{font-size:10px;white-space:nowrap;border:1px solid #d3d7c9;padding:6px 9px;border-radius:30px}.tier-tabs{display:flex;gap:5px;margin-bottom:24px}.tier-tabs button{flex:1;text-transform:capitalize;position:relative;font-size:12px;text-align:left;padding:10px}.tier-tabs button[aria-pressed=true]{background:#2e5c4d;color:#fff9e9;border-color:#2e5c4d}.tier-tabs span{font-size:9px;margin-right:9px;opacity:.65}.tier-tabs small{display:block;font-size:9px;margin:5px 0 0 22px;opacity:.65}.paper{max-width:600px;margin:auto;background:#f7efdd;padding:28px 28px 0;border:1px solid #e0d9c8;box-shadow:0 9px 25px #31442e0a}.paper svg{width:100%;display:block;image-rendering:pixelated}.paper-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:16px 0}.tier-note{display:flex;gap:15px;margin:24px auto 0;max-width:600px}.tier-note>span{font-size:30px;color:#c1754d}.tier-note p{font-size:11px;line-height:1.6;color:#758172}.tier-note strong{display:block;color:#3a5547;font-weight:500}.inspector{padding:24px 20px;border-left:1px solid #d2d8cd;background:#eff0e8}.budget-status{display:flex;flex-direction:column;gap:8px;margin:19px 0;color:#31664e}.budget-status span{font-size:11px}.budget-status strong{font:35px Georgia,serif}.budget-status small{font:16px Arial;color:#8b9787}.budget-status.over{color:#af493c}.heatmap{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.heatmap div{aspect-ratio:1;border-radius:2px}.inspector label{font-size:10px;display:block;margin:10px 0 4px;color:#697c68;line-height:1.5}input,select,textarea{background:#fffdf6;border:1px solid #c8d0c1;border-radius:4px;width:100%;padding:7px;color:#2d4a38}input[type=color]{height:33px;padding:3px}.inspector button{margin:7px 5px 0 0;font-size:11px;padding:8px}.divider{height:1px;background:#d0d6c9;margin:25px 0}.editing{font-size:12px}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.apply{background:#d8e2cb}.source{margin:20px 0}.source summary,footer summary{font-size:11px;cursor:pointer}.source p,footer p{font-size:11px;line-height:1.6;color:#6e7b6b}.source textarea{height:220px;font:12px monospace}.source button{margin:10px 8px 0 0}footer{border-top:1px solid #d0d6c9;padding-top:12px;display:flex;justify-content:space-between;gap:25px}footer details{max-width:480px}footer button{font-size:10px;margin-right:5px}.empty{font:16px/1.7 Georgia,serif;color:#819179}@media(min-width:1500px){.workspace{grid-template-columns:270px minmax(320px,1fr) 310px}.stage-panel{padding:32px 60px}}@media(max-width:1050px){main{padding:20px}.workspace{grid-template-columns:200px 1fr}.inspector{grid-column:1/-1;display:block}.heatmap{max-width:240px}.stage-panel{padding:20px}.counter{display:none}}@media(max-width:650px){main{padding:12px}h1{font-size:27px}.eyebrow{font-size:8px}header{gap:10px}.brand{display:none}header .export{padding:10px;font-size:11px}.workspace{display:flex;flex-direction:column}.stage-panel{order:-1}.feature-list{max-height:250px}.paper{padding:15px 15px 0}.toolbar{gap:12px;letter-spacing:.4px}.toolbar-actions{gap:3px}footer{display:block}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.focus-mode{position:fixed;inset:0;overflow:auto;background:#f2f0e9;z-index:10}.focus-mode .toolbar,.focus-mode .source,.focus-mode footer{display:none}.focus-mode .workspace{min-height:calc(100dvh - 165px)}