:root{color:#f5f7f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#00d08424,#0000 32%),linear-gradient(#161816 0%,#0f1110 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding:40px 20px 56px}.app-wrap{max-width:850px;margin:0 auto}.app-wrap h1{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(2.25rem,4vw,3rem)}.panel{background:#1b1b1beb;border:1px solid #ffffff14;border-radius:18px;margin-bottom:20px;padding:20px;box-shadow:0 22px 60px #0000003d}.row{grid-template-columns:minmax(0,1fr) 160px;gap:16px;margin-bottom:16px;display:grid}label{color:#b8c0ba;margin-bottom:6px;font-size:.9rem;display:block}input[type=text]{box-sizing:border-box;color:#fff;text-transform:uppercase;background:#111;border:1px solid #3d4440;border-radius:10px;width:100%;padding:12px;font-size:.98rem}.preview{color:#ddd;background:#111;border-radius:10px;margin-top:10px;padding:12px;font-size:.92rem;line-height:1.6}.dropzone{text-align:center;cursor:pointer;background:#1b1b1be0;border:2px dashed #666;border-radius:18px;margin-bottom:18px;padding:52px 20px;transition:border-color .2s,background .2s,transform .2s;display:block}.dropzone.dragover{background:#202820;border-color:#00d084;transform:translateY(-1px)}.sub{color:#aaa;margin-top:10px;font-size:.92rem;display:block}button{color:#000;cursor:pointer;background:#00d084;border:0;border-radius:10px;padding:12px 18px;font-size:.98rem;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.list{background:#1b1b1beb;border:1px solid #ffffff14;border-radius:16px;margin-top:20px;padding:16px}.list h3{color:#fff;margin:0 0 12px;font-size:1rem}.item{word-break:break-word;border-bottom:1px solid #2c2c2c;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:.85rem;display:flex}.item:last-child{border-bottom:0}.left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.status{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:38px;padding:3px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.status-success{color:#062d1f;background:#00d084}.status-error{color:#fff;background:#ff6b6b}.status-pending{color:#111;background:#f5d565}.name{overflow-wrap:anywhere;min-width:0}.muted{color:#aaa}.error-line{color:#ff8b8b;margin-top:12px;font-size:.9rem}@media (width<=720px){.app-shell{padding-inline:14px}.row{grid-template-columns:1fr}.dropzone{padding:36px 16px}}