.ddc_meko-root .arc-measure-panel{width:320px}
.ddc_meko-root .arc-measure-panel .ddc_meko-panel-body{flex:1;min-height:0;padding:12px}
.ddc_meko-root .arc-measure-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ddc_meko-root .arc-measure-modes button:last-child{grid-column:1/-1}
.ddc_meko-root .arc-measure-modes button.primary{background:var(--ddc-accent-soft);border-color:var(--ddc-accent);color:var(--ddc-accent2)}
.ddc_meko-root .arc-measure-snap{display:flex;gap:8px;align-items:center;margin:14px 0;font-size:12px}
.ddc_meko-root .arc-measure-units{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ddc_meko-root .arc-measure-units label{font-size:11px;color:var(--ddc-muted)}
.ddc_meko-root .arc-measure-units select{display:block;width:100%;margin-top:5px;padding:6px;border:1px solid var(--ddc-line);border-radius:7px;background:var(--ddc-panel);color:var(--ddc-text)}
.ddc_meko-root .arc-measure-method,.ddc_meko-root .arc-measure-hint{font-size:11px;color:var(--ddc-muted);margin:10px 0}
.ddc_meko-root .arc-measure-live:not(:empty){background:var(--ddc-accent-soft);border:1px solid var(--ddc-accent-line);border-radius:8px;padding:10px;font:12px/1.7 var(--ddc-mono);margin-bottom:10px}
.ddc_meko-root .arc-measure-result{padding:10px 0;border-bottom:1px solid var(--ddc-line);font-size:12px;line-height:1.7}
.ddc_meko-root .arc-measure-result strong{display:block;margin-bottom:4px}
.ddc_meko-root .arc-measure-empty{padding:20px 0;text-align:center;color:var(--ddc-muted);font-size:12px}
.ddc_meko-root .arc-measure-footer{display:flex;gap:5px;padding:10px;border-top:1px solid var(--ddc-line);flex-wrap:wrap}
.ddc_meko-root .arc-measure-footer button{font-size:11px}

.ddc_meko-root button.arc-measure-result{
 display:block;width:100%;text-align:left;border:1px solid var(--ddc-line);
 border-left:3px solid #e85d04;border-radius:8px;background:var(--ddc-panel);
 color:var(--ddc-text);padding:10px;margin:7px 0;cursor:pointer;
 transition:background-color .12s ease,border-color .12s ease;
}
.ddc_meko-root button.arc-measure-result:hover{
 background:#fff7ed;border-color:#ffb77d;
}
.ddc_meko-root .arc-measure-result>span{display:block}
.ddc_meko-root .arc-measure-source{color:var(--ddc-muted);font-size:11px;margin-bottom:4px}

.ddc_meko-root .arc-measure-direction-hint{display:block;margin-top:7px;font:11px/1.5 var(--ddc-font);color:#7043ae}