.san-file-bar{border:1px solid color-mix(in srgb,var(--color-security) 20%,transparent);background:color-mix(in srgb,var(--color-security) 5%,var(--color-bg));border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.6rem .75rem;display:flex}.san-notice{border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));border-radius:.65rem;align-items:flex-start;gap:.55rem;padding:.45rem .6rem;font-size:.72rem;line-height:1.25rem;display:flex}.san-notice.hidden{display:none}.san-notice svg{fill:none;width:1rem;height:1rem;stroke:var(--color-accent);stroke-width:1.8px;flex:none;margin-top:.1rem}.san-notice p{flex:1;min-width:0}.san-notice button,.san-result-close,.san-error button{width:1.5rem;height:1.5rem;color:color-mix(in srgb,var(--color-text) 48%,transparent);border-radius:.35rem;flex:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.san-notice button:hover,.san-result-close:hover,.san-error button:hover{background:var(--color-bg);color:var(--color-text)}.san-result-close{position:absolute;top:.6rem;right:.6rem}.san-error{border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);background:color-mix(in srgb,var(--color-error) 5%,var(--color-bg));color:var(--color-error);border-radius:.65rem;outline:none;padding:.7rem 2.7rem .7rem .85rem;font-size:.8rem;position:relative}.san-error button{position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}#results-area{position:relative}.san-layout{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.san-findings,.san-settings,.san-preview-panel{border:1px solid color-mix(in srgb,var(--color-text) 11%,transparent);background:color-mix(in srgb,var(--color-bg-subtle) 72%,var(--color-bg));border-radius:.8rem;min-width:0}.san-findings,.san-settings{padding:.75rem}.san-findings{flex-direction:column;gap:.7rem;display:flex}.san-panel-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.san-eyebrow{letter-spacing:.055em;text-transform:uppercase;font-size:.72rem;font-weight:800}.san-finding-list{gap:.42rem;display:grid}.san-finding{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-bg);border-radius:.6rem;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.55rem;display:grid}.san-finding-icon{background:color-mix(in srgb,var(--color-security) 9%,var(--color-bg));width:2rem;height:2rem;color:var(--color-security);border-radius:.5rem;place-items:center;font-size:.72rem;font-weight:800;display:grid}.san-finding strong{font-size:.7rem;display:block}.san-finding small{color:color-mix(in srgb,var(--color-text) 50%,transparent);margin-top:.08rem;font-size:.6rem;line-height:.9rem;display:block}.san-finding b{background:color-mix(in srgb,var(--color-text) 7%,var(--color-bg));text-align:center;min-width:1.65rem;font-family:var(--font-mono);border-radius:999px;padding:.15rem .38rem;font-size:.65rem}.san-finding.detected b{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg));color:var(--color-accent)}.san-preview-panel{background:var(--color-bg);overflow:hidden}.san-preview-heading{border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);justify-content:space-between;align-items:center;min-height:3.1rem;padding:.45rem .7rem;display:flex}.san-preview-scroll{overscroll-behavior:contain;background:color-mix(in srgb,var(--color-text) 5%,var(--color-bg-subtle));height:min(68dvh,760px);min-height:31rem;position:relative;overflow:auto}.san-preview-stage{justify-content:center;align-items:flex-start;min-width:max-content;min-height:100%;padding:1.5rem 2rem 6.5rem;display:flex}.san-preview-shell{background:#fff;flex:none;width:459px;position:relative;overflow:hidden;box-shadow:0 10px 34px #0f172a2b}.san-preview-shell img{object-fit:fill;width:100%;height:100%;display:block}.san-preview-loading{color:#6b7280;background:#f3f4f6;place-items:center;font-size:.75rem;display:grid;position:absolute;inset:0}.san-preview-loading.hidden{display:none}.san-view-toolbar{z-index:5;border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);background:color-mix(in srgb,var(--color-bg) 95%,transparent);backdrop-filter:blur(10px);border-radius:1rem;align-items:center;gap:.18rem;width:max-content;max-width:calc(100% - 1rem);margin:-4.8rem auto .75rem;padding:.42rem;display:flex;position:sticky;bottom:.75rem;box-shadow:0 10px 28px #0f172a2b}.san-view-toolbar>button{border-radius:.55rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;padding:0 .35rem;display:flex}.san-view-toolbar>button:hover:not(:disabled){background:var(--color-bg-subtle)}.san-view-toolbar>button:disabled{opacity:.3}.san-view-toolbar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.san-view-toolbar label{font-family:var(--font-mono);align-items:center;gap:.25rem;padding:0 .18rem;font-size:.75rem;display:flex}.san-view-toolbar input{border:0;border-bottom:1px solid color-mix(in srgb,var(--color-text) 17%,transparent);text-align:center;background:0 0;outline:none;width:2.5rem;padding:.2rem}.san-view-toolbar>i{background:color-mix(in srgb,var(--color-text) 14%,transparent);width:1px;height:1.7rem}.san-zoom-label{font-family:var(--font-mono);font-size:.72rem}.san-fit-button{font-size:.7rem;font-weight:700}.san-fit-button.active{color:#fff;background:var(--color-security)!important}.san-settings{flex-direction:column;gap:.75rem;display:flex}.san-setting-group{border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);padding-top:.75rem}.san-setting-group legend{margin-bottom:.45rem;font-size:.78rem;font-weight:700}.san-mode-card{cursor:pointer;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-bg);border-radius:.65rem;align-items:flex-start;gap:.55rem;padding:.62rem;display:flex;position:relative}.san-mode-card+.san-mode-card{margin-top:.45rem}.san-mode-card:has(input:checked){border-color:var(--color-security);background:color-mix(in srgb,var(--color-security) 6%,var(--color-bg))}.san-mode-card input,.san-check-row input{accent-color:var(--color-security);margin-top:.15rem}.san-mode-card span,.san-check-row span{min-width:0;display:block}.san-mode-card strong,.san-check-row strong{font-size:.72rem;display:block}.san-mode-card small,.san-check-row small{color:color-mix(in srgb,var(--color-text) 52%,transparent);margin-top:.1rem;font-size:.64rem;line-height:1.02rem;display:block}.san-mode-card b{background:color-mix(in srgb,var(--color-security) 10%,var(--color-bg));color:var(--color-security);border-radius:999px;margin-left:auto;padding:.15rem .35rem;font-size:.55rem}.san-check-row{cursor:pointer;align-items:flex-start;gap:.55rem;display:flex}@media (width>=900px){.san-layout{grid-template-columns:220px minmax(0,1fr) 300px;align-items:start}.san-findings,.san-settings{height:min(68dvh + 3.1rem,809px);position:sticky;top:0;overflow-y:auto}}@media (width<=899px){.san-settings{order:1}.san-preview-panel{order:2}.san-findings{order:3}.san-preview-scroll{height:58dvh;min-height:24rem}.san-preview-stage{padding-inline:.75rem}.san-preview-shell{width:360px}}@media (width<=520px){.san-file-bar{flex-wrap:wrap;align-items:flex-start}.san-file-bar>div{min-width:calc(100% - 3.75rem)}.san-file-bar>button{margin-left:auto}.san-view-toolbar{gap:.05rem;padding:.3rem}.san-view-toolbar>button{min-width:2rem;height:2rem}.san-preview-shell{width:300px}}