.pocket-head {margin-bottom:24px}.pocket-head .lead {max-width:950px}.pocket-selectors{display:grid;grid-template-columns:1.3fr .65fr .85fr 1.4fr auto;gap:14px;align-items:end;padding:20px}.pocket-selectors label,.pocket-inventory-filters label{display:flex;flex-direction:column;gap:7px;font-size:.77rem;font-weight:650;letter-spacing:.02em;color:var(--muted);min-width:0}.pocket-selectors select{width:100%;min-width:0;max-width:100%;font-size:.79rem;text-overflow:ellipsis}.pocket-examples{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.78rem;margin:12px 0 26px}.pocket-examples span{color:var(--muted);font-weight:650}.pocket-examples a{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px 12px;text-decoration:none}.pocket-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;margin-bottom:36px}.pocket-view-panel{padding:0;overflow:hidden}.pocket-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.pocket-toolbar h2{font-size:1.25rem;margin:2px 0}.pocket-toolbar .eyebrow{font-size:.63rem;margin:0}.pocket-view-controls{display:flex;gap:3px;flex-wrap:wrap}.pocket-view-controls .button{font-size:.72rem;padding:7px 9px;min-height:34px}.pocket-canvas{height:485px;width:100%;position:relative;background:var(--viewer-bg);isolation:isolate;outline-offset:-3px}.pocket-canvas canvas{max-width:100%}.pocket-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted);gap:11px;z-index:2;pointer-events:none}.pocket-placeholder-id{font-family:var(--mono);font-size:4.2rem;font-weight:700;letter-spacing:.15em;color:var(--accent);opacity:.35}.pocket-placeholder strong{color:var(--ink);font-size:1.1rem}.pocket-placeholder p{max-width:350px;font-size:.82rem;margin:0}.pocket-placeholder[hidden]{display:none}.pocket-view-footer{padding:15px 20px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);align-items:center}.pocket-view-footer p{width:100%;margin:0;font-size:.77rem;line-height:1.55;color:var(--muted)}.pocket-view-footer p[data-state=error]{color:var(--amber)}.pocket-keyboard{padding:0 20px 16px;font-size:.7rem;color:var(--muted);margin:0}.pocket-context{padding:24px}.pocket-context h2{font-size:1.6rem}.pocket-context .facts{grid-template-columns:minmax(105px,.8fr) minmax(0,1.3fr);font-size:.79rem;row-gap:12px}.pocket-context dd{overflow-wrap:anywhere}.pocket-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.pocket-links>a{font-size:.77rem}.pocket-quality{margin-bottom:34px}.pocket-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.pocket-metrics>div{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.pocket-metrics span{display:block;color:var(--muted);font-size:.74rem;min-height:33px;line-height:1.4}.pocket-metrics strong{font-size:2rem;line-height:1.3;font-weight:650}.pocket-metrics small{font-size:1rem;font-weight:450;color:var(--muted)}.pocket-metrics .quality-warning{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.pocket-residue-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.7rem;color:var(--muted);margin-bottom:15px}.pocket-residue-legend span{display:flex;align-items:center;gap:6px}.pocket-residue-legend i{width:12px;height:12px;display:inline-block;border-radius:3px;border:1px solid var(--line-strong)}.pocket-residue-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(49px,1fr));gap:5px}.pocket-residue{min-width:0;min-height:47px;padding:5px 2px;border:1px solid transparent;border-radius:5px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:.64rem;cursor:pointer}.pocket-residue strong{font-size:.75rem;font-weight:650}.pocket-residue:hover,.pocket-residue[aria-pressed=true]{outline:2px solid var(--focus);outline-offset:1px}.q-complete{background:var(--accent-soft);color:var(--accent-ink)}.q-missing{background:var(--amber-soft);color:var(--amber)}.q-unobserved{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}.q-unknown{background:var(--surface-soft);color:var(--ink);border-style:dashed}.pocket-residue-detail{padding:17px 0 0;margin-top:17px;border-top:1px solid var(--line);font-size:.8rem;line-height:1.65;overflow-wrap:anywhere;min-height:78px}.pocket-residue-detail strong{color:var(--ink)}.pocket-residue-detail p{margin:6px 0}.pocket-scope-note{font-size:.78rem;line-height:1.7;color:var(--muted);padding:0 4px}.pocket-contact-table th,.pocket-contact-table td{font-size:.77rem}.pocket-contact-table .badge{white-space:normal;font-size:.69rem}.pocket-inventory-filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.pocket-inventory-filters label:first-of-type{flex:1;min-width:220px}.pocket-inventory-filters select{min-width:200px}.pocket-inventory-filters a{font-size:.77rem}.pocket-inventory-table{max-height:480px;overflow:auto}.pocket-inventory-table thead{position:sticky;top:0;z-index:1}.pocket-inventory-table th{background:var(--surface-soft)}.pocket-inventory-table caption{caption-side:top;text-align:left;padding:13px 16px;color:var(--muted);font-size:.75rem;background:var(--surface)}.pocket-inventory-table td{font-size:.76rem}.pocket-provenance{margin-top:35px}.pocket-provenance p{font-size:.8rem;line-height:1.7}.pocket-view-panel:fullscreen{background:var(--surface);height:100vh;display:flex;flex-direction:column;border:0;border-radius:0}.pocket-view-panel:fullscreen .pocket-canvas{flex:1;height:auto;min-height:0}.pocket-view-panel:fullscreen .pocket-placeholder{max-width:100%}@media(max-width:1100px){.pocket-selectors{grid-template-columns:1fr 1fr}.pocket-selectors>button{grid-column:1/-1}.pocket-workspace{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}.pocket-view-controls{max-width:180px}.pocket-context{padding:20px}}@media(max-width:800px){.pocket-workspace{grid-template-columns:1fr}.pocket-metrics{grid-template-columns:repeat(2,1fr)}.pocket-canvas{height:420px}.pocket-view-controls{max-width:none}.pocket-toolbar{flex-wrap:wrap}.pocket-selectors{padding:15px;gap:12px}.pocket-context .facts{grid-template-columns:145px 1fr}.pocket-quality .section-head{align-items:flex-start;gap:15px;flex-direction:column}}@media(max-width:500px){.pocket-selectors{grid-template-columns:1fr}.pocket-canvas{height:365px}.pocket-metrics{gap:9px}.pocket-metrics>div{padding:14px}.pocket-metrics strong{font-size:1.6rem}.pocket-metrics span{font-size:.67rem}.pocket-context .facts{grid-template-columns:115px 1fr}.pocket-residue-strip{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.pocket-toolbar{padding:14px}.pocket-view-footer{padding:14px}.pocket-inventory-filters{align-items:stretch;flex-direction:column}.pocket-inventory-filters label:first-of-type{min-width:0}.pocket-examples{gap:7px;font-size:.71rem}}
