.de-root{font:13px/1.55 system-ui,sans-serif;color:#25404a;--de-accent:#167e80}.de-root *{box-sizing:border-box}.de-root button,.de-root input,.de-root select,.de-root textarea{font:inherit}.de-root button{width:auto;min-height:34px;padding:5px 10px;border:1px solid #cbd9dc;border-radius:6px;background:#fff;color:#245a61;cursor:pointer}.de-root button.active,.de-root button:hover{border-color:#148186;background:#e8f4f2}.de-root button:disabled{opacity:.45;cursor:default}.de-root input,.de-root select,.de-root textarea{margin:0;min-width:0;max-width:100%;border:1px solid #cad8dc;border-radius:5px;background:white;padding:5px;color:#25404a}.de-root label{display:flex;align-items:center;gap:6px;font-size:11px}.de-root input[type=number]{width:70px}.de-root [hidden]{display:none!important}.de-presets,.de-geometry,.de-tools,.de-add,.de-layer-actions,.de-history{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.de-presets{padding-bottom:10px}.de-presets strong{margin-right:auto}.de-geometry{padding:10px;background:#f2f7f6;border:1px solid #d7e3e1;border-radius:6px;margin-bottom:12px}.de-geometry>span{font-size:10px;color:#6f8989}.de-geometry label{flex-direction:column;align-items:start;gap:3px}.de-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start}.de-art{min-width:0}.de-tools{margin-bottom:9px}.de-tools label{margin-left:auto}.de-tools input{width:55px}.de-stage{position:relative;max-width:100%;width:100%;background:white;outline:1px solid #c2d4d6;touch-action:none;overflow:hidden;cursor:grab;isolation:isolate}.de-stage.drawing{cursor:crosshair}.de-root .de-image{position:absolute;inset:0;margin:0;width:100%;height:100%;max-height:none;object-fit:fill;pointer-events:none;image-rendering:auto}.de-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.de-selection{fill:none;stroke:#16a1af;stroke-width:1;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}.de-live{fill:none;stroke:#bd2534;stroke-linejoin:round;stroke-linecap:round}.de-live.erasing{stroke:#d7dddd}.de-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7d979a;font-size:12px}.de-view-note{font-size:10px;color:#7d9093;margin:7px 0}.de-history{margin-top:8px}.de-saved{margin-left:auto;color:#789090;font-size:10px}.de-properties{display:flex;flex-direction:column;gap:10px}.de-properties>label{justify-content:space-between;gap:8px}.de-properties select{max-width:170px}.de-properties textarea{width:100%;resize:vertical}.de-text{display:grid;gap:9px}.de-text>label:first-child{flex-direction:column;align-items:stretch;gap:4px}.de-text>label:not(:first-child){justify-content:space-between}.de-position{display:grid;grid-template-columns:1fr 1fr;gap:8px}.de-position label{display:flex;flex-direction:column;align-items:start;gap:4px}.de-position input{width:100%}.de-layer-actions button{flex:1;padding:4px 6px}.de-check{justify-content:start!important}.de-check input{width:16px;height:16px}.de-status{font-size:11px;color:#4a7576;white-space:pre-line;background:#f2f7f6;padding:9px;border-radius:6px}.de-add button{flex:1}.de-root button:focus-visible,.de-root input:focus-visible,.de-root textarea:focus-visible,.de-root select:focus-visible{outline:2px solid #1a9d9b;outline-offset:2px}#design-dialog{width:min(1100px,96vw);max-height:94vh;overflow:auto}#design-dialog>h2{margin-bottom:12px}#design-dialog .dialog-actions{position:sticky;bottom:-18px;background:#fff;padding:12px 0;margin-top:12px}
@media(max-width:650px){.de-layout{grid-template-columns:1fr}.de-properties{display:grid;grid-template-columns:1fr 1fr;gap:12px}.de-properties>label,.de-text,.de-position,.de-add,.de-layer-actions,.de-status{grid-column:1/-1}.de-properties select{max-width:72%;width:72%}.de-text select{max-width:75%}.de-tools button{font-size:11px;padding:5px 7px}.de-tools label{margin-left:0;font-size:10px}.de-geometry{gap:8px}.de-geometry label{flex:1;min-width:55px}.de-root .de-geometry input{width:100%}.de-presets{gap:5px}.de-presets button{font-size:11px}.de-presets strong{font-size:13px}.de-root input,.de-root select,.de-root textarea{font-size:16px}.de-stage{min-height:180px}.de-root{font-size:12px}}

.de-ruler{display:flex;justify-content:space-between;color:#71898e;font-size:10px;margin:10px 0 4px}.de-stage{background-color:#f1f4f4;background-image:linear-gradient(#9bafb022 1px,transparent 1px),linear-gradient(90deg,#9bafb022 1px,transparent 1px);background-size:25% 25%;aspect-ratio:1!important}.de-root .de-image{inset:auto;max-width:none}.de-document-area{fill:none;stroke:#819fa7;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}

.de-library{margin:0 0 14px;border:1px solid #d7e3e1;border-radius:10px;padding:10px 12px;background:#fbfcf9}.de-library summary{font-weight:650;cursor:pointer}.de-library-note,.de-preset-status{font-size:11px;color:#6f8989;margin:6px 0}.de-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}.de-root .de-preset-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:9px;white-space:normal;min-width:0}.de-preset-card img{width:100%;height:110px;object-fit:contain;background:#fff8ed;border-radius:5px}.de-preset-card strong{font-size:12px}.de-preset-card span{font-size:10px;color:#71898e}.de-preset-status button{margin-left:8px}.de-preset-status:empty{display:none}