:root{--bg:#f5f5f5;--fg:#222;--muted:#777;--line:#e0e0e0;--card:#fff;--green:#4caf50;--green-hover:#43a047;--green-deep:#2e7d32;--error:#c43d3d;--error-soft:#fbeeee;--success:#2e7d32;--success-soft:#e8f5e9;--sans:"DM Sans", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--fg);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.app{width:min(760px,100% - 32px);margin:0 auto;padding:56px 0 80px}.hero{text-align:center;margin-bottom:28px}.hero h1{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700}.search{border:2px solid var(--green);background:#fff;border-radius:4px;align-items:stretch;display:flex;overflow:hidden}.search:focus-within{box-shadow:0 0 0 3px #4caf502e}.search input{border:0;outline:none;flex:1;min-width:0;height:52px;padding:0 14px;font-size:1rem}.search-clear{color:#999;background:0 0;border:0;padding:0 10px;font-size:1.4rem;line-height:1}.search-go{background:var(--green);color:#fff;border:0;padding:0 22px;font-size:1.05rem;font-weight:700}.search-go:hover{background:var(--green-hover)}.search-go:disabled{opacity:.55;cursor:not-allowed}.hint{color:var(--muted);margin-top:8px;font-size:.82rem}.list{gap:14px;margin-top:28px;display:grid}.toolbar{justify-content:flex-end;margin-top:16px;display:flex}.ghost{border:1px solid var(--line);color:var(--fg);background:#fff;border-radius:4px;padding:10px 14px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);grid-template-columns:220px 1fr;gap:16px;padding:12px;display:grid}.thumb{height:124px;color:var(--muted);background:#ececec;place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .play{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute}.thumb .play svg{width:18px;height:18px;margin-left:2px}.body{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.title{font-size:1.05rem;font-weight:600;line-height:1.35}.meta{color:var(--muted);margin-top:4px;font-size:.9rem}.split{align-items:stretch;width:fit-content;max-width:100%;display:flex;position:relative}.download-btn,.menu-toggle{background:var(--green);color:#fff;border:0;font-weight:700}.download-btn{padding:10px 18px}.menu-toggle{border-left:1px solid #ffffff47;justify-content:space-between;align-items:center;gap:18px;min-width:148px;padding:10px 12px 10px 14px;display:flex}.menu-toggle b{align-items:center;gap:8px;font-weight:700;display:inline-flex}.menu-toggle span{opacity:.9;font-weight:600}.split:hover .download-btn,.split:hover .menu-toggle{background:var(--green-hover)}.menu-wrap{position:relative}.menu{z-index:5;border:1px solid var(--green);background:#fff;min-width:210px;margin-top:0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.menu button{width:100%;color:var(--green-deep);text-align:left;background:#fff;border:0;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:grid}.fmt-icon{flex-shrink:0;width:16px;height:16px}.menu button:hover,.menu button.active{background:var(--green);color:#fff}.progress{gap:8px;max-width:320px;display:grid}.progress-top{color:var(--muted);justify-content:space-between;font-size:.86rem;font-weight:600;display:flex}.progress-top b{color:var(--green-deep);font-variant-numeric:tabular-nums}.progress-track{background:#e8e8e8;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:var(--green);height:100%;transition:width .25s;display:block}.done{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status{border-radius:4px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}.status.ok{background:var(--success-soft);color:var(--success)}.status.bad{background:var(--error-soft);color:var(--error)}.status.bad button{color:inherit;background:0 0;border:0;margin-left:auto;font-weight:700;text-decoration:underline}.copy-link{border:1px solid var(--line);color:var(--fg);background:#fff;border-radius:4px;padding:9px 12px;font-size:.86rem;font-weight:600}.filename{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:220px;font-weight:500;overflow:hidden}.card.error{background:snow;border-color:#f0d4d4}.fail-title{color:var(--error);font-weight:700}.fail-url{color:var(--muted);word-break:break-all;font-size:.78rem}.skeleton{background:linear-gradient(90deg,#ececec 25%,#f7f7f7 50%,#ececec 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.skeleton.media{height:124px}.skeleton.line{border-radius:4px;height:14px}.skeleton.line.short{width:40%;height:12px}.empty,.sites{color:#aaa;text-align:center;margin-top:36px;font-size:.88rem}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=680px){.app{padding-top:32px}.search{flex-direction:column}.search input,.search-go{height:48px}.card{grid-template-columns:1fr}.thumb,.skeleton.media{height:180px}.split,.menu-toggle{width:100%}.menu{left:0;right:0}}