@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b1020;--panel:#111a2e;--panel2:#0e1729;--line:#25334c;--text:#f2f6ff;--muted:#8b9ab4;--blue:#6d8cff;--cyan:#56d6d0;--danger:#ff7777}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1a2a4a 0,transparent 55%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.app-shell{max-width:1240px;margin:auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7794ff,#54d9d1);color:#071226;font-weight:800}.top-actions{display:flex;align-items:center;gap:18px}.secure{color:#a8bad3;font-size:12px}.secure i,.eyebrow .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55d6a2;margin-right:7px;box-shadow:0 0 12px #55d6a288}.icon-btn{border:1px solid var(--line);background:#121d32;color:#dce7fa;border-radius:10px;width:38px;height:38px;font-size:22px;cursor:pointer}main{padding:55px 0 25px}.hero{text-align:center;max-width:720px;margin:0 auto 44px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a8b9d5;font-weight:700}.eyebrow .pulse{background:#65d9d1;box-shadow:0 0 12px #65d9d188}.hero h1{font:700 clamp(42px,6vw,66px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:20px 0 16px}.hero h1 span{background:linear-gradient(90deg,#83a0ff,#58d9d1);background-clip:text;color:transparent}.hero-copy{max-width:590px;margin:auto;color:var(--muted);font-size:15px;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:22px;align-items:start}.panel,.info-card{background:linear-gradient(145deg,#131e33,#10192b);border:1px solid var(--line);border-radius:18px}.share-panel{padding:26px}.panel-heading,.library-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-heading>div,.library-heading>div{display:flex;align-items:center;gap:12px}.step{color:#6e91ff;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:1px}.panel-heading h2,.library-heading h2{font:600 17px 'Space Grotesk',sans-serif;margin:0}.muted{color:var(--muted)}.small{font-size:11px}.dropzone{border:1px dashed #3b5275;background:#0d172a;border-radius:14px;text-align:center;padding:28px 18px;transition:.2s}.dropzone.dragover{border-color:var(--cyan);background:#102334}.upload-icon{width:42px;height:42px;border-radius:13px;margin:0 auto 12px;display:grid;place-items:center;background:#23365b;color:#91a9ff;font-size:26px}.dropzone h3{font:600 16px 'Space Grotesk',sans-serif;margin:0 0 5px}.dropzone p{color:var(--muted);font-size:12px;margin:0 0 16px}.choose-actions{display:flex;justify-content:center;gap:9px}.btn{border:0;border-radius:9px;padding:10px 15px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(110deg,#7895ff,#5b80f0);color:#071226}.btn-secondary{background:#1b2a43;border:1px solid #344764;color:#dce7fa}.btn-send{background:linear-gradient(110deg,#65d8cf,#6c9bff);color:#071522}.btn-danger{background:#39212c;border:1px solid #69404b;color:#ffaaaa}.btn-small{padding:7px 10px;font-size:10px}.hint{display:block;margin-top:17px;color:#71829e;font-size:10px}.selected-wrap{margin-top:15px;border:1px solid var(--line);border-radius:12px;padding:13px}.selected-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}.text-btn{background:none;border:0;color:#8fa8ff;cursor:pointer;font-size:11px}.file-list{max-height:150px;overflow:auto}.file-item{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;border-bottom:1px solid #ffffff0b;font-size:11px;color:#c6d2e6}.file-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-footer{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.upload-progress{height:5px;background:#26344c;border-radius:10px;flex:1;min-width:100px;overflow:hidden}.upload-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6e91ff,#58d9d1);transition:width .15s}.library-heading{margin:30px 0 13px}.status-pill{border:1px solid #344764;border-radius:20px;padding:6px 10px;color:#9aacc7;font-size:10px}.status-pill i{display:inline-block;width:6px;height:6px;background:#55d6a2;border-radius:50%;margin-right:5px}.library-tools{display:flex;gap:9px;margin-bottom:12px}.library-tools input{flex:1;min-width:0;background:#0b1527;border:1px solid #2a3a54;border-radius:9px;padding:10px 12px;color:var(--text);outline:none;font:12px 'DM Sans',sans-serif}.library-tools input:focus{border-color:#6d8cff}.shared-files{display:flex;flex-direction:column;gap:8px}.shared-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0e192b;border:1px solid #253550;border-radius:11px;min-width:0}.file-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#203354;color:#8fa8ff;font-size:18px}.shared-details{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.shared-details strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-details span{font-size:10px;color:var(--muted)}.file-actions{display:flex;gap:6px}.empty-state{text-align:center;padding:30px 12px;color:var(--muted);font-size:12px}.activity-symbol{font-size:25px;color:#829cff}.side-column{display:flex;flex-direction:column;gap:14px}.info-card{padding:21px}.shield{font-size:26px;color:#79a0ff}.info-card h3{font:600 15px 'Space Grotesk',sans-serif;margin:8px 0}.info-card p,.tip p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 17px}.privacy-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #ffffff10;font-size:10px;color:var(--muted)}.privacy-line strong{color:#dce7fa;font-weight:600;text-align:right}.side-title{display:flex;align-items:center;justify-content:space-between}.side-title h3{margin:0 0 14px}.live-dot{font-size:9px;letter-spacing:1px;color:#62d7a6}.server-status{font-size:11px;color:#75d8b0;padding:4px 0 13px}.tip{display:flex;gap:10px;padding:14px;background:#14213a;border:1px solid #2b3e60;border-radius:12px}.tip>span{color:#8ca7ff}.tip p{margin:0}.tip p strong{color:#e4edff}.warning-tip{background:#281f27;border-color:#55404a}.warning-tip>span{color:#ffb17f}footer{display:flex;justify-content:space-between;color:#62728d;font-size:10px;padding:30px 2px 25px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#e6efff;color:#0b1426;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 30px #0006;max-width:min(90vw,650px);z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr}.tip{align-self:stretch}.hero{margin-bottom:30px}}
@media(max-width:560px){.app-shell{padding:0 15px}.topbar{height:66px}.secure{font-size:10px}.hero h1{letter-spacing:-2px}.hero-copy{font-size:13px}main{padding-top:38px}.share-panel{padding:16px}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading h2,.library-heading h2{font-size:15px}.side-column{display:flex}.shared-item{gap:8px;flex-wrap:wrap}.shared-details{min-width:calc(100% - 55px);}.file-actions{margin-left:44px}.upload-footer{align-items:stretch}.upload-footer .btn{margin-left:auto}.library-heading{align-items:center}.library-tools .btn{padding:9px}footer{gap:10px;flex-wrap:wrap}}