:root{color:#e8eaed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111317;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#4f7cff2e,#0000 28%),radial-gradient(circle at 100% 0,#38bd941f,#0000 24%),#111317;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero{grid-template-columns:1.4fr .9fr;gap:20px;margin-bottom:24px;display:grid}.eyebrow{color:#8b93a7;margin:0 0 8px;font-size:13px}.hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.1}.subtitle{color:#b4bac7;max-width:56ch;margin:0}.spec-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:18px 20px}.spec-title{color:#8b93a7;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.spec-size{margin:8px 0 12px;font-size:28px;font-weight:700}.spec-card ul{color:#c6ccd8;margin:0;padding-left:18px}.dropzone{cursor:pointer;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:18px;transition:border-color .2s,background .2s,transform .2s}.dropzone:hover,.dropzone.dragging{background:#60a5fa14;border-color:#60a5facc;transform:translateY(-1px)}.dropzone-inner{text-align:center;padding:42px 20px}.drop-icon{background:#ffffff0f;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:24px;display:grid}.drop-title{margin:0 0 6px;font-size:18px;font-weight:600}.drop-hint{color:#8b93a7;margin:0;font-size:14px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 16px;display:flex}.toolbar-meta{color:#b4bac7}.toolbar-actions{gap:10px;display:flex}.btn{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;transition:opacity .2s,transform .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#fff;background:#4f7cff}.btn.secondary{color:#e8eaed;background:#ffffff14}.btn.block{color:#e8eaed;background:#ffffff14;width:100%;margin-top:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:14px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;color:#d7dbe4;font-size:14px;overflow:hidden}.badge{border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:12px}.badge.white{color:#e8eaed;background:#ffffff1f}.badge.brand{color:#86efca;background:#38bd942e}.compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.label{color:#8b93a7;margin-bottom:6px;font-size:12px;display:block}.frame{border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;min-height:110px;padding:8px;display:flex}.frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:140px;display:block}.frame.checkerboard{background-color:#1d222b;background-image:linear-gradient(45deg,#2a2f3a 25%,#0000 25%),linear-gradient(-45deg,#2a2f3a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2f3a 75%),linear-gradient(-45deg,#0000 75%,#2a2f3a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.frame.dark{background:#2b3038}.state{color:#b4bac7;text-align:center;padding:0 12px;font-size:14px}.state.error{color:#fca5a5}@media (width<=840px){.hero{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:stretch}.toolbar-actions .btn{flex:1}}