.trial-badge{padding:3px 8px;border-radius:4px;background:#e2f3ec;color:#096b54;font-weight:600}
.native-workspace{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.drawing-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;border-bottom:1px solid var(--border);background:#f9fcfa}
.drawing-modes,.drawing-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.drawing-actions{margin-left:auto}
.native-workspace button{font:12px "Segoe UI",Arial,sans-serif;min-height:32px;padding:5px 8px;border:1px solid #bad6cd;border-radius:5px;background:white;color:#087f78;cursor:pointer;white-space:nowrap}
.native-workspace button:hover{background:#eaf5ef}
.native-workspace button[aria-pressed=true]{background:#087f78;border-color:#087f78;color:white}
.native-workspace button:disabled{opacity:.4;cursor:default}
.native-workspace button:focus-visible,.native-stage svg:focus-visible{outline:2px solid #087f78;outline-offset:-2px}
.drawing-actions button:not(#fitView){min-width:32px;font-size:18px;line-height:1}
.construction-guide{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:34px;padding:5px 10px;border-bottom:1px solid #edf2ee;color:var(--muted);font-size:12px}
.construction-guide button{min-height:25px;padding:2px 7px}
.native-stage{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:white;touch-action:none}
.native-stage svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;outline:none}
.native-stage .figure{cursor:move}
.native-stage .shape-hit{cursor:move}
.native-stage .selected-figure{stroke:#087f78;stroke-width:2.4}
.native-stage .vertex{cursor:crosshair}
.native-stage [data-point]{cursor:crosshair}
.native-stage [data-label]{cursor:move}
.native-stage .selected-point{fill:#087f78}
.empty-hint{position:absolute;left:15%;right:15%;top:43%;text-align:center;font-size:14px;color:#7b9084;pointer-events:none}
#nativePreview{fill:none;stroke:#087f78;stroke-width:1.5;stroke-dasharray:5 4}
.native-workspace[data-mode=segment] svg,.native-workspace[data-mode=circle] svg,.native-workspace[data-mode=polygon] svg,.native-workspace[data-mode=point] svg{cursor:crosshair}
@media(max-width:760px){.native-workspace{grid-column:1;grid-row:2}.drawing-toolbar{padding:5px;gap:5px}.drawing-modes{gap:3px}.native-workspace button{padding-inline:6px}.construction-guide{font-size:12px}}