:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #6366f1;--accent-hover: #818cf8;--bg: #0a0a0a;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--success: #22c55e;--danger: #ef4444;--radius: .75rem;--radius-sm: .5rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem}.header{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.logo-icon{font-size:1.8rem}.logo h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);font-size:1rem}.dropzone{position:relative;border:2px dashed var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--surface)}.dropzone:hover{border-color:#6366f166;background:#6366f10a}.dropzone--active{border-color:var(--accent);background:#6366f114;transform:scale(1.01)}.dropzone__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone__content{pointer-events:none}.dropzone__icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.7}.dropzone__text{font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.dropzone__hint{color:var(--text-muted);font-size:.85rem}.files{display:flex;flex-direction:column;gap:1rem}.files__header h2{font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.files__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.file-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background .15s}.file-card:hover{background:var(--surface-hover)}.file-card__icon{font-size:1.6rem;flex-shrink:0}.file-card__info{flex:0 0 auto;min-width:0}.file-card__name{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.file-card__meta{font-size:.75rem;color:var(--text-muted)}.file-card__link{flex:1;min-width:0}.file-card__url{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card__actions{display:flex;gap:.375rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .7rem;font-size:.78rem;font-weight:500;border:1px solid var(--border);border-radius:.375rem;background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.btn:hover{background:var(--surface-hover)}.btn--copy{min-width:80px}.btn--copy:hover{border-color:var(--accent);color:var(--accent-hover)}.btn--download{font-size:.85rem}.btn--download:hover{border-color:var(--success);color:var(--success)}.btn--remove{font-size:.85rem;padding:.4rem .5rem}.btn--remove:hover{border-color:var(--danger);color:var(--danger)}.empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}.footer{margin-top:auto;text-align:center;padding-top:1rem;border-top:1px solid var(--border)}.footer p{font-size:.75rem;color:var(--text-muted)}@media(max-width:600px){.app{padding:1.5rem 1rem;gap:1.5rem}.file-card{flex-wrap:wrap}.file-card__link{flex-basis:100%;order:4;margin-top:.25rem}.file-card__actions{margin-left:auto}.dropzone{padding:2rem 1.5rem}}