:root{--ink:#17221d;--muted:#6b756f;--line:#dfe4df;--paper:#f7f7f2;--white:#fff;--green:#315f48;--green2:#244b38;--cream:#eeeee5;--red:#a43d36}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.welcome{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:32px 5vw 42px;background:radial-gradient(circle at 76% 20%,#dfe9dd 0,transparent 32%),linear-gradient(130deg,#f9f9f4 58%,#eef1e8)}.brand{font-weight:720;letter-spacing:-.03em;font-size:18px}.brand a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:8px;border-radius:9px;background:var(--green);color:white;font-family:Georgia,serif;font-style:italic}.welcome-copy{align-self:center;max-width:780px;padding:55px 0}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.18em;color:var(--green)}h1{margin:18px 0 24px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,7vw,98px);line-height:.97;font-weight:400;letter-spacing:-.055em}h1 em{color:var(--green);font-weight:400}.lede{max-width:590px;font-size:20px;line-height:1.55;color:var(--muted)}.primary,.ghost,.icon-button{border:0;border-radius:9px;padding:14px 18px;font-weight:650}.primary{margin-top:20px;background:var(--green);color:white;box-shadow:0 6px 18px #315f4825}.primary:hover{background:var(--green2)}.primary span{margin-left:30px}.small{padding:10px 15px;margin:0}.ghost,.icon-button{background:transparent;border:1px solid var(--line);color:var(--ink)}.ghost:hover,.icon-button:hover{background:var(--cream)}.notice{font-size:12px;color:var(--muted);margin-top:18px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;max-width:850px;gap:40px}.feature-row div{display:grid;gap:6px}.feature-row span{font-size:13px;color:var(--muted)}.browser{min-height:100vh;background:var(--white)}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.header-actions,.tools{display:flex;gap:9px}.toolbar{min-height:92px;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:7px;font-weight:650}.breadcrumbs button{border:0;background:none;padding:5px;color:var(--muted)}.breadcrumbs button:last-child{color:var(--ink)}.breadcrumbs i{color:#a9b0ab;font-style:normal}.table-wrap{margin:0 4vw 80px;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-height:330px;background:white}table{border-collapse:collapse;width:100%}th{height:46px;text-align:left;padding:0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fafaf7;border-bottom:1px solid var(--line)}td{height:64px;padding:0 16px;border-bottom:1px solid #edf0ed;font-size:14px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}.check{width:48px}.name-cell{display:flex;align-items:center;gap:12px;font-weight:600;min-width:280px}.file-icon{display:grid;place-items:center;width:35px;height:39px;border-radius:6px;background:#edf2ed;color:var(--green);font-size:16px}.folder-icon{background:#e2eadf}.open-item{border:0;background:none;text-align:left;padding:0;font-weight:650;color:inherit}.meta{color:var(--muted);white-space:nowrap}.actions{text-align:right}.actions button{background:transparent;border:0;border-radius:7px;padding:8px;font-size:18px}.actions button:hover{background:var(--cream)}.empty{text-align:center;padding:75px 20px}.empty-icon{margin:auto;display:grid;place-items:center;width:58px;height:58px;border:1px dashed #aab7ac;border-radius:16px;color:var(--green);font-size:28px}.empty h2{font:400 24px Georgia,serif;margin:17px 0 5px}.empty p{color:var(--muted);margin:0}.drop-zone{position:fixed;z-index:10;inset:15px;border:2px dashed var(--green);border-radius:16px;background:#eff5edeb;display:none;place-items:center;font:600 22px Georgia,serif}.drop-zone.active{display:grid}.upload-queue{margin:0 4vw 18px;padding:14px 18px;background:#f0f5ef;border-radius:10px;font-size:13px}.progress{height:4px;background:#dbe5db;border-radius:4px;margin-top:9px;overflow:hidden}.progress span{height:100%;display:block;background:var(--green);transition:width .2s}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 17px;border-radius:9px;background:var(--ink);color:white;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px #17221d40;min-width:min(420px,90vw)}dialog::backdrop{background:#17221d60}dialog form{padding:25px}dialog h2{font:400 26px Georgia,serif;margin:0 0 20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}dialog label{display:grid;gap:7px;color:var(--muted);font-size:13px}dialog input,dialog select{width:100%;padding:11px;border:1px solid #cfd6d0;border-radius:8px;color:var(--ink)}.menu{position:absolute;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 35px #17221d20;z-index:12;padding:5px;min-width:160px}.menu button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px;border-radius:6px}.menu button:hover{background:var(--cream)}.menu .danger{color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.feature-row{grid-template-columns:1fr;gap:16px}.welcome{padding:24px}.welcome-copy{padding:45px 0}.header-actions .ghost{display:none}.toolbar{align-items:flex-start;gap:15px;flex-direction:column}.table-wrap{overflow-x:auto}.tools{width:100%}.tools button{flex:1}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5){display:none}}

.welcome{display:flex;flex-direction:column;padding:0;background:var(--paper)}.welcome-header{flex:0 0 76px;width:100%}.welcome-card{margin:auto;text-align:center;padding:32px}.welcome-card h1{margin:0 0 6px;font-size:36px;line-height:1.1;letter-spacing:-.035em}.welcome-card .primary{margin-top:22px}.browser>header{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;gap:20px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions button{padding:10px 13px;white-space:nowrap}.header-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.browser>header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:flex-start}.header-actions .ghost{display:inline-block}.toolbar{min-height:68px;padding-top:14px;padding-bottom:14px}}@media(max-width:560px){.welcome-header{padding:0 20px}.welcome-card h1{font-size:30px}.browser>header{padding:14px 20px}.header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions button{width:100%}.header-actions .primary{grid-column:1/-1}.toolbar{padding-left:20px;padding-right:20px}.table-wrap{margin-left:20px;margin-right:20px}}
.search-form{display:flex;gap:7px}.search-form input,.search-form select{border:1px solid var(--line);border-radius:9px;background:white;padding:9px 11px;color:var(--ink)}.search-form input{width:min(260px,28vw)}.name-stack{display:grid;gap:3px}.name-stack small{font-size:11px;font-weight:400;color:var(--muted)}@media(max-width:900px){.toolbar,.tools{width:100%}.tools{align-items:center}.search-form{flex:1}.search-form input{width:100%;min-width:120px}}@media(max-width:620px){.tools{align-items:stretch;flex-direction:column}.search-form{display:grid;grid-template-columns:1fr 1fr}.search-form input{grid-column:1/-1}.search-form select{min-width:0}.tools>#refresh{display:none}}