*{box-sizing:border-box}:root{color:#18181b;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{width:min(760px,100% - 32px);margin:0 auto;padding:72px 0 60px}.header{text-align:center;margin-bottom:32px}.header h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,5vw,40px);line-height:1.15}.header p{color:#71717a;margin:12px 0 0;font-size:15px}.drop-zone{cursor:pointer;background:#fff;border:2px dashed #d4d4d8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:32px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.drop-zone:hover{border-color:#a1a1aa}.drop-zone.dragging{background:#fafafa;border-color:#18181b;transform:scale(1.01)}.upload-icon{background:#f4f4f5;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:28px;font-weight:600;display:flex}.drop-title{font-size:19px;font-weight:600}.drop-description{color:#71717a;margin-top:5px;font-size:14px}.drop-limit{color:#a1a1aa;margin-top:18px;font-size:12px}.upload-info{color:#71717a;justify-content:flex-end;align-items:center;gap:7px;margin:20px 2px 10px;font-size:13px;display:flex}.hidden{display:none}#file-list{flex-direction:column;gap:10px;display:flex}.file-card{background:#fff;border:1px solid #e4e4e7;border-radius:14px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.file-card:hover{border-color:#d4d4d8;box-shadow:0 4px 16px #0000000a}.file-card-content{align-items:center;gap:14px;padding:12px;display:flex}.file-preview{background:#f4f4f5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:76px;display:flex;overflow:hidden}.file-preview img,.file-preview video{object-fit:cover;width:100%;height:100%;display:block}.file-preview video{background:#18181b}.file-icon{color:#71717a;letter-spacing:.05em;font-size:11px;font-weight:700}.file-info{flex:1;min-width:0}.file-name{color:#27272a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.file-size{color:#a1a1aa;margin-top:5px;font-size:12px}.remove-button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;transition:color .15s,background .15s;display:flex}.remove-button:hover{color:#18181b;background:#f4f4f5}.progress{background:#f4f4f5;height:4px;overflow:hidden}.progress-bar{background:#18181b;width:0;height:100%;transition:width .15s}.file-result{border-top:1px solid #f4f4f5;gap:8px;padding:10px 12px;display:flex}.file-result input{color:#52525b;background:#fafafa;border:1px solid #e4e4e7;border-radius:7px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:12px}.file-result input:focus{border-color:#a1a1aa}.file-result button{color:#27272a;cursor:pointer;background:#f4f4f5;border:0;border-radius:7px;flex-shrink:0;padding:8px 13px;font-size:12px;font-weight:600;transition:background .15s}.file-result button:hover{background:#e4e4e7}.upload-button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:10px;width:100%;margin-top:20px;padding:13px 20px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s,transform .1s}.upload-button:hover:not(:disabled){background:#27272a}.upload-button:active:not(:disabled){transform:translateY(1px)}.upload-button:disabled{opacity:.4;cursor:not-allowed}.status{text-align:center;color:#71717a;min-height:20px;margin-top:14px;font-size:13px}@media (width<=600px){.app{width:calc(100% - 20px);padding-top:40px}.drop-zone{min-height:210px;padding:24px}.file-preview{width:72px;height:60px}.file-card-content{gap:10px}.file-result{flex-direction:column}.file-result button{width:100%}}