.file-inspector-workspace{overflow:hidden}.file-inspector-library-note{display:inline-flex;min-height:34px;padding:0 10px;align-items:center;gap:6px;border:1px solid var(--developer-border);border-radius:8px;color:var(--developer-accent);background:var(--developer-tint);font-size:.69rem;font-weight:780}.file-inspector-library-note svg{width:15px}.file-inspector-layout{display:grid;min-height:600px;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr)}.file-inspector-input{min-width:0;padding:clamp(21px,3vw,30px);border-right:1px solid var(--dev-line);background:#fafdff;background:oklch(.992 .006 252)}.file-inspector-drop{display:grid;min-height:285px;padding:25px 18px;place-content:center;justify-items:center;gap:8px;border:1.5px dashed var(--developer-border);border-radius:12px;color:var(--dev-muted);background:var(--developer-tint);text-align:center;transition:border-color .16s ease,background .16s ease}.file-inspector-drop--active{border-color:var(--developer-accent);border-style:solid;background:color-mix(in oklab,var(--developer-tint) 75%,white)}.file-inspector-drop>svg{width:36px;height:36px;margin-bottom:7px;color:var(--developer-accent)}.file-inspector-drop>strong{color:var(--dev-ink);font-size:.92rem}.file-inspector-drop>span{margin-bottom:8px;font-size:.7rem}.file-inspector-open{position:relative;width:auto;min-width:140px;margin-top:5px;cursor:pointer}.file-inspector-open input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-inspector-open:focus-within{outline:3px solid color-mix(in oklab,var(--developer-accent) 18%,transparent);outline-offset:3px}.file-inspector-sample{display:inline-flex;min-height:31px;padding:0 6px;align-items:center;gap:5px;border:0;color:var(--developer-accent);background:transparent;font-size:.68rem;font-weight:760;cursor:pointer}.file-inspector-sample:hover{text-decoration:underline}.file-inspector-sample:focus-visible{outline:3px solid color-mix(in oklab,var(--developer-accent) 18%,transparent);outline-offset:2px}.file-inspector-sample svg{width:14px}.file-inspector-file-list{display:grid;margin-top:17px;gap:7px}.file-inspector-file-list>div{display:flex;min-width:0;min-height:48px;padding:8px 10px;align-items:center;gap:9px;border:1px solid var(--dev-line);border-radius:9px;background:#fff}.file-inspector-file-list>div>svg{width:17px;flex:none;color:var(--developer-accent)}.file-inspector-file-list>div>span{display:grid;min-width:0;gap:2px}.file-inspector-file-list strong{overflow:hidden;color:var(--dev-ink);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.file-inspector-file-list small,.file-inspector-file-list>p{margin:0;color:var(--dev-muted);font-size:.64rem}.file-inspector-limit-note{margin:13px 2px 0;color:var(--dev-muted);font-size:.67rem;line-height:1.5}.file-inspector-result{display:grid;min-width:0;grid-auto-rows:max-content;align-content:start;background:#f3f8fe}.file-inspector-result__heading{display:flex;min-height:52px;padding:0 18px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dev-line);color:var(--dev-muted);background:#f9fcff;font-size:.74rem;font-weight:750}.file-inspector-result__heading>span:first-child{display:inline-flex;align-items:center;gap:7px;color:var(--dev-ink);font-size:.81rem;font-weight:790}.file-inspector-result__heading svg{width:17px;color:var(--developer-accent)}.file-inspector-error{margin:14px 17px 0}.file-status{display:flex;min-height:76px;padding:15px 18px;align-items:center;gap:11px;border-bottom:1px solid var(--dev-line);background:#fff}.file-status>svg{width:25px;height:25px;flex:none}.file-status>div{display:grid;min-width:0;gap:4px}.file-status strong{color:var(--dev-ink);font-size:.82rem}.file-status span{overflow:hidden;color:var(--dev-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.file-status--good>svg{color:#00703e;color:oklch(.48 .14 155)}.file-status--warn>svg{color:#ab6900;color:oklch(.58 .14 68)}.file-status--unknown>svg{color:#4d6e93}.file-inspector-primary-result{min-width:0;padding:clamp(20px,4vw,34px)}.file-general-result{display:grid;overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--dev-line);border-radius:11px;background:var(--dev-line)}.file-general-result>div{display:grid;min-width:0;min-height:105px;padding:18px;align-content:center;gap:8px;background:#fff}.file-general-result span,.file-extension-result span,.file-mime-result>span,.file-signature-result__heading span,.file-ascii-row span{color:var(--dev-muted);font-size:.68rem;font-weight:730}.file-general-result strong,.file-extension-result strong{color:var(--dev-ink);font-size:1rem}.file-general-result code,.file-extension-result code,.file-mime-result code,.file-ascii-row code,.file-batch-table code{min-width:0;overflow-wrap:anywhere;color:var(--developer-accent);font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:720}.file-extension-result{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px}.file-extension-result>div:not(.file-extension-suggestion){display:grid;min-height:118px;padding:20px;place-content:center;justify-items:center;gap:8px;border:1px solid var(--dev-line);border-radius:10px;background:#fff;text-align:center}.file-extension-result>span{color:var(--developer-accent);font-size:1.2rem}.file-extension-suggestion{display:flex;min-width:0;min-height:66px;padding:13px 15px;grid-column:1 / -1;align-items:center;flex-wrap:wrap;gap:8px 12px;border:1px solid var(--developer-border);border-radius:9px;background:var(--developer-tint)}.file-extension-suggestion code{flex:1}.file-extension-suggestion .dev-button{width:auto}.file-mime-result{display:grid;min-height:250px;padding:28px;place-content:center;justify-items:center;gap:13px;border:1px solid var(--dev-line);border-radius:11px;background:#fff;text-align:center}.file-mime-result>code{max-width:100%;padding:13px 16px;border:1px solid var(--developer-border);border-radius:8px;background:var(--developer-tint);font-size:clamp(.92rem,2.5vw,1.22rem)}.file-mime-result .dev-button{width:auto}.file-mime-result p{max-width:52ch;margin:5px 0 0;color:var(--dev-muted);font-size:.7rem;line-height:1.55}.file-mime-result p code{font-size:inherit}.file-signature-result{display:grid;gap:17px}.file-signature-result__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.file-signature-result__heading>div{display:grid;gap:5px}.file-signature-result__heading strong{color:var(--dev-ink);font-size:.84rem}.file-signature-result__heading .dev-button{width:auto}.file-byte-grid{display:grid;padding:14px;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;border:1px solid oklch(.84 .035 252);border-radius:10px;background:#172330}.file-byte-grid code{display:grid;min-width:0;min-height:34px;place-items:center;border:1px solid oklch(.42 .05 252);border-radius:6px;color:#d2e7ff;background:#213244;font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.file-ascii-row{display:grid;min-width:0;padding:13px 14px;gap:7px;border:1px solid var(--dev-line);border-radius:9px;background:#fff}.file-ascii-row code{letter-spacing:.08em}.file-focus-result{display:flex;min-height:245px;padding:clamp(24px,5vw,44px);align-items:center;justify-content:center;gap:16px;border:1px solid var(--dev-line);border-radius:11px;background:#fff}.file-focus-result>svg{width:42px;height:42px;flex:none}.file-focus-result>div{display:grid;max-width:48ch;gap:7px}.file-focus-result strong{color:var(--dev-ink);font-size:1.15rem}.file-focus-result p,.file-focus-result small{margin:0;color:var(--dev-muted);font-size:.76rem;line-height:1.55}.file-focus-result small{margin-top:7px;padding:9px 11px;border-radius:7px;color:#7a3525;background:#fff1ec;background:oklch(.97 .025 40)}.file-focus-result--good>svg{color:#00703e;color:oklch(.48 .14 155)}.file-focus-result--bad>svg{color:#b33830}.file-focus-result--unknown>svg{color:#4d6e93}.file-technical-details{margin:0 clamp(20px,4vw,34px) 26px;overflow:hidden;border:1px solid var(--dev-line);border-radius:9px;background:#fff}.file-technical-details summary{padding:13px 15px;color:var(--dev-ink);font-size:.72rem;font-weight:780;cursor:pointer}.file-technical-details dl{display:grid;margin:0;padding:0 15px 15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.file-technical-details dl>div{min-width:0;padding:10px;border-radius:7px;background:#f6f9fe}.file-technical-details dt{color:var(--dev-muted);font-size:.62rem;font-weight:730}.file-technical-details dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--dev-ink);font-size:.7rem;font-weight:700}.file-batch-metrics{display:grid;padding:13px 15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--dev-line)}.file-batch-table-wrap{max-height:520px;overflow:auto}.file-batch-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff;font-size:.72rem}.file-batch-table th{position:sticky;z-index:1;top:0;padding:11px 13px;border-bottom:1px solid var(--dev-line);color:var(--dev-muted);background:#f3f8fe;font-size:.64rem;text-align:left}.file-batch-table td{min-width:125px;padding:13px;border-bottom:1px solid var(--dev-line);vertical-align:top}.file-batch-table td:first-child{max-width:210px}.file-batch-table td>strong,.file-batch-table td>small{display:block}.file-batch-table td>strong{overflow:hidden;color:var(--dev-ink);text-overflow:ellipsis;white-space:nowrap}.file-batch-table td>small,.file-batch-table td>span:not(.file-table-status){margin-top:4px;color:var(--dev-muted);font-size:.63rem}.file-table-status{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:.62rem;font-weight:760}.file-table-status--good{color:#00532d;color:oklch(.39 .11 155);background:#ddf6e4}.file-table-status--warn{color:#7b3d00;color:oklch(.43 .11 55);background:#ffefdb;background:oklch(.96 .04 75)}.file-table-status--unknown{color:#2f4f72;background:var(--developer-tint)}.file-inspector-empty{display:grid;min-height:450px;padding:30px;place-content:center;justify-items:center;gap:8px;color:var(--dev-muted);text-align:center}.file-inspector-empty svg{width:38px;height:38px;margin-bottom:5px;color:var(--developer-accent)}.file-inspector-empty strong{color:var(--dev-ink);font-size:.92rem}.file-inspector-empty span{font-size:.72rem}.file-inspector-actions{display:flex;padding:15px 17px;flex-wrap:wrap;gap:9px;border-top:1px solid var(--dev-line);background:#fafdff;background:oklch(.992 .005 252)}.file-inspector-actions .dev-button{width:auto}.file-inspector-caution{display:flex;min-height:69px;padding:15px 19px;align-items:center;gap:11px;border-top:1px solid oklch(.87 .04 60);color:#6a4225;background:#fff7ec;background:oklch(.979 .018 75)}.file-inspector-caution svg{width:21px;flex:none}.file-inspector-caution p{margin:0;font-size:.69rem;line-height:1.5}.file-inspector-caution strong{color:#5b2700}.file-inspector-spin{animation:file-inspector-spin .85s linear infinite}@keyframes file-inspector-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.file-inspector-layout{min-height:0;grid-template-columns:1fr}.file-inspector-input{border-right:0;border-bottom:1px solid var(--dev-line)}.file-inspector-drop{min-height:245px}}@media(max-width:560px){.file-inspector-input{padding:15px}.file-inspector-drop{min-height:230px;padding-inline:13px}.file-inspector-result__heading{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.file-inspector-primary-result{padding:15px}.file-general-result{grid-template-columns:1fr}.file-general-result>div{min-height:84px}.file-extension-result{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.file-extension-result>div:not(.file-extension-suggestion){min-height:103px;padding:12px 7px}.file-extension-result strong{font-size:.9rem}.file-extension-suggestion{display:grid;grid-template-columns:1fr}.file-extension-suggestion .dev-button{width:100%}.file-signature-result__heading{align-items:stretch;flex-direction:column}.file-signature-result__heading .dev-button{width:100%}.file-byte-grid{padding:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.file-focus-result{min-height:220px;padding:22px 18px;align-items:flex-start;flex-direction:column}.file-technical-details{margin:0 15px 20px}.file-technical-details dl{grid-template-columns:1fr}.file-batch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.file-inspector-actions{display:grid;grid-template-columns:1fr}.file-inspector-actions .dev-button{width:100%;justify-content:center}.file-inspector-caution{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.file-inspector-spin{animation:none}}
