:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16181d;background:#f5f5f4;font-synthesis:none;--blue:#34536b;--line:#eceef1;--muted:#5b626e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,label.upload-label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{height:100px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:22px;font-weight:700;letter-spacing:-.7px}.mark{width:42px;height:42px;background:var(--blue);border-radius:11px;color:white;display:grid;place-content:center;font-size:31px;padding-bottom:5px}.brand-sub{font-size:14px;font-weight:500;letter-spacing:0;display:block;margin-top:1px;color:var(--muted)}#private-label,.eyebrow,.card-label{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}main{max-width:1312px;margin:auto;padding:0 64px;min-height:calc(100vh - 181px)}.login-layout{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;min-height:calc(100vh - 181px);padding:72px 0}.intro h1{font-size:clamp(40px,5.3vw,72px);line-height:1.08;letter-spacing:-3px;margin:24px 0}.intro p{font-size:18px;line-height:1.7;max-width:330px;color:var(--muted)}.intro-line{width:52px;height:3px;background:var(--blue);margin:42px 0 22px}.small{font-size:14px;color:var(--muted);line-height:1.6}.login-card{background:white;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:0 10px 30px #16181d05}.card-label{color:var(--blue)}h2{font-size:28px;letter-spacing:-.7px;margin:18px 0 12px}p{line-height:1.65}.login-card>p{font-size:15px;color:var(--muted);margin-bottom:28px}label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}input,select{width:100%;border:1px solid #dce0e5;background:#fff;border-radius:7px;padding:13px 12px;color:inherit;min-height:46px}input::placeholder{color:#7c828c}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #8fa6bc;outline-offset:3px}.primary{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:white;border:1px solid var(--blue);padding:13px 19px;border-radius:7px;min-height:46px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.primary:hover{background:#294357}.login-card .primary{width:100%;margin-top:18px}.quiet{background:white;border:1px solid var(--line);padding:10px 14px;border-radius:7px;color:#34536b;font-size:14px;min-height:42px}.quiet:hover{border-color:#8fa6bc}.help{border-top:1px solid var(--line);margin-top:26px;padding-top:21px;font-size:14px;line-height:1.6;color:var(--muted)}.message:empty{display:none}.message{padding:14px 16px;border-radius:7px;background:#edf1f4;color:#34536b!important;font-size:14px;line-height:1.5}.message.error{background:#fcf0ee;color:#a32f23!important}#account{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--muted)}.workspace-heading{padding:54px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-heading h1{font-size:36px;letter-spacing:-1px;margin:12px 0 0}.actions{display:flex;gap:10px;align-items:center}.upload-label{margin:0}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:28px}.tab{padding:14px 0;border:0;background:none;border-bottom:2px solid transparent;color:var(--muted);font-size:15px}.tab.active{border-color:var(--blue);color:var(--blue)}#breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#breadcrumbs button{border:0;background:none;color:var(--muted);padding:7px 6px;font-size:14px}#breadcrumbs button:last-child{font-weight:600;color:#16181d}.file-table{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.file-head,.file-row{display:grid;grid-template-columns:minmax(200px,1fr) 130px 90px 120px;align-items:center;gap:20px;padding:17px 24px}.file-head{font-size:12px;letter-spacing:.6px;color:var(--muted);background:#f5f5f4}.file-row{border-top:1px solid #eceef1;font-size:14px}.file-row .filename{min-width:0;display:flex;gap:13px;align-items:center}.filename span:last-child{overflow-wrap:anywhere}.file-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:40px;background:#edf1f4;color:#34536b;border-radius:6px;font-size:10px;font-weight:700}.folder-icon{background:#edf1f4;color:var(--blue)}.folder-button{border:0;background:none;text-align:left;font:inherit;padding:0;color:inherit;cursor:pointer}.file-meta{color:var(--muted);font-size:13px}.download{font-size:14px;color:var(--blue);text-decoration:none;text-align:right}.empty{padding:55px 24px;text-align:center;color:var(--muted);font-size:15px}.panel-heading p{color:var(--muted)}.member-form{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:16px;align-items:end;background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.member-row strong{display:block;margin-bottom:5px}.member-row .member-detail{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.member-actions{display:flex;align-items:center;gap:15px;font-size:14px}.connection{background:white;border:1px solid var(--line);padding:36px;border-radius:12px;max-width:680px;margin-top:30px}.connection p{color:var(--muted)}#upload-progress{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:20px}progress{width:100%;height:9px;accent-color:var(--blue);margin:10px 0}#upload-detail{font-size:14px;color:var(--muted)}#more{margin-top:20px}footer{max-width:1440px;padding:28px 64px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}#workspace{padding-bottom:50px}@media(max-width:950px){header{padding:0 30px}main{padding:0 30px}.login-layout{grid-template-columns:1fr 390px;gap:40px}.login-card{padding:30px}.intro h1{letter-spacing:-2px}.member-form{grid-template-columns:1fr 1fr}.file-head,.file-row{grid-template-columns:minmax(160px,1fr) 90px 100px;gap:12px;padding:16px}.file-head span:nth-child(2),.file-row>.file-meta:nth-child(2){display:none}footer{padding:28px 30px}}@media(max-width:650px){header{height:80px;padding:0 22px}#private-label{font-size:10px;letter-spacing:1px}.brand{font-size:20px}main{padding:0 22px}.login-layout{display:block;padding:40px 0;min-height:0}.intro h1{font-size:43px;margin:18px 0}.intro p{font-size:16px}.intro-line,.intro>.small{display:none}.login-card{margin-top:35px;padding:27px}.workspace-heading{padding-top:34px;align-items:flex-start;flex-direction:column}.workspace-heading h1{font-size:30px}.tabs{gap:21px}.tab{font-size:14px}#account{gap:8px}#account-name{display:none}.file-head,.file-row{grid-template-columns:minmax(100px,1fr) 87px}.file-head span:nth-child(3),.file-row>.file-meta:nth-child(3){display:none}.member-form{grid-template-columns:1fr}.member-row{align-items:flex-start;flex-direction:column}.connection{padding:25px}.file-row{font-size:14px}.file-icon{width:30px;height:35px}.filename{gap:8px!important}footer{padding:22px;flex-direction:column;gap:7px}.download{font-size:13px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}}

#preview-dialog{width:min(1100px,94vw);max-height:94dvh;padding:24px;border:1px solid var(--line);border-radius:14px;background:#f5f5f4;color:#16181d;overflow:auto}#preview-dialog::backdrop{background:#16181dcc}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.preview-header h2{margin:0 0 8px;font-size:20px;overflow-wrap:anywhere}.preview-header>div{min-width:0}.preview-header button{flex-shrink:0}#preview-content{min-height:180px;display:flex;justify-content:center;align-items:center;background:#16181d;border-radius:8px;overflow:hidden}#preview-content img,#preview-content video{display:block;max-width:100%;max-height:65dvh;object-fit:contain}.preview-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.folder-button:hover{color:var(--blue);text-decoration:underline}.filename button{font:inherit}@media(max-width:650px){#preview-dialog{padding:15px}.preview-actions{gap:7px}.preview-actions .primary,.preview-actions .quiet{padding:10px;font-size:12px}.preview-header h2{font-size:16px}}
