:root{--ruler-primary:#2563eb;--ruler-bg:#fff;--ruler-surface:#f8fafc;--ruler-text:#1e293b;--ruler-text-muted:#64748b;--ruler-border:#e2e8f0;--ruler-shadow:0 1px 3px #00000014;--ruler-workspace-bg:#f8fafc;--ruler-crosshair:#3b82f680;--ruler-overlay-bg:#f8fafce6;--ruler-tick:#334155;--ruler-tick-light:#94a3b8;--ruler-tick-number:#1e293b}._ruler[data-style=glass] ._ruler-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffffff2 0%,#f8fafce6 50%,#fffffff2 100%);border:1px solid #94a3b866;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a,inset 0 1px #ffffffe6}._ruler[data-style=classic] ._ruler-body{background:linear-gradient(#fef9c3 0%,#fef08a 50%,#fef9c3 100%);border:1.5px solid #ca8a04;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff9}._ruler[data-style=metal] ._ruler-body{background:linear-gradient(#e5e7eb 0%,#d1d5db 30%,#9ca3af 50%,#d1d5db 70%,#e5e7eb 100%);border:1px solid #6b7280;box-shadow:0 2px 8px #0000001f,inset 0 1px #fffc,inset 0 -1px #0000001a}._ruler[data-style=neon] ._ruler-body{background:linear-gradient(#0f172af2 0%,#1e293bfa 100%);border:1px solid #06b6d4;box-shadow:0 0 20px #06b6d44d,0 0 40px #06b6d41a,inset 0 1px #06b6d433}._ruler[data-style=minimal] ._ruler-body{box-shadow:none;background:#fff;border:1.5px solid #1e293b}._ruler[data-style=wood] ._ruler-body{background:repeating-linear-gradient(90deg,#0000 0 20px,#8b5a2b14 20px 40px);border:1.5px solid #8b5a2b;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff4d}._ruler-style-glass{background:linear-gradient(#ffffffe6 0%,#c8d2dccc 100%);border:1px solid #94a3b8}._ruler-style-classic{background:linear-gradient(#fef9c3 0%,#fef08a 100%);border:1px solid #ca8a04}._ruler-style-metal{background:linear-gradient(#e5e7eb 0%,#9ca3af 50%,#e5e7eb 100%);border:1px solid #6b7280}._ruler-style-neon{background:linear-gradient(#0f172a 0%,#1e293b 100%);border:1px solid #06b6d4;box-shadow:0 0 6px #06b6d480}._ruler-style-minimal{background:#fff;border:1.5px solid #1e293b}._ruler-style-wood{background:linear-gradient(#d4a574 0%,#b8845c 100%);border:1px solid #8b5a2b}._ruler-app{flex-direction:column;gap:12px;display:flex}@media (max-width:767px){._ruler-app{padding:0 12px}}._ruler-accuracy-alert{background:var(--ruler-bg);border:1px solid #ef444440;border-radius:12px;align-items:stretch;gap:0;width:100%;max-width:800px;margin:0 auto;padding:0;display:flex;overflow:hidden}._ruler-alert-section{background:linear-gradient(135deg,#ef444414 0%,#dc26260d 100%);flex:1;align-items:center;gap:12px;padding:14px 16px;transition:background .2s;display:flex}._ruler-alert-section:hover{background:linear-gradient(135deg,#ef44441f 0%,#dc262614 100%)}._ruler-alert-icon{color:#ef4444;background:#ef444426;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._ruler-alert-content{flex:1;min-width:0}._ruler-alert-title{color:#991b1b;margin-bottom:2px;font-size:13px;font-weight:700}._ruler-alert-text{color:#dc2626;font-size:12px;line-height:1.4}._ruler-alert-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}._ruler-alert-btn:hover{background:#ef444440}._ruler-alert-divider{background:#ef444433;width:1px}body.dark-mode ._ruler-accuracy-alert{border-color:#ef44444d}body.dark-mode ._ruler-alert-section{background:linear-gradient(135deg,#ef44441f 0%,#dc262614 100%)}body.dark-mode ._ruler-alert-section:hover{background:linear-gradient(135deg,#ef44442e 0%,#dc26261f 100%)}body.dark-mode ._ruler-alert-icon{color:#f87171;background:#ef444433}body.dark-mode ._ruler-alert-title{color:#fca5a5}body.dark-mode ._ruler-alert-text{color:#f87171}body.dark-mode ._ruler-alert-btn{color:#f87171;background:#ef444433}body.dark-mode ._ruler-alert-btn:hover{background:#ef44444d}._ruler-app.fullscreen ._ruler-accuracy-alert{display:none}@media (max-width:767px){._ruler-accuracy-alert{flex-direction:column}._ruler-alert-divider{width:100%;height:1px}._ruler-alert-section{padding:12px 14px}._ruler-alert-icon{width:32px;height:32px}._ruler-alert-title{font-size:12px}._ruler-alert-text{font-size:11px}}._ruler-calibration{background:var(--ruler-bg);border:1px solid var(--ruler-border);box-shadow:var(--ruler-shadow);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:600px;margin:0 auto;padding:16px;display:flex}._ruler-cal-header{align-items:center;gap:12px;display:flex}._ruler-cal-icon{background:var(--ruler-surface);width:40px;height:40px;color:var(--ruler-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}._ruler-cal-text{flex:1}._ruler-cal-title{color:var(--ruler-text);margin-bottom:2px;font-size:15px;font-weight:600}._ruler-cal-subtitle{color:var(--ruler-text-muted);font-size:13px}._ruler-cal-content{background:var(--ruler-surface);border-radius:12px;align-items:stretch;gap:16px;padding:6px;display:flex}._ruler-cal-input-group{background:var(--ruler-bg);border:1px solid var(--ruler-border);border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex;box-shadow:0 1px 2px #0000000d}._ruler-cal-input{width:60px;height:36px;color:var(--ruler-text);text-align:center;background:0 0;border:none;outline:none;font-size:18px;font-weight:700}._ruler-cal-unit{color:var(--ruler-text-muted);padding-right:12px;font-size:13px;font-weight:600}._ruler-cal-stats{flex:1;justify-content:space-around;align-items:center;gap:8px;display:flex}._ruler-cal-stat{flex-direction:column;align-items:center;gap:2px;display:flex}._ruler-cal-stat-label{color:var(--ruler-text-muted);letter-spacing:.5px;font-size:10px;font-weight:700}._ruler-cal-stat-val{color:var(--ruler-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}._ruler-text-primary{color:var(--ruler-primary)}._ruler-cal-alert{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}body.dark-mode ._ruler-cal-alert{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b40}._ruler-cal-alert svg{flex-shrink:0;margin-top:2px}._ruler-find-size-btn{width:100%;color:var(--ruler-primary);border-style:dashed;border-width:1px;border-color:var(--ruler-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}._ruler-find-size-btn:hover{background:#3b82f614}._ruler-find-size-btn svg{flex-shrink:0}._ruler-find-popup{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}._ruler-find-popup.open{display:flex}._ruler-find-popup-content{background:var(--ruler-bg);border-style:solid;border-width:1px;border-color:var(--ruler-border);border-radius:16px;width:100%;max-width:400px;animation:.2s rulerPopupIn;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes rulerPopupIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}._ruler-find-popup-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ruler-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}._ruler-find-popup-header h4{color:var(--ruler-text);margin:0;font-size:16px;font-weight:600}._ruler-find-popup-close{width:32px;height:32px;color:var(--ruler-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}._ruler-find-popup-close:hover{color:var(--ruler-text);background:var(--ruler-surface)}._ruler-find-popup-body{padding:20px}._ruler-find-popup-body label{color:var(--ruler-text);margin-bottom:8px;font-size:13px;font-weight:600;display:block}._ruler-find-input{width:100%;color:var(--ruler-text);background:var(--ruler-surface);border-style:solid;border-width:1px;border-color:var(--ruler-border);border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:all .15s}._ruler-find-input:focus{border-color:var(--ruler-primary);box-shadow:0 0 0 3px #3b82f626}._ruler-find-input::placeholder{color:var(--ruler-text-muted)}._ruler-find-hint{color:var(--ruler-text-muted);margin:10px 0 0;font-size:12px;line-height:1.5}._ruler-find-popup-footer{background:var(--ruler-surface);padding:16px 20px}._ruler-find-search-btn{color:#fff;background:var(--ruler-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}._ruler-find-search-btn:hover{opacity:.9}._ruler-find-search-btn svg{flex-shrink:0}._ruler-reference{background:var(--ruler-bg);border-style:solid;border-width:1px;border-color:var(--ruler-border);box-shadow:var(--ruler-shadow);border-radius:16px;width:100%;max-width:600px;margin:0 auto;padding:16px}._ruler-reference-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}._ruler-reference-icon{background:var(--ruler-surface);width:40px;height:40px;color:var(--ruler-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}._ruler-reference-text{flex:1}._ruler-reference-title{color:var(--ruler-text);margin-bottom:2px;font-size:15px;font-weight:600}._ruler-reference-subtitle{color:var(--ruler-text-muted);font-size:13px}._ruler-reference-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px;display:grid}._ruler-reference-item{background:var(--ruler-surface);border-style:solid;border-width:1px;border-color:var(--ruler-border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}._ruler-reference-item:hover{background:var(--ruler-bg);border-color:var(--ruler-primary);box-shadow:0 2px 8px #00000014}._ruler-ref-icon{background:var(--ruler-bg);width:32px;height:32px;color:var(--ruler-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._ruler-ref-info{flex:1;min-width:0}._ruler-ref-name{color:var(--ruler-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}._ruler-ref-size{color:var(--ruler-text-muted);font-variant-numeric:tabular-nums;font-size:11px}._ruler-reference-note{color:#2563eb;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}body.dark-mode ._ruler-reference-note{color:#60a5fa;background:#3b82f626;border-color:#3b82f640}._ruler-reference-note svg{color:var(--ruler-primary);flex-shrink:0;margin-top:2px}._ruler-screen-size-item{border-color:var(--ruler-primary);background:#3b82f60d}._ruler-screen-size-item:hover{border-color:var(--ruler-primary);background:#3b82f61a}body.dark-mode ._ruler-screen-size-item{background:#3b82f61a}body.dark-mode ._ruler-screen-size-item:hover{background:#3b82f626}._ruler-skeleton{pointer-events:none;opacity:.6}._skeleton-icon{background:linear-gradient(90deg,var(--ruler-border)0%,var(--ruler-surface)50%,var(--ruler-border)100%);background-size:200% 100%;border-radius:6px;width:24px;height:24px;animation:1.5s ease-in-out infinite skeleton-shimmer}._skeleton-text{background:linear-gradient(90deg,var(--ruler-border)0%,var(--ruler-surface)50%,var(--ruler-border)100%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.5s ease-in-out infinite skeleton-shimmer}._skeleton-text-sm{width:60%;height:10px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:767px){._ruler-reference-grid{grid-template-columns:repeat(2,1fr)}._ruler-reference-item{text-align:center;flex-direction:column;padding:12px 8px}._ruler-ref-info{width:100%}._ruler-ref-name{white-space:normal}}._ruler-screen-dropdown-wrap{position:relative}._ruler-screen-dropdown{background:var(--ruler-bg);border:1px solid var(--ruler-border);opacity:0;visibility:hidden;z-index:100;border-radius:12px;width:280px;max-width:90vw;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 30px #00000026}._ruler-screen-dropdown.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}._ruler-screen-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}._ruler-screen-opt{color:var(--ruler-text);background:var(--ruler-surface);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;padding:8px 4px;font-size:13px;font-weight:500;transition:all .1s}._ruler-screen-opt:hover{background:var(--ruler-bg);border-color:var(--ruler-border)}._ruler-screen-opt.active{color:#fff;background:var(--ruler-primary);border-color:var(--ruler-primary)}@media (max-width:767px){._ruler-cal-content{flex-direction:column;padding:12px}._ruler-cal-input-group{justify-content:center;width:100%}._ruler-cal-input{width:100px}._ruler-cal-stats{border-top:1px solid var(--ruler-border);justify-content:space-between;padding-top:8px}}._ruler-app.fullscreen{z-index:9990;background:var(--ruler-workspace-bg);position:fixed;top:0;bottom:0;left:0;right:0}._ruler-app.fullscreen ._ruler-workspace{flex:1;min-height:0;overflow:hidden}._ruler-toggle-bars{z-index:10001;background:var(--ruler-bg);border:1px solid var(--ruler-border);cursor:pointer;width:44px;height:44px;color:var(--ruler-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:none;position:fixed;top:16px;right:16px;box-shadow:0 2px 12px #00000026}._ruler-toggle-bars:hover{color:var(--ruler-text);background:var(--ruler-surface)}._ruler-toggle-bars.active{color:var(--ruler-primary)}._ruler-app.fullscreen.bars-hidden ._ruler-toggle-bars{display:flex}#_ruler-hide-toolbar{display:none}._ruler-app.fullscreen #_ruler-hide-toolbar{display:flex}._ruler-app.bars-hidden ._ruler-toolbar,._ruler-app.bars-hidden ._ruler-bottombar{display:none}._ruler-toolbar{background:var(--ruler-bg);border:1px solid var(--ruler-border);box-shadow:var(--ruler-shadow);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;padding:8px 12px;display:flex}._ruler-sep{background:var(--ruler-border);width:1px;height:24px;margin:0 4px}._ruler-units{gap:2px;display:flex}._ruler-unit{color:var(--ruler-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}._ruler-unit:hover{color:var(--ruler-text);background:var(--ruler-surface)}._ruler-unit.active{color:#fff;background:var(--ruler-primary)}._ruler-btn{min-width:32px;height:32px;color:var(--ruler-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;transition:all .15s;display:flex}._ruler-btn:hover{color:var(--ruler-text);background:var(--ruler-surface)}._ruler-btn svg{flex-shrink:0}._ruler-btn-accent{color:var(--ruler-primary)}._ruler-btn-text,._ruler-dropdown-btn span{color:var(--ruler-text);font-size:12px;font-weight:600}._ruler-dropdown-wrap{position:relative}._ruler-dropdown{background:var(--ruler-bg);border:1px solid var(--ruler-border);opacity:0;visibility:hidden;z-index:100;border-radius:10px;min-width:180px;padding:10px;transition:all .15s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000001f}._ruler-dropdown.open{opacity:1;visibility:visible}._ruler-dropdown-right{left:auto;right:0;transform:none}._ruler-dropdown-title{color:var(--ruler-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}._ruler-dropdown-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:8px;display:grid}._ruler-dropdown-grid-4{grid-template-columns:repeat(4,1fr)}._ruler-opt{color:var(--ruler-text);background:var(--ruler-surface);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}._ruler-opt:hover{background:var(--ruler-border)}._ruler-opt.active{color:#fff;background:var(--ruler-primary)}._ruler-opt-full{grid-column:span 2}._ruler-custom{align-items:center;gap:6px;display:flex}._ruler-custom input{min-width:0;color:var(--ruler-text);background:var(--ruler-surface);border:1px solid var(--ruler-border);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-size:12px}._ruler-custom input:focus{border-color:var(--ruler-primary)}._ruler-custom-unit{color:var(--ruler-text-muted);font-size:11px}._ruler-custom-apply{color:#fff;background:var(--ruler-primary);cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s}._ruler-custom-apply:disabled{opacity:.4;cursor:not-allowed}._ruler-dropdown-styles{width:auto;min-width:200px}._ruler-styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}._ruler-style{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}._ruler-style:hover{border-color:var(--ruler-border)}._ruler-style.active{border-color:var(--ruler-primary)}._ruler-style-preview{border-radius:4px;width:48px;height:24px;display:block}._ruler-dropdown-screen{min-width:220px}._ruler-dpr-info{background:var(--ruler-surface);border-radius:6px;margin-bottom:10px;padding:8px 10px}._ruler-dpr-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}._ruler-dpr-row+._ruler-dpr-row{border-top:1px solid var(--ruler-border);margin-top:3px;padding-top:6px}._ruler-dpr-label{color:var(--ruler-text-muted);font-size:11px}._ruler-dpr-value{color:var(--ruler-text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}._ruler-dpr-row-scaled ._ruler-dpr-value{color:var(--ruler-primary)}._ruler-workspace{background:var(--ruler-workspace-bg);border:1px solid var(--ruler-border);border-radius:12px;min-height:280px;position:relative;overflow:hidden}._ruler-app.fullscreen ._ruler-calibration,._ruler-app.fullscreen ._ruler-reference{display:none}._ruler-crosshair{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}._ruler-crosshair-h,._ruler-crosshair-v{position:absolute}._ruler-crosshair-h{background:linear-gradient(90deg,transparent 0%,var(--ruler-crosshair)5%,var(--ruler-crosshair)95%,transparent 100%);height:2px;margin-top:-1px;top:50%;left:0;right:0}._ruler-crosshair-v{background:linear-gradient(180deg,transparent 0%,var(--ruler-crosshair)5%,var(--ruler-crosshair)95%,transparent 100%);width:2px;margin-left:-1px;top:0;bottom:0;left:50%}._ruler{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;transition:transform .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}._ruler.dragging{z-index:20;transition:none}._ruler.vertical{transform-origin:0 0;transform:rotate(90deg)}._ruler.full-width{cursor:ns-resize}._ruler.floating{z-index:100;position:absolute}._ruler.floating.vertical{transform:translateY(-50%)rotate(90deg)}._ruler-body{border-radius:6px;flex:1;position:relative}._ruler canvas{border-radius:5px;display:block}._ruler-rotate-handle{cursor:grab;z-index:5;opacity:0;width:24px;height:100%;transition:opacity .2s;position:absolute}._ruler-rotate-handle:hover{opacity:1;cursor:ew-resize}._ruler-rotate-handle:after{content:"";border:2px solid var(--ruler-primary);background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._ruler-rotate-handle-start{left:-12px}._ruler-rotate-handle-end{right:-12px}._ruler.rotating ._ruler-rotate-handle{opacity:1}._ruler-rotate-icon-v,#_ruler-rotate.is-vertical ._ruler-rotate-icon-h{display:none}#_ruler-rotate.is-vertical ._ruler-rotate-icon-v{display:inline-flex}@media (max-width:900px){._ruler-btn-text{display:none}}@media (max-width:767px){._ruler-toolbar{gap:4px;padding:6px 8px}._ruler-sep,._ruler-dropdown-btn span{display:none}._ruler-workspace{border-radius:0;height:75vh;min-height:240px;margin:0 -12px}._ruler-bottombar{flex-wrap:wrap;gap:8px}._ruler-info-sep:nth-of-type(n+2),#_ruler-window{display:none}}.swal2-container{z-index:2147483647!important}._ruler-actions{background:var(--ruler-bg);border:1px solid var(--ruler-border);z-index:50;pointer-events:auto;border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;top:auto;bottom:16px;left:auto;right:16px;transform:none;box-shadow:0 4px 12px #0000001a}._ruler-action-btn{color:var(--ruler-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}._ruler-action-btn:hover{color:var(--ruler-text);background:var(--ruler-surface)}._ruler-action-btn.active{color:#fff;background:var(--ruler-primary);border-color:var(--ruler-primary)}._ruler-action-sep{background:var(--ruler-border);width:1px;height:16px;margin:0 2px}#_ruler-clear-marks,._ruler-action-sep-marks{display:none}#_ruler-clear-marks.visible{display:flex}._ruler-action-sep-marks.visible{display:block}@media (max-width:767px){._ruler-actions{bottom:12px;right:12px;display:block!important}._ruler-action-sep-marks.visible,._ruler-action-btn span{display:none}._ruler-action-btn{padding:8px}}._ruler-action-btn svg{flex-shrink:0}._ruler-mark{z-index:20;pointer-events:none;width:0;height:100%;position:absolute;top:0}._ruler-mark-line{opacity:.7;background-color:#ef4444;width:2px;position:absolute;top:0;bottom:0;left:-1px}._ruler-mark-badge{color:#fff;white-space:nowrap;cursor:pointer;pointer-events:auto;background:#ef4444;border-radius:4px;align-items:center;gap:6px;padding:3px 6px 3px 4px;font-size:10px;font-weight:600;transition:transform .1s,top .2s;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0003}._ruler-mark-badge[data-stack="0"]{top:-24px}._ruler-mark-badge[data-stack="1"]{top:-50px}._ruler-mark-badge[data-stack="2"]{top:-76px}._ruler-mark-badge[data-stack="1"]:after,._ruler-mark-badge[data-stack="2"]:after{background:#ef444480;border:none;width:2px;height:100%;top:100%;bottom:auto;left:50%;transform:translate(-50%)}._ruler-mark-content{align-items:center;gap:6px;display:flex}._ruler-mark-idx{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:flex}._ruler-mark-badge:hover{transform:translate(-50%)scale(1.05)}._ruler-mark-badge:after{content:"";border-top:4px solid #ef4444;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}._ruler-mark-delete{background:#0003;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;margin-left:2px;transition:background .1s;display:none}._ruler-mark-badge:hover ._ruler-mark-delete,._ruler-mark-badge.active ._ruler-mark-delete{display:flex}._ruler-mark-delete:hover{background:#0006}._ruler-tooltip{z-index:9999;background:var(--ruler-text);color:var(--ruler-bg);pointer-events:none;white-space:nowrap;opacity:0;-webkit-user-select:none;user-select:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:opacity .1s;position:fixed}._ruler-tooltip.visible{opacity:1}._ruler.mark-mode{cursor:crosshair}._ruler.drag-mode{cursor:grab}._ruler.drag-mode.dragging{cursor:grabbing}