.sa-app{color:#252a2c;background:#f3f3ef;min-height:100vh;font:14px Arial,sans-serif}.sa-header{border-bottom:1px solid #d8dad5;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 28px;display:flex}.sa-header h1{font-size:21px;font-weight:600}.sa-header a{color:inherit;text-decoration:none}.sa-app button{cursor:pointer;color:#252a2c;font:inherit;background:#fff;border:1px solid #ced2cc;border-radius:7px;padding:10px 14px}.sa-workspace{grid-template-columns:330px minmax(0,1fr);height:calc(100vh - 80px);display:grid}.sa-controls{padding:8px 20px 24px;overflow:auto}.sa-controls details{border-bottom:1px solid #d8dad5;padding:17px 0}.sa-app summary{cursor:pointer;padding:5px 0 14px;font-weight:600}.sa-shapes{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;display:grid}.sa-shapes button{padding:9px 4px}.sa-shapes .selected{background:#dcebc6;border-color:#87a563}.sa-field{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.sa-field input,.sa-field select{color:#222;width:86px;font:inherit;background:#fff;border:1px solid #ccd1c9;border-radius:6px;padding:8px}.sa-check{align-items:center;gap:8px;margin-top:14px;display:flex}.sa-upload{text-align:center;cursor:pointer;background:#eaf0e2;border:1px dashed #89987b;border-radius:7px;padding:15px;display:block}.sa-upload input{display:none}.sa-controls p{overflow-wrap:anywhere;color:#656c61;font-size:13px;line-height:1.5}.sa-view{color:#edf0f2;background:#20252c;flex-direction:column;min-width:0;display:flex;position:relative}.sa-status{color:#c1c8cf;justify-content:space-between;gap:12px;padding:22px 26px;font-size:13px;display:flex}.sa-canvas{flex:1;min-height:300px;overflow:hidden}.sa-canvas canvas{width:100%;height:100%;display:block}.sa-bottom{border-top:1px solid #3b424a;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;display:flex}.sa-bottom p{color:#aab5be;margin:8px 0 0;font-size:13px}.sa-downloads{white-space:nowrap;gap:8px;display:flex}.sa-downloads button:last-child{background:#d7edb6;border-color:#d7edb6}.sa-app button:disabled{opacity:.4;cursor:wait}.sa-colors{gap:24px;display:flex}.sa-colors label{flex-direction:column;gap:8px;font-size:13px;display:flex}.sa-colors input{background:0 0;border:0;width:55px;height:32px}.sa-print{color:#bcc6cd;padding:8px 26px 15px;font-size:13px}.sa-print summary{padding-bottom:4px}.sa-print p{max-width:850px;line-height:1.6}.sa-overlay{color:#704512;background:#fff0d8;border-radius:12px;padding:24px;line-height:1.5;position:absolute;top:35%;left:15%;right:15%}.sa-controls .sa-error{color:#a83120}@media (width<=800px){.sa-header{flex-wrap:wrap;height:auto;min-height:70px;padding:15px}.sa-header h1{font-size:18px}.sa-workspace{flex-direction:column-reverse;height:auto;display:flex}.sa-view{height:650px}.sa-controls{overflow:visible}.sa-status{font-size:12px}.sa-bottom{flex-wrap:wrap}.sa-print{font-size:12px}}