@font-face{font-family:"Cera Pro";src:url('/static/brand/CeraPro-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cera Pro";src:url('/static/brand/CeraPro-Medium.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Cera Pro";src:url('/static/brand/CeraPro-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Cera Stencil Pro";src:url('/static/brand/CeraStencilPRO-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{font-family:"Cera Pro",Arial,sans-serif;color:#1d1d1b;background:#f5f5f5;font-size:16px;--green:#1d1d1b;--lime:#ffffff;--muted:#656565;--line:#d6d6d6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:4px;padding:11px 16px;color:inherit;font-weight:600}button:hover{border-color:#777777;background:#eeeeee}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#3c3c3c;color:white}.lime{background:var(--lime);border-color:var(--lime);color:#1d1d1b}.danger{color:#a83030}.small{font-size:.875rem;padding:8px 12px}.icon{font-size:1.2rem}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--green);color:white;padding:32px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:1.75rem;letter-spacing:-1.4px;font-weight:850;line-height:1.05}.brand em{font-style:normal;color:var(--lime)}.brand-sub{font-size:.75rem;letter-spacing:3px;margin-top:12px;opacity:.7}.nav{display:grid;gap:8px;margin-top:54px}.nav button{text-align:left;color:#d6d6d6;border:0;background:transparent;font-size:.94rem;padding:14px}.nav button.active{background:#3b3b39;color:white}.nav .count{float:right;opacity:.7}.sidebar-bottom{margin-top:auto;padding-top:32px;font-size:.875rem}.avatar{width:34px;height:34px;background:var(--lime);color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:700;flex-shrink:0}.person{display:flex;align-items:center;gap:10px;margin-bottom:14px}.person small{display:block;opacity:.65;margin-top:3px}.sidebar-bottom button{background:transparent;color:#eeeeee;border-color:#6b6b6b}.main{min-width:0;padding:0 48px 60px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;height:86px;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:6px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#fff}.badge.private{background:#eeeeee;border-color:#d6d6d6;color:#4a4a4a}.head{margin:40px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:.75rem;color:var(--muted);font-weight:600;margin-bottom:12px}h1{font-size:2.4rem;letter-spacing:-1.3px;margin:0 0 10px;font-weight:650}h2{font-size:1.25rem;letter-spacing:-.4px;margin:0 0 12px}h3{font-size:1rem;margin:0}p{line-height:1.6;margin:0 0 16px}.muted{color:var(--muted)}.sub{font-size:.9rem;color:var(--muted)}.hero-strip{display:grid;grid-template-columns:1.5fr 1fr;background:#eaeaea;border:1px solid var(--line);border-radius:4px;margin-bottom:32px;overflow:hidden}.hero-info{padding:26px 28px}.hero-info p{max-width:540px;margin-bottom:0;font-size:.94rem;color:#575757}.storage{padding:26px 28px;border-left:1px solid #d2d2d2;display:flex;flex-direction:column;justify-content:center}.storage strong{font-size:1.2rem;font-weight:600}.meter{height:5px;background:#d4d4d4;border-radius:4px;margin:12px 0 8px;overflow:hidden}.meter i{display:block;height:100%;background:#1d1d1b}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px}.search{width:310px;max-width:100%;background:white}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{background:transparent;border-color:transparent;color:var(--muted);padding:9px 12px;font-size:.875rem}.tabs button.active{background:white;color:var(--green);border-color:var(--line)}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #c5c5c5;border-radius:8px;background:white;color:#1d1d1b;min-width:0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}textarea{resize:vertical;min-height:86px}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:7px}.field{margin-bottom:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:4px;padding:22px;text-align:left;display:flex;flex-direction:column;gap:17px;min-height:202px;font-weight:400}.card:hover{background:white;border-color:#999999;box-shadow:0 5px 18px #00000010}.card-top{display:flex;align-items:center;justify-content:space-between}.folder{width:42px;height:35px;border:1.5px solid #969696;background:#eeeeee;border-radius:4px;position:relative;margin-top:5px}.folder:before{content:"";position:absolute;left:-1.5px;top:-6px;width:19px;height:6px;border:1.5px solid #969696;border-bottom:0;border-radius:3px 3px 0 0;background:#eeeeee}.card h3{font-size:1.07rem;margin:2px 0 7px;overflow-wrap:anywhere}.card-bottom{border-top:1px solid #e8e8e8;padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.empty{background:white;border:1px dashed #b7b7b7;border-radius:4px;text-align:center;padding:62px 24px}.empty p{color:var(--muted);max-width:450px;margin:12px auto 20px}.empty .folder{margin:0 auto 28px}.notice{background:#eeeeee;border:1px solid #d5d5d5;border-radius:4px;padding:13px 16px;font-size:.875rem;line-height:1.5;margin-bottom:20px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.back{border:0;padding:0;background:transparent;font-size:.875rem;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:4px;padding:24px;margin-bottom:22px}.drop{border:1.5px dashed #b0b0b0;border-radius:4px;background:#f7f7f7;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.drop.drag{background:#e7e7e7;border-color:var(--green)}.drop strong{display:block;margin-bottom:7px}.drop p{margin:0;font-size:.875rem;color:var(--muted)}.hidden{display:none!important}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600;padding:15px 12px;border-bottom:1px solid var(--line)}td{padding:16px 12px;border-bottom:1px solid #e8e8e8;font-size:.9rem}td.name{overflow-wrap:anywhere;min-width:200px;max-width:440px}tr:last-child td{border-bottom:0}.file-icon{display:inline-grid;place-items:center;width:32px;height:36px;border:1px solid #d2d2d2;border-radius:5px;background:#f3f3f3;font-size:.65rem;font-weight:700;color:#5c5c5c;margin-right:10px;vertical-align:middle}.rowtitle{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.linkrow{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.linkrow p{margin:5px 0 0;font-size:.8rem;color:var(--muted)}.linkrow strong{font-size:.9rem;overflow-wrap:anywhere}.progress{padding:13px 0;border-bottom:1px solid var(--line)}.progress .top{display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.progress progress{width:100%;height:7px;margin-top:10px;accent-color:var(--green)}.error{color:#a52d2d;font-size:.9rem;margin:12px 0}.success{color:#2a6849}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:var(--green);color:white;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:3.7rem;line-height:1.08;max-width:480px;letter-spacing:-2px;margin:50px 0 25px}.auth-art p{color:#d0d0d0;max-width:390px}.auth-art .big{font-size:8rem;letter-spacing:-10px;color:var(--lime);font-weight:800;line-height:1}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form form{width:100%;max-width:390px}.auth-form h1{font-size:1.9rem}.auth-form .primary{width:100%;margin-top:8px}.public{max-width:850px;margin:auto;padding:32px 24px 70px}.public .brand{color:var(--green)}.public .brand em{color:#1d1d1b}.public-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}.public h1{font-size:2.5rem;overflow-wrap:anywhere}.public-footer{font-size:.8rem;color:var(--muted);text-align:center;margin-top:32px}dialog{border:1px solid var(--line);border-radius:4px;padding:30px;width:480px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 24px 100px #00000033}dialog::backdrop{background:#00000070;backdrop-filter:blur(3px)}dialog h2{font-size:1.5rem;margin-bottom:22px}dialog .actions{justify-content:flex-end;margin-top:24px}.checkrow{display:flex;align-items:center;gap:10px;margin:12px 0}.checkrow label{margin:0;font-weight:400}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1d1d1b;color:white;padding:13px 20px;border-radius:4px;box-shadow:0 4px 20px #0002;display:none;max-width:90vw;z-index:99;font-size:.9rem}.loading{padding:50px;text-align:center}.note{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:16px}.spacer{height:14px}
@media(min-width:1550px){.main{max-width:1550px;width:100%;margin:auto}}@media(max-width:1200px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:0 28px 40px}.shell{grid-template-columns:210px 1fr}.sidebar{padding:28px 16px}.hero-strip{grid-template-columns:1fr}.storage{border-left:0;border-top:1px solid var(--line);padding:18px 28px}}@media(max-width:760px){.shell{display:block}.sidebar{height:auto;position:static;padding:19px 20px}.sidebar .brand{font-size:1.5rem}.brand-sub{display:none}.nav{margin-top:22px;display:flex;gap:4px}.nav button{padding:10px}.sidebar-bottom{display:none}.main{padding:0 20px 35px}.topbar{height:66px}.head{margin-top:27px;align-items:flex-start;flex-direction:column;gap:13px}h1{font-size:2rem}.grid{grid-template-columns:1fr}.hero-info{padding:22px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.drop{flex-direction:column;align-items:flex-start;padding:22px}.panel{padding:18px}.linkrow{align-items:flex-start;flex-direction:column}.auth{grid-template-columns:1fr}.auth-art{padding:28px}.auth-art h1,.auth-art p,.auth-art .big,.auth-art>small{display:none}.auth-form{padding:38px 25px}.public-head{margin-bottom:38px}.public h1{font-size:2rem}.actions{gap:7px}.head .actions button{padding:10px 12px}}

/* Reset Art identity: original logotype, protected clear space, neutral surfaces. */
h1,h2,.auth-art h1{font-family:"Cera Stencil Pro","Cera Pro",Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.15}
h1{font-size:2.5rem}h2{font-size:1.35rem}h3{font-weight:500}
.brand{display:flex;align-items:center;box-sizing:content-box;width:146px;height:25px;padding:24px;flex-shrink:0;line-height:1;letter-spacing:0}
.brand img{width:146px;height:auto;display:block;object-fit:contain}
.brand .brand-white{display:none}.sidebar .brand-black,.auth-art .brand-black{display:none}.sidebar .brand-white,.auth-art .brand-white{display:block}
.sidebar{padding:14px 22px 28px}.sidebar .brand{margin-left:0}.brand-sub{margin-left:24px;margin-top:2px;color:#d4d4d4;opacity:1;letter-spacing:2.8px}
.nav{margin-top:38px}.nav button{border-radius:3px}.nav button.active{background:#f0f0f0;color:#1d1d1b}.nav button:hover{background:#353533;color:white}
.avatar{background:#ededed;color:#1d1d1b}.badge.private{background:#ededed;color:#444}.auth-art{padding:40px 52px}.auth-art .brand{margin-left:-24px}
.auth-art .eyebrow{color:#bcbcbc}.auth-art h1{font-size:3.7rem}.auth-art p{color:#d0d0d0}.public .brand{margin-left:-24px}.public-head{margin-bottom:36px}
.hero-strip{border-top:2px solid #1d1d1b}.folder{background:#eeeeee;border-color:#888}.folder:before{background:#eeeeee;border-color:#888}
.topbar{min-height:86px;height:auto;padding:18px 0;flex-wrap:wrap}.error{color:#a52d2d}.success{color:#2a6849}
@media(max-width:760px){.sidebar{padding:0 20px 16px}.sidebar .brand{padding:24px 20px;margin-left:-20px}.nav{margin-top:6px;gap:3px;flex-wrap:wrap}.nav button{font-size:.875rem;padding:10px}.topbar{min-height:70px;padding:14px 0;gap:12px}.topbar>span{font-size:.8rem}.head h1{font-size:2rem}.auth-art{padding:0 28px}.auth-art .brand{padding-top:28px;padding-bottom:28px}.auth-art .eyebrow{display:none}.auth-form{padding-top:36px}.public-head{margin-bottom:30px;gap:10px}.public-head .brand{padding-right:8px}.hero-info{padding:22px}}

.message{white-space:pre-wrap;overflow-wrap:anywhere}.download-all{display:inline-block;padding:12px 18px;border-radius:4px;text-decoration:none}

/* Simpler task-oriented navigation and forms. */
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}.quick-action{display:flex;align-items:center;text-align:left;gap:18px;padding:26px;background:#fff}.quick-action strong{display:block;font-size:1.2rem;margin-bottom:8px}.quick-action small{display:block;color:var(--muted);font-weight:400;line-height:1.5}.quick-icon{font-size:2rem;font-weight:400}.storage-line{font-size:.8rem;color:var(--muted);margin:0 0 28px}.options{border-top:1px solid var(--line);padding:14px 0;margin:12px 0}.options summary,.upload-help summary,.received-summary summary{cursor:pointer;font-size:.9rem;font-weight:500}.options[open] summary{margin-bottom:20px}.upload-help{margin-top:12px;color:var(--muted)}.upload-help summary{font-size:.8rem}.share-scope{font-size:.9rem;color:var(--muted)}.selection-help{margin:0}.rowtitle{gap:14px;flex-wrap:wrap}.head h1{overflow-wrap:anywhere}.received-summary{margin-top:24px}.received-summary[open] summary{margin-bottom:16px}button:disabled{cursor:default}dialog{width:520px}dialog .notice{margin-top:18px;margin-bottom:0}summary{outline-offset:5px}.public td .actions{min-width:150px}.public-head{margin-bottom:24px}
@media(max-width:760px){.quick-actions{grid-template-columns:1fr;gap:12px}.quick-action{padding:20px}.head{margin-bottom:22px}.main{padding-left:16px;padding-right:16px}.panel{padding:16px}.nav button{min-height:44px}.rowtitle .primary{width:100%}.public{padding-left:16px;padding-right:16px}.public .panel{padding:14px}.public td.name{min-width:130px}.public td .actions{min-width:80px}dialog{padding:22px}.quick-action strong{font-size:1.1rem}}