.extra-top-links{display:flex;align-items:center;gap:18px}.phone-preview{display:flex;justify-content:center;align-items:flex-start;min-height:390px}.phone-frame{width:min(100%,260px);border:1px solid #bbc8bd;border-radius:18px;overflow:hidden;background:#fafcf7;min-height:330px}.phone-head{display:flex;justify-content:space-between;gap:10px;padding:16px 14px;border-bottom:1px solid var(--line);font-size:13px}.phone-head span{font-size:11px;color:var(--muted)}.mobile-toggle{margin:14px;width:calc(100% - 28px);font-size:13px}.mobile-links{margin:0 14px;display:grid;gap:7px}.mobile-links[hidden]{display:none}.mobile-links button{width:100%;border:1px solid #bdd0bd;border-radius:7px;background:#eaf3e7;color:var(--ink);padding:10px 12px;text-align:left;min-height:44px;font-size:13px}.mobile-links button:hover{background:#dcebd7}.mobile-links button:focus-visible{outline:3px solid #267e72;outline-offset:-3px}.mobile-links-broken{height:0;overflow:hidden}.phone-content{padding:17px 14px}.phone-content h3{font-size:19px}.phone-content .class-row{font-size:12px;padding:10px}.query-field{max-width:640px;margin:8px 0 18px}.query-field input{font-size:16px}.query-field .tiny{margin-top:8px}.filter-results{list-style:none;padding:0;margin:0}.filter-results .class-row{margin-top:10px;flex-direction:column;gap:3px}.filter-results strong{font-size:14px}.filter-results span{font-size:12px}.empty-result{border:1px dashed #ced7cb;border-radius:10px;padding:22px 16px;color:var(--muted);font-size:14px;text-align:center}.filter-preview{min-height:260px}.panel-head .status-pill{max-width:48%;white-space:normal;text-align:center}.check-line{overflow-wrap:anywhere}@media(max-width:720px){.extra-top-links{gap:12px}.extra-top-links .back{font-size:12px}.topbar .wrap{gap:12px}.phone-preview{min-height:390px}.filter-preview{min-height:210px}.panel-head h2{font-size:16px}.panel-head .status-pill{font-size:11px}.controls .button{max-width:100%}}