:root{--bg:#f4f2ec;--ink:#101419;--blue:#105cff;--line:#d3d0c8;--muted:#687078}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}button{font:inherit;cursor:pointer}main{min-height:100vh;background:radial-gradient(circle at 94% 16%,rgb(16 92 255/.14),transparent 28rem),radial-gradient(circle at 0 66%,rgb(191 255 0/.1),transparent 24rem)}nav,.hero,.facts,footer{width:min(1180px,calc(100% - 40px));margin:auto}nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:700 13px monospace;letter-spacing:.18em}.focus{font-size:25px;color:var(--blue)}.private{border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:var(--muted);font-size:11px}.hero{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,6vw,88px);align-items:center;padding:76px 0 96px}.eyebrow,.label,.tool-head{font:650 10px monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--blue)}h1{margin:22px 0 0;font-size:clamp(48px,6vw,77px);line-height:.94;letter-spacing:-.065em}h1 em{color:var(--blue);font-style:normal}.lede{max-width:44ch;margin:25px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.checks{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;color:#3d454e;font-size:11px;font-weight:650}.checks span{color:#16865a}.tool{min-width:0;padding:18px;border:1px solid #c8c5bd;border-radius:16px;background:rgb(251 250 246/.9);box-shadow:0 24px 70px rgb(20 27 36/.11)}.tool-head{min-height:34px;display:flex;align-items:flex-start;justify-content:space-between;color:#7f868d}.tool-head button{border:0;background:transparent;color:#727981;font-size:10px}.drop{position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px;border:1px dashed #a9b0b8;border-radius:10px;background:linear-gradient(145deg,#faf9f5,#eef1f5);transition:.2s}.drop.dragging{border-color:var(--blue);background:#eaf0ff}.corner{position:absolute;width:22px;height:22px;border:solid var(--blue)}.tl{top:12px;left:12px;border-width:2px 0 0 2px}.tr{top:12px;right:12px;border-width:2px 2px 0 0}.bl{bottom:12px;left:12px;border-width:0 0 2px 2px}.br{right:12px;bottom:12px;border-width:0 2px 2px 0}.camera-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:30px;box-shadow:0 0 0 8px rgb(16 20 25/.06)}.drop h2{margin:25px 0 7px;font-size:23px;letter-spacing:-.035em}.drop p{max-width:38ch;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.actions{display:flex;gap:9px;margin-top:24px}.primary,.secondary{min-height:44px;padding:0 18px;border-radius:8px;font-weight:650}.primary{border:0;background:var(--blue);color:#fff;box-shadow:0 7px 18px rgb(16 92 255/.22)}.secondary{border:1px solid #c8c5bd;background:#fbfaf6;color:var(--ink)}.drop small{margin-top:18px;color:#92989e;font-size:10px}.tool output{min-height:29px;display:flex;align-items:center;padding:11px 2px 0;color:#757d85;font:10px monospace}.tool output.ok{color:#16865a}.tool output.error{color:#b5392e}.result{display:grid;grid-template-columns:1.06fr .94fr;min-height:470px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.photo{position:relative;min-height:470px;background:#111}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo>span{position:absolute;left:15px;bottom:15px;padding:7px 9px;border-radius:4px;background:rgb(16 20 25/.78);color:#fff;font:9px monospace;letter-spacing:.12em}.meta{display:flex;flex-direction:column;padding:23px;background:#f8f7f2}.label{margin:0;color:#7f868d}.meta dl{margin:16px 0 24px;border-top:1px solid #ddd9d1}.meta dl div{padding:11px 0;border-bottom:1px solid #ddd9d1}.meta dt{color:#858c93;font:8px monospace;letter-spacing:.1em;text-transform:uppercase}.meta dd{margin:3px 0 0;color:var(--blue);font-size:11px;font-weight:700}.share-actions{display:grid;gap:8px;margin-top:auto}.share-actions button{width:100%}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:80px 0;border-top:1px solid var(--line)}.facts article{min-height:220px;padding:23px;border:1px solid var(--line);border-radius:10px;background:rgb(251 250 246/.62)}.facts b{color:#9ba1a7;font:9px monospace}.facts h3{margin:66px 0 9px;font-size:16px}.facts p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#80878e;font:9px monospace;letter-spacing:.08em}@media(max-width:940px){.hero{grid-template-columns:1fr}.hero header{max-width:680px}}@media(max-width:620px){nav,.hero,.facts,footer{width:calc(100% - 28px)}nav{height:64px}.private{border:0;padding:0;font-size:0}.private::after{content:'🔒';font-size:18px}.hero{padding:46px 0 68px;gap:38px}h1{font-size:clamp(43px,14vw,62px)}.lede{font-size:14px}.tool{padding:10px;border-radius:12px}.tool-head{padding:3px 4px 8px}.drop{min-height:430px;padding:30px 20px}.actions{width:100%;flex-direction:column}.actions button{width:100%}.drop small{display:none}.result{grid-template-columns:1fr}.photo{min-height:330px}.meta{min-height:405px}.facts{grid-template-columns:1fr;padding:68px 0}.facts article{min-height:170px}.facts h3{margin-top:38px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}