*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.app{max-width:900px;margin:0 auto;padding:1rem}.header{text-align:center;margin-bottom:1rem}.header h1{color:#f8fafc;font-size:1.25rem}.header p{color:#94a3b8;margin-top:.25rem;font-size:.8rem}.mode-select{color:#e2e8f0;cursor:pointer;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;min-width:220px;margin:.75rem auto 0;padding:.5rem .75rem;font-size:.85rem;display:block}.mode-select:hover{border-color:#475569}.mode-select:focus{border-color:#3b82f6}.youtube-player{border-radius:8px;width:100%;max-height:500px;display:block}.youtube-meta{margin-top:.75rem}.youtube-meta h2{margin-bottom:.25rem;font-size:1rem}.form{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;padding:.6rem .75rem;font-size:.9rem;transition:border-color .2s}.input:focus{border-color:#3b82f6}.btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.btn:hover{background:#2563eb}.btn:disabled{cursor:not-allowed;background:#475569}.btn-row{align-items:center;gap:.75rem;display:flex}.btn-cancel{background:#dc2626}.btn-cancel:hover{background:#b91c1c}.loading-text{color:#94a3b8;font-size:.85rem}.error{color:#fecaca;background:#7f1d1d;border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem}.results{flex-direction:column;gap:.75rem;display:flex}.section{background:#1e293b;border-radius:8px;padding:.75rem}.section h2{color:#f1f5f9;margin-bottom:.35rem;font-size:.95rem}.list{max-height:400px;list-style:none;overflow-y:auto}.list li{border-bottom:1px solid #334155;padding:.25rem 0}.list li:last-child{border-bottom:none}.list a{color:#60a5fa;text-decoration:none}.list a:hover{text-decoration:underline}.muted{color:#64748b;font-size:.75rem}.center{text-align:center}.btn-full{background:#16a34a;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.btn-full:hover{background:#15803d}.asset-badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border-radius:4px;padding:.3rem .6rem;font-size:.75rem}.badge strong{margin-left:.25rem}.badge-images{color:#93c5fd;background:#1e3a5f}.badge-videos{color:#d8b4fe;background:#3b1f3b}.badge-audio{color:#86efac;background:#1e3b2f}.badge-documents{color:#fde68a;background:#3b2f1e}.badge-archives{color:#fca5a5;background:#3b1f1f}.badge-scripts,.badge-stylesheets{color:#94a3b8;background:#1e293b}.hint{color:#64748b;margin-bottom:.35rem;font-size:.7rem}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.thumb{aspect-ratio:1;cursor:pointer;background:#0f172a;border:2px solid #0000;border-radius:8px;transition:border-color .2s;overflow:hidden}.thumb:hover{border-color:#3b82f6}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-preview{cursor:pointer;background:#0f172a;border:2px solid #0000;border-radius:8px;transition:border-color .2s;overflow:hidden}.video-preview:hover{border-color:#3b82f6}.video-preview video{width:100%;max-height:180px;display:block}.audio-list{flex-direction:column;gap:.35rem;display:flex}.audio-item{background:#0f172a;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.audio-name{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;min-width:100px;font-size:.75rem;overflow:hidden}.audio-item audio{flex:1;min-width:200px;height:30px}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal{background:#1e293b;border-radius:12px;max-width:90vw;max-height:90vh;padding:1rem;position:relative;overflow:auto}.modal-close{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.25rem;right:.5rem}.modal-close:hover{color:#fff}.modal-body{justify-content:center;align-items:center;display:flex}.modal-media{border-radius:8px;max-width:100%;max-height:75vh}.modal-iframe{border:none;border-radius:8px;width:80vw;height:75vh}.modal-file-info{text-align:center;padding:1.5rem 1rem}.modal-file-info .btn{margin-top:1rem}.modal-meta{border-top:1px solid #334155;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:flex}.modal-url-row{align-items:center;gap:.35rem;font-size:.75rem;display:flex}.modal-label{color:#64748b;white-space:nowrap}.modal-url{color:#94a3b8;word-break:break-all;flex:1;min-width:0}.copy-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#334155;border:none;border-radius:3px;padding:.2rem .4rem;font-size:.65rem;transition:background .2s}.copy-btn:hover{background:#475569}.copy-btn:active{background:#3b82f6}