:root{--bg:#f8faf7;--paper:#fff;--ink:#223d34;--muted:#819087;--line:#e5ebe5;--green:#214e3e;--dark:#173f35;--lime:#d5ee9f;--sidebar:244px;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bae57;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:34px;font-weight:650;line-height:1.2}h2{font-size:23px;font-weight:650}h3{font-size:17px;font-weight:600}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#77867e;flex-shrink:0}.icon-btn:hover{background:#eaf0e8;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 19px;border-radius:9px;font-size:12px;font-weight:600;transition:transform .15s,background .15s}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#173f30}.btn-outline{background:#fff;border:1px solid var(--line)}.btn-outline:hover{background:#f3f6ef}.btn-lime{background:var(--lime);color:#234232}.btn-lime:hover{background:#e2f5b8}.btn-text{padding:7px 0;min-height:34px;color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:38px 22px 0;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;font-size:34px;font-weight:750;letter-spacing:-1.8px;padding-left:12px}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--green);color:var(--lime);width:37px;height:42px;border-radius:11px;transform:rotate(-5deg)}.brand-icon svg{width:26px;height:29px;transform:rotate(5deg)}.brand-dot{color:#9cb96c}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#99a19c;margin:48px 0 17px 14px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;position:relative;border-radius:9px;min-height:46px;padding:12px 15px;color:#7f8982;font-size:12px;font-weight:500;width:100%;text-align:left}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#f6f8f2;color:var(--green)}.nav-item.active{background:#eaf1e4;color:#31503a;font-weight:650}.nav-active-dot{width:6px;height:6px;border-radius:50%;background:#548042;margin-left:auto;display:none}.active .nav-active-dot{display:block}.nav-count{font-size:9px;background:#f0f3ed;border-radius:5px;min-width:20px;padding:3px 5px;text-align:center;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:55px}.local-card{border:1px solid #e8ece2;border-radius:13px;background:#fbfcf7;padding:20px 15px 16px;position:relative}.local-orb{display:flex;background:#eaf1dc;width:35px;height:35px;border-radius:10px;align-items:center;justify-content:center;margin-bottom:15px;color:#728853}.local-orb svg{width:20px;height:20px}.local-card strong{display:block;font-size:12px;font-weight:600}.local-card p{font-size:10px;line-height:1.9;color:#8e978b;margin:8px 0 17px}.local-status{font-size:9px;color:#687c50;display:flex;align-items:center;gap:6px}.local-status i{height:5px;width:5px;border-radius:50%;background:#7b9957}.exit-item{margin:24px 0 22px}.sidebar-footer{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:22px 0}.mini-logo{height:32px;width:32px;background:#e8edde;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.sidebar-footer strong{font-size:10px;font-weight:600;display:block}.sidebar-footer small{font-size:9px;color:#9aa195;display:block;margin-top:5px}.sidebar-footer small span{margin:0 4px}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#ffffff88}.topbar-left,.topbar-right{display:flex;align-items:center;gap:23px}.breadcrumb{font-size:11px;color:#9ba49d;display:flex;align-items:center;gap:14px}.breadcrumb svg{width:12px;height:12px}.breadcrumb strong{color:#586b5d;font-weight:500}.privacy-badge{font-size:10px;color:#809077;display:flex;align-items:center;gap:6px}.privacy-badge>span{height:5px;width:5px;background:#8da570;border-radius:50%}.topbar-right{gap:18px}.help-btn{width:26px;height:26px}.help-btn svg{width:18px;height:18px}.avatar{border:3px solid #fff;box-shadow:0 0 0 1px #e2e7d8;border-radius:50%;height:31px;width:31px;background:#e9eddb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#6d7956}main{padding:42px 48px 28px;max-width:1480px;width:100%;margin:0 auto;flex:1;outline:none}.welcome-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.welcome-line p{font-size:12px;color:#8a968d;margin-top:10px;line-height:1.6}.date-pill{font-size:10px;color:#869282;border:1px solid var(--line);border-radius:7px;padding:9px 12px;white-space:nowrap;background:#fcfdf9}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:23px}.hero{background:var(--dark);border-radius:17px;min-height:251px;padding:35px 33px;color:white;position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:"";position:absolute;right:-65px;top:-95px;width:340px;height:340px;border:1px solid #416451;border-radius:50%;opacity:.4}.hero-copy{position:relative;z-index:2;max-width:60%}.hero-eyebrow{font-size:9px;letter-spacing:1.6px;color:#a8c09d;display:flex;align-items:center;gap:7px;margin-bottom:17px}.hero-eyebrow span{width:5px;height:5px;background:var(--lime);border-radius:50%}.hero h2{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-1.2px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:10px;color:#acc0b3;line-height:1.8;margin:13px 0 19px;max-width:260px}.hero .btn{min-height:37px;padding:9px 13px;font-size:10px;gap:13px}.folder-scene{position:absolute;right:3px;top:25px;width:235px;height:220px;transform:rotate(-10deg);z-index:1}.folder-shadow{position:absolute;width:156px;height:25px;background:#061e1733;filter:blur(10px);bottom:19px;left:45px;border-radius:50%}.folder-back{position:absolute;width:151px;height:112px;left:39px;top:69px;background:#7e9f59;border-radius:9px 9px 12px 12px;transform:rotate(8deg)}.folder-tab{position:absolute;width:65px;height:26px;border-radius:8px 12px 0 0;background:#7e9f59;left:40px;top:50px;transform:rotate(8deg)}.floating-paper{position:absolute;width:83px;height:105px;left:91px;top:25px;background:#f5f5d7;border-radius:6px;transform:rotate(14deg);box-shadow:0 5px 20px #102f2533}.floating-paper:before,.floating-paper:after{content:"";position:absolute;left:16px;right:16px;height:3px;background:#d8dfbd;top:24px;box-shadow:0 11px 0 #d8dfbd,0 22px 0 #d8dfbd}.floating-paper:after{width:23px;top:57px;box-shadow:none}.folder-front{position:absolute;width:160px;height:105px;left:33px;top:90px;background:linear-gradient(135deg,#d9eb9e,#a7cb74);border-radius:8px 8px 12px 12px;transform:skew(-7deg) rotate(8deg);box-shadow:0 7px 10px #0b281433;border-top:1px solid #e8f4bf}.folder-front svg{position:absolute;left:65px;top:27px;width:34px;height:46px;color:#648c40}.float-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:36px;height:40px;border-radius:8px;background:#f5f4d9;color:#89986c;box-shadow:0 6px 12px #0a26142b}.float-tile svg{width:22px;height:22px}.float-tile.one{left:18px;top:52px;transform:rotate(-10deg)}.float-tile.two{right:15px;top:156px;background:#daedac;transform:rotate(25deg)}.scene-spark{position:absolute;color:#bdd689;font-size:22px}.scene-spark.one{right:22px;top:39px}.scene-spark.two{left:15px;bottom:22px;font-size:16px}.upload-card{margin-top:23px;background:#fff;border:1.5px dashed #cbd8be;border-radius:15px;padding:27px 20px 23px;text-align:center;min-height:206px;transition:background .2s,border-color .2s}.upload-card.dragover{background:#edf5dc;border-color:#6e9343}.upload-illustration{margin:auto auto 12px;position:relative;display:flex;align-items:center;justify-content:center;height:43px;width:47px;border-radius:12px;background:#eff3e8;color:#7f9767}.upload-illustration svg{width:24px;height:24px}.upload-illustration:after{content:"+";position:absolute;right:-5px;bottom:-4px;width:18px;height:18px;background:var(--green);color:#fff;border:3px solid #fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center}.upload-card h3{font-size:14px;letter-spacing:-.2px}.upload-card p{font-size:10px;color:#8e998d;margin-top:7px}.upload-card .browse{color:#52793d;text-decoration:underline;text-underline-offset:3px;padding:0;font-weight:600;font-size:10px}.upload-meta{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:17px;color:#a1aa9c;font-size:8px}.upload-meta span{display:flex;gap:4px;align-items:center}.upload-meta svg{width:11px;height:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 17px;gap:10px}.section-heading h2{font-size:16px;letter-spacing:-.4px}.section-heading h2 span{font-size:10px;color:#8c9987;font-weight:400;margin-left:7px;letter-spacing:0}.section-heading p{font-size:10px;color:#97a08f;margin-top:6px}.section-heading .btn-text{font-size:10px;gap:5px}.section-heading .btn-text svg{width:13px;height:13px}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.type-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 14px;text-align:left;transition:border-color .2s,transform .2s;position:relative;min-width:0}.type-card:hover{border-color:#a1b984;transform:translateY(-2px)}.type-icon{display:flex;align-items:center;justify-content:center;height:35px;width:35px;border-radius:10px;margin-bottom:15px}.type-icon svg{width:20px;height:20px}.image .type-icon,.type-icon.image,.category-icon.image{background:#f0eedf;color:#a39753}.docs .type-icon,.type-icon.docs,.category-icon.docs{background:#e8edf7;color:#7f95b5}.video .type-icon,.type-icon.video,.category-icon.video{background:#efebf6;color:#9f8cbb}.audio .type-icon,.type-icon.audio,.category-icon.audio{background:#f9eae4;color:#bd907f}.type-icon.all,.category-icon.all{background:#edf2e6;color:#6f8950}.type-card strong{display:block;font-size:11px;font-weight:600;white-space:nowrap}.type-card small{display:block;font-size:9px;color:#9ca392;margin-top:6px}.type-card>svg{position:absolute;top:17px;right:11px;width:12px;height:12px;color:#a6b09f}.side-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px 23px}.side-panel .eyebrow{font-size:8px;color:#93a08a;letter-spacing:1.7px}.side-panel h3{font-size:21px;line-height:1.35;letter-spacing:-.7px;margin-top:13px;font-weight:550}.steps{margin:25px 0 23px;display:flex;flex-direction:column;gap:24px}.step{display:flex;gap:12px;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:12px;top:30px;height:26px;border-left:1px dashed #dce3d4}.step-num{width:25px;height:25px;border-radius:50%;background:#f1f5e9;color:#8c9c77;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.step strong{font-size:10px;font-weight:600;display:block;padding-top:1px}.step p{font-size:9px;line-height:1.75;color:#9ba392;margin-top:5px}.sample-button{width:100%;font-size:10px;min-height:37px;background:#fafbf7;padding:8px 10px;gap:7px}.sample-button svg{width:14px;height:14px}.privacy-note{display:flex;gap:10px;border-top:1px solid #edf0e8;margin-top:24px;padding-top:19px}.privacy-note svg{width:18px;height:18px;color:#8b9b78}.privacy-note strong{font-size:9px;display:block;font-weight:550}.privacy-note p{font-size:8px;line-height:1.8;color:#9aa48f;margin-top:5px}.tip-card{margin-top:17px;border-radius:14px;background:#edf2e4;border:1px solid #e1e9d6;padding:20px 22px}.tip-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#7c915e;font-weight:600}.tip-label svg{width:14px;height:14px}.tip-card p{font-size:10px;line-height:1.9;color:#8b987a;margin-top:11px}.tip-card p strong{color:#5e7650;font-weight:500}.recent-section{margin-top:5px}.recent-table{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.table-head{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px 75px;padding:13px 20px;background:#fcfdf9;border-bottom:1px solid #edf0e9;color:#9aa38f;font-size:8px;letter-spacing:1px;font-weight:600}.table-head span:last-child{text-align:right}.empty-state{padding:31px 20px;display:flex;align-items:center;justify-content:center;gap:15px;text-align:left}.empty-state .empty-icon{width:41px;height:45px;border-radius:10px;background:#f4f6ef;color:#9caa8b;display:flex;align-items:center;justify-content:center}.empty-state strong{display:block;font-size:11px;font-weight:550}.empty-state p{font-size:10px;color:#9ba58e;margin-top:6px;line-height:1.6}.recent-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px 75px;align-items:center;padding:15px 20px;border-bottom:1px solid #eff2eb;gap:0}.recent-row:last-child{border-bottom:0}.archive-main{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:0}.archive-icon{height:36px;width:34px;display:flex;align-items:center;justify-content:center;background:#f1f4e9;border-radius:8px;color:#8b9c6d;flex-shrink:0}.archive-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;font-size:11px;max-width:100%;line-height:1.5}.archive-main>span:last-child{min-width:0}.archive-main small{display:block;color:#9aa58f;font-size:9px;margin-top:3px}.archive-meta{font-size:10px;color:#98a18e}.recent-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px}.recent-actions .icon-btn{width:29px;height:29px}.recent-actions svg{width:15px;height:15px}.recent-actions .remove-archive{color:#b2b8ac}.page-footer{padding:23px 48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;color:#a0aa98;gap:16px}.page-footer span:last-child{display:flex;align-items:center;gap:8px}.page-footer svg{width:12px;height:12px}.mobile-brand,.menu-toggle,.mobile-nav,.mobile-sidebar-close{display:none}
dialog{border:1px solid #e4eadf;padding:0;border-radius:22px;color:var(--ink);background:#fff;box-shadow:0 30px 100px #0b291b33;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#102e255c;backdrop-filter:blur(5px)}.dialog-inner{padding:28px 30px}.category-dialog{width:510px}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-top .eyebrow{color:#8b9d7b;font-size:9px}.dialog-top .icon-btn{width:28px;height:28px}.modal-zip-icon{width:53px;height:57px;background:#edf3e2;color:#75914f;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.modal-zip-icon svg{width:30px;height:34px}.dialog-inner h2{font-size:25px;line-height:1.25;margin-bottom:10px}.dialog-subtitle{color:#8a9881;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.category-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.category-option{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;padding:13px;text-align:left;min-width:0;transition:background .15s,border-color .15s}.category-option:hover{background:#f6f9f0;border-color:#b2c894}.category-option:first-child{grid-column:1/-1;background:#f4f7ed}.category-icon{height:37px;width:37px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon svg{width:20px;height:20px}.category-option strong{font-size:11px;display:block;font-weight:600}.category-option small{font-size:9px;color:#9aa48d;display:block;margin-top:4px}.category-option>svg{width:15px;height:15px;margin-left:auto;color:#9ba58f}.dialog-footnote{display:flex;align-items:center;justify-content:center;gap:6px;color:#9ba88f;font-size:9px;margin-top:23px}.dialog-footnote svg{width:13px;height:13px}.preview-dialog{width:850px}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:15px;border-bottom:1px solid var(--line)}.preview-header>div{min-width:0}.preview-header h2{font-size:17px;overflow-wrap:anywhere}.preview-header p{font-size:10px;color:#99a18f;margin-top:5px;overflow-wrap:anywhere}.preview-body{min-height:300px;max-height:65dvh;overflow:auto;background:#f5f7f1;padding:24px;display:flex;align-items:center;justify-content:center}.preview-body img{max-width:100%;max-height:56dvh;object-fit:contain;border-radius:7px}.preview-body video{max-width:100%;max-height:56dvh;background:#12251a;border-radius:8px}.preview-body audio{width:min(100%,500px)}.preview-body iframe{width:100%;height:60dvh;border:0;border-radius:6px;background:#fff}.preview-body pre{white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-start;width:100%;font:12px/1.8 ui-monospace,Consolas,monospace;margin:0;color:#40513d;tab-size:2}.preview-footer{padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-footer>span{font-size:10px;color:#97a28c}.file-fallback{text-align:center;padding:20px;max-width:400px}.file-fallback>.type-icon{margin:0 auto 16px;width:60px;height:65px}.file-fallback>.type-icon svg{width:33px;height:33px}.file-fallback h3{font-size:19px}.file-fallback p{font-size:12px;color:#8d9b80;margin-top:12px;line-height:1.8}.info-dialog{width:450px}.info-dialog .dialog-inner>p{font-size:12px;margin:15px 0 25px}.info-dialog #info-content{font-size:12px;line-height:1.85;color:#819274;margin:20px 0 25px}.info-dialog #info-content p{margin-bottom:14px}.info-dialog #info-content strong{color:#536d45}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:28px;left:calc(50% + 122px);transform:translateX(-50%);padding:14px 22px;background:var(--dark);color:#fff;box-shadow:0 5px 25px #1a352130;border-radius:12px;font-size:12px;max-width:calc(100vw - 32px);z-index:100;line-height:1.6}.toast.error{background:#754837}.busy-overlay{position:fixed;inset:0;z-index:150;background:#102e254d;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.busy-card{background:#fff;border-radius:20px;padding:35px;text-align:center;max-width:calc(100vw - 32px)}.busy-card h3{margin-top:20px}.busy-card p{color:#8e9c80;font-size:12px;margin-top:10px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid #e5eddc;border-top-color:#50713b;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.noscript{position:fixed;inset:0;background:#fff;padding:50px;z-index:500}
.page-heading{margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-heading p{font-size:12px;color:#8e9b84;margin-top:12px;line-height:1.7}.back-link{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#84967a;margin-bottom:20px}.back-link svg{width:15px;height:15px}.archive-banner{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #e0e8d7;background:#eff4e6;border-radius:13px;margin-bottom:23px}.archive-banner>.archive-icon{background:#e0ebcf;width:40px;height:43px}.archive-banner>div{min-width:0}.archive-banner strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.archive-banner p{font-size:10px;color:#91a07d;margin-top:6px}.archive-banner .btn{margin-left:auto;flex-shrink:0;font-size:10px;background:#fff;min-height:35px}.file-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 12px;flex:1;max-width:370px;height:40px;color:#9ca88f}.search-box svg{width:16px;height:16px}.search-box input{border:0;outline:none!important;width:100%;background:transparent;font-size:11px;color:var(--ink);height:100%}.search-box input::placeholder{color:#a4ad9b}.sort-select{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#8b9a7b;padding:11px 9px}.view-toggle{display:flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;background:#fff}.view-toggle button{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#99a58e}.view-toggle button.active{background:#eaf1df;color:#67834c}.view-toggle svg{width:15px;height:15px}.files-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.file-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;min-width:0}.file-open{display:block;width:100%;padding:0;text-align:left}.file-art{height:120px;display:flex;align-items:center;justify-content:center;background:#f0f3e9;color:#8ea271;position:relative;overflow:hidden}.file-art svg{width:41px;height:47px;stroke-width:1.2}.file-art img{width:100%;height:100%;object-fit:cover}.file-art.docs{background:#eef1f7;color:#96a9c5}.file-art.image{background:#f6f3e7;color:#b9ab77}.file-art.video{background:#f1edf7;color:#ac9dc4}.file-art.audio{background:#f9eee8;color:#c9a48c}.file-ext{position:absolute;bottom:9px;right:10px;background:#ffffffb8;padding:4px 6px;border-radius:4px;font-size:8px;font-weight:650;letter-spacing:.6px;color:#7b896d}.file-card-info{padding:14px 14px 9px}.file-card strong{font-size:11px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card small{display:block;margin-top:6px;font-size:9px;color:#a0aa94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-bottom{padding:0 9px 8px 14px;display:flex;align-items:center;justify-content:space-between}.file-card-bottom span{font-size:9px;color:#9ba78e}.file-card-bottom .icon-btn{width:29px;height:29px}.file-card-bottom svg{width:14px;height:14px}.files-grid.list-view{display:flex;flex-direction:column;gap:8px}.list-view .file-card{display:flex;align-items:center}.list-view .file-open{display:flex;align-items:center;flex:1;min-width:0}.list-view .file-art{height:58px;width:65px;flex-shrink:0}.list-view .file-art svg{width:26px;height:30px}.list-view .file-ext{display:none}.list-view .file-card-info{padding:10px 16px;min-width:0}.list-view .file-card-bottom{padding:10px 14px;gap:20px}.no-files{background:#fff;border:1px dashed #dce5d0;border-radius:15px;padding:55px 20px;text-align:center;grid-column:1/-1}.no-files svg{width:34px;height:34px;color:#a6b697;margin-bottom:15px}.no-files h3{font-size:16px}.no-files p{font-size:11px;line-height:1.8;margin:10px auto 15px;color:#99a68b}.storage-note{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#9ba68e;line-height:1.8;margin-top:18px}.storage-note svg{width:14px;height:14px;margin-top:2px}.category-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin-bottom:24px;padding-bottom:2px}.category-tabs button{white-space:nowrap;font-size:10px;padding:9px 13px;border-radius:20px;border:1px solid var(--line);background:#fff;color:#90a07f}.category-tabs button.active{background:#e4edda;border-color:#dae5cf;color:#4d6b3a}.pricing-wrap{max-width:750px;margin:35px auto}.pricing-intro{text-align:center;margin-bottom:30px}.pricing-intro>.type-icon{margin:0 auto 20px}.pricing-intro h1{font-size:34px}.pricing-intro p{font-size:12px;color:#92a282;line-height:1.8;margin:14px auto;max-width:430px}.plan-card{max-width:400px;border-radius:20px;border:1px solid #d8e3cb;background:#fff;margin:0 auto;padding:30px}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-top h2{font-size:20px}.plan-tag{font-size:9px;background:#e9f1db;color:#7b9656;padding:6px 9px;border-radius:5px}.plan-price{font-size:45px;font-weight:650;letter-spacing:-2px;margin:25px 0 5px}.plan-price small{font-size:11px;font-weight:400;letter-spacing:0;color:#9aa58e}.plan-card>p{font-size:11px;color:#8f9d81;line-height:1.8}.plan-features{display:flex;flex-direction:column;gap:15px;margin:28px 0}.plan-features span{font-size:11px;display:flex;align-items:center;gap:10px}.plan-features svg{width:16px;height:16px;color:#85a45a}.plan-card>.btn{width:100%}.exit-page{text-align:center;padding:70px 0}.exit-page>.type-icon{margin:0 auto 23px;width:60px;height:60px}.exit-page p{font-size:13px;color:#8d9e7c;line-height:1.8;margin:15px auto 25px;max-width:400px}.library-summary{display:flex;gap:12px;margin-bottom:25px}.summary-chip{background:white;border:1px solid var(--line);border-radius:10px;padding:13px 18px;font-size:10px;color:#8b9c7b}.summary-chip strong{color:#55733f;margin-right:5px;font-size:14px}
@media(min-width:1550px){.workspace-grid{grid-template-columns:minmax(0,1fr) 310px}.hero{min-height:280px}.hero h2{font-size:37px}.hero-copy{max-width:65%}.folder-scene{right:25px;transform:scale(1.1) rotate(-10deg);top:45px}.side-panel{padding:28px}.side-panel h3{font-size:25px}.steps{gap:30px}.step p{font-size:11px}.step strong{font-size:12px}.type-card{padding:21px}.upload-card{min-height:220px}}
@media(max-width:1200px){:root{--sidebar:212px}.sidebar{padding:32px 17px 0}.topbar{padding:0 30px}main{padding:34px 30px 24px}.workspace-grid{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.hero{padding:27px 24px;min-height:245px}.hero h2{font-size:27px}.hero-copy{max-width:65%}.folder-scene{right:-27px;transform:scale(.85) rotate(-10deg);transform-origin:right center}.hero p{max-width:210px}.side-panel{padding:23px 18px}.side-panel h3{font-size:20px}.type-grid{gap:8px}.type-card{padding:15px 11px}.type-card strong{font-size:10px}.page-footer{padding:23px 30px}.toast{left:calc(50% + 106px)}.files-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:761px){.workspace-grid{grid-template-columns:1fr}.workspace-aside{display:none}.hero{min-height:240px}.hero-copy{max-width:65%}.folder-scene{right:15px;transform:rotate(-10deg)}.hero h2{font-size:32px}.hero p{max-width:270px}.upload-card{min-height:190px}.type-card{padding:18px}.type-card strong{font-size:11px}.table-head,.recent-row{grid-template-columns:minmax(0,1fr) 70px 85px 65px}.topbar-right{gap:12px}.privacy-badge{font-size:9px}}
@media(max-width:760px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%);transition:transform .25s ease;padding:30px 22px 0}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:#102e2566;backdrop-filter:blur(3px);z-index:39}.mobile-sidebar-close{display:flex;position:absolute;right:12px;top:12px;width:30px;height:30px}.app-shell{margin-left:0;padding-bottom:75px}.topbar{height:70px;padding:0 23px;background:#f8faf7;position:sticky;top:0;z-index:20}.menu-toggle{display:flex;width:29px;height:30px;margin-left:-5px;color:#426443}.menu-toggle svg{width:22px;height:22px}.breadcrumb{display:none}.mobile-brand{display:block;font-size:26px;font-weight:750;letter-spacing:-1.5px}.mobile-brand span{color:#93ad64}.topbar-left{gap:13px}.topbar-right{gap:12px}.privacy-badge{font-size:8px}.privacy-badge>span{height:4px;width:4px}.help-btn{display:none}.avatar{width:29px;height:29px;font-size:10px}main{padding:28px 22px 23px}.welcome-line{margin-bottom:24px}.welcome-line h1{font-size:28px;letter-spacing:-1px}.welcome-line p{font-size:10px;margin-top:9px;max-width:230px;line-height:1.8}.date-pill{font-size:8px;padding:8px 9px}.workspace-grid{grid-template-columns:1fr;gap:0}.hero{min-height:227px;padding:29px 24px;border-radius:16px}.hero-copy{max-width:67%}.hero h2{font-size:29px}.hero-eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:13px}.hero p{font-size:9px;line-height:1.8;max-width:190px;margin:11px 0 16px}.hero .btn{font-size:9px;min-height:35px}.folder-scene{right:-22px;top:30px;transform:scale(.77) rotate(-10deg);transform-origin:right center}.upload-card{margin-top:19px;min-height:195px;padding:24px 13px 20px}.upload-card h3{font-size:13px}.upload-card p,.upload-card .browse{font-size:10px}.upload-meta{font-size:8px;gap:10px}.section-heading{margin-top:25px}.section-heading h2{font-size:15px}.section-heading p{font-size:9px}.type-grid{gap:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.type-card{padding:14px 9px 13px;border-radius:11px}.type-card>svg{display:none}.type-icon{width:31px;height:31px;border-radius:8px;margin-bottom:12px}.type-icon svg{width:17px;height:17px}.type-card strong{font-size:9px}.type-card small{font-size:8px;margin-top:5px}.workspace-aside{display:none}.recent-section{margin-top:5px}.section-heading h2 span{font-size:9px}.section-heading .btn-text{font-size:9px}.recent-table{border-radius:12px}.table-head{display:none}.empty-state{padding:26px 15px;gap:12px}.empty-state strong{font-size:11px}.empty-state p{font-size:9px;max-width:230px;line-height:1.8}.empty-state .empty-icon{width:37px;height:40px;flex-shrink:0}.recent-row{grid-template-columns:minmax(0,1fr) 65px;padding:15px 13px}.recent-row>.archive-meta{display:none}.archive-main strong{font-size:10px}.archive-main small{font-size:8px}.archive-icon{width:31px;height:35px}.archive-icon svg{width:20px;height:20px}.archive-main{gap:10px}.recent-actions{gap:3px}.recent-actions .icon-btn{width:28px;height:30px}.mobile-sample{display:flex!important;font-size:10px;margin:16px auto 0;color:#859973;gap:7px;align-items:center}.mobile-sample svg{width:13px;height:13px}.page-footer{padding:17px 22px;font-size:8px;line-height:1.7}.page-footer span:last-child{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid #e8eddf;justify-content:space-around;padding:10px 20px calc(9px + env(safe-area-inset-bottom));height:calc(70px + env(safe-area-inset-bottom))}.mobile-nav>a,.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:80px;font-size:8px;color:#99a38f}.mobile-nav a.active{color:#47723b}.mobile-nav svg{width:20px;height:20px}.mobile-plus{display:flex;align-items:center;justify-content:center;background:var(--green);color:#e3edc9;width:44px;height:34px;border-radius:10px;margin-top:-5px}.mobile-plus svg{width:18px;height:18px}.mobile-nav>button>span:last-child{color:#617d50}.toast{bottom:90px;left:50%;font-size:11px;width:max-content;text-align:center}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:26px}.page-heading p{font-size:10px;margin-top:9px}.page-heading>.btn{padding:10px 12px;min-height:38px;font-size:9px;gap:6px}.page-heading>.btn svg{width:14px;height:14px}.archive-banner{padding:14px;gap:10px}.archive-banner strong{font-size:11px}.archive-banner p{font-size:9px}.archive-banner>.archive-icon{width:33px;height:37px}.archive-banner .btn{font-size:0;gap:0;padding:9px;min-height:34px}.archive-banner .btn svg{width:15px;height:15px}.file-toolbar{gap:8px;flex-wrap:wrap}.search-box{max-width:unset;min-width:130px}.sort-select{font-size:9px;max-width:110px}.view-toggle{display:none}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-art{height:110px}.file-card-info{padding:12px 12px 8px}.file-card strong{font-size:10px}.file-card small{font-size:8px}.file-card-bottom{padding-left:12px}.file-card-bottom span{font-size:8px}.category-tabs{gap:6px;margin-bottom:19px}.category-tabs button{font-size:9px;padding:8px 11px}.dialog-inner{padding:23px}.dialog-inner h2{font-size:23px}.dialog-top{margin-bottom:13px}.category-dialog{width:450px}.category-options{gap:9px}.category-option{padding:11px;gap:9px}.category-option strong{font-size:10px}.category-option small{font-size:8px}.category-option>svg{width:12px;height:12px}.category-icon{width:32px;height:32px}.category-icon svg{width:17px;height:17px}.modal-zip-icon{width:47px;height:51px}.preview-body{padding:15px;min-height:250px;max-height:65dvh}.preview-header{padding:16px 18px}.preview-header h2{font-size:14px}.preview-footer{padding:14px 18px}.preview-footer .btn{font-size:10px;min-height:38px;padding:9px 13px}.preview-footer>span{font-size:9px}.library-summary{gap:9px}.summary-chip{padding:11px 13px;font-size:9px}.summary-chip strong{font-size:12px}.pricing-wrap{margin:15px auto}.pricing-intro h1{font-size:28px}.plan-card{padding:24px}.exit-page{padding:50px 0}.exit-page h1{font-size:28px}.exit-page p{font-size:12px}.storage-note{font-size:9px}.sidebar-bottom{padding-top:25px}.local-card{padding:16px}.exit-item{margin:18px 0}.sidebar-footer{padding:18px 0}}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}.topbar{padding:0 17px}.welcome-line h1{font-size:25px}.date-pill{display:none}.hero{padding:25px 20px}.hero h2{font-size:27px}.folder-scene{right:-32px;transform:scale(.68) rotate(-10deg)}.hero-copy{max-width:72%}.type-card{padding:12px 7px}.type-card strong{font-size:8px}.type-grid{gap:7px}.category-options{grid-template-columns:1fr}.category-option:first-child{grid-column:auto}.privacy-badge{font-size:7px}}
@media(max-width:1000px) and (min-width:761px){.mobile-sample{display:flex!important;align-items:center;gap:7px;margin:18px auto 0;font-size:10px;color:#81986d}.mobile-sample svg{width:14px;height:14px}}
@media(max-width:760px){.hero-copy{max-width:76%}.hero h2{font-size:25px}.hero p{max-width:175px}.folder-scene{transform:scale(.66) rotate(-10deg);top:48px}.date-pill{display:none}.welcome-line p{max-width:unset}.welcome-line h1{font-size:27px}.welcome-line{display:block}.welcome-line>div{width:100%}.welcome-line p{font-size:11px}.type-card strong{font-size:10px}.type-card small{font-size:9px}.upload-meta{font-size:9px}.upload-card h3{font-size:14px}.upload-card p,.upload-card .browse{font-size:11px}.category-option strong{font-size:11px}.category-option small{font-size:9px}.category-tabs button{font-size:10px}.file-card strong{font-size:11px}.file-card small,.file-card-bottom span{font-size:9px}}
@media(max-width:360px){.hero h2{font-size:23px}.hero-copy{max-width:80%}.folder-scene{right:-32px;transform:scale(.59) rotate(-10deg)}.type-card strong{font-size:9px}.welcome-line h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}