:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#223e37;background:#f5f7f5;font-size:15px;--green:#1b5b49;--muted:#73837c}*{box-sizing:border-box}body{margin:0}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #dce4de;border-radius:10px;padding:10px 15px;background:white;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#eaf1ec}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#164534}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{display:none}header{height:85px;background:white;border-bottom:1px solid #e2e8e3;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:21px;letter-spacing:-.5px}.brand svg{width:35px;height:35px;color:var(--green)}.brand b{font-weight:400;color:var(--muted)}#account{display:flex;align-items:center;gap:18px;font-size:13px}.quiet{border:0;background:transparent;color:var(--muted)}main{max-width:1120px;margin:auto;padding:54px 30px;min-height:calc(100vh - 145px)}h1{font-size:34px;font-weight:600;letter-spacing:-1px;margin:8px 0 0}h2{font-size:20px;font-weight:600}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--green)}.topline,.actions,.navline{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{justify-content:flex-end}.navline{margin-top:35px;border-bottom:1px solid #dce5dd}nav{display:flex;gap:20px}.tab{border:0;border-radius:0;padding:15px 0;background:transparent;color:var(--muted);border-bottom:3px solid transparent}.tab.active{color:var(--green);border-bottom-color:var(--green)}#usage{font-size:12px;color:var(--muted)}#crumbs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}#crumbs button{font-size:13px;padding:5px 9px;background:transparent;border:0}.list{background:white;border:1px solid #e0e7e1;border-radius:14px;overflow:hidden}.row{display:flex;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid #eef1ee}.row:last-child{border:0}.fileicon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#edf3ed;border-radius:9px;flex-shrink:0;color:#517956}.fileicon img{width:44px;height:44px;border-radius:9px;object-fit:cover}.info{min-width:0;flex:1}.name{background:transparent;border:0;justify-content:flex-start;max-width:100%;padding:0;font-weight:500;text-align:left;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted);margin-top:5px}.iconbutton{border:0;background:transparent;padding:8px;border-radius:8px}.rowactions{display:flex;gap:3px}#empty{text-align:center;padding:70px 15px;color:var(--muted)}#empty>svg{width:60px;height:60px;color:#a1b9a9}#empty h2{color:#526e5e;margin-bottom:5px}#empty p{font-size:13px}footer{text-align:center;font-size:11px;letter-spacing:1px;color:#829388;padding:20px}.welcome{padding:55px 20px;max-width:650px}.welcome h1{font-size:clamp(36px,6vw,60px);line-height:1.4}.welcome p{color:var(--muted);margin:22px 0 35px}.google{display:inline-flex;gap:18px;align-items:center;padding:14px 23px;border-radius:12px}.google strong{background:white;color:#315b9a;width:27px;height:27px;border-radius:50%;text-align:center;padding-top:2px}.welcome small{display:block;color:var(--muted);margin-top:16px}dialog{border:1px solid #dce4de;border-radius:16px;width:min(470px,92vw);padding:25px;box-shadow:0 20px 100px #143b3026;color:inherit}dialog::backdrop{background:#18392e66}dialog h2{margin-top:0}dialog input,dialog select{width:100%;padding:12px;border:1px solid #cbd9cd;border-radius:8px;background:white;color:inherit}.dialogactions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.menu{display:grid;gap:8px}.menu button,.menu a{justify-content:flex-start;padding:12px;border:1px solid #e0e7e1;border-radius:8px}.danger{color:#b54438}.versionrow{padding:12px 0;border-bottom:1px solid #e0e7e1;display:flex;justify-content:space-between;align-items:center;gap:10px}.versionrow small{display:block;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#243d33;color:white;padding:14px 24px;border-radius:12px;max-width:90vw;z-index:10}#status{color:var(--muted);font-size:13px}#progress{padding:15px;background:#e9f1e9;border-radius:10px;margin-bottom:15px;display:flex;align-items:center;gap:12px}progress{min-width:50px;flex:1;accent-color:var(--green)}#loadmore{margin:20px auto}button:focus-visible,a:focus-visible{outline:3px solid #dca951;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header{height:72px;padding:0 18px}.brand{font-size:18px}.brand svg{width:28px}#username{display:none}main{padding:30px 16px}h1{font-size:28px}.topline{align-items:flex-start;flex-direction:column}.actions{margin-top:15px;width:100%;justify-content:flex-start}.actions button{padding:10px 12px}.navline{margin-top:20px;align-items:flex-start;flex-direction:column;gap:0}#usage{padding-bottom:12px}.row{padding:14px 11px;gap:10px}.rowactions .downloadbutton{display:none}.welcome{padding:35px 5px}.meta{font-size:11px}#uploadlabel{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#progress{flex-wrap:wrap}}