:root{font-family:Arial,Helvetica,sans-serif;color:#342d27;background:#ebe8df;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.import{border:1px solid #c8c1b4;border-radius:5px;background:#faf8f2;color:inherit;padding:9px 11px;cursor:pointer;transition:background .18s,transform .18s}button:hover,.import:hover{background:#e3ddce}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #568b80;outline-offset:2px}header{padding:21px 26px;display:flex;gap:21px;align-items:center;background:#f8f6ef;border-bottom:1px solid #d1cbbb}.brand{font:700 28px Georgia;letter-spacing:-3px;border-right:1px solid #bcb4a5;padding-right:24px}.brand span{font:10px Arial;letter-spacing:1px;display:block;margin-top:4px}h1{font:25px Georgia;margin:0}h1 span{color:#8b7e6c}header p{margin:5px 0 0;color:#847a6e;font-size:12px}.head-actions{margin-left:auto;display:flex;gap:8px}.primary{background:#354f49;color:#fff;border-color:#354f49}.primary:hover{background:#49675e}main{display:grid;grid-template-columns:265px minmax(390px,1fr) 294px;min-height:calc(100vh - 135px)}aside{padding:24px;background:#f6f3eb;overflow:auto;max-height:calc(100vh - 135px)}.left{border-right:1px solid #d1cbbb}.right{border-left:1px solid #d1cbbb}.eyebrow{font-size:10px;letter-spacing:2px;color:#978570;text-transform:uppercase;margin:8px 0 11px}.eyebrow:not(:first-child){margin-top:28px}h2{font:23px Georgia;margin:0 0 20px}label{display:block;font-size:11px;color:#766c60;margin:11px 0}input:not([type=checkbox]):not([type=range]):not([type=color]),select{display:block;width:100%;padding:9px;border:1px solid #d7d0c1;border-radius:4px;background:#fffdf7;color:#372f26;margin-top:5px}input[type=color]{height:28px;width:47px;border:0;padding:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.coords{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.coords input{padding:7px!important}.note,.hint{font-size:11px;line-height:1.6;color:#827566;margin:15px 0}.note{border-left:2px solid #c8b58d;padding-left:10px}.segmented{display:flex}.segmented button{width:50%}.active{background:#dcd8cb;border-color:#8a8374}.studio{padding:24px 30px;display:flex;flex-direction:column;min-width:0;background:radial-gradient(#d5cec0 .7px,transparent .7px);background-size:7px 7px}.studio-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;color:#807666}.canvas-scroll{flex:1;min-height:370px;overflow:auto;display:grid;place-items:center;padding:25px 0}.canvas-scroll svg{max-height:65vh;flex-shrink:0;filter:drop-shadow(5px 13px 10px #7a6d5530);animation:arrive .65s ease-out;touch-action:none;-webkit-user-select:none;user-select:none}.drawing{cursor:crosshair}.canvas-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #cfc5b5;font-size:10px;color:#817565}.canvas-tools label{display:flex;align-items:center;gap:4px}.canvas-tools input[type=range]{width:75px}.status{margin-top:15px;background:#eef1e8;border:1px solid #bac8b4;display:flex;align-items:center;gap:12px;padding:15px;border-radius:6px}.status-dot{width:8px;height:8px;background:#648b6a;border-radius:50%;box-shadow:0 0 0 5px #648b6a12}.status p{font-size:11px;margin:5px 0 0;color:#6c7766}.status b{margin-left:auto;font:32px Georgia;color:#7d9374}.warning{background:#f5e6d8;border-color:#d3a78d}.warning .status-dot{background:#ae6046}.warning p{color:#966247}.live{min-height:18px;font-size:11px;color:#82735f}.band{border-top:1px solid #d9d0bf;margin-top:18px;padding-top:16px}.band summary{display:flex;gap:9px;align-items:center}.band summary span{margin-left:auto;font-size:10px;color:#91816e}.band i{width:10px;height:10px;border-radius:50%}summary{cursor:pointer;padding:8px 0;font-size:12px}ol{list-style:decimal-leading-zero;padding-left:24px;color:#a69780;font-size:11px}li{padding:5px 0}li b{color:#665747;margin-right:16px}li span{color:#867560}.text{background:transparent;border:0;padding:6px 0;font-size:11px;text-decoration:underline}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.error{font-size:11px;line-height:1.5;color:#a44b35;background:#f3e3d9;padding:9px;border-radius:3px}.ack{display:flex;gap:7px;line-height:1.5}.ack input{flex-shrink:0}.import{font-size:12px;color:#342d27}.import input{display:none!important}.item{padding:12px 0;border-bottom:1px solid #ddd}footer{display:flex;justify-content:space-between;gap:20px;background:#f8f6ef;padding:14px 26px;border-top:1px solid #d1cbbb;color:#8c806f;font-size:10px;letter-spacing:.6px}footer details{max-width:650px}footer summary{font-size:10px;padding:0}footer p{line-height:1.6}footer button{font-size:11px;margin-right:8px}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1050px){main{grid-template-columns:230px 1fr}.right{grid-column:1/-1;max-height:none;display:block}.right .band{display:inline-block;width:30%;vertical-align:top;margin:15px 1%}.head-actions .primary{display:none}.studio{padding:20px}.left{max-height:none}}@media(max-width:680px){header{padding:15px;gap:12px}.brand{display:none}h1{font-size:21px}h1 span{display:block}.head-actions{gap:5px}main{display:flex;flex-direction:column}.studio{order:-1;min-height:650px}.canvas-scroll svg{max-height:480px}.left,.right{border:0}.right .band{display:block;width:100%;margin:16px 0}.canvas-tools{flex-wrap:wrap}footer{flex-direction:column}.studio-top{letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{header,aside,footer,.canvas-tools,.live{display:none}.studio{background:#fff}.canvas-scroll{overflow:visible}main{display:block}}.print-notice{display:none}@media print{.print-notice{display:block;color:#a11;font-weight:700}}