@import url("./string-tools.css");

textarea.input{resize:vertical;min-height:110px;line-height:1.45;}
.limit-panel{display:flex;justify-content:space-between;gap:16px;margin-top:6px;}
.limit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left;}
.limit-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);}
.limit-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;}
.limit-row.exceeded .limit-dot{background:var(--danger);}
.stat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:right;}
.stat-row{font-size:12px;color:var(--ink-soft);}
.byte-count{font-family:var(--mono);font-size:12px;color:var(--ink-soft);white-space:nowrap;}
.action-button{margin-top:10px;}
.result-value{overflow-wrap:anywhere;}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;}
.modal[hidden]{display:none;}
.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(10,24,48,.65);cursor:pointer;}
.modal-dialog{position:relative;width:min(100%,440px);background:#fff;border-radius:14px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.3);text-align:center;}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.modal-head h2{margin:0;font-size:16px;text-transform:uppercase;color:var(--blue-darker);letter-spacing:.06em;}
.modal-close{border:0;background:transparent;color:var(--ink-soft);font-size:30px;line-height:1;cursor:pointer;padding:2px 7px;border-radius:6px;}
.modal-close:focus-visible{outline:2px solid var(--blue-primary);}
.qr-code{display:flex;justify-content:center;margin:0 auto 18px;overflow:auto;}
.qr-code svg{width:min(100%,340px);height:auto;display:block;}
.modal-dialog .actions{justify-content:center;margin-top:0;}
@media (max-width:560px){.input-action-row{align-items:stretch;}}