:root{--magenta-500:#ec0484;--magenta-700:#c8036f;--magenta-800:#a3025b;--magenta-50:#fde7f3;--purple-600:#6134a9;--black:#000;--white:#fff;--gray-900:#1a1a1a;--gray-700:#595959;--gray-500:#6b6b6b;--gray-300:#bfbfbf;--gray-200:#e5e5e5;--gray-100:#f5f5f5;--danger-600:#b42318;--danger-50:#fef3f2;--success-600:#067647;--success-50:#ecfdf3;--warning-600:#b54708;--warning-50:#fffaeb;--font-heading:"Century Schoolbook", "TeX Gyre Schola", Georgia, serif;--font-body:Calibri, Carlito, "Segoe UI", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #00000029}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--black);background:var(--white);margin:0;font-size:16px;line-height:24px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3{margin:0;font-weight:700}h1,h2,.display{font-family:var(--font-heading);color:var(--magenta-500)}.display{font-size:32px;font-weight:700;line-height:40px}h1{font-size:28px;line-height:36px}h2{font-size:22px;line-height:30px}h3{font-family:var(--font-body);font-size:18px;line-height:26px}.eyebrow{margin:0 0 var(--space-2);color:var(--purple-600);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.caption{font-size:12px;line-height:16px}a{color:var(--magenta-700)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--magenta-500);outline-offset:2px}.hidden,[x-cloak]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none}.brand{align-items:center;display:flex}.brand-logo{width:240px;height:auto;display:block}.navbar{background:var(--black);height:64px}.navbar .brand-logo{border-radius:var(--radius-md);background:var(--white);width:148px;padding:7px 10px}.nav-inner,.page-container{max-width:1200px;padding-inline:var(--space-4);margin:0 auto}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-menu{align-items:center;gap:var(--space-6);height:100%;display:flex}.nav-link{height:100%;padding:0 var(--space-1);color:var(--white);border-bottom:3px solid #0000;align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.nav-link[aria-current=page]{border-bottom-color:var(--magenta-500)}.nav-avatar{border-radius:var(--radius-full);background:var(--magenta-50);width:32px;height:32px;color:var(--magenta-700);place-items:center;font-size:12px;font-weight:700;text-decoration:none;display:grid}.nav-avatar[aria-current=page]{outline:2px solid var(--magenta-500);outline-offset:2px}.page-container{padding-block:var(--space-12) 80px}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.page-heading-copy{margin:var(--space-1) 0 0;color:var(--gray-700)}@media (width>=768px){.nav-inner,.page-container{padding-inline:var(--space-6)}}@media (width>=1024px){.nav-inner,.page-container{padding-inline:var(--space-8)}}@media (width<=639px){.page-container{padding-block:var(--space-8) 64px}.page-heading{flex-direction:column;align-items:flex-start}}.button{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:0;font-size:16px;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button-primary{background:var(--magenta-500);color:var(--white)}.button-primary:hover:not(:disabled){background:var(--magenta-700)}.button-primary:active:not(:disabled){background:var(--magenta-800)}.button-secondary{background:var(--white);color:var(--black);border:1px solid var(--gray-300)}.button-secondary:hover:not(:disabled){background:var(--gray-100)}.button-ghost{color:var(--magenta-700);background:0 0}.button-ghost:hover:not(:disabled){background:var(--magenta-50)}.button-danger{background:var(--danger-600);color:var(--white)}.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger-600) 90%, black)}.button-small{height:32px;padding:0 var(--space-3);font-size:14px}.button-wide{width:100%}.button-label{align-items:center;gap:var(--space-2);display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.spin{animation-duration:3s}}.form-stack{gap:var(--space-4);display:grid}.field{color:var(--gray-700);gap:6px;font-size:14px;line-height:20px;display:grid}.input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-900)}.input::placeholder{color:var(--gray-500)}.input:focus{border-color:var(--magenta-500);box-shadow:0 0 0 3px var(--magenta-50);outline:0}.input[aria-invalid=true]{border-color:var(--danger-600)}.field-error,.form-error{align-items:flex-start;gap:var(--space-2);color:var(--danger-600);margin:0;font-size:12px;line-height:16px;display:flex}.field-error .icon,.form-error .icon{margin-top:0}.field-help{color:var(--gray-500);font-size:12px;line-height:16px}.form-actions{margin-top:var(--space-2);justify-content:flex-end;display:flex}.input-suffix{display:flex}.input-suffix .input{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-suffix-text{height:40px;padding:0 var(--space-3);border:1px solid var(--gray-300);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--gray-500);border-left:0;align-items:center;font-size:14px;display:grid}.toggle-row{align-items:center;gap:var(--space-3);color:var(--gray-900);font-size:14px;display:flex}.toggle{border-radius:var(--radius-full);background:var(--gray-300);border:0;flex:none;width:40px;height:22px;padding:0;transition:background .18s;position:relative}.toggle:after{background:var(--white);content:"";border-radius:50%;width:16px;height:16px;transition:left .18s;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--magenta-500)}.toggle[aria-checked=true]:after{left:21px}.badge{height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--warning-50);color:var(--warning-600);align-items:center;font-size:12px;font-weight:700;display:inline-flex}.badge-danger{background:var(--danger-50);color:var(--danger-600)}.modal-backdrop{z-index:50;padding:var(--space-6);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(480px,100%);max-height:calc(100vh - 48px);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.modal-header .eyebrow{margin-bottom:var(--space-1)}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--gray-700);background:0 0;border:0;flex:none;place-items:center;display:grid}.modal-close:hover{background:var(--gray-100)}.modal-copy{margin:0 0 var(--space-6);color:var(--gray-700);font-size:14px;line-height:20px}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.modal-danger-zone{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-50);color:var(--danger-600);font-size:14px;line-height:20px;display:flex}.modal-danger-zone strong,.modal-danger-zone span{display:block}.modal-danger-zone .button{flex:none}@media (width<=479px){.modal-danger-zone{flex-direction:column;align-items:stretch}}.lightbox{z-index:60;background:#000000e6;position:fixed;inset:0;overflow:auto}.lightbox-stage{min-width:100%;min-height:100%;padding:var(--space-12) var(--space-4);display:flex}.lightbox-image{flex:none;max-width:none;margin:auto;display:block}.lightbox-close{top:var(--space-4);right:var(--space-4);z-index:1;border-radius:var(--radius-full);width:40px;height:40px;color:var(--white);background:#0009;border:0;place-items:center;display:grid;position:fixed}.lightbox-close:hover{background:#fff3}.lightbox-close:focus-visible{outline-color:var(--white)}.toast-root{right:var(--space-6);bottom:var(--space-6);z-index:70;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed}.toast{padding:14px var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--gray-300);background:var(--white);box-shadow:var(--shadow-md);align-items:flex-start;gap:10px;font-size:14px;line-height:20px;display:flex}.toast-success{border-left-color:var(--success-600);background:var(--success-50);color:var(--success-600)}.toast-error{border-left-color:var(--danger-600);background:var(--danger-50);color:var(--danger-600)}@media (width<=639px){.toast-root{right:var(--space-4);bottom:var(--space-4)}}.empty-state{padding:72px var(--space-6);border:1px dashed var(--gray-300);border-radius:var(--radius-md);background:var(--gray-100);text-align:center;grid-column:1/-1}.empty-state .icon{color:var(--gray-300)}.empty-state h2{margin:var(--space-2) 0 var(--space-1)}.empty-state p{margin:0 0 var(--space-5);color:var(--gray-500)}.upload-zone{place-items:center;gap:var(--space-1);min-height:160px;padding:var(--space-5);border:2px dashed var(--gray-300);border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-900);text-align:center;cursor:pointer;display:grid}.upload-zone:focus-within{outline:2px solid var(--magenta-500);outline-offset:2px}.upload-zone.is-dragging{border-color:var(--magenta-500);background:var(--magenta-50)}.upload-zone .icon{color:var(--magenta-700)}.upload-zone small{color:var(--gray-500);font-size:12px}.file-preview{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-100);display:flex}.file-preview-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-200);flex:none;width:48px;height:48px}.upload-progress{width:100%;height:8px;accent-color:var(--magenta-500)}.file-preview strong,.file-preview small{display:block}.file-preview small{color:var(--gray-500);font-size:12px}.login-screen{grid-template-columns:1fr;min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;width:min(100%,520px);margin:0 auto;padding:32px 24px;display:flex}.login-panel .brand{margin-bottom:48px}.login-panel .display{margin:0}.login-copy{max-width:400px;margin:18px 0 var(--space-8);color:var(--gray-700)}.login-form .button{margin-top:var(--space-1)}.login-footnote{margin:var(--space-6) 0 0;color:var(--gray-500);font-size:12px;line-height:16px}.login-visual{background:radial-gradient(circle at 50% 45%,#2d1024 0,#160711 55%,#0d050a 100%);place-items:center;display:none;position:relative;overflow:hidden}.login-visual:before{color:#ffffff8c;content:"SIMPLE  /  SECURE  /  SHAREABLE";letter-spacing:.18em;font-size:11px;font-weight:700;position:absolute;top:11%;left:12%}.visual-orbit{border:1px solid #ec048459;border-radius:50%;position:absolute}.orbit-one{width:680px;height:680px}.orbit-two{border-color:#ffffff21;width:920px;height:920px}.visual-word{color:#ffffff12;font-family:var(--font-heading);letter-spacing:-.08em;font-size:clamp(72px,12vw,180px);font-weight:700;position:absolute;bottom:8%;right:9%}.visual-word span{color:var(--magenta-500)}.visual-card{z-index:1;width:360px;padding:var(--space-6);border-radius:var(--radius-lg);background:#fffffff5;position:relative;box-shadow:0 24px 60px #00000047}.visual-card-main{transform:translateY(-42px)rotate(-4deg)}.mini-label{color:var(--purple-600);letter-spacing:.14em;font-size:10px;font-weight:700}.visual-file{align-items:center;gap:var(--space-3);margin-top:22px;display:flex}.visual-file-icon{border-radius:var(--radius-md);background:var(--magenta-50);width:44px;height:44px;color:var(--magenta-500);flex:none;place-items:center;display:grid}.visual-file strong,.visual-file small{display:block}.visual-file strong{font-size:14px}.visual-file small{color:var(--gray-500);font-family:var(--font-mono);margin-top:2px;font-size:10px}.visual-check{color:var(--success-600);margin-left:auto}.visual-line{margin-top:var(--space-6);gap:5px;display:flex}.visual-line span{background:var(--gray-200);border-radius:99px;height:4px}.visual-line span:first-child{background:var(--magenta-500);width:72%}.visual-line span:last-child{width:20%}.visual-card-small{width:190px;padding:18px;position:absolute;transform:translate(150px,170px)rotate(5deg)}.visual-card-small .icon{color:var(--magenta-500)}.visual-card-small strong,.visual-card-small small{display:block}.visual-card-small strong{margin-top:var(--space-1);font-size:14px}.visual-card-small small{color:var(--gray-500);font-size:12px}@media (width>=640px){.login-panel{padding:48px 32px}}@media (width>=1024px){.login-screen{grid-template-columns:minmax(460px,46%) 1fr}.login-panel{padding:56px 48px}.login-panel .brand{margin-bottom:64px}.login-visual{display:grid}}.library-toolbar{margin:var(--space-10) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200);color:var(--gray-500);justify-content:space-between;align-items:center;font-size:14px;line-height:20px;display:flex}.library-toolbar strong{color:var(--gray-900)}.sort-field{color:var(--magenta-700);align-items:center;display:inline-flex;position:relative}.sort-select{appearance:none;padding:var(--space-1) 24px var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;background:0 0;border:0;font-size:14px}.sort-field .icon{pointer-events:none;position:absolute;right:4px}.pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);color:var(--gray-700);font-size:14px;display:flex}.pagination .button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.image-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.image-card{padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.image-preview-wrap{position:relative}.image-preview{border-radius:var(--radius-sm);background:var(--gray-100);cursor:zoom-in;border:0;place-items:center;width:100%;height:240px;padding:0;display:grid;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.image-preview-wrap .badge{pointer-events:none;position:absolute;top:10px;right:10px}.image-title{min-height:52px;margin:var(--space-4) 0 var(--space-2);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-row{display:flex}.link-row input{border:1px solid var(--gray-300);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--white);min-width:0;height:36px;color:var(--gray-700);font-family:var(--font-mono);border-right:0;flex:1;padding:0 10px;font-size:14px}.copy-button{min-width:92px;height:36px;padding:0 var(--space-3);border:1px solid var(--gray-300);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--white);color:var(--magenta-700);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.copy-button span{align-items:center;gap:6px;display:inline-flex}.copy-button:hover{background:var(--magenta-50)}.copy-button.is-copied{color:var(--success-600)}.image-card-footer{padding-top:var(--space-4);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.image-meta{color:var(--gray-500);font-size:12px;line-height:16px}.profile-layout{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.profile-layout{margin-top:var(--space-10);grid-template-columns:280px 1fr}}.profile-card{padding:var(--space-6);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm)}.profile-summary{text-align:center}.profile-avatar{width:72px;height:72px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--magenta-50);color:var(--magenta-700);place-items:center;font-size:22px;font-weight:700;display:grid}.profile-summary p{margin:var(--space-1) 0 var(--space-4);color:var(--gray-500);overflow-wrap:anywhere;font-size:14px;line-height:20px}.profile-summary .button{width:100%;margin-top:var(--space-6)}.password-card{max-width:560px}.section-copy{margin:6px 0 var(--space-6);color:var(--gray-500);font-size:14px;line-height:20px}