:root{--cream:#F8F7F3;--peach:#F9E9DA;--ink:#0D0503;--orange:#FF6900;--green:#22A756;--ink-60: rgba(13,5,3,.62);--ink-12: rgba(13,5,3,.12)}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}body{background:var(--cream);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;min-height:100vh}.glow{position:fixed;top:-320px;right:-320px;width:900px;height:900px;z-index:0;background:radial-gradient(circle at center,var(--peach) 0%,rgba(249,233,218,0) 62%);pointer-events:none}nav,main,footer{position:relative;z-index:1}nav{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto;padding:26px 32px}.wordmark{font-weight:700;font-size:21px;text-decoration:none;color:var(--ink)}.wordmark .tld{font-family:Space Mono,monospace;font-weight:400;font-size:14px;color:var(--orange)}.studio-tag{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.16em;font-weight:700;background:var(--ink);color:var(--cream);border-radius:7px;padding:4px 9px}main{max-width:760px;margin:10px auto 40px;padding:0 32px}.panel{background:#ffffff8c;border:1px solid var(--ink-12);border-radius:22px;padding:34px}.kicker{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.14em;color:var(--orange);font-weight:700;margin-bottom:10px}h1{font-size:30px;letter-spacing:-.02em;margin-bottom:10px}.sub{color:var(--ink-60);line-height:1.55;margin-bottom:24px}.drop{display:flex;justify-content:center;align-items:center;text-align:center;min-height:180px;border:2px dashed var(--ink-12);border-radius:16px;cursor:pointer;color:var(--ink-60);line-height:1.6;background:linear-gradient(180deg,var(--peach),rgba(249,233,218,.15))}.drop.over{border-color:var(--orange)}.drop em{font-family:Space Mono,monospace;font-size:12px;font-style:normal}.viewer{display:flex;flex-direction:column;align-items:center;gap:18px}.frame{position:relative;width:100%;max-width:380px;aspect-ratio:1;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--peach),rgba(249,233,218,.2));box-shadow:0 0 0 1.5px var(--ink-12);transition:box-shadow .5s ease}.frame .media,.frame .media img,.frame .media video{width:100%;height:100%}.frame .media{display:flex;align-items:center;justify-content:center}.frame .media img,.frame .media video{object-fit:contain}.scanline{position:absolute;left:0;right:0;height:38%;opacity:0;pointer-events:none;background:linear-gradient(180deg,#ff690000,#ff690052,#ff690000)}@keyframes sweep{0%{transform:translateY(-120%)}to{transform:translateY(320%)}}.is-scanning .scanline{opacity:1;animation:sweep 1.1s linear infinite}.is-scanning{box-shadow:0 0 0 1.5px #ff690080,0 0 34px #ff690047}.seal{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:#fff;opacity:0;transform:scale(.6);transition:opacity .35s ease,transform .35s cubic-bezier(.2,1.4,.4,1)}.is-good .seal,.is-bad .seal,.is-mid .seal{opacity:1;transform:scale(1)}.is-good .seal{background:var(--green)}.is-bad .seal{background:#b3261e}.is-mid .seal{background:#b26a00}@keyframes pulse-good{0%,to{box-shadow:0 0 0 1.5px #22a7568c,0 0 30px #22a75642}50%{box-shadow:0 0 0 1.5px #22a756d9,0 0 52px #22a75670}}.is-good{animation:pulse-good 2.6s ease-in-out infinite}.is-bad{box-shadow:0 0 0 1.5px #b3261ea6,0 0 40px #b3261e57}.is-mid{box-shadow:0 0 0 1.5px #b26a0099,0 0 38px #b26a004d}.reset{font-family:Space Mono,monospace;font-size:12.5px;font-weight:700;cursor:pointer;background:transparent;border:1.5px solid var(--ink-12);border-radius:12px;padding:11px 18px;color:var(--ink)}.reset:hover{border-color:var(--ink)}.verdict{font-weight:700;margin:22px 0 14px;font-size:17px}.verdict.good{color:var(--green)}.verdict.bad{color:#b3261e}.verdict.mid{color:#b26a00}dl{display:grid;gap:8px}dl div{display:flex;gap:12px;font-size:14px}dt{font-family:Space Mono,monospace;color:var(--ink-60);min-width:130px}dd{font-weight:700;word-break:break-all}footer{display:flex;justify-content:center;padding:8px 20px 34px;font-family:Space Mono,monospace;font-size:12px;color:var(--ink-60)}
