.inspect-page { min-height: calc(100vh - var(--header-height, 76px)); padding: clamp(64px, 8vw, 104px) 0 88px; background: radial-gradient(circle at 86% 8%, rgba(47,107,255,.11), transparent 32%), linear-gradient(180deg,#f7faff 0%,#fff 54%); }
.inspect-page [hidden] { display: none !important; }
.inspect-shell { display:grid; gap:28px; }
.inspect-heading { max-width:850px; margin:0; }
.inspect-heading .kicker { color:var(--blue,#2864ed); }
.inspect-heading h1 { max-width:820px; margin-top:12px; font-size:clamp(42px,6vw,68px); letter-spacing:-.05em; }
.inspect-heading p { max-width:760px; font-size:18px; }
.inspector-card { padding:24px; border:1px solid var(--line,#d8e3ef); border-radius:26px; background:#fff; box-shadow:0 24px 70px rgba(7,28,56,.10); }
.drop-zone { display:grid; place-items:center; min-height:350px; padding:44px; border:2px dashed #8badd6; border-radius:20px; background:linear-gradient(145deg,#fbfdff,#eef5ff); text-align:center; outline:none; }
.drop-zone.is-dragging,.drop-zone:focus-visible { border-color:#2864ed; box-shadow:0 0 0 4px rgba(40,100,237,.13); }
.file-mark { display:grid; place-items:center; width:64px; height:64px; border-radius:18px; background:#2864ed; color:#fff; font-size:30px; font-weight:900; }
.drop-zone h2 { margin:18px 0 8px; font-size:clamp(24px,3vw,29px); }
.drop-zone p { margin:0 0 22px; color:var(--muted,#58708b); }
.inspect-public-example { display:flex; flex-wrap:wrap; justify-content:center; gap:.45rem; margin:1rem 0 0; font-size:.88rem; }
.inspect-public-example a { color:#235fd8; text-underline-offset:.2em; }
.inspect-progress { display:flex; align-items:center; gap:16px; padding:34px; }
.inspect-progress div { display:grid; gap:5px; }
.inspect-progress small { color:var(--muted,#58708b); }
.inspect-spinner { width:34px; height:34px; border:4px solid #dbe7fa; border-top-color:#2864ed; border-radius:50%; animation:inspect-spin .8s linear infinite; }
@keyframes inspect-spin { to { transform:rotate(360deg); } }
.inspect-result-header { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:start; padding:10px 6px 24px; }
.inspect-status-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:15px; color:#fff; font-size:25px; font-weight:900; }
.inspect-result.valid .inspect-status-icon { background:#14825f; }
.inspect-result.warning .inspect-status-icon { background:#9a6500; }
.inspect-result.invalid .inspect-status-icon { background:#b32929; }
.inspect-result-header small { font-weight:850; letter-spacing:.08em; }
.inspect-result-header h2 { margin:5px 0 7px; font-size:29px; }
.inspect-result-header p { margin:0; color:var(--muted,#58708b); }
.inspect-trust-boundary { padding:15px 18px; border-left:4px solid #9a6500; border-radius:0 11px 11px 0; background:#fff7df; color:#6e4a08; line-height:1.5; }
.inspect-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0; background:var(--line,#d8e3ef); border:1px solid var(--line,#d8e3ef); border-radius:16px; overflow:hidden; }
.inspect-facts div { padding:17px; background:#fff; }
.inspect-facts dt,.inspect-technical dt { margin-bottom:5px; color:var(--muted,#58708b); font-size:12px; font-weight:750; }
.inspect-facts dd,.inspect-technical dd { margin:0; overflow-wrap:anywhere; font-weight:700; }
.inspect-rights-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.inspect-rights { padding:20px; border-radius:16px; }
.inspect-rights h3 { margin:0 0 13px; }
.inspect-rights ul { display:grid; gap:8px; margin:0; padding-left:20px; }
.inspect-rights.allowed { background:#e9f8f2; color:#115f48; }
.inspect-rights.restricted { background:#fff0f0; color:#8d2020; }
.inspect-rights.unspecified { background:#f2f4f7; color:#4b6077; }
.inspect-technical { margin-top:22px; padding:17px; border:1px solid var(--line,#d8e3ef); border-radius:14px; }
.inspect-technical summary { cursor:pointer; font-weight:800; }
.inspect-technical dl { display:grid; gap:13px; margin:18px 0 0; }
.inspect-technical dl div { display:grid; grid-template-columns:160px 1fr; }
.inspect-limits { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.inspect-limits article { padding:24px; border:1px solid var(--line,#d8e3ef); border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(7,28,56,.05); }
.inspect-limits strong { font-size:17px; }
.inspect-limits p { margin:9px 0 0; color:var(--muted,#58708b); line-height:1.55; }
@media(max-width:760px){.inspect-page{padding-top:52px}.inspector-card{padding:14px}.drop-zone{min-height:310px;padding:30px 18px}.inspect-facts,.inspect-rights-grid,.inspect-limits{grid-template-columns:1fr}.inspect-result-header{grid-template-columns:auto 1fr}.inspect-result-header .button{grid-column:1/-1}.inspect-technical dl div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.inspect-spinner{animation:none}}