*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--border: #2a2a2a;--text: #e0e0e0;--text-muted: #888;--accent: #3b82f6;--accent-hover: #2563eb;--error: #ef4444;--success: #22c55e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.app-container{max-width:640px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:40px 0 20px}.app-logo{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:8px}.app-tagline{color:var(--text-muted);font-size:16px}.app-main{flex:1;padding:20px 0}.app-footer{text-align:center;padding:20px 0;color:var(--text-muted);font-size:13px}.footer-nav{display:flex;justify-content:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.footer-nav a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--text)}.app-footer p{color:#555;font-size:12px}.app-footer p a{color:var(--text-muted);text-decoration:underline}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-card)}.dropzone:hover{border-color:#444}.dropzone--active{border-color:var(--accent);background:#3b82f60d}.dropzone__input{display:none}.dropzone__icon{font-size:48px;color:var(--accent);margin-bottom:12px;font-weight:700}.dropzone__title{font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text)}.dropzone__subtitle{font-size:14px;color:var(--text-muted)}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;position:relative;margin:8px 0}.progress-bar__fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.progress-bar__text{display:block;font-size:13px;color:var(--text-muted);text-align:right;margin-top:4px}.uploads-list{margin-top:24px;display:flex;flex-direction:column;gap:16px}.upload-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.upload-filename{font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}.file-card{width:100%}.file-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.file-card__icon{font-size:32px;flex-shrink:0}.file-card__info{flex:1;min-width:0}.file-card__name{font-size:14px;font-weight:600;word-break:break-all}.file-card__meta{font-size:12px;color:var(--text-muted)}.file-card__dismiss{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;flex-shrink:0}.file-card__dismiss:hover{color:var(--text)}.file-card__link-row{display:flex;gap:8px}.file-card__link-input{flex:1;background:#0f0f0f;border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-size:13px;font-family:monospace}.copy-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.copy-btn:hover{background:var(--accent-hover)}.copy-btn--copied{background:var(--success)}.upload-error{display:flex;flex-direction:column;gap:8px}.error-text{font-size:13px;color:var(--error)}.btn-small{align-self:flex-start;background:var(--border);color:var(--text);border:none;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.btn-small:hover{background:#444}@media (max-width: 480px){.app-container{padding:12px}.app-logo{font-size:24px}.dropzone{padding:32px 16px}.dropzone__title{font-size:16px}.file-card__link-row{flex-direction:column}.copy-btn{width:100%}}