body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.loader{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted-foreground)}.loader-sm{font-size:.875rem}.loader-lg{font-size:1.25rem}.loader-spinner{width:1em;height:1em;border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .6s linear infinite}.loader-text{font-size:.875em}@keyframes spin{to{transform:rotate(360deg)}}.upload-container{max-width:800px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;color:var(--foreground)}.token-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.token-info{flex:1;text-align:left}.token-info h1{font-size:1.875rem;font-weight:800;margin-bottom:.5rem;color:var(--foreground)}.token-id{font-family:ui-monospace,monospace;color:var(--muted-foreground);font-size:.875rem}.token-status{font-size:.875rem;padding:.25rem .5rem;border-radius:var(--radius);display:inline-block;margin-top:.5rem}.token-status.pending{background:#fef3c7;color:#92400e}.token-status.active{background:#dcfce7;color:#166534}.token-status.completed{background:#dbeafe;color:#1e40af}.token-status.expired{background:#fee2e2;color:#991b1b}.error-message{text-align:center;padding:2rem;border-radius:var(--radius);margin-bottom:2rem}.error-message h2{color:#000;margin-bottom:0rem}.error-message p{color:var(--muted-foreground)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;background:var(--background);transition:all .2s;cursor:pointer;position:relative}.upload-zone:hover,.upload-zone.is-dragover{border-color:var(--ring);background:var(--muted)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:0px}.upload-icon{color:var(--muted-foreground);width:48px;height:48px;margin-bottom:1rem}.upload-zone h2{font-size:1.25rem;font-weight:500;margin:0;color:var(--foreground)}.upload-hint{color:var(--muted-foreground);font-size:.875rem;margin:0;max-width:300px;text-align:center}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.files-list{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.file-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.file-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.filename{font-family:ui-monospace,monospace;font-size:.875rem;color:var(--foreground);flex:1;word-break:break-all}.filesize{color:var(--muted-foreground);font-size:.875rem;white-space:nowrap}.file-progress{height:4px;background:var(--muted);border-radius:2px;overflow:hidden;position:relative;margin:.5rem 0}.progress-bar{height:100%;background:var(--foreground);transition:width .3s ease;width:0}.progress-bar.is-uploading{background:var(--ring)}.progress-text{position:absolute;right:0;top:-1.25rem;font-size:.75rem;color:var(--muted-foreground)}.retry-btn{margin-top:.5rem;padding:.375rem .75rem;font-size:.75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--muted);border-color:var(--ring);color:#dc2626}.finish-btn{padding:.625rem 1rem;background:var(--foreground);color:var(--background);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;height:fit-content;white-space:nowrap}.finish-btn:hover:not(:disabled){background:var(--ring)}.finish-btn:disabled{opacity:.4;cursor:not-allowed}.token-info-text{font-size:1rem;font-weight:600;margin-bottom:3px}.allowed-formats{color:var(--muted-foreground);font-size:.8rem;margin-top:0}.upload-limits{font-size:.75rem;color:var(--muted-foreground);margin-top:1rem;display:inline-block}@media (max-width: 600px){.token-header{flex-direction:column;align-items:flex-start;gap:.5rem}.finish-btn-responsive{margin-top:.5rem;margin-bottom:.5rem;align-self:stretch;width:100%;display:block}}.finish-btn.blink{animation:blink-fade 1s linear 1}@keyframes blink-fade{0%{box-shadow:0 0 #8e8e8e,0 0 #8e8e8e;opacity:1}20%{box-shadow:0 0 8px 4px #8e8e8e,0 0 #8e8e8e;opacity:.5}40%{box-shadow:0 0 #8e8e8e,0 0 8px 4px #8e8e8e;opacity:1}60%{box-shadow:0 0 8px 4px #8e8e8e,0 0 #8e8e8e;opacity:.5}80%{box-shadow:0 0 #8e8e8e,0 0 8px 4px #8e8e8e;opacity:1}to{box-shadow:0 0 #8e8e8e,0 0 #8e8e8e;opacity:1}}.multiselect[data-v-569c734a]{position:relative;min-height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);cursor:pointer;padding:0rem 2.5rem 0rem .75rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:1rem}.multiselect[data-v-569c734a]:focus{outline:1px solid var(--ring)}.multiselect-selected[data-v-569c734a]{display:flex;flex-wrap:wrap;gap:.25rem;flex:1;align-items:center}.placeholder[data-v-569c734a]{color:var(--muted-foreground);font-size:1rem}.selected-count[data-v-569c734a]{color:var(--foreground);font-size:.9rem;font-weight:400}.arrow[data-v-569c734a]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.5em;color:var(--muted-foreground);pointer-events:none;transition:transform .2s}.arrow.open[data-v-569c734a]{transform:translateY(-50%) rotate(180deg)}.multiselect-dropdown[data-v-569c734a]{position:absolute;left:0;right:0;top:calc(100% + 2px);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;z-index:10;max-height:220px;overflow-y:auto;margin-top:2px}.dropdown-option[data-v-569c734a]{display:flex;align-items:center;gap:.5em;padding:.6em 1em;cursor:pointer;font-size:1em;transition:background .15s}.dropdown-option.selected[data-v-569c734a],.dropdown-option[data-v-569c734a]:hover{background:var(--muted)}input[type=checkbox][data-v-569c734a]{accent-color:var(--foreground)}.modal-overlay[data-v-30544625]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-30544625]{background:var(--background);border-radius:var(--radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.modal-header[data-v-30544625]{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-30544625]{margin:0;font-size:1.25rem;font-weight:600}.close-btn[data-v-30544625]{background:none;border:none;font-size:2rem;color:var(--muted-foreground);cursor:pointer;padding:.5rem .75rem;line-height:1;border-radius:50%;transition:background .2s}.close-btn[data-v-30544625]:active,.close-btn[data-v-30544625]:focus{background:var(--muted)}.modal-body[data-v-30544625]{padding:1.25rem 1.5rem 1.5rem}.form-group[data-v-30544625]{margin-bottom:1rem}.form-group label[data-v-30544625]{display:block;font-weight:500;color:var(--foreground)}input[type=text][data-v-30544625]{padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--background);color:var(--foreground)}input[type=text][data-v-30544625]:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #18181b1a}.modal-footer[data-v-30544625]{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.cancel-btn[data-v-30544625],.create-btn[data-v-30544625]{padding:.75rem 1.25rem;font-size:1rem;min-height:44px;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.cancel-btn[data-v-30544625]{background:var(--background);color:var(--foreground);border:1px solid var(--border)}.create-btn[data-v-30544625]{background:var(--foreground);color:var(--background)}.create-btn[data-v-30544625]:disabled{opacity:.7;cursor:not-allowed}button[data-v-30544625]:not(:disabled):hover{opacity:.9}@media (max-width: 600px){.modal-content[data-v-30544625]{width:98vw;max-width:98vw;min-width:0;border-radius:.75rem;margin:0 1vw;max-height:98vh}.modal-header[data-v-30544625],.modal-body[data-v-30544625],.modal-footer[data-v-30544625]{padding-left:1rem;padding-right:1rem}.modal-header h2[data-v-30544625]{font-size:1.1rem}.close-btn[data-v-30544625]{font-size:2.2rem;padding:.5rem 1rem}.cancel-btn[data-v-30544625],.create-btn[data-v-30544625]{font-size:1rem;min-height:44px;padding:.75rem 1rem}}.modal-overlay[data-v-d16dbbeb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-d16dbbeb]{background:var(--background);border-radius:var(--radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.modal-header[data-v-d16dbbeb]{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-d16dbbeb]{margin:0;font-size:1.25rem;font-weight:600}.close-btn[data-v-d16dbbeb]{background:none;border:none;font-size:2rem;color:var(--muted-foreground);cursor:pointer;padding:.5rem .75rem;line-height:1;border-radius:50%;transition:background .2s}.close-btn[data-v-d16dbbeb]:active,.close-btn[data-v-d16dbbeb]:focus{background:var(--muted)}.modal-body[data-v-d16dbbeb]{padding:1.25rem 1.5rem 1.5rem}.download-all-btn[data-v-d16dbbeb]{width:100%;margin-bottom:1rem;padding:1rem;background:var(--foreground);color:var(--background);border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.download-all-btn[data-v-d16dbbeb]:disabled{opacity:.7;cursor:not-allowed}.files-list[data-v-d16dbbeb]{list-style:none;padding:0;margin:0}.file-item[data-v-d16dbbeb]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.filename[data-v-d16dbbeb]{flex:1;word-break:break-all;font-size:1rem}.filesize[data-v-d16dbbeb]{color:var(--muted-foreground);font-size:.95rem;margin-left:1rem;margin-right:1rem}.download-btn[data-v-d16dbbeb]{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;min-height:44px}.download-btn[data-v-d16dbbeb]:hover:not(:disabled){background:var(--muted);border-color:var(--ring)}.zip-progress[data-v-d16dbbeb]{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:1.05rem;flex-direction:column}.progress-bar-container[data-v-d16dbbeb]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:.3rem}.progress-bar[data-v-d16dbbeb]{height:100%;background:#09090b;transition:width .3s}@media (max-width: 600px){.modal-content[data-v-d16dbbeb]{width:98vw;max-width:98vw;min-width:0;border-radius:.75rem;margin:0 1vw;max-height:98vh}.modal-header[data-v-d16dbbeb],.modal-body[data-v-d16dbbeb]{padding-left:1rem;padding-right:1rem}.modal-header h2[data-v-d16dbbeb]{font-size:1.1rem}.close-btn[data-v-d16dbbeb]{font-size:2.2rem;padding:.5rem 1rem}.download-all-btn[data-v-d16dbbeb],.download-btn[data-v-d16dbbeb]{font-size:1rem;min-height:44px;padding:.75rem 1rem}.file-item[data-v-d16dbbeb]{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 0}.filename[data-v-d16dbbeb],.filesize[data-v-d16dbbeb]{font-size:1rem}}.modal-overlay[data-v-9862c57e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-9862c57e]{background:var(--background);border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-9862c57e]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.modal-header h2[data-v-9862c57e]{margin:0;font-size:1.25rem;font-weight:600}.close-btn[data-v-9862c57e]{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:var(--radius);transition:background-color .2s}.close-btn[data-v-9862c57e]:hover{background:var(--muted)}.modal-body[data-v-9862c57e]{padding:1.5rem}.modal-body h3[data-v-9862c57e]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--foreground)}.qr-section[data-v-9862c57e],.link-section[data-v-9862c57e],.share-section[data-v-9862c57e]{margin-bottom:2rem}.qr-section[data-v-9862c57e]:last-child,.link-section[data-v-9862c57e]:last-child,.share-section[data-v-9862c57e]:last-child{margin-bottom:0}.qr-container[data-v-9862c57e]{display:flex;justify-content:center;margin-bottom:.75rem}.qr-code[data-v-9862c57e]{width:200px;height:200px;border-radius:var(--radius);border:1px solid var(--border)}.qr-hint[data-v-9862c57e]{text-align:center;color:var(--muted-foreground);font-size:.875rem;margin:0}.link-container[data-v-9862c57e]{display:flex;gap:.5rem;align-items:center}.link-input[data-v-9862c57e]{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-family:monospace;font-size:.875rem;background:var(--muted);color:var(--foreground);cursor:text}.link-input[data-v-9862c57e]:focus{outline:none;border-color:var(--ring)}.copy-btn[data-v-9862c57e]{padding:.75rem;min-width:auto;background:var(--foreground);color:var(--background);border:none}.copy-btn[data-v-9862c57e]:hover{background:var(--ring)}.share-btn[data-v-9862c57e]{width:100%;padding:.75rem 1rem;background:var(--foreground);color:var(--background);border:none;font-weight:500}.share-btn[data-v-9862c57e]:hover{background:var(--ring)}@media (max-width: 640px){.modal-overlay[data-v-9862c57e]{padding:.5rem}.modal-content[data-v-9862c57e]{max-height:95vh}.modal-header[data-v-9862c57e],.modal-body[data-v-9862c57e]{padding:1rem}.qr-code[data-v-9862c57e]{width:180px;height:180px}}.admin-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;color:var(--foreground);background:var(--background)}h1{font-size:1.875rem;font-weight:600;margin-bottom:2rem;color:var(--foreground)}.actions{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}button{padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;background:var(--background);color:var(--foreground);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:40px}button:hover:not(:disabled){background:var(--muted);border-color:var(--ring)}button:disabled{opacity:.7;cursor:not-allowed}.create-btn{background:var(--foreground);color:var(--background);border:none}.create-btn:hover:not(:disabled){background:var(--ring);color:var(--background)}.refresh-btn{background:var(--background);border:1px solid var(--border)}.logout-btn{background:var(--foreground);color:var(--background);border:none;margin-left:auto}.logout-btn:hover:not(:disabled){background:var(--ring);color:var(--background)}.qr-btn{background:var(--background);border:1px solid var(--border)}.qr-btn:hover:not(:disabled){background:var(--muted);border-color:var(--ring)}.link-btn{background:var(--background);border:1px solid var(--border)}.link-btn:hover:not(:disabled){background:var(--muted);border-color:var(--ring)}.download-btn{background:var(--foreground);color:var(--background);border:none}.download-btn:hover:not(:disabled){background:var(--ring);color:var(--background)}.delete-btn{background:var(--background);border:1px solid var(--border);color:var(--foreground)}.delete-btn:hover:not(:disabled){background:var(--muted);border-color:var(--ring);color:#dc2626}.tokens-list{background:var(--background);border:1px solid var(--border);border-radius:var(--radius)}.token-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;border-bottom:1px solid var(--border);transition:background-color .2s}.token-item:hover{background:var(--muted)}.token-item:last-child{border-bottom:none}.token-info{flex:1;align-items:left;text-align:left}.token-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;justify-content:flex-start}.token-header h3{margin:0;font-size:1.2rem;font-weight:800;color:var(--foreground)}.token-id{font-family:ui-monospace,monospace;color:var(--muted-foreground);margin:.5rem 0;font-size:.875rem;word-break:break-all}.token-date,.upload-count{color:var(--muted-foreground);font-size:.875rem;margin:.25rem 0}.token-actions{display:flex;gap:.5rem}.status-badge{padding:.25rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.expired{background:#fee2e2;color:#991b1b}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 600px){.desktop-only{display:none!important}.mobile-only{display:block!important}.token-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:.375rem .75rem;font-size:1.2rem;cursor:pointer;min-width:40px}.dropdown-menu{display:none;position:absolute;right:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);min-width:170px;box-shadow:0 4px 8px #00000014;z-index:10}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu button{width:100%;background:none;border:none;color:var(--foreground);padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;align-items:flex-end;gap:.5rem;justify-content:flex-start}.dropdown-menu button:hover{background:var(--muted)}.header-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0px}.header-container img{transform:translateY(-4px)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background);font-family:system-ui,-apple-system,sans-serif;color:var(--foreground)}.login-box{background:var(--background);padding:2rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:400px;border:1px solid var(--border)}.login-box h1{margin:0 0 1.5rem;text-align:center;font-size:1.5rem;font-weight:600;color:var(--foreground)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--foreground);font-size:.875rem}.form-group input{padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--background);color:var(--foreground);transition:all .2s}.form-group input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #18181b1a}.login-btn{padding:.625rem 1rem;background:var(--foreground);color:var(--background);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px}.login-btn:hover:not(:disabled){background:var(--ring)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#dc2626;text-align:center;margin:0;font-size:.875rem;padding:.5rem;border-radius:var(--radius)}.logo-container{display:flex;justify-content:center;margin-bottom:1rem}.confirmation-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background, #fff)}.confirmation-message{color:#000;padding:2rem 3rem;border-radius:1rem;font-size:1.5rem;font-weight:600;text-align:center}.landing-bg[data-v-b3f0b4cf]{min-height:100vh;width:100vw;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing-content[data-v-b3f0b4cf]{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:1100px;min-height:70vh;gap:3rem;z-index:1}.landing-left[data-v-b3f0b4cf]{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:320px;max-width:420px;padding-left:2rem}.icon-container[data-v-b3f0b4cf]{width:100px;height:100px;background:#09090b;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.landing-logo[data-v-b3f0b4cf]{width:90px;height:90px;object-fit:contain}.landing-title[data-v-b3f0b4cf]{font-size:2.7rem;font-weight:900;letter-spacing:-1.5px;color:#09090b;margin:0 0 .7rem;text-align:left}.landing-description[data-v-b3f0b4cf]{font-size:1rem;color:#222;text-align:left;margin:0 0 2.2rem;font-weight:400;line-height:1.6}.landing-cta[data-v-b3f0b4cf]{display:inline-block;padding:1.1rem 2.7rem;background:#09090b;color:#fff;border-radius:.7rem;font-size:1.18rem;font-weight:700;text-decoration:none;box-shadow:0 2px 12px #0000001a;transition:background .2s,color .2s,transform .1s;letter-spacing:.5px;border:none;outline:none;text-align:center}.landing-cta[data-v-b3f0b4cf]:hover,.landing-cta[data-v-b3f0b4cf]:focus{background:#fff;color:#09090b;outline:2px solid #09090b;outline-offset:2px;transform:translateY(-2px) scale(1.04)}.landing-right[data-v-b3f0b4cf]{flex:1;display:flex;align-items:center;justify-content:center;min-width:320px;max-width:420px;height:100%}.iphone-mockup[data-v-b3f0b4cf]{width:300px;height:600px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.iphone-img[data-v-b3f0b4cf]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:32px;opacity:0;transition:opacity .7s;z-index:1}.iphone-img.active[data-v-b3f0b4cf]{opacity:1;z-index:2}.landing-footer[data-v-b3f0b4cf]{width:100%;text-align:center;padding:2rem 0 1rem;color:#aaa;font-size:.7rem;letter-spacing:.2px;position:absolute;bottom:0;z-index:2}@media (max-width: 900px){.landing-content[data-v-b3f0b4cf]{flex-direction:column;gap:2rem;min-height:unset;padding:2rem 0}.landing-left[data-v-b3f0b4cf]{align-items:center;padding-left:0;text-align:center}.landing-title[data-v-b3f0b4cf],.landing-description[data-v-b3f0b4cf]{text-align:center}.landing-right[data-v-b3f0b4cf]{max-width:98vw;min-width:unset;padding-left:0}.iphone-mockup[data-v-b3f0b4cf]{width:280px;height:500px;margin-bottom:2rem}}:root{--background: #ffffff;--foreground: #09090b;--muted: #f4f4f5;--muted-foreground: #71717a;--border: #e4e4e7;--input: #e4e4e7;--ring: #18181b;--radius: .5rem}.download-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background);font-family:system-ui,-apple-system,sans-serif;color:var(--foreground);padding:1rem}.download-box{background:var(--background);padding:2rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:600px;border:1px solid var(--border)}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.loading-state{text-align:center;padding:3rem 1rem}.error-state{text-align:center;padding:2rem 1rem}.error-state h2{margin:0 0 1rem;color:#dc2626;font-size:1.5rem;font-weight:600}.error-message{color:#dc2626;margin:0 0 1rem;font-size:1rem;font-weight:500}.error-description{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.files-section .header{text-align:center;margin-bottom:1.5rem}.files-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--foreground)}.file-count{color:var(--muted-foreground);margin:0}.loading,.no-files{text-align:center;padding:2rem;color:var(--muted-foreground)}.actions{margin-bottom:1rem;text-align:center}.download-all-btn{padding:.75rem 1.5rem;background:var(--foreground);color:var(--background);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.download-all-btn:hover:not(:disabled){background:var(--ring)}.download-all-btn:disabled{opacity:.7;cursor:not-allowed}.files{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.files-header{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;padding:1rem;background:var(--foreground);color:var(--background);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.file-name-header{grid-column:1}.file-size-header{grid-column:2;text-align:center;min-width:80px}.file-date-header{grid-column:3;text-align:center;min-width:100px}.file-action-header{grid-column:4;text-align:center;min-width:60px}.file-item{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;padding:1rem;align-items:center;border-bottom:1px solid var(--border);background:var(--background);transition:background-color .2s}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--muted)}.file-item.downloaded{background:#f0fdf4;border-left:3px solid #059669}.file-item.downloaded .file-name{color:#065f46}.file-name{font-weight:500;word-break:break-all;line-height:1.4;display:flex;flex-direction:column;gap:.25rem}.filename-text{word-break:break-all}.downloaded-badge{font-size:.75rem;color:#059669;font-weight:500;display:flex;align-items:center;gap:.25rem}.file-size{text-align:center;font-size:.875rem;color:var(--muted-foreground);font-family:monospace;min-width:80px}.file-date{text-align:center;font-size:.875rem;color:var(--muted-foreground);min-width:100px}.file-action{display:flex;justify-content:center;min-width:60px}.download-file-btn{padding:.5rem;background:var(--foreground);color:var(--background);border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px}.download-file-btn:hover:not(:disabled){background:var(--ring)}.download-file-btn:disabled{opacity:.7;cursor:not-allowed}.download-file-btn.downloaded{background:#059669;color:#fff}.download-file-btn.downloaded:hover{background:#047857}@media (max-width: 640px){.download-container{padding:0;align-items:flex-start}.download-box{padding:.75rem;border-radius:0;box-shadow:none;border:none;max-width:100%}.logo-container{margin-bottom:1rem}.files-header{display:none}.files{border:none;border-radius:0;gap:.5rem}.file-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border)!important;border-radius:var(--radius);background:var(--background);position:relative;margin-bottom:.5rem;box-shadow:0 1px 3px #0000001a}.file-item:last-child{margin-bottom:0}.file-item.downloaded{border:1px solid #059669!important;border-left:3px solid #059669!important}.file-name{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.filename-text{font-size:.875rem;font-weight:600;line-height:1.3;word-break:break-word}.downloaded-badge{font-size:.7rem;padding:.125rem .375rem;background:#d1fae5;border-radius:.25rem;color:#065f46;font-weight:500;align-self:flex-start}.file-size{font-size:.75rem;color:var(--muted-foreground);display:flex;align-items:center;gap:.25rem}.file-date{display:none}.file-action{flex-shrink:0}.download-file-btn{padding:.5rem;min-width:40px;height:40px;border-radius:.375rem;font-size:.875rem}.download-file-btn.downloaded{min-width:40px;background:#059669;color:#fff}.download-file-btn.downloaded:hover{background:#047857}.file-item.downloaded{background:#f0fdf4;border-left:3px solid #059669}.file-item.downloaded .filename-text{color:#065f46}.actions{margin-bottom:1rem}.download-all-btn{width:100%;padding:.75rem;font-size:.875rem;border-radius:.375rem}.files-section .header{margin-bottom:1rem}.files-section h2{font-size:1.25rem}.file-count{font-size:.875rem}}
