.safe-element-tool{margin-top:24px}
.safe-element-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.safe-element-fields .field{min-width:0}
.safe-element-fields input{box-sizing:border-box;width:100%;min-width:0}
.safe-element-result{border:1px solid #c5c6ee;background:#f2f4ff;border-radius:12px;padding:14px 16px;margin:16px 0 8px;line-height:1.55;color:#252459;font-weight:680}
.safe-element-result[data-state="adjust"]{border-color:#ebc08a;background:#fff6e9;color:#673900}
.safe-element-result[data-state="invalid"],.safe-element-result[data-state="too-large"]{border-color:#e1b6b7;background:#fff0f0;color:#81252b}
.safe-element-marker{position:absolute;z-index:5;box-sizing:border-box;pointer-events:none;border:3px solid #fef08a;background:rgba(250,204,21,.16);box-shadow:0 0 0 1px rgba(23,30,56,.85) inset}
.safe-element-marker.is-inside{border-color:#86efac;background:rgba(134,239,172,.16)}
.safe-element-marker span{position:absolute;left:0;top:0;font-size:8px;font-weight:750;background:#171f37;color:#fff;padding:3px 5px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:840px){.safe-element-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.safe-element-fields{gap:10px}.safe-element-tool .actions .btn{min-height:42px}}