:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.dashboard{color:#111827;background:#f8fafc;min-height:100vh}.dark .dashboard{color:#e5e7eb;background:#0b0f19}.nav{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 40px;display:flex}.dark .nav{border-color:#1f2937}.container{max-width:1100px;margin:40px auto;padding:0 20px}.upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;padding:40px;transition:all .2s}.dark .upload{background:#111827;border-color:#374151}.upload.drag{background:#6366f10d;border-color:#6366f1}.files{border-collapse:collapse;width:100%;margin-top:40px}.files th{text-align:left;padding-bottom:10px}.files td{padding:10px 0}.filename{cursor:pointer}.actions button{margin-right:8px}.preview{background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview img{max-width:80%;max-height:80%}.status{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.status.ready{color:#166534;background:#dcfce7}.status.uploading{color:#854d0e;background:#fef9c3}.dark .status.ready{color:#6ee7b7;background:#064e3b}.dark .status.uploading{color:#fde68a;background:#78350f}.filename{cursor:pointer;align-items:center;gap:8px;display:flex}.filename img{border:1px solid #00000014;border-radius:4px}.dark .filename img{border-color:#ffffff1a}.files td,.files th{padding:12px 8px}.files tbody tr{transition:background .15s}.files tbody tr:hover{background:#0000000a}.dark .files tbody tr:hover{background:#ffffff0f}button{cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:6px 10px;font-size:13px}button:hover{background:#d1d5db}.dark button{color:#e5e7eb;background:#1f2937}.dark button:hover{background:#374151}.storage-bar{background:#e5e7eb;border-radius:6px;width:100%;height:8px;margin-top:6px;overflow:hidden}.dark .storage-bar{background:#1f2937}.storage-bar-fill{background:#6366f1;height:100%}.upload{font-size:15px}.upload:hover,.dark .upload:hover{border-color:#6366f1}