.smart-units-widget{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:1100px;margin:18px auto;padding:0 6px}
.smart-units-widget .su-header{margin-bottom:12px}
.smart-units-widget .su-title{font-size:20px;font-weight:700}
.smart-units-widget .su-subtitle{font-size:13px;color:#666;margin-top:2px}
.smart-units-widget .su-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width: 980px){.smart-units-widget .su-grid{grid-template-columns:1fr 1fr}}
.smart-units-widget .su-card{border:1px solid #e5e5e5;border-radius:14px;padding:14px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.smart-units-widget .su-label{display:block;font-size:12px;color:#666;margin-bottom:6px}
.smart-units-widget .su-input-wrap{position:relative}
.smart-units-widget .su-input{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:12px;padding:10px;font-size:14px;line-height:1.4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.smart-units-widget .su-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:center}
.smart-units-widget .su-btn{border:1px solid #111;background:#111;color:#fff;border-radius:12px;padding:10px 12px;font-size:13px;cursor:pointer}
.smart-units-widget .su-btn:hover{filter:brightness(1.05)}
.smart-units-widget .su-btn:active{transform:translateY(1px)}
.smart-units-widget .su-btn-secondary{background:#fff;color:#111}
.smart-units-widget .su-output{white-space:pre-wrap;word-break:break-word;border:1px solid #eee;background:#fafafa;border-radius:12px;padding:12px;min-height:170px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px}
.smart-units-widget .su-help{margin-top:10px;color:#666;font-size:12px}
.smart-units-widget .su-examples{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.smart-units-widget code{background:#f6f6f6;border:1px solid #eee;border-radius:8px;padding:6px 8px;display:inline-block}
.smart-units-widget .su-note{margin-top:10px;color:#666;font-size:12px;line-height:1.45}

/* Suggest dropdown */
.smart-units-widget .su-suggest{position:absolute;left:0;right:0;top:100%;margin-top:6px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.10);padding:10px;z-index:50}
.smart-units-widget .su-suggest-title{font-size:12px;color:#666;margin-bottom:8px}
.smart-units-widget .su-suggest-list{display:flex;flex-wrap:wrap;gap:8px}
.smart-units-widget .su-pill{border:1px solid #ddd;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;background:#fff}
.smart-units-widget .su-pill:hover{border-color:#111}
.smart-units-widget .su-pill[aria-selected="true"]{border-color:#111;background:#f2f2f2}
.smart-units-widget .su-suggest-hint{margin-top:8px;color:#777;font-size:11px}