.web-reference-composer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:4px 10px;color:var(--text);font-size:12px}.web-reference-composer button,.web-reference-dialog button{min-height:44px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer}.web-reference-composer .error{color:var(--text);font-weight:600}.web-reference-chip{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}.web-reference-chip span{overflow-wrap:anywhere}.web-reference-chip[hidden]{display:none}.web-reference-dialog{width:min(620px,calc(100vw - 24px));max-height:90dvh;overflow:auto;box-sizing:border-box;padding:20px;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);color:var(--text);font:inherit}.web-reference-dialog::backdrop{background:#071421aa}.web-reference-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.web-reference-dialog h2{font-size:21px;margin:0}.web-reference-dialog input{width:100%;box-sizing:border-box;min-height:44px;padding:12px;margin:12px 0;background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font:inherit;direction:ltr}.web-reference-dialog a,.web-reference-used a{display:block;overflow-wrap:anywhere;direction:ltr;color:inherit}.web-reference-dialog p,.web-reference-dialog li{line-height:1.6;overflow-wrap:anywhere}.web-reference-colors{display:flex;gap:8px;flex-wrap:wrap}.web-reference-colors span{display:flex;align-items:center;gap:6px;font-size:12px;direction:ltr}.web-reference-colors i{width:24px;height:24px;border:1px solid var(--border-strong);border-radius:6px}.web-reference-used{display:grid;gap:4px;padding:10px;margin-bottom:10px;border:1px solid currentColor;border-radius:10px;font-size:12px;max-width:100%;box-sizing:border-box}.web-reference-used span{overflow-wrap:anywhere}.web-reference-dialog button:disabled{opacity:.5;cursor:default}

.web-reference-dialog .web-reference-use{position:sticky;bottom:0;display:block;width:100%;min-height:44px;margin-top:16px;background:var(--surface,#fff);box-shadow:0 -8px 12px var(--surface,#fff);font-weight:700}