:root{--ink:#152239;--muted:#637087;--line:#e4eaf2;--paper:#f5f7fb;--white:#fff;--blue:#246af3;--blue-soft:#edf3ff;--cyan:#43d4ef;--navy:#091321;--danger:#c53b48;--green:#168b72;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #41a9ff}a{color:var(--blue);text-decoration:none}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.15px;font-weight:700;margin-bottom:10px;line-height:1.2}h2{font-size:19px;letter-spacing:-.35px;margin-bottom:5px}h3{font-size:15px;margin-bottom:7px}p{line-height:1.65}small,.muted{color:var(--muted)}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);padding:11px 16px;font-weight:600;min-height:42px;white-space:nowrap;transition:.16s}.btn:hover{background:#f0f4fa;border-color:#c8d4e5}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 12px #246af31a}.btn.primary:hover{background:#1557d4}.btn.danger{color:var(--danger);border-color:#f1c7cd;background:#fff7f8}.btn.subtle{border-color:transparent;background:transparent;box-shadow:none}.btn.small{padding:7px 10px;min-height:34px;font-size:12px}.btn.full{width:100%}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:transparent;color:var(--muted);flex-shrink:0}.icon-btn:hover{background:var(--blue-soft);color:var(--blue)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.space{margin-top:22px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:50px;background:#edf3ff;color:#3463a9;font-size:11px;font-weight:650;white-space:nowrap}.pill.active,.pill.complete{background:#e5f5ef;color:#13765e}.pill.expired,.pill.disabled,.pill.revoked{background:#f0f1f4;color:#6a7280}.pill.invited,.pill.warning{background:#fff4da;color:#946312}.pill .icon{width:13px;height:13px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 3px 10px #10254803}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.line{height:1px;background:var(--line);margin:20px 0}label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;background:#fff;color:var(--ink);border:1px solid #d7dfea;border-radius:10px;padding:12px 13px;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #9ac4ff;outline-offset:1px;border-color:var(--blue)}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}.check{display:flex;align-items:center;gap:9px;font-weight:500;line-height:1.5;cursor:pointer}.check input{flex-shrink:0}.hint{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}.notice{padding:13px 15px;background:var(--blue-soft);border:1px solid #dae7ff;border-radius:11px;font-size:12px;line-height:1.7;color:#345886}.notice.warning{background:#fff8e9;border-color:#f5e5bd;color:#866622}.notice.danger{background:#fff1f2;border-color:#f0ccd0;color:#9a3440}.error{color:#a23140;background:#fff0f2;border:1px solid #f1d0d6;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6;margin-bottom:16px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty .empty-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:var(--blue-soft);color:var(--blue);margin:0 auto 18px}.empty .icon{width:32px;height:32px}.empty h3{font-size:17px;color:var(--ink)}.empty p{max-width:410px;margin:8px auto 20px;font-size:13px}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--navy);color:#a5b7cd}.boot img{width:240px}.boot p{font-size:13px;letter-spacing:.3px}.loading{padding:70px;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #dce6f4;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}
/* Authentication */
.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-brand{background:radial-gradient(ellipse at 50% 37%,#102946 0,#081423 50%,#070d17 90%);padding:48px 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#edf6ff}.auth-brand:after{content:"";width:560px;height:560px;border:1px solid #4ea1d018;border-radius:50%;position:absolute;bottom:-380px;left:-180px;box-shadow:0 0 0 70px #4ea1d008,0 0 0 140px #4ea1d004;pointer-events:none}.auth-brand img{width:min(380px,90%);mix-blend-mode:screen;margin-top:-35px;margin-bottom:12px}.auth-brand h1{font-size:35px;text-align:center;letter-spacing:-1.1px}.auth-brand p{font-size:15px;text-align:center;color:#96adc7;max-width:350px}.brand-features{display:flex;gap:24px;margin-top:20px;color:#8aa9c6;font-size:11px}.brand-features .icon{width:16px;height:16px;margin-right:5px}.brand-footer{position:absolute;bottom:30px;font-size:10px;letter-spacing:2px;color:#56738f}.auth-panel{padding:64px 12%;display:flex;justify-content:center;flex-direction:column;max-width:720px;width:100%}.auth-panel h1{font-size:30px}.auth-panel>p{color:var(--muted);font-size:14px;margin-bottom:28px}.auth-heading{margin:0 0 16px;color:#7990aa;font-size:10px;font-weight:700;letter-spacing:2px}.auth-form{display:grid;gap:18px}.auth-links{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:center;gap:20px;font-size:12px}.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#8994a7;font-size:11px;margin-top:26px}.auth-security .icon{width:14px;height:14px}.qr{display:block;width:170px;height:170px;margin:0 auto;border:8px solid white;border-radius:10px}.secret-key{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;user-select:all;background:#f5f7fb;padding:10px;border-radius:8px;text-align:center}
/* Application shell */
.shell{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:linear-gradient(180deg,#0b1728,#0a1525);padding:14px 15px 18px;display:flex;flex-direction:column;color:#a7bad1;z-index:30;overflow-y:auto}.sidebar-brand{display:flex;justify-content:center;height:135px;margin-bottom:4px}.sidebar-brand img{width:154px;height:145px;object-fit:contain;mix-blend-mode:screen}.sidebar .eyebrow{color:#516b88;font-size:9px;letter-spacing:1.55px;padding:0 14px;margin:18px 0 9px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:transparent;color:#93a9c2;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:550;min-height:41px}.nav button:hover{background:#172c45;color:#e8f2ff}.nav button.active{color:#eaf5ff;background:linear-gradient(90deg,#1b4169,#172f4b);box-shadow:inset 3px 0 var(--cyan)}.nav .icon{width:18px;height:18px}.nav .badge{margin-left:auto;font-size:10px;border-radius:20px;background:#264967;padding:2px 6px;color:#adcff2}.sidebar-bottom{margin-top:auto;padding-top:22px}.storage-card{padding:16px 13px;background:#112138;border:1px solid #1f334c;border-radius:12px}.storage-card .row{font-size:11px;color:#c2d2e4}.storage-card .icon{width:15px;height:15px}.storage-card p{font-size:10px;color:#6d88a6;margin:8px 0 0}.storage-card progress{height:5px;margin-top:10px}.sidebar-foot{padding:17px 13px 0;font-size:10px;color:#4e6682;display:flex;justify-content:space-between}.main{grid-column:2;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 38px;background:#ffffffcf;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar .crumb{font-weight:650;color:#556780;font-size:12px;display:flex;align-items:center;gap:10px}.topbar .crumb .icon{color:#8ca2bd;width:17px}.topbar-right{display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#e9f1ff;color:#316fd1;font-weight:750;font-size:12px}.identity strong{font-size:12px;display:block}.identity small{font-size:10px}.mobile-menu{display:none}.content{padding:34px 38px 44px;max-width:1800px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 26px}.welcome p{margin:0;color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:left;color:var(--ink);position:relative;overflow:hidden;transition:.18s}.metric:hover{border-color:#b9cff1;transform:translateY(-2px);box-shadow:0 8px 20px #14335d09}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8da2bd}.metric-top .metric-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#427fe7}.metric[data-kind=video] .metric-icon{background:#f0edfd;color:#8b6de1}.metric[data-kind=voicemail] .metric-icon{background:#e7f8f5;color:#249f91}.metric.storage .metric-icon{background:#fff5e2;color:#c59536}.metric .value{font-size:29px;letter-spacing:-1px;font-weight:700;margin-top:18px;margin-bottom:3px}.metric .label{font-size:12px;color:#6c7a8f}.metric small{display:block;font-size:10px;color:#9aa5b5;margin-top:8px}.library-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-card{display:flex;align-items:center;gap:16px;text-align:left;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.library-card:hover{border-color:#abc7ef;background:#fbfdff}.folder-art{width:54px;height:48px;position:relative;display:grid;place-items:center;color:#fff;flex-shrink:0;filter:drop-shadow(0 5px 6px #246af31b)}.folder-art:before{content:"";position:absolute;inset:9px 0 0;border-radius:5px 7px 8px 8px;background:linear-gradient(150deg,#5a9cff,#2869d4);transform:skewY(-2deg)}.folder-art:after{content:"";position:absolute;top:3px;left:0;width:26px;height:15px;border-radius:5px 6px 0 0;background:#77b3ff;z-index:-1}.folder-art .icon{position:relative;width:23px;height:23px;margin-top:8px;opacity:.9}.folder-art.video:before{background:linear-gradient(150deg,#a997f2,#7564ce)}.folder-art.video:after{background:#b5a4ff}.folder-art.voicemail:before{background:linear-gradient(150deg,#5bcbba,#269b8d)}.folder-art.voicemail:after{background:#84dbce}.library-card strong{display:block;font-size:14px;margin-bottom:5px}.library-card small{font-size:11px}.library-card>.icon{margin-left:auto;color:#97a9be;width:16px}.overview-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:24px}.sharing-card{background:linear-gradient(120deg,#eaf1ff,#f7faff);border-color:#dce6f9}.sharing-card h2{font-size:18px}.sharing-card p{max-width:450px;margin:8px 0 16px;font-size:12px;color:#62799b}.protection-list{display:grid;gap:13px;margin-top:20px}.protection-list .row{font-size:12px;gap:10px}.protection-list .icon{color:#3c9c84;width:17px}.protection-list .muted{margin-left:auto;font-size:10px}progress{display:block;appearance:none;border:0;background:#e7edf6;width:100%;height:7px;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#e7edf6;border-radius:20px}progress::-webkit-progress-value{background:linear-gradient(90deg,#2d77f7,#42c4ee);border-radius:20px}progress::-moz-progress-bar{background:#367ff0}
/* Explorer and media cards */
.explorer-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.breadcrumbs{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.breadcrumbs button{font-size:12px;background:transparent;color:var(--muted);padding:5px}.breadcrumbs button:last-child{color:var(--ink);font-weight:650}.breadcrumbs .icon{width:13px;height:13px;color:#a4b0c1}.searchbox{position:relative;min-width:200px}.searchbox .icon{position:absolute;left:12px;top:12px;color:#9cacc0;width:17px}.searchbox input{padding:10px 12px 10px 38px!important;min-height:40px!important;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:18px}.tile{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;transition:.14s;min-width:0}.tile:hover{box-shadow:0 8px 18px #18304b0c;border-color:#bad0ee;transform:translateY(-2px)}.tile.selected{border-color:var(--blue);box-shadow:0 0 0 2px #246af32c}.tile-main{width:100%;text-align:left;background:transparent;padding:0;color:inherit;display:block}.thumb{height:132px;background:linear-gradient(140deg,#eff3fa,#e9f0fa);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb>.icon{width:45px;height:45px;color:#7f9abc}.thumb .folder-art{transform:scale(1.3)}.thumb .play{position:absolute;display:grid;place-items:center;width:36px;height:36px;background:#0c1724a6;color:white;border:1px solid #ffffff4a;border-radius:50%;backdrop-filter:blur(5px)}.thumb .play .icon{width:16px;height:16px;fill:currentColor;stroke-width:1;margin-left:2px}.tile-meta{padding:12px 13px 14px;min-height:66px}.tile-meta strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:18px;font-weight:600}.tile-meta small{font-size:10px;color:#8b9aaf;display:block;margin-top:5px}.tile .kebab{position:absolute;bottom:28px;right:5px;width:27px;height:27px}.tile .kebab .icon{width:18px;height:18px}.tile-check{position:absolute;left:10px;top:10px;background:#ffffffdc;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;opacity:0;transition:.1s;z-index:2;cursor:pointer}.tile:hover .tile-check,.tile.selected .tile-check,.tile-check:focus-within{opacity:1}.tile-check input{margin:0}.selected-bar{display:flex;align-items:center;gap:12px;padding:10px 15px;background:var(--blue-soft);border:1px solid #d9e6ff;border-radius:12px;margin-bottom:18px;font-size:12px;color:#3d6399}.selected-bar strong{margin-right:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;color:var(--muted);font-size:12px}.drop-area{outline:2px dashed var(--blue);outline-offset:7px;background:#f0f6ff}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f8faff;color:#7c8da4;font-size:10px;font-weight:650;letter-spacing:.5px;padding:15px 18px;white-space:nowrap}td{padding:17px 18px;border-top:1px solid #edf1f6;vertical-align:middle}td strong{display:block;line-height:1.5;font-weight:600}td small{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:#91a0b4}.table-actions{display:flex;gap:3px}.table-actions .icon-btn{width:31px;height:31px}.table-actions .icon{width:16px}.user-cell{display:flex;gap:12px;align-items:center}.user-cell .avatar{width:34px;height:34px}.stats-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stats-inline .panel{padding:20px}.stats-inline .value{font-size:26px;font-weight:700;margin-top:9px;letter-spacing:-.6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .panel h2{margin-bottom:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row:last-child{border:0}.setting-row small{max-width:240px;display:block;line-height:1.5;margin-top:4px}.setting-row .pill{font-size:10px}
/* Desktop */
.desktop .topbar{background:#0c1d31;border-color:#ffffff0b;color:#b8cce6}.desktop .topbar .crumb{color:#adc2dc}.desktop .topbar .btn{background:#ffffff0b;border-color:#ffffff19;color:#dceaff}.desktop .topbar .identity strong{color:#dfeeff}.desktop .topbar .identity small{color:#7e9ab8}.desktop .topbar .icon-btn{color:#9cb4ce}.desktop .content{min-height:calc(100dvh - 76px);max-width:none;padding:35px;background:radial-gradient(ellipse at 70% 5%,#1a4871 0,transparent 55%),radial-gradient(ellipse at 20% 95%,#122a4e 0,transparent 60%),#0c1a2c;position:relative;overflow:hidden}.desktop-home{color:#ebf4ff;position:relative;min-height:calc(100dvh - 150px);display:flex;flex-direction:column}.desktop-home .welcome p{color:#83a4c6}.desktop-home .eyebrow{color:#6d92b6}.desktop-icons{display:grid;grid-template-columns:repeat(3,125px);gap:30px 24px;margin-top:40px}.desktop-icon{color:#d7eaff;background:transparent;text-align:center;border-radius:14px;padding:14px 8px;display:flex;align-items:center;flex-direction:column;gap:16px;font-size:12px;border:1px solid transparent}.desktop-icon:hover{background:#ffffff0a;border-color:#ffffff18}.desktop-icon .folder-art{transform:scale(1.4);margin:8px 0 5px}.desktop-icon .utility-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:linear-gradient(150deg,#344e71,#1b3555);border:1px solid #59759255;box-shadow:0 8px 20px #0002}.desktop-icon .utility-icon .icon{width:28px;height:28px;color:#a8d0f4}.desktop-watermark{position:absolute;right:3%;top:4%;width:min(39vw,440px);opacity:.17;mix-blend-mode:screen;pointer-events:none}.desktop-note{margin-top:auto;padding-top:50px;font-size:11px;color:#6083a7;display:flex;align-items:center;gap:8px}.desktop-note .icon{width:14px;height:14px}.window{background:#f7f9fd;border:1px solid #ffffff3d;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #0005;position:relative;max-width:1350px;margin:0 auto}.window-title{background:#edf2f8;border-bottom:1px solid #dde5ef;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#6f83a0}.window-title .row{gap:9px}.window-title .icon{width:16px;height:16px}.window-body{padding:24px;min-height:60vh}.window-body .welcome h1{font-size:24px}.window-body .welcome{margin-bottom:22px}.window-body .grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
/* Dialogs */
dialog{border:1px solid #dce4ef;border-radius:20px;box-shadow:0 30px 100px #091d3c40;background:white;color:var(--ink);padding:0;width:min(550px,calc(100vw - 32px));max-height:calc(100dvh - 40px)}dialog::backdrop{background:#07182b99;backdrop-filter:blur(5px)}.modal-head{padding:23px 26px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7}.modal-head h2{font-size:19px;margin:0}.modal-body{padding:24px 26px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:23px}.form-grid{display:grid;gap:18px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.code-display{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;text-align:center;background:#f0f5ff;border:1px dashed #b9ccef;border-radius:12px;padding:19px 9px;color:#2556a2;font-size:17px;font-weight:600;user-select:all;word-break:break-word}.recovery-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f4f7fb;padding:15px;border:1px solid var(--line);border-radius:10px;font-family:ui-monospace,monospace;font-size:12px;text-align:center;user-select:all}.choice-dialog{width:min(680px,calc(100vw - 32px))}.choice-intro{text-align:center;margin:7px 0 26px}.choice-intro .eyebrow{color:#4591cf;margin-bottom:12px}.choice-intro h1{font-size:29px}.choice-intro p{font-size:13px;color:var(--muted);margin:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice-card{border:1px solid var(--line);padding:18px;border-radius:15px;text-align:left;background:white;color:var(--ink)}.choice-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px #246af30d}.choice-card strong{display:block;font-size:15px;margin:15px 0 5px}.choice-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.mini-dashboard{height:112px;background:#f0f4fb;border:1px solid #e2e9f5;border-radius:8px;padding:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-content:start}.mini-dashboard i{height:34px;background:#fff;border-radius:5px;border:1px solid #e5ecf7;position:relative}.mini-dashboard i:before{content:"";width:10px;height:10px;background:#b6d6ff;position:absolute;left:7px;top:7px;border-radius:3px}.mini-dashboard b{height:34px;grid-column:1/-1;background:white;border-radius:5px;border:1px solid #e5ecf7}.mini-desktop{height:112px;border-radius:8px;background:radial-gradient(at 90% 0,#245a88,#10273f);display:flex;align-items:center;justify-content:center;gap:16px}.mini-desktop .folder-art{transform:scale(.66);margin:-7px}.choice-footer{justify-content:center;margin-top:24px;color:var(--muted);font-size:11px}.preview-dialog{width:min(1060px,calc(100vw - 30px));background:#0c1726;border:1px solid #283c54;color:#e6effa;max-height:95dvh}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid #ffffff10;gap:12px}.preview-head strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-head .icon-btn{color:#aac0d7}.preview-stage{display:grid;place-items:center;min-height:260px;max-height:72dvh;background:#060d16;padding:15px}.preview-stage img{max-width:100%;max-height:68dvh;object-fit:contain;border-radius:4px}.preview-stage video{max-width:100%;max-height:68dvh}.audio-stage{display:flex;flex-direction:column;gap:25px;align-items:center;padding:45px 20px}.audio-stage>.icon{width:70px;height:70px;color:#51bfcb}.audio-stage audio{width:min(600px,75vw)}.preview-footer{padding:13px 20px;color:#8ea8c3;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-footer .btn{background:#1d3551;border-color:#38536c;color:#cfe9ff;font-size:12px}.context-menu{position:fixed;background:white;border:1px solid #dfe6ef;border-radius:12px;padding:6px;box-shadow:0 12px 40px #1224402b;min-width:185px;z-index:120}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;text-align:left;color:var(--ink);border-radius:7px;background:transparent;font-size:12px}.context-menu button:hover{background:#eef4ff}.context-menu .icon{width:16px;height:16px;color:#6c89ad}.context-menu .danger{color:var(--danger)}#toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:grid;gap:9px;z-index:200;width:min(550px,calc(100vw - 30px));pointer-events:none}.toast{padding:13px 17px;color:#eaf3ff;background:#172b44;border:1px solid #3c5876;border-radius:12px;box-shadow:0 8px 30px #001c3830;font-size:12px;line-height:1.6}.toast.error-toast{background:#512833;border-color:#a65a6a}.transfer{position:fixed;right:22px;bottom:22px;width:330px;max-width:calc(100vw - 30px);background:white;border:1px solid #cad9ee;border-radius:15px;box-shadow:0 12px 50px #0a294a24;z-index:90;padding:18px}.transfer strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer small{display:block;margin:7px 0 12px;font-size:11px}.transfer .eyebrow{margin-bottom:10px;color:#6695c6}.transfer .icon{width:15px;height:15px}.public-shell{min-height:100dvh;background:#f5f8fc}.public-header{height:84px;background:#0b1727;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.public-header img{width:90px;height:80px;object-fit:contain;mix-blend-mode:screen}.public-header span{color:#718ea9;font-size:11px}.public-header .btn{background:#132c48;color:#c8def7;border-color:#294462}.public-content{max-width:1400px;margin:auto;padding:38px 5%}.share-expiry{font-size:12px;color:#71869f;margin-top:12px}.toolbar-info{font-size:11px;color:var(--muted);margin:18px 0}.file-drop{border:1px dashed #aec5e7;border-radius:12px;background:#f6f9ff;padding:23px;text-align:center}.file-drop input{width:100%;font-size:12px;max-width:100%}.file-drop p{font-size:11px;color:#6c86aa;margin:12px 0 0}.file-drop .icon{width:32px;height:32px;color:#5b8bcf;margin-bottom:15px}
@media(min-width:1550px){.content{padding:42px 55px}.grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.thumb{height:150px}}@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px}.content{padding:26px}.topbar{padding:0 26px}.metrics{gap:12px}.metric{padding:17px}.metric .value{font-size:25px}.library-cards{gap:12px}.library-card{padding:17px;gap:12px}.library-card>.icon{display:none}.overview-bottom{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.auth-panel{padding:50px 10%}.auth-brand{padding:35px 6%}.auth-brand h1{font-size:29px}.settings-grid{grid-template-columns:1fr}.desktop-watermark{right:0;width:320px;opacity:.1}.desktop-icons{grid-template-columns:repeat(3,110px);gap:26px 13px}}@media(max-width:800px){h1{font-size:26px}.shell{display:block}.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s;z-index:100;box-shadow:10px 0 40px #08142833}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobile-menu{display:inline-grid}.topbar{height:64px;padding:0 17px;gap:8px}.topbar .identity{display:none}.topbar .crumb{font-size:11px}.topbar-right{gap:6px}.topbar .btn{min-height:34px;padding:7px 10px;font-size:11px}.topbar .btn .icon{width:16px;height:16px}.content{padding:25px 18px 35px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{padding:17px}.metric .value{font-size:27px}.metric .metric-icon{width:33px;height:33px}.metric .label{font-size:11px}.metric-top .metric-icon .icon{width:18px}.library-cards{grid-template-columns:1fr;gap:11px}.library-card{padding:17px 20px}.library-card>.icon{display:block}.library-card .folder-art{transform:scale(.82);margin:-5px 0}.welcome{align-items:flex-start;gap:12px}.welcome .btn{font-size:11px;padding:9px 12px;min-height:38px}.welcome .btn .icon{width:16px}.welcome p{font-size:12px;max-width:330px}.welcome h1{font-size:25px}.eyebrow{font-size:9px}.section-head{margin-top:25px}.section-head h2{font-size:17px}.panel{padding:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.thumb{height:135px}.tile-check{opacity:1}.auth{display:flex;flex-direction:column}.auth-brand{padding:14px 20px 18px;min-height:190px}.auth-brand img{width:160px;margin:-22px 0 -16px}.auth-brand h1{font-size:18px;margin:0}.auth-brand p,.brand-features,.brand-footer{display:none}.auth-panel{padding:32px 27px 40px;max-width:480px;margin:auto}.auth-panel h1{font-size:26px}.auth-panel>p{font-size:13px}.auth-links{font-size:11px}.auth-form{gap:15px}.qr{width:150px;height:150px}.desktop .content{padding:20px 13px;min-height:calc(100dvh - 64px)}.desktop-home{padding:10px;min-height:calc(100dvh - 125px)}.desktop-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 7px;margin-top:30px}.desktop-icon{font-size:11px}.desktop-watermark{top:22%;width:95%;right:-15%;opacity:.06}.desktop-home .welcome h1{font-size:25px}.window-body{padding:17px 13px}.window-body .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.window-body .welcome h1{font-size:22px}.window-body .thumb{height:115px}.explorer-toolbar{gap:12px}.searchbox{min-width:100%;width:100%}.breadcrumbs{font-size:11px}.form-two{grid-template-columns:1fr}.modal-head{padding:20px}.modal-body{padding:21px 20px}.modal-head h2{font-size:17px}.choice-grid{gap:12px}.choice-card{padding:12px}.choice-card strong{font-size:13px}.choice-card p{font-size:10px}.mini-dashboard,.mini-desktop{height:90px}.mini-desktop{gap:0}.choice-intro h1{font-size:25px}.choice-intro p{font-size:12px}.choice-dialog{max-height:92dvh}.stats-inline{grid-template-columns:1fr;gap:12px}.stats-inline .panel{display:flex;justify-content:space-between;align-items:center;padding:15px 18px}.stats-inline .value{font-size:23px;margin:0}table{font-size:11px}th,td{padding:13px 14px}.hide-mobile{display:none}.code-display{font-size:13px;letter-spacing:.5px}.public-header{height:70px;padding:0 18px}.public-header img{width:78px;height:68px}.public-header span{display:none}.public-content{padding:28px 18px}.public-content .welcome{flex-wrap:wrap}.preview-head{padding:12px}.preview-stage{padding:7px;min-height:200px}.preview-footer{padding:12px;font-size:10px;flex-wrap:wrap}.transfer{right:15px;bottom:15px}.table-actions .icon-btn{width:34px;height:34px}.recovery-list{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition:none!important;scroll-behavior:auto!important}}