.qr-page{max-width:1120px;margin:0 auto;padding:48px 22px 90px}.qr-head{margin-bottom:35px}.qr-head h1{font-family:var(--display,Georgia,serif);font-size:clamp(2.7rem,6vw,5rem);font-weight:400;margin:8px 0}.qr-head p:last-child{max-width:660px;color:var(--muted,#625f58)}.qr-new{padding:28px;margin-bottom:45px}.qr-new form,.qr-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qr-new label,.qr-edit label{display:grid;gap:7px;font-weight:650}.qr-new label:last-of-type,.qr-edit label:nth-child(3){grid-column:1/-1}.qr-new input,.qr-new textarea,.qr-edit input,.qr-edit textarea,.qr-edit select{width:100%;box-sizing:border-box}.qr-new button{justify-self:start}.qr-list{display:grid;gap:20px}.qr-list>h2{margin:0 0 5px}.qr-item{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:24px}.qr-art{background:#fff;padding:12px;align-self:start;border:1px solid #ddd}.qr-art[data-transparent="dark"]{background:#151515}.qr-art[data-transparent="light"]{background:#fff}.qr-art svg{display:block;width:100%;height:auto}.qr-item-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.qr-item-head h3{font-size:1.4rem;margin:0}.qr-item-head span{border:1px solid var(--line,#ddd);border-radius:30px;padding:5px 10px;font-size:.8rem}.qr-short{font-weight:650;overflow-wrap:anywhere}.qr-note{white-space:pre-wrap}.qr-count{color:var(--muted,#625f58);overflow-wrap:anywhere}.qr-options{display:grid;gap:11px;margin:18px 0}.qr-option-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.qr-option-group span{min-width:58px;color:var(--muted,#625f58);font-size:.84rem;font-weight:650}.qr-option-group button{border:1px solid var(--line,#d8d4cd);border-radius:999px;background:transparent;padding:7px 12px;cursor:pointer;font-size:.83rem}.qr-option-group button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}.qr-option-group button:focus-visible{outline:2px solid #c71c12;outline-offset:2px}.qr-edit{margin-top:18px;border-top:1px solid var(--line,#ddd);padding-top:20px}.qr-edit[hidden]{display:none}.qr-foot{color:var(--muted,#625f58);margin-top:24px}@media(max-width:700px){.qr-page{padding:28px 16px 70px}.qr-new form,.qr-edit{grid-template-columns:1fr}.qr-item{grid-template-columns:1fr}.qr-art{width:150px}}
.qr-head h1{font-size:clamp(2.5rem,4vw,3.7rem)}
.qr-analytics{padding:26px 28px;margin-bottom:24px}
.qr-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.qr-analytics-head h2{margin:4px 0 0;font-size:1.55rem}
.qr-range{display:flex;gap:6px}
.qr-range button{border:1px solid var(--line,#d8d4cd);border-radius:999px;background:transparent;padding:7px 13px;cursor:pointer}
.qr-range button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.qr-range button:focus-visible{outline:2px solid #c71c12;outline-offset:2px}
.qr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 22px}
.qr-stats>div{border-top:1px solid var(--line,#d8d4cd);padding-top:12px;display:grid;gap:3px}
.qr-stats strong{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.1;font-weight:650}
.qr-stats span,.qr-code-stats span{color:var(--muted,#625f58);font-size:.82rem}
.qr-bars{display:flex;gap:5px;list-style:none;padding:0;margin:0;min-height:145px;align-items:stretch}
.qr-bar{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;overflow:hidden}
.qr-bar-track{height:112px;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--line,#dedbd4) 26%,transparent);border-radius:3px 3px 0 0}
.qr-bar-fill{display:block;width:100%;min-height:0;background:#c71c12;border-radius:3px 3px 0 0}
.qr-bar small{font-size:.67rem;color:var(--muted,#625f58);white-space:nowrap;overflow:hidden}
.qr-analytics-note{font-size:.82rem;color:var(--muted,#625f58);margin:19px 0 0;max-width:780px;line-height:1.5}
.qr-code-stats{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0 12px}
.qr-code-stats>div{display:grid;gap:1px}
.qr-code-stats strong{font-size:1.15rem}
@media(max-width:700px){.qr-analytics{padding:20px 18px}.qr-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qr-bars{gap:3px}.qr-bar small{font-size:.58rem}.qr-code-stats{gap:18px}}