:root{color:#193d36;font-synthesis:none;background:#f4f4ef;font-family:Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:#193d36;background:#fff;border:1px solid #c6d3cb;border-radius:7px;padding:10px 14px;transition:background .15s}button:hover{background:#e9eee8}button:disabled{opacity:.45;cursor:default}button.primary{color:#fff;background:#234e42;border-color:#234e42}button.active{background:#e1eadb;border-color:#6c885c}input,select,textarea{color:#1b342c;background:#fff;border:1px solid #cbd3c9;border-radius:6px;width:100%;padding:10px}input[type=color]{height:40px;padding:3px}input[type=range]{padding:0}label{flex-direction:column;gap:7px;margin:13px 0;font-size:12px;font-weight:600;display:flex}label.check{flex-direction:row;align-items:center;font-weight:400}.check input{width:auto}textarea{resize:vertical;min-height:70px}header{background:#fafbf6;border-bottom:1px solid #d8ddd2;justify-content:space-between;align-items:center;height:84px;padding:0 4vw;display:flex}.wordmark{color:#193d36;letter-spacing:-1px;font-size:28px;font-weight:800;text-decoration:none}.wordmark span{letter-spacing:0;font-size:15px;font-weight:400}.status-dot{background:#75924c;border-radius:50%;width:7px;height:7px}main{max-width:1600px;margin:auto;padding:35px 4vw 60px}h1{letter-spacing:-1.5px;margin:10px 0 12px;font-size:42px;font-weight:500}h2{margin:0 0 14px;font-size:19px;font-weight:500}p{line-height:1.6}.eyebrow{letter-spacing:2px;color:#7f8c66;font-size:10px;font-weight:700}.muted{color:#6a776d;font-size:12px}.page-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-title>label{min-width:280px}.row{align-items:center;gap:9px;display:flex}.row>label{flex:1}.panel{background:#fff;border:1px solid #d9dfd5;border-radius:12px;margin-bottom:20px;padding:24px}.setup-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.setup-grid.two{grid-template-columns:repeat(2,1fr)}nav{gap:10px;margin:28px 0;display:flex}nav button{background:0 0;border-color:#0000}nav button.active{background:#e2e9d9}.tag{color:#607351;background:#f0f3e9;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.section-head{justify-content:space-between;gap:10px;display:flex}.command-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:215px;margin:15px 0;display:grid;overflow:auto}.command{text-align:left;flex-direction:column;gap:7px;padding:13px;display:flex}.command code{color:#6c885c;font-size:11px}.command strong{font-weight:500;line-height:1.4}.command small{color:#7c877b;font-size:10px}.catalog details{font-size:12px}summary{cursor:pointer}pre{white-space:pre-wrap;word-break:break-word;background:#f7f8f4;max-height:260px;padding:16px;font-size:11px;overflow:auto}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.editor-grid{grid-template-columns:220px minmax(300px,1fr) 270px;align-items:start;gap:18px;display:grid}.editor-grid>.panel{padding:18px}.layer-item{text-align:left;justify-content:space-between;gap:4px;width:100%;margin:6px 0;padding:12px 8px;font-size:12px;display:flex}.layer-item small{align-self:center;font-size:9px}.canvas-area{background:#e4e8df;border-radius:12px;padding:30px}.canvas{aspect-ratio:4/5;touch-action:none;width:100%;position:relative;box-shadow:0 8px 30px #21302118}.svg-preview{position:absolute;inset:0}.svg-preview svg{width:100%;height:100%;display:block}.layer-hit{color:#809080;touch-action:none;background:0 0;border:1px solid #0000;border-radius:0;padding:0;font-size:11px;position:absolute}.layer-hit:hover{background:#ffffff0a;border:1px dashed #70886c}.layer-hit.selected{border:1.5px solid #6b8851;outline:3px solid #7c9e5b15}.layer-hit span{pointer-events:none;background:#f3f4edb0;padding:4px}.field-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.properties label{margin:10px 0}fieldset{border:1px solid #d9dfd5;border-radius:7px;margin:15px 0}legend{font-size:12px}.export{justify-content:space-between;align-items:center;gap:20px;display:flex}.warning{color:#9a6c20;font-size:12px}.error{color:#a03e32;font-size:12px}.claim{border-bottom:1px solid #e4e8df;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.claim strong,.claim small{width:100%}.claim small{color:#6a776d}.asset-list{flex-wrap:wrap;gap:7px;display:flex}.project-link{text-align:left;width:100%;margin:8px 0;display:block}.empty{text-align:center;padding:60px}.toast{z-index:1000;background:#fff7ee;border:1px solid #c7905a;border-radius:10px;max-width:520px;padding:20px;position:fixed;bottom:25px;right:25px;box-shadow:0 5px 40px #23322122}.toast p{overflow-wrap:anywhere;font-size:12px}.login{grid-template-columns:1fr 380px;column-gap:80px;max-width:1050px;min-height:75vh;padding-top:80px;display:grid}.login h1{font-size:58px;line-height:1.13}.login h1 em{color:#7b905c;font-style:normal}.login>.eyebrow{grid-column:1}.login>.panel{grid-area:1/2/4;align-self:center}.login>p{color:#708073;max-width:400px}footer{letter-spacing:1px;color:#718168;border-top:1px solid #d8ddd2;justify-content:space-between;margin:0 4vw;padding:25px 0;font-size:10px;display:flex}@media (width<=1100px){.editor-grid{grid-template-columns:160px minmax(280px,1fr)}.properties{grid-column:1/3;display:block}.properties .field-grid{grid-template-columns:repeat(4,1fr)}.toolbar,.export{flex-wrap:wrap}.setup-grid{grid-template-columns:1fr 1fr}.setup-grid>section:last-child{grid-column:1/-1}}@media (width<=650px){header{height:65px}.wordmark{font-size:22px}.wordmark span{display:none}header .row{font-size:10px}main{padding:22px 4vw}h1{font-size:31px}.page-title{display:block}.page-title>label{min-width:0}.setup-grid,.setup-grid.two{display:block}.editor-grid{flex-direction:column;display:flex}.editor-grid>*{width:100%}.canvas-area{padding:12px}.editor-grid>.panel:first-child{max-height:220px;overflow:auto}.row{flex-wrap:wrap}.toolbar .row{width:100%}.toolbar select{width:auto}.section-head{display:block}.login{padding-top:35px;display:block}.login h1{font-size:42px}.login>.panel{margin-top:25px}nav{gap:2px}nav button{padding:10px 5px;font-size:11px}footer span{display:none}.toast{left:15px;right:15px}.export .row{gap:5px}.export button{font-size:11px}}
