.file-thumbnail{width:100%;height:100%;object-fit:cover;display:block}:root{--primary:#1769F5;--secondary:#55B8FF;--soft:#EAF4FF;--yellow:#FFC94F;--success:#34D399;--error:#F87171;--purple:#A78BFA;--bg:#F5F9FF;--paper:#fff;--ink:#102347;--muted:#7184A3;--line:#E1EBF7;--green:var(--primary);--pale:var(--soft);--danger:#a13f38;--radius:16px;font-family:"Inter","Noto Sans Thai","Thonburi","Leelawadee UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{outline-offset:4px}a{color:inherit;text-decoration:none}button,.button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.5;text-align:center;cursor:pointer;transition:background .16s,border-color .16s,transform .16s;touch-action:manipulation}button:hover,.button:hover{border-color:#8ca492;background:#EAF4FF}button:disabled{cursor:not-allowed;opacity:.55}button:disabled:hover{background:var(--paper)}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#1257cc;color:white;border-color:#1257cc}.quiet{background:transparent;border-color:transparent}.danger{color:var(--danger);border-color:#e8d3cf}.full{width:100%}.align-start{align-self:flex-start}.text-link{color:var(--green)}.text-link:hover,.auth-foot a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.35;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:22px;line-height:1.5;letter-spacing:-.4px;margin-bottom:14px}h3{font-size:17px;margin-bottom:10px}p{margin-bottom:16px}small,.fine-print{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.centered{text-align:center}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--green);margin-bottom:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row h2,.row h3{margin:0}.with-icon{display:inline-flex;align-items:center;gap:9px}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1.1px;position:relative}.mark,.local-mark{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:8px;width:31px;height:33px;font-size:24px;font-weight:700;margin-right:7px;line-height:1}.local-mark{width:23px;height:24px;font-size:19px;flex:0 0 auto;margin-right:0;border-radius:6px}.brand-icon{display:inline-block;width:auto;max-width:30px;height:22px;object-fit:contain;vertical-align:middle;flex:0 0 auto}.google-button .brand-icon{height:28px;max-width:32px}.tag,.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper);font-size:11px;line-height:1.5;white-space:normal}.tag .brand-icon{height:16px;max-width:22px}.tag .local-mark{height:17px;width:17px;font-size:14px}.pill{background:var(--pale);color:var(--green);border-color:transparent;border-radius:20px}.wrap{max-width:1160px;padding-left:30px;padding-right:30px;margin:auto}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px}.landing-header nav{display:flex;align-items:center;gap:28px}.landing-header nav>a:not(.button){font-size:13px}.hero{position:relative;text-align:center;padding-top:124px;padding-bottom:109px;isolation:isolate;overflow:hidden}.hero .eyebrow{font-size:11px}.hero h1{font-size:clamp(70px,10vw,113px);letter-spacing:-7px;line-height:1.04;margin:20px 0 24px}.hero h1>span{color:var(--green)}.slogan{font-size:23px;letter-spacing:-.6px;margin-bottom:18px}.hero-copy{color:var(--muted);line-height:1.9;margin-bottom:28px}.hero-actions{display:flex;justify-content:center}.hero-actions .button{padding:13px 22px}.platforms{display:flex;justify-content:center;gap:9px;margin:20px 0 15px}.flow-file{position:absolute;z-index:-1;display:flex;gap:11px;align-items:center;background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #24332b08;padding:16px 19px;text-align:left;animation:float 7s ease-in-out infinite;max-width:240px;line-height:1.7}.flow-file .muted{display:block;font-size:10px}.flow-file .brand-icon{height:13px;max-width:17px}.file-glyph{display:inline-grid;place-items:center;width:37px;height:47px;border:1px solid #d9e5d6;background:#eef5eb;color:var(--green);border-radius:5px;font-size:9px;font-weight:700}.flow-file-a{left:2%;top:116px;rotate:-8deg}.flow-file-b{right:0;top:143px;rotate:8deg;animation-delay:-2s}.flow-file-c{left:5%;bottom:94px;rotate:6deg;animation-delay:-4s}.flow-file-d{right:2%;bottom:115px;rotate:-6deg;animation-delay:-1s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}.how-section{padding-bottom:48px}.flow{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 20px}.flow>div{display:flex;align-items:center;gap:12px}.flow>div>span{color:#8da08f;font-size:11px}.flow-arrow{color:#b8c3b9}.flow>div:last-child{color:var(--green)}.destinations{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:26px;margin:30px 0 15px}.destinations>span{display:inline-flex;align-items:center;gap:8px;font-size:12px}.pricing-section{padding-top:50px;padding-bottom:70px}.section-title{text-align:center;margin-bottom:36px}.section-title h2{font-size:29px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:980px;margin:auto}.plan{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;display:flex;flex-direction:column}.plan.pro{border-color:#a9bea9;background:#fdfefb}.plan h2,.plan h3{font-size:22px;margin:0}.price{font-size:40px;line-height:1.4;font-weight:700;letter-spacing:-1px;margin:22px 0 7px}.price small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:7px}.feature-list{list-style:none;margin:20px 0 28px;padding:0;font-size:12px;flex:1}.feature-list li{margin:11px 0;padding-left:21px;position:relative}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--green)}.plan>.button,.plan>form{margin-top:auto}.landing-footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.landing-footer .brand{font-size:20px;color:var(--ink)}.auth-wrap{max-width:500px;padding:52px 24px 36px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:25px;min-height:100svh}.auth-card{border:1px solid var(--line);border-radius:20px;padding:36px;background:white;width:100%;box-shadow:0 8px 35px #24332b04}.auth-card h1{font-size:27px}.auth-foot{margin:23px 0 0;text-align:center;font-size:13px}.auth-foot a{color:var(--green);font-weight:700}.divider{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted);margin:23px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--line)}.stack{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;background:#fff;border:1px solid #E1EBF7;border-radius:8px;padding:11px 12px;min-height:44px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:2px solid #1769f524}input[readonly]{background:#f5f7f3;color:var(--muted)}.check-label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-weight:400}.check-label input{accent-color:var(--green);width:17px;height:17px;margin:3px 0 0;flex-shrink:0}.notice{background:#EAF4FF;border:1px solid #E1EBF7;border-radius:11px;padding:17px 20px;margin-bottom:23px;line-height:1.8;font-size:13px}.notice p:last-child{margin-bottom:0}.notice.error{background:#fff1ed;border-color:#efd4ca;color:#963b31}.notice.success{background:#edf6ed;color:#295f46}.notice ul{margin:8px 0 0;padding-left:22px}.inline-error{font-size:12px;color:var(--danger);overflow-wrap:anywhere}.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100svh}.sidebar{border-right:1px solid var(--line);background:white;padding:35px 22px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100svh;overflow:auto}.sidebar .brand{margin:0 0 50px}.role-label{position:absolute;font-size:9px;letter-spacing:1.8px;top:40px;left:38px;color:var(--muted);font-weight:600}.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav>a{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:9px;color:var(--muted);font-size:14px}.side-nav>a:hover{background:#F5F9FF}.side-nav>a.active{background:var(--pale);color:var(--green);font-weight:700}.side-bottom{margin-top:auto;padding-top:40px}.side-note{border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--green)}.side-note span{font-size:10px;color:var(--muted)}.account{display:flex;gap:9px;align-items:center;padding:14px 0;min-width:0}.account>div{min-width:0}.account strong{font-size:12px;display:block;overflow-wrap:anywhere}.account small{display:block;font-size:10px;overflow-wrap:anywhere}.avatar{width:33px;height:33px;display:inline-grid;place-items:center;background:var(--pale);border-radius:50%;color:var(--green);font-size:18px;flex-shrink:0}.workspace{min-width:0;display:flex;flex-direction:column}.appbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 36px;border-bottom:1px solid var(--line);font-size:12px}.crumb{color:#96a096}.crumb span{color:var(--muted)}.page-content{padding:37px 36px 45px;max-width:1440px;width:100%;margin:0 auto;flex:1;min-width:0}.title-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.title-line p:last-child{margin-bottom:0}.title-line>.button,.title-line>.pill{flex-shrink:0}.workspace-footer{padding:16px 36px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.storage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 25px}.storage-card{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.storage-card strong{font-size:12px}.storage-card .row{align-items:flex-start;gap:7px}.storage-card .brand-icon{height:18px;max-width:25px}.storage-card .tag{font-size:9px;flex-shrink:0}.storage-card>.muted{font-size:12px;margin:15px 0 0}.storage-labels{font-size:10px;color:var(--muted)}.storage-card .fine-print{font-size:9px;margin:10px 0 0}.storage-card progress{display:block;width:100%;height:6px;border:0;border-radius:8px;background:#edf0e9;margin:19px 0 13px;overflow:hidden}.storage-card progress::-webkit-progress-bar{background:#edf0e9}.storage-card progress::-webkit-progress-value{background:#1769F5;border-radius:8px}.storage-card progress::-moz-progress-bar{background:#1769F5}.panel{padding:25px;border:1px solid var(--line);background:white;border-radius:var(--radius);margin-bottom:23px;min-width:0}.panel>p:last-child{margin-bottom:0}.upload-panel{padding:17px 22px}.upload-panel summary{cursor:pointer;font-weight:600;color:var(--green)}.upload-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:15px;align-items:end;margin-top:20px}.upload-form>p{grid-column:1/-1;margin:0}.upload-form input[type=file]{padding:9px;max-width:100%;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:27px 0 18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.category-control{flex-direction:row;align-items:center;gap:13px}.category-control select{width:auto;min-width:160px}.view-buttons{display:flex;gap:5px}.view-buttons button{font-size:20px;padding:5px 12px;min-width:44px}.view-buttons button[aria-pressed=true]{background:var(--pale);border-color:#bbceba;color:var(--green)}.filters{display:grid;grid-template-columns:minmax(180px,1fr) 155px 165px auto auto;gap:9px;margin-bottom:23px}.filters input,.filters select{font-size:12px}.filter-form .quiet{font-size:12px;padding:10px}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.file-card{min-width:0;background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.file-card:hover{border-color:#9caf9c;box-shadow:0 7px 20px #24332b08}.file-open{display:block;border:0;border-radius:0;background:transparent;padding:0;width:100%;text-align:left;height:100%;min-width:0}.file-open:hover{background:transparent}.file-thumb{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#EAF4FF;gap:9px;border-bottom:1px solid var(--line)}.document-glyph{width:49px;height:65px;display:inline-grid;place-items:center;border:1px solid #cbd8c6;background:#fff;border-radius:6px;font-size:10px;font-weight:700;color:#5b765d;box-shadow:3px 3px 0 #dde5d7}.thumb-label{font-size:10px;color:#8a978a}.file-info{padding:15px}.file-info h2{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 9px;letter-spacing:0;font-weight:600}.file-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:12px}.file-tags{display:flex;gap:6px;flex-wrap:wrap}.file-origin{font-size:10px;color:var(--muted);margin:11px 0 0;overflow-wrap:anywhere}.file-origin>span{display:block;margin-top:3px}.file-list{grid-template-columns:1fr;gap:10px}.file-list .file-open{display:flex;align-items:stretch}.file-list .file-thumb{width:90px;min-height:106px;flex-shrink:0;border-bottom:0;border-right:1px solid var(--line)}.file-list .document-glyph{width:32px;height:43px;font-size:8px}.file-list .thumb-label{display:none}.file-list .file-info{flex:1;min-width:0;display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(100px,1fr) minmax(80px,1fr);align-items:center;gap:10px 18px}.file-list .file-info h2{grid-column:1;margin:0}.file-list .file-meta{grid-column:2;margin:0;flex-wrap:wrap}.file-list .file-tags{grid-column:3;grid-row:1}.file-list .file-origin{grid-column:1/-1;margin:0}.empty-state{grid-column:1/-1;border:1px dashed #d7e0d3;border-radius:14px;padding:50px 25px;text-align:center;color:var(--muted);background:#ffffff85}.empty-state h2,.empty-state h3{color:var(--ink)}.empty-state p{font-size:13px}.empty-state .button{margin:5px}.empty-icon{font-size:34px;color:#96ab91;display:block;margin-bottom:14px}.empty-state.compact{border:0;padding:20px 12px;background:transparent}.pagination{margin-top:25px}.pagination svg{width:18px;height:18px}.pagination nav{font-size:12px}.pagination nav>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pagination a,.pagination span[aria-current=page]>span{display:inline-flex;padding:8px 12px;border:1px solid var(--line);background:white;border-radius:6px}.pagination nav>.hidden{display:none}.subheading{margin-top:34px}.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.connector-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.connector-card>.row{width:100%}.connector-card p{margin-bottom:5px;font-size:13px}.connector-card>.button,.connector-card>.notice{margin-top:auto}.connector-card>.notice{margin-bottom:0}.route-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end;margin-top:22px}.route-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.route-item:last-child{padding-bottom:0}.route-item:first-child{border-top:0}.route-item p{margin:8px 0 0;font-size:12px}.route-item>div{min-width:0;overflow-wrap:anywhere}.action-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.action-row button{font-size:12px}.claim-panel{border-color:#aec7a7;background:#f3f8ef}.claim-code{display:block;font-size:21px;background:white;border:1px dashed #b2c8aa;padding:18px;border-radius:9px;overflow-wrap:anywhere;user-select:all}.billing-plans{max-width:none;margin-bottom:22px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat-card{border:1px solid var(--line);border-radius:13px;padding:22px;background:white}.stat-card>span{font-size:12px;color:var(--muted)}.stat-card>strong{display:block;font-size:36px;line-height:1.3;margin-top:15px;color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-plan-list .panel>.row{margin-bottom:22px}.setting-field{padding:18px 0;border-bottom:1px solid var(--line)}.setting-field:first-child{padding-top:0}.setting-field>.row{margin-bottom:10px}.setting-field>.check-label{margin-top:10px}.setting-field>.fine-print{margin:9px 0 0}.integration-tests{display:flex;gap:10px;flex-wrap:wrap}.guide-block{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.guide-block p{font-size:13px;line-height:1.9;max-width:850px}.credential-guide code{font-size:12px;background:#f3f5ef;display:inline-block;padding:5px 9px;border-radius:5px;overflow-wrap:anywhere;max-width:100%}.guide-note{font-size:12px;border-left:2px solid #abc2a4;padding-left:15px}.request-card{border-top:1px solid var(--line);padding:23px 0}.request-card:last-child{padding-bottom:0}.request-card p{font-size:13px}.request-card h3{margin-bottom:4px}.request-card .row{margin-bottom:16px}.review-form{display:flex;flex-direction:column;gap:13px}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-weight:500;color:var(--muted);padding:14px 12px;background:#f6f8f3}td{padding:17px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;font-size:10px;margin-top:4px}td button{font-size:11px;white-space:nowrap}.preview-dialog{padding:0;border:1px solid var(--line);border-radius:18px;max-width:1000px;width:calc(100% - 40px);max-height:calc(100svh - 40px);color:var(--ink);background:white;box-shadow:0 22px 100px #182b2529;overflow:auto}.preview-dialog::backdrop{background:#17271ed9;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 23px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-head h2{font-size:17px;margin:0;overflow-wrap:anywhere}.modal-head button{flex-shrink:0}.preview-dialog>#preview-state{margin:22px}.preview-body{display:grid;grid-template-columns:minmax(0,1fr) 295px}.preview-canvas{display:flex;align-items:center;justify-content:center;min-height:440px;background:#EAF4FF;padding:22px;text-align:center;min-width:0}.preview-canvas img,.preview-canvas video{max-width:100%;max-height:65svh;object-fit:contain}.preview-canvas iframe{width:100%;height:62svh;border:0;background:white}.preview-canvas p{font-size:13px;color:var(--muted)}.preview-details{padding:25px;min-width:0;border-left:1px solid var(--line)}.preview-details h3{font-size:15px}.preview-brands{display:flex;gap:15px;margin-bottom:20px}.preview-brands>span{display:flex;align-items:center;gap:7px;font-size:12px}.preview-brands img{height:20px;max-width:27px;width:auto}dl{margin:0 0 24px;font-size:12px}dt{color:var(--muted);font-size:10px;margin-top:15px}dd{margin:3px 0 0;overflow-wrap:anywhere}.delete-form{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;gap:10px}.delete-form label{font-size:11px}.delete-form small{font-size:10px}.delete-form button{font-size:12px}.skip-link{position:fixed;top:-100px;left:10px;z-index:10;background:white;padding:12px 20px;border:1px solid var(--green);border-radius:8px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:138px;padding-bottom:125px}}@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.page-content{padding:30px 25px}.appbar{padding:20px 25px}.sidebar{padding:30px 17px 18px}.storage-grid{gap:10px}.storage-card{padding:15px}.storage-card .row{flex-wrap:wrap}.filters{grid-template-columns:minmax(130px,1fr) 130px 145px auto auto}.plan{padding:23px}.file-grid{gap:13px}.flow-file-a{left:0}.flow-file-c{left:0}.flow-file-d{right:0}}@media(max-width:960px){.flow-file{max-width:175px;padding:13px;font-size:12px}.flow-file-a{top:75px}.flow-file-b{top:95px}.flow-file-c{bottom:47px}.flow-file-d{bottom:58px}.plans{gap:13px}.plan .row{flex-wrap:wrap}.price{font-size:32px}.storage-grid{grid-template-columns:1fr}.storage-card .row{flex-wrap:nowrap}.storage-card progress{margin:13px 0 10px}.storage-card .fine-print{margin-top:5px}.filters{grid-template-columns:1fr 1fr 1fr}.filters .search-control{grid-column:1/-1}.filters .quiet{grid-column:3}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-list{grid-template-columns:1fr}.file-list .file-info{grid-template-columns:minmax(120px,1fr) 1fr}.file-list .file-meta{grid-column:2}.file-list .file-tags{grid-column:2;grid-row:2}.file-list .file-origin{grid-column:1;grid-row:2}.route-form,.upload-form{grid-template-columns:1fr 1fr}.route-form>button,.upload-form>button{grid-column:1/-1;justify-self:start}.connector-grid{gap:13px}.connector-card>.row{flex-wrap:wrap}.route-item{align-items:flex-start;flex-direction:column;gap:14px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.billing-plans{grid-template-columns:1fr}.billing-plans .plan{max-width:none}.preview-body{grid-template-columns:minmax(0,1fr) 265px}.preview-canvas{padding:15px;min-height:350px}.preview-details{padding:20px}.flow{padding:25px 0;font-size:12px;gap:9px}.flow>div{gap:7px}}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.landing-header{min-height:85px;gap:10px}.landing-header .brand{font-size:22px}.landing-header nav{gap:12px}.landing-header nav>a:not(.button){display:none}.landing-header .button{font-size:12px;padding:9px 12px}.hero{padding-top:145px;padding-bottom:145px}.hero h1{font-size:78px;letter-spacing:-5px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.slogan{font-size:21px}.hero-copy{font-size:13px}.flow-file{font-size:10px;gap:8px;max-width:155px;padding:10px 12px}.flow-file .muted{font-size:8px}.file-glyph{width:27px;height:36px;font-size:8px}.flow-file-a{top:30px;left:8%}.flow-file-b{top:50px;right:4%}.flow-file-c{bottom:47px;left:4%}.flow-file-d{bottom:29px;right:5%}.hero>.fine-print{font-size:10px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 14px}.flow-arrow{display:none}.flow>div{align-items:flex-start;flex-direction:column;gap:3px}.destinations{gap:14px}.destinations>span{font-size:10px}.destinations .brand-icon{height:19px}.how-section>.muted{font-size:11px}.section-title h2{font-size:25px}.pricing-section{padding-top:23px;padding-bottom:40px}.plans{grid-template-columns:1fr;max-width:420px;gap:18px}.plan{padding:26px}.plan .row{flex-wrap:nowrap}.landing-footer{font-size:10px}.auth-wrap{padding:30px 18px;gap:22px}.auth-card{padding:26px 22px}.auth-card h1{font-size:25px}.app-shell{display:flex;flex-direction:column}.sidebar{position:relative;height:auto;width:100%;padding:17px 20px 12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar .brand{font-size:22px;margin:0 0 13px}.role-label{position:static;margin-left:12px;font-size:8px;letter-spacing:1.4px}.sidebar .mark{width:26px;height:28px;font-size:21px}.side-nav{flex-direction:row;gap:5px;overflow:auto;padding-bottom:3px}.side-nav>a{font-size:12px;padding:10px 12px;gap:6px;white-space:nowrap;min-height:44px}.side-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;margin-top:0}.side-note{display:none}.account{padding:2px 0;flex:1;min-width:0}.account strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-bottom>form{flex-shrink:0}.side-bottom button{font-size:11px;padding:8px}.avatar{width:27px;height:27px;font-size:16px}.appbar{min-height:58px;padding:14px 20px;font-size:10px}.appbar>.text-link{flex-shrink:0}.page-content{padding:26px 20px 35px}.title-line{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.title-line h1{font-size:27px}.title-line p.muted{font-size:12px}.title-line>.button{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.3px}.storage-card{padding:17px}.storage-labels{font-size:10px}.panel{padding:20px;border-radius:13px}.panel h2{font-size:20px}.notice{padding:15px 17px;font-size:12px}.upload-panel{padding:15px 17px}.upload-form,.route-form{grid-template-columns:1fr}.upload-form>button,.route-form>button{grid-column:auto;width:100%}.toolbar{gap:10px}.category-control{font-size:11px;gap:8px}.category-control select{min-width:130px;font-size:11px}.view-buttons button{padding:6px 10px;min-width:40px}.filters{grid-template-columns:1fr 1fr;gap:9px}.filters .quiet{grid-column:auto}.filters>button,.filters>.button{font-size:12px}.file-grid{gap:12px}.file-thumb{min-height:118px}.document-glyph{width:38px;height:50px;font-size:8px}.file-info{padding:12px}.file-info h2{font-size:12px}.file-meta{font-size:9px;flex-direction:column;gap:3px}.file-tags .tag{font-size:9px;padding:3px 5px}.file-tags .brand-icon{height:13px;max-width:17px}.file-origin{font-size:9px}.file-list .file-thumb{width:60px}.file-list .file-info{grid-template-columns:1fr;gap:8px;padding:12px}.file-list .file-info h2,.file-list .file-meta,.file-list .file-origin,.file-list .file-tags{grid-column:1;grid-row:auto}.file-list .file-meta{flex-direction:row;justify-content:flex-start;gap:12px}.empty-state{padding:35px 18px}.empty-state h2{font-size:20px}.empty-state .button{font-size:12px}.connector-grid{grid-template-columns:1fr;gap:0}.route-item{padding:17px 0}.claim-code{font-size:17px;padding:15px}.connector-card{padding:20px}.action-row{width:100%}.action-row>form{flex:1}.action-row button{width:100%}.billing-plans{max-width:none}.stat-grid{gap:11px}.stat-card{padding:18px 15px}.stat-card>span{font-size:11px}.stat-card>strong{font-size:30px}.setting-field>.row{align-items:flex-start}.setting-field>.row label{font-size:12px}.setting-field .tag{font-size:10px;flex-shrink:0}.integration-tests>form{width:100%}.integration-tests button{justify-content:flex-start;width:100%}.credential-guide h3{font-size:15px}.credential-guide p{font-size:12px}.credential-guide code{font-size:10px}.request-card>.row{align-items:flex-start;flex-wrap:wrap}.workspace-footer{padding:16px 20px}.preview-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:13px}.modal-head{padding:12px 15px;gap:10px}.modal-head h2{font-size:14px}.preview-body{grid-template-columns:1fr}.preview-canvas{min-height:230px;max-height:52svh;overflow:auto}.preview-canvas img,.preview-canvas video{max-height:45svh}.preview-canvas iframe{height:45svh}.preview-details{border-left:0;border-top:1px solid var(--line);padding:20px}.preview-details dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px 12px}.preview-details dt,.preview-details dd{margin:0;align-self:start}.preview-dialog>#preview-state{margin:15px}.table-scroll{margin:0 -5px}table{min-width:640px}}
@media(max-width:370px){.page-content{padding-left:14px;padding-right:14px}.sidebar{padding-left:14px;padding-right:14px}.side-nav>a{padding:9px 8px;font-size:11px}.file-grid{grid-template-columns:1fr}.file-thumb{min-height:145px}.flow-file-a{left:4%}.flow-file-b{right:2%}.flow-file{max-width:145px}.hero h1{font-size:68px}.category-control{flex-direction:column;align-items:flex-start;gap:5px}.stat-card>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Friendly Cloud Workspace: supplied blue-folder robot. */
.robot-logo{width:48px;height:48px;object-fit:contain;flex:none}.wordmark{color:var(--ink);letter-spacing:-1px}.wordmark>span{color:var(--primary)}.brand{gap:8px}.sidebar .brand{min-height:56px;margin-bottom:24px}.role-label{display:none}.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{background:var(--bg);padding:18px 16px}.page-content{padding:20px;max-width:none}.appbar{min-height:64px;padding:12px 20px;background:var(--paper)}.nav-toggle{display:none}.explorer-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.explorer-main{min-width:0}.explorer-heading{margin-bottom:16px}.explorer-heading h1{font-size:22px;margin:0}.details-panel{position:sticky;top:16px;border:1px solid var(--line);background:var(--paper);border-radius:16px;overflow:auto;max-height:calc(100svh - 96px);min-height:500px}.details-panel .modal-head{padding:12px}.details-panel .preview-body{display:block}.details-panel .preview-canvas{min-height:200px;padding:12px;background:var(--bg)}.details-panel .preview-canvas img,.details-panel .preview-canvas video{max-height:240px}.details-panel .preview-details{border:0;padding:16px}.details-panel>#preview-state{margin:16px}.sidebar .storage-grid{display:flex;flex-direction:column;gap:8px;margin-top:24px}.sidebar .storage-card{padding:12px}.sidebar .storage-card .row{flex-wrap:wrap}.sidebar .storage-card .fine-print{font-size:10px}.sidebar .storage-labels{font-size:11px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.file-list{grid-template-columns:1fr}.file-thumb{height:125px;min-height:125px;background:var(--soft)}.file-info{padding:12px}.file-info h2{font-size:13px}.file-card:hover{border-color:var(--secondary);box-shadow:0 4px 16px #10234708}.workspace-footer{padding:12px 20px}.side-bottom{padding-top:20px}.side-note{display:none}.file-list .file-thumb{height:80px;min-height:80px}.details-panel .preview-canvas audio{width:100%}.details-panel .preview-canvas iframe{height:320px}.storage-card progress::-webkit-progress-bar{background:var(--line)}.storage-card progress::-webkit-progress-value{background:var(--primary)}.storage-card progress::-moz-progress-bar{background:var(--primary)}
@media(max-width:1199px){.explorer-layout{grid-template-columns:minmax(0,1fr)}.details-panel{display:none;position:fixed;right:16px;top:16px;bottom:16px;width:360px;max-width:calc(100% - 32px);max-height:none;z-index:41;box-shadow:0 12px 60px #10234730}.details-panel.is-open{display:block}.app-shell{display:block}.app-page .sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;height:100svh;z-index:42;transform:translateX(-100%);transition:transform .18s}.app-page.nav-open .sidebar{transform:translateX(0)}.nav-toggle{display:inline-flex}.app-page .side-nav{flex-direction:column}.app-page .side-bottom{display:block}.app-page .sidebar .brand{margin:0 0 24px}.drawer-backdrop{position:fixed;inset:0;background:#10234750;z-index:40;border:0;border-radius:0;width:100%;height:100%;padding:0}.app-page .page-content{padding:18px}.app-page .appbar{padding:10px 18px}}
@media(max-width:700px){.details-panel{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:88svh;border-radius:20px 20px 0 0;min-height:0}.app-page .page-content{padding:14px}.app-page .appbar{padding:8px 14px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-list{grid-template-columns:1fr}.file-info{padding:10px}.explorer-heading h1{font-size:20px}.explorer-heading>.button{font-size:12px}.app-page .side-bottom{padding-top:20px}.app-page .side-nav>a{font-size:14px}.app-page .sidebar{padding:18px}.details-panel .preview-canvas{min-height:160px}.details-panel .preview-canvas img,.details-panel .preview-canvas video{max-height:220px}.app-page .brand .robot-logo{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.app-page .sidebar{transition:none}}

/* Compact explorer controls and true server-side data surfaces. */
.explorer-toolbar{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:22px}.explorer-toolbar .search-control{flex:1;min-width:0}.explorer-toolbar input{border:0;background:var(--bg);font-size:13px}.explorer-toolbar button{white-space:nowrap}.explorer-heading{margin-bottom:18px}.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:6px}.breadcrumbs a:hover{color:var(--primary)}.result-count{font-size:12px;color:var(--muted);white-space:nowrap}.type-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.type-toolbar select{font-size:12px;padding:8px 10px;min-height:40px;background:var(--paper)}.type-control{margin-right:auto;min-width:125px}.type-toolbar .view-buttons{margin-left:auto}.type-toolbar .view-buttons button{min-height:40px}.filter-popover{position:relative}.filter-popover>summary{cursor:pointer;border:1px solid var(--line);background:var(--paper);padding:9px 12px;border-radius:10px;font-size:12px;list-style:none;min-height:40px}.filter-fields{position:absolute;z-index:12;right:0;top:calc(100% + 8px);width:280px;max-width:calc(100vw - 32px);display:grid;gap:12px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #10234712}.filter-fields label{font-size:12px}.upload-panel{margin-bottom:16px;padding:12px 16px}.upload-panel summary{font-size:12px;min-height:24px}.setup-notice{font-size:12px;color:var(--muted);background:var(--soft);padding:10px 14px;border-radius:10px}.side-nav{gap:3px}.side-nav>a,.nav-unavailable{padding:10px 12px;min-height:44px;font-size:13px;border-radius:10px;display:flex;align-items:center;gap:10px}.side-nav>a>span:first-child:not(:last-child){font-size:19px;min-width:22px}.side-nav small{margin-left:auto;font-size:11px;color:var(--muted)}.nav-unavailable{color:var(--muted)}.nav-unavailable small{font-size:10px}.nav-label{font-size:11px;color:var(--muted);margin:18px 12px 6px}.utility-nav{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.explorer-nav .brand-icon{max-width:24px;height:23px}.sidebar .storage-grid{margin:20px 0 12px}.sidebar .storage-card:not(:first-child){padding:10px;background:transparent}.sidebar .storage-card:not(:first-child) progress{margin:9px 0}.sidebar .storage-card .row{gap:6px}.sidebar .storage-card .row strong{font-size:11px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;margin-bottom:18px}.folder-card{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0}.folder-card>a{display:flex;flex-direction:column;align-items:flex-start;padding:16px 12px;gap:7px}.folder-card strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.folder-card small{font-size:11px}.folder-icon{font-size:50px;line-height:1.2;color:var(--primary)}.folder-purple{color:var(--purple)}.folder-green{color:var(--success)}.folder-yellow{color:var(--yellow)}.folder-blue{color:var(--secondary)}.item-menu{position:absolute;right:8px;top:8px;z-index:4}.item-menu summary{cursor:pointer;list-style:none;padding:4px 10px;border-radius:8px;font-size:20px}.item-menu[open]>div{position:absolute;top:100%;right:0;min-width:160px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 26px #10234714}.item-menu button{width:100%;border:0;text-align:left;justify-content:flex-start;font-size:12px}.selection-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0 16px;font-size:12px;min-height:44px}.selection-toolbar .check-label{font-size:12px;align-items:center}.selection-toolbar button{font-size:12px;min-height:36px;padding:6px 10px}.selection-toolbar [data-bulk-actions]{display:flex;gap:6px;flex-wrap:wrap}.file-card{position:relative}.file-checkbox{position:absolute;left:10px;top:10px;z-index:2;background:var(--paper);border-radius:5px;padding:3px;box-shadow:0 1px 6px #10234715}.file-checkbox input{width:16px;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}.file-more{position:absolute;right:8px;top:6px;min-width:32px;min-height:32px;padding:0;font-size:21px;background:#ffffffeb}.file-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px #1769f51a}.file-card.is-inspected{border-color:var(--secondary);background:var(--soft)}.file-card.is-inspected .file-open{background:transparent}.file-thumb{height:132px;min-height:132px}.file-meta{font-size:11px;flex-wrap:wrap;margin-bottom:7px}.file-tags .tag{font-size:10px;padding:2px 5px}.file-origin{font-size:10px;line-height:1.6}.file-list .file-open{min-height:88px}.file-list .file-thumb{width:78px;height:auto;min-height:88px}.file-list .file-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.65fr);gap:4px 12px;padding:14px 40px 14px 14px}.file-list .file-info h2{grid-column:1}.file-list .file-meta{grid-column:2}.file-list .file-tags{grid-column:2;grid-row:2}.file-list .file-origin{grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis}.file-list .file-origin>span{display:none}.file-list .file-checkbox{left:7px;top:7px}.star-label{color:var(--yellow)}.empty-robot{width:100px;height:96px;object-fit:contain;margin-bottom:16px}.empty-state{padding:40px 20px;border-color:var(--line);background:var(--paper)}.empty-state h2{font-size:18px}.detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.detail-actions button{font-size:12px;min-height:40px;padding:7px}.detail-actions .danger{grid-column:1/-1;background:#fff5f5}.details-panel dl{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px 8px;margin:18px 0}.details-panel dt{margin:0;font-size:11px}.details-panel dd{margin:0;font-size:12px;min-width:0}.details-panel h3{font-size:13px;margin-top:20px}.details-panel .preview-brands{margin-bottom:12px}.details-panel .modal-head h2{font-size:14px}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.tag-list button{min-height:30px;background:var(--soft);color:var(--primary);border-color:var(--line);font-size:11px;padding:5px 8px}.inline-form{display:flex;gap:6px;margin:12px 0 20px;align-items:center}.inline-form label{flex:1;min-width:0}.inline-form input{font-size:12px}.wave-two-notice{margin:12px 0 18px;font-size:10px}.legacy-delete{font-size:12px;margin-top:16px}.organization-dialog{padding:22px;border:1px solid var(--line);border-radius:18px;width:440px;max-width:calc(100% - 28px);max-height:85svh;overflow:auto;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #10234725}.organization-dialog::backdrop{background:#10234755}.organization-dialog h2{font-size:18px;margin:0}.organization-dialog .stack{gap:14px}.destination-folders{display:flex;flex-direction:column;gap:5px;margin:12px 0;max-height:260px;overflow:auto}.destination-folders>button{justify-content:flex-start;font-size:13px}.destination-folders>button:before{content:'▰';color:var(--primary);font-size:22px}.destination-folders:empty{margin:0}.organization-dialog .breadcrumbs button{font-size:11px;min-height:32px;padding:5px 8px}.overlay-open{overflow:hidden}.organization-dialog[open]{z-index:60}.organization-dialog p{font-size:12px}.file-open:focus-visible,.file-more:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.danger{color:#b83f47}.notice.error{color:#a42f3a}.notice.success{background:#e9fbf4;color:#137457}.side-nav>a:hover{background:var(--soft)}.view-buttons button[aria-pressed=true]{border-color:var(--secondary)}.organization-dialog #organization-state:not([hidden]){color:var(--danger)}
@media(min-width:1500px){.explorer-layout{grid-template-columns:minmax(0,1fr) 320px}.app-shell{grid-template-columns:250px minmax(0,1fr)}.file-grid:not(.file-list){grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:700px){.explorer-toolbar{gap:4px;padding:7px;margin-bottom:16px;flex-wrap:wrap}.explorer-toolbar .search-control{flex-basis:calc(100% - 48px)}.explorer-toolbar button{font-size:12px;padding:8px 10px}.type-toolbar{gap:6px}.type-toolbar>label{flex:1;min-width:100px}.type-control{margin:0}.type-toolbar .view-buttons{margin-left:0}.filter-popover{margin-left:auto}.filter-fields{right:-65px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.folder-icon{font-size:43px}.folder-card>a{padding:12px}.file-thumb{height:120px;min-height:120px}.file-info h2{font-size:12px}.file-meta{font-size:10px;gap:3px}.file-origin{display:none}.file-list .file-info{grid-template-columns:minmax(0,1fr);padding:12px 38px 12px 12px;gap:3px}.file-list .file-meta{grid-column:1;grid-row:2}.file-list .file-tags{grid-column:1;grid-row:3}.file-list .file-thumb{width:70px;min-height:85px}.details-panel .modal-head{position:sticky;top:0;background:var(--paper);z-index:2}.selection-toolbar{gap:6px;font-size:11px}.selection-toolbar .check-label{font-size:11px}.organization-dialog{padding:18px}.details-panel button,.details-panel .button{min-height:44px}.item-menu summary{min-height:44px;min-width:36px;padding:7px 10px}.file-more{min-width:38px;min-height:38px}.file-checkbox{padding:5px}.file-checkbox input{width:18px;height:18px}}

/* Compact reference pills: selected category is soft blue, not a raised card. */
.type-tabs{--filter-pill-selected:var(--soft);--filter-pill-border:#CFE6FF;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto;min-width:0;margin:0}.type-tabs button{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;white-space:nowrap;padding:8px 14px;min-height:48px;border:1px solid transparent;border-radius:14px;background:var(--bg);color:var(--muted);box-shadow:none}.type-tabs button:hover{background:var(--soft);border-color:var(--line)}.type-tabs button[aria-pressed=true]{background:var(--filter-pill-selected);border-color:var(--filter-pill-border);color:var(--ink);font-weight:600}.type-tabs .type-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.type-tabs button:first-child{padding:8px 18px}.type-tabs button:first-child .type-icon,.type-tabs small{display:none}.type-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.explorer-view-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.type-toolbar .explorer-view-controls .view-buttons,.explorer-view-controls .filter-popover{margin-left:0}.explorer-view-controls .filter-fields{right:0;max-width:calc(100vw - 32px)}.explorer-view-controls .view-buttons{background:var(--bg);border-radius:14px;padding:2px}.explorer-view-controls .view-buttons button{border:0;border-radius:11px;background:transparent;color:var(--muted);min-width:44px;min-height:44px}.explorer-view-controls .view-buttons button[aria-pressed=true]{background:var(--soft);color:var(--primary)}#preview-action-state{font-size:12px;margin:0 0 12px;padding:10px}.type-toolbar .sort-control{margin-left:auto}@media(max-width:700px){.type-tabs{flex-basis:100%;gap:6px}.type-tabs button{font-size:15px;padding:8px 12px;min-height:48px}.type-tabs .type-icon{width:28px;height:28px}.type-toolbar .sort-control{margin-left:0}}

.wave-two-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.wave-two-actions button{font-size:11px;min-height:36px;padding:6px 9px}.primary:hover{background:#1257cc;border-color:#1257cc}.notice{border-color:var(--line);background:var(--soft)}.claim-panel{border-color:var(--secondary);background:var(--soft)}.claim-code{border-color:var(--secondary)}.guide-note{border-color:var(--secondary)}.plan.pro{border-color:var(--secondary);background:var(--paper)}.file-glyph{background:var(--soft);border-color:var(--line)}th{background:var(--bg)}.credential-guide code{background:var(--bg)}.document-glyph{color:var(--primary);border-color:var(--line);box-shadow:3px 3px 0 var(--line)}.thumb-label,.crumb{color:var(--muted)}

.folder-icon{display:inline-flex;height:70px;align-items:center;margin:3px 0}.folder-shape{width:76px;height:62px;filter:drop-shadow(0 3px 3px #1023470c)}.folder-blue{color:var(--secondary)}@media(max-width:700px){.folder-icon{height:60px}.folder-shape{width:66px;height:54px}}

.document-glyph[data-file-glyph=audio]{font-size:30px;color:var(--purple);background:#f6f0ff}.document-glyph[data-file-glyph=video]{font-size:24px;color:var(--purple)}.document-glyph[data-file-glyph=document]{color:#139976;background:#effcf7}.file-list .document-glyph[data-file-glyph=audio]{font-size:22px}

/* Shared workspace, compact metadata and opt-in inspector. */
@media(min-width:761px){.file-grid:not(.file-list){grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}
.file-meta.compact-file-meta{flex-direction:row;flex-wrap:nowrap;gap:5px;font-size:10px}.channel-icon img.brand-icon{width:14px;height:14px}.save-state{display:block;padding:5px;color:var(--muted);font-size:11px}

.explorer-layout:not(:has(.details-panel:not([hidden]))){grid-template-columns:minmax(0,1fr)}
.details-panel[hidden]{display:none!important}.file-checkbox{top:10px;right:10px;left:auto;z-index:2;background:#fff;border-radius:5px;padding:3px}.file-checkbox input{accent-color:var(--primary);width:17px;height:17px}
.file-open{display:block;width:100%;padding:0;text-align:inherit;border:0;border-radius:0;background:transparent}.file-info{padding:12px}.compact-file-meta{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:5px;font-size:11px;color:var(--muted)}.compact-file-meta time{margin-left:auto;white-space:nowrap}.channel-icon{display:inline-flex;flex:none}.channel-icon .brand-icon{width:17px;height:17px}.channel-icon>span{font-size:0}.channel-icon>span img{width:17px;height:17px}.preview-meta{margin:10px 0 16px}.preview-meta .with-icon{font-size:0}.preview-meta .with-icon img{width:20px;height:20px}
.user-menu{position:relative}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e9f3ff;color:#287dd4;cursor:pointer;font-weight:700;list-style:none;overflow:hidden;border:1px solid #dbe9f8}.user-avatar::-webkit-details-marker{display:none}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-dropdown{position:absolute;right:0;top:48px;z-index:100;min-width:220px;padding:12px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #25446722;display:grid;gap:9px}.user-menu-dropdown strong{overflow-wrap:anywhere}.user-menu-dropdown small{color:var(--muted)}.user-menu-dropdown a{padding:8px;border-radius:8px}.storage-upgrade{display:block;width:max-content;margin:8px 0 0 auto;padding:4px 12px;border-radius:7px;background:#e8f3ff;color:#267ed5;font-size:11px;font-weight:600}.profile-panel{max-width:650px}.profile-panel fieldset{border:1px solid var(--line);border-radius:10px;padding:16px}.profile-panel legend{padding:0 6px}.profile-panel>h1{margin-top:0}.file-list .file-open{grid-column:1;width:100%;min-width:0}.file-list .file-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;padding-right:36px}.file-list .file-thumb{width:72px;height:72px;min-height:0}.file-list .file-info{min-width:0}.file-list .file-checkbox{left:auto;right:10px}.file-open{height:auto}.details-panel .preview-body[hidden]{display:none}
@media(max-width:760px){.file-meta.compact-file-meta{font-size:9px;gap:4px}.compact-file-meta>span{white-space:nowrap}.compact-file-meta{gap:5px;font-size:10px}.details-panel:not([hidden]){width:100%}.user-menu-dropdown{min-width:200px}}

/* Preview offcanvas overlays the workspace at every viewport width. */
.app-page .drawer-backdrop,.app-page .drawer-backdrop:hover{position:fixed;inset:0;display:block;width:100vw;height:100dvh;max-width:none;z-index:40;padding:0;border-radius:0;background:#10234750;border:0;box-shadow:none}

.explorer-layout,.explorer-layout:not(:has(.details-panel:not([hidden]))){grid-template-columns:minmax(0,1fr)}
.details-panel,.details-panel:not([hidden]){display:none;position:fixed;inset:0 0 0 auto;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;min-height:0;margin:0;border-radius:18px 0 0 18px;z-index:41;box-shadow:-12px 0 50px #10234730;overscroll-behavior:contain}
.details-panel.is-open:not([hidden]){display:block;animation:preview-offcanvas-in .2s ease-out}
@keyframes preview-offcanvas-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.details-panel.is-open:not([hidden]){animation:none}}
.preview-provenance{margin:18px 0;padding-top:14px;border-top:1px solid #e4ecf8;display:grid;gap:12px;font-size:13px}.preview-provenance>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.preview-provenance dt{color:#7890b4}.preview-provenance dd{margin:0;min-width:0;overflow-wrap:anywhere;display:flex;align-items:flex-start;gap:8px;color:#233d68}.preview-provenance dd>span[data-meta]{min-width:0;overflow-wrap:anywhere}.preview-provenance .channel-icon{flex:0 0 14px;display:inline-flex;align-items:center;height:20px}.preview-platform{text-transform:uppercase}.details-panel .preview-provenance{grid-template-columns:minmax(0,1fr)}
.details-panel #preview-title{font-size:18px;line-height:1.45;overflow-wrap:anywhere}.details-panel .preview-meta{font-size:14px;gap:12px;align-items:center}.details-panel .preview-provenance{font-size:16px;line-height:1.55;gap:16px}.details-panel .preview-provenance>div{grid-template-columns:120px minmax(0,1fr);gap:14px}.details-panel .preview-provenance dt{font-size:14px;color:#5c7499}.details-panel .preview-meta .channel-icon,.details-panel .preview-provenance .channel-icon{width:26px;height:26px;flex:0 0 26px;align-items:center}.details-panel .preview-meta .channel-icon img.brand-icon,.details-panel .preview-provenance .channel-icon img.brand-icon{width:26px;height:26px;max-width:26px;max-height:26px;object-fit:contain}.details-panel .preview-provenance dd,.details-panel .preview-provenance dd span[data-meta]{font-size:16px;line-height:1.55}.permanent-delete-control{display:grid;gap:8px;margin-top:20px}.permanent-delete-control small{font-size:12px;color:#7b90b1}

/* File action icons: scoped to controls, never provider logos or previews. */
.details-panel #preview-download,.details-panel .detail-actions button,.details-panel .wave-two-actions button,.details-panel .permanent-delete-control button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px}
.details-panel .action-icon,.nav-toggle .action-icon{width:24px;height:24px;flex:0 0 24px}
.details-panel [data-file-action="star"][aria-pressed="true"] .action-icon{fill:currentColor}
.appbar .nav-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:10px}
@media(max-width:1199px){.appbar .nav-toggle{display:inline-flex}}

/* Workspace navigation keeps native scrolling, including the narrow drawer. */
.app-page .sidebar {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.app-page .sidebar > * { flex-shrink: 0; }
.app-page .sidebar:hover,
.app-page .sidebar:focus-within { scrollbar-color: #b7d2f2 transparent; }
/* Standard non-auto values override WebKit's exact native thumb width. */
@supports selector(::-webkit-scrollbar) {
    .app-page .sidebar,
    .app-page .sidebar:hover,
    .app-page .sidebar:focus-within { scrollbar-width: auto; scrollbar-color: auto; }
}
.app-page .sidebar::-webkit-scrollbar { width: 4px; }
.app-page .sidebar::-webkit-scrollbar-track { background: transparent; }
.app-page .sidebar::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 999px;
}
.app-page .sidebar:hover::-webkit-scrollbar-thumb,
.app-page .sidebar:focus-within::-webkit-scrollbar-thumb { background-color: #b7d2f2; }
@media (forced-colors: active) {
    .app-page .sidebar,
    .app-page .sidebar:hover,
    .app-page .sidebar:focus-within { scrollbar-width: auto; scrollbar-color: auto; }
    .app-page .sidebar::-webkit-scrollbar,
    .app-page .sidebar::-webkit-scrollbar-track,
    .app-page .sidebar::-webkit-scrollbar-thumb,
    .app-page .sidebar:hover::-webkit-scrollbar-thumb,
    .app-page .sidebar:focus-within::-webkit-scrollbar-thumb { all: revert; }
}
.file-month{grid-column:1/-1;margin:10px 0 -4px;font-size:15px;font-weight:700;color:var(--ink)}.file-month:first-child{margin-top:0}
.file-star{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;min-width:24px;height:24px;min-height:24px;margin:-4px -4px -4px 0;padding:0;border:0;border-radius:6px;background:transparent;color:#9aa8bf;cursor:pointer}.file-star:hover{background:transparent;color:#e2557a}.file-star svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.file-star[aria-pressed=true]{color:#e2557a}.file-star[aria-pressed=true] svg{fill:currentColor}
.file-load-sentinel{height:1px}.file-load-more{margin:18px 0 0;text-align:center;color:var(--muted);font-size:13px}