:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263b32;background:#f9faf7;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.6;--green:#245c45;--muted:#849087;--line:#e6eae2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{transition:background .15s,color .15s,box-shadow .15s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a0cdb7;outline-offset:3px}button:focus:not(:focus-visible){outline:none}button:disabled:hover{box-shadow:none}.shell{min-height:100dvh;display:flex}.sidebar{width:238px;flex-shrink:0;padding:35px 24px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f1f4ed;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px;letter-spacing:2px}.brand-symbol{font-size:39px;font-weight:400;color:var(--green);line-height:1}.brand-tag{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#8a968e;margin-top:1px}.workspace-label{font-size:11px;color:#8f9a92;letter-spacing:2px;margin:51px 12px 17px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;padding:13px 14px;text-align:left;font-weight:500;background:transparent;color:var(--green)}.nav-item.selected{background:#e1eadf}.nav-item:disabled{opacity:1}.nav-item>span:first-child{font-size:22px;line-height:1}.nav-arrow{margin-left:auto;font-size:21px;color:#7e9d87}.sidebar-note{font-size:11px;color:#778a7b;line-height:1.9;margin:22px 12px}.sidebar-note>span:last-child{padding-left:11px;color:#a0aaa2}.note-dot{width:5px;height:5px;display:inline-block;border-radius:100%;background:#84a98d;margin-right:6px;vertical-align:middle}.sidebar-bottom{margin-top:auto}.storage-label{display:flex;justify-content:space-between;font-size:11px;color:#6f8174}.storage-track{height:4px;border-radius:4px;background:#dce4d8;overflow:hidden;margin-top:10px}.storage-track>span{display:block;background:#658d70;height:100%}.storage-detail{font-size:10px;color:#8d9a90;margin-top:8px}.sidebar-foot{margin-top:31px;padding-top:19px;border-top:1px solid #dde5d8;font-size:10px;color:#9ba99e;letter-spacing:.5px}.workspace{width:calc(100% - 238px);margin-left:238px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 49px}.topbar-label{font-size:10px;letter-spacing:2.4px;color:#9aa69c}.account{display:flex;align-items:center;gap:9px;color:#849087;font-size:11px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#a6b0a6}.account-avatar{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;background:#e3ebe0;border-radius:50%;color:var(--green);font-weight:600}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a6051}.text-button{border:0;background:transparent;color:#849087;font-size:11px}.text-button:hover{color:var(--green)}main{max-width:1370px;margin:auto;padding:46px 49px 30px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:11px;color:#909d92;letter-spacing:.8px}h1{font-size:34px;line-height:1.3;letter-spacing:1px;font-weight:600;margin:10px 0}.heading-dot{color:#719c73;margin-left:3px}.page-heading p{font-size:12px;color:#90998f;margin:0}.edition{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;color:#a6ada3;align-self:flex-end;padding-bottom:6px}.connect-card{background:#f1f4eb;border:1px solid #e3e9dc;border-radius:13px;position:relative;display:flex;overflow:hidden;min-height:422px}.connect-copy{z-index:1;padding:43px 42px 87px;width:60%}.small-label{font-size:9px;letter-spacing:2.1px;color:#7c9479}.connect-copy h2{font-size:31px;line-height:1.6;font-weight:500;letter-spacing:1.2px;margin:19px 0 13px}.connect-copy p{font-size:12px;color:#8c9788;line-height:1.9;margin:0 0 25px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:6px;border:1px solid var(--green);padding:10px 17px;font-size:12px;font-weight:500;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#164c34;box-shadow:0 3px 10px #245c4518}.secondary{background:#fff;color:#47614e;border-color:#dce3d7}.secondary:hover:not(:disabled){background:#edf2e8}.connect-button{min-width:173px;justify-content:space-between;padding:12px 16px}.connect-button span{font-size:17px}.connection-help{font-size:10px;color:#8e9b8c;line-height:1.8;margin-top:13px;max-width:340px;word-break:break-word}.connect-footer{position:absolute;bottom:0;left:0;right:0;display:flex;gap:39px;border-top:1px solid #e0e7d9;padding:17px 42px;color:#a5b29f;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1px}.connect-footer b{font-family:Noto Sans SC,sans-serif;font-size:10px;font-weight:400;letter-spacing:0;color:#7d8b77;margin-left:9px}.connect-art{position:relative;width:40%;min-width:200px}.art-grid{position:absolute;top:16px;right:24px;bottom:60px;left:-18px;background-image:linear-gradient(#dde4d630 1px,transparent 1px),linear-gradient(90deg,#dde4d630 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.large-folder{position:absolute;width:205px;height:135px;left:calc(50% - 115px);top:137px;border-radius:8px 8px 13px 13px;background:linear-gradient(140deg,#6f9871,#426d4a);box-shadow:5px 19px 25px #24472b1a;transform:rotate(-6deg);padding:42px 23px;color:#e8efe2;display:flex;flex-direction:column;justify-content:space-between;font-size:16px;letter-spacing:3px}.large-folder:before{content:"";width:85px;height:20px;border-radius:9px 12px 0 0;background:#6a916b;position:absolute;top:-13px;left:0}.large-folder>span:last-child{font-size:6px;letter-spacing:2px;color:#bdd1b9}.paper{position:absolute;width:140px;height:176px;background:#fffef8;border:1px solid #e4e8db;border-radius:6px;left:calc(50% - 70px);top:73px;box-shadow:0 5px 15px #33452205}.paper-back{transform:rotate(12deg);left:calc(50% - 52px);top:69px;background:#e3ebd9}.paper-front{transform:rotate(2deg);padding:24px 21px}.paper-front span{display:block;height:3px;width:80px;background:#dbe4d2;margin-bottom:10px}.paper-front span:nth-child(2){width:57px}.paper-front span:nth-child(3){width:71px}.art-star{position:absolute;color:#98ad83;font-size:41px;top:61px;right:16px;font-weight:400}.page-footer{display:flex;justify-content:space-between;gap:15px;margin-top:24px;color:#a0aa9c;font-size:10px;line-height:1.8;flex-wrap:wrap}.alert{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.8;border-radius:6px;padding:11px 16px;margin-bottom:17px;overflow-wrap:anywhere}.alert.error{background:#fff0e8;color:#935d3b;border:1px solid #f2dcd0}.alert.success{background:#eaf2e3;color:#51723f;border:1px solid #dce8d3}.alert button{border:0;background:transparent;color:inherit;font-size:19px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 23px}.search{display:flex;align-items:center;gap:10px;max-width:350px;width:100%;border:1px solid #e3e8dd;border-radius:7px;background:#fff;padding:7px 9px 7px 13px}.search>span{font-size:24px;color:#99a48e;line-height:1}.search input{width:100%;min-width:0;border:0;background:transparent;font-size:12px;color:#36563f;outline:none;padding:3px}.search input::placeholder{color:#a4ae9b}.search button{border:0;background:#f1f4ec;color:#73866a;font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap}.toolbar-actions{display:flex;gap:10px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#a3ad9e;margin-bottom:15px;flex-wrap:wrap}.breadcrumb button{border:0;background:transparent;color:#76896d;font-size:11px;padding:0}.breadcrumb span>button{margin-left:10px}.crumb-spacer{flex:1}.file-count{font-family:ui-monospace,monospace}.breadcrumb .refresh{font-size:21px;margin-left:7px;line-height:1}.file-panel{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;table-layout:fixed}th{background:#f6f8f2;color:#9ca894;font-weight:400;font-size:10px;letter-spacing:.5px;padding:13px 18px;border-bottom:1px solid var(--line)}th:first-child{width:46%}th:nth-child(2){width:12%}th:nth-child(3){width:23%}th:last-child{width:19%}td{padding:15px 18px;border-bottom:1px solid #f0f2ec;color:#8c9984;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf8}.file-name{display:flex;align-items:center;gap:12px;min-width:0;color:#435d3c;font-size:12px}.file-name>div{min-width:0;overflow-wrap:anywhere}.file-name small{display:block;color:#a3ac9e;font-size:9px;margin-top:3px}.filename-button{font-size:12px;border:0;background:transparent;padding:0;text-align:left;color:#435d3c;overflow-wrap:anywhere}.filename-button:hover{color:#1e603d;text-decoration:underline;text-underline-offset:3px}.file-icon{width:31px;height:35px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:25px;border-radius:5px;background:#eef2e8;color:#90a27c}.file-icon.folder{color:#b39f6a;background:#f7f2e3;height:29px;font-size:28px}.file-icon.image{background:#e9f0e5;color:#88a078}.file-icon.video{background:#eeeaf4;color:#a08cb5}.file-icon.document{background:#eaf0f3;color:#8ca4b2}.row-actions{display:flex;justify-content:flex-end;gap:9px;white-space:nowrap}.row-actions button{border:0;background:transparent;color:#87a17c;font-size:10px;padding:2px}.row-actions button:hover:not(:disabled){color:#245c45;text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:63px 20px 69px;color:#9aa791}.empty-state>.file-icon{width:57px;height:48px;font-size:44px;background:#f6f3e9;color:#c6b987;margin-bottom:14px}.empty-state h3{font-weight:400;font-size:13px;color:#85947d;margin:0 0 6px}.empty-state p{font-size:11px;color:#abb5a3;margin:0 0 20px}.empty-state.compact{padding:30px;gap:12px;font-size:11px}.activity{background:#f0f5eb;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:11px;padding:11px 15px;margin-bottom:15px;color:#6c8662;overflow-wrap:anywhere}.activity progress{height:5px;max-width:120px;width:20%;accent-color:#547f51;margin-left:auto}.spinner{width:14px;height:14px;border:2px solid #cfdcc6;border-top-color:#5a8654;border-radius:50%;display:inline-block;flex-shrink:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{text-align:center;padding:20px;border-top:1px solid var(--line)}.scope-note{color:#9a9d86;font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#20372940;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fcfdf9;border:1px solid #e5ebdf;border-radius:12px;padding:28px;width:420px;max-width:100%;box-shadow:0 20px 80px #15291f20}.modal h2{font-size:20px;font-weight:500;margin:0 0 10px}.modal p{font-size:11px;line-height:1.8;color:#9ba58f;margin-bottom:23px}.modal label{display:block;font-size:11px;color:#798d6b;margin-bottom:7px}.modal input{width:100%;padding:11px 12px;border:1px solid #dce4d4;background:#fff;border-radius:5px;color:#4a6441;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.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}@media(min-width:1500px){main{padding-top:62px}.connect-card{min-height:460px}.connect-copy{padding-top:53px}.connect-art{margin-top:20px}}@media(max-width:1100px){.sidebar{width:205px;padding:30px 20px}.workspace{width:calc(100% - 205px);margin-left:205px}.topbar{padding:0 30px}main{padding:35px 30px 25px}.connect-copy{padding-left:28px}.connect-footer{padding-left:28px;gap:22px}.connect-copy h2{font-size:27px}.large-folder{width:165px;height:120px;left:calc(50% - 85px)}.paper{width:120px;height:155px;left:calc(50% - 51px)}.paper-back{left:calc(50% - 37px)}.paper-front span{max-width:100%}.art-star{font-size:30px;right:10px}.toolbar{align-items:stretch}.search{max-width:290px}.toolbar-actions{gap:7px}.primary,.secondary{padding:9px 11px}td,th{padding-left:13px;padding-right:13px}.date-column{display:none}th:first-child{width:58%}th:nth-child(2){width:16%}th:last-child{width:26%}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:17px 22px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px;gap:8px}.brand-symbol{font-size:32px}.brand-tag{font-size:8px;letter-spacing:1px}.workspace-label,.sidebar-note,.sidebar-bottom,.nav-arrow{display:none}.nav-item{margin-left:auto;width:auto;padding:8px 12px;font-size:11px;border-radius:5px;gap:7px}.nav-item>span:first-child{font-size:18px}.shell{display:block}.workspace{margin-left:0;width:100%}.topbar{height:53px;padding:0 23px}.topbar-label{font-size:8px;letter-spacing:1.5px}.account{font-size:10px}.account-name{max-width:100px}.account-avatar{height:24px;width:24px}main{padding:30px 22px 25px}.page-heading{margin-bottom:24px}.eyebrow{font-size:10px}h1{font-size:29px}.page-heading p{font-size:11px}.edition{font-size:8px;letter-spacing:1px}.connect-card{min-height:405px}.connect-copy{width:100%;padding:32px 25px 83px}.connect-copy h2{font-size:26px}.connect-copy p{font-size:11px;max-width:70%}.small-label{font-size:8px;letter-spacing:1.3px}.connect-art{position:absolute;right:-39px;top:94px;width:37%;min-width:145px;opacity:.7;transform:scale(.75);transform-origin:right center}.connect-footer{padding:15px 24px;gap:20px}.connect-footer span{font-size:8px}.connect-footer b{font-size:9px;margin-left:5px}.connection-help{max-width:270px;font-size:9px}.page-footer{font-size:9px;gap:8px}.toolbar{flex-direction:column;margin-bottom:20px;gap:12px}.search{max-width:none}.toolbar-actions{justify-content:flex-end}.primary,.secondary{font-size:11px;padding:9px 13px}th:first-child{width:57%}th:nth-child(2){width:15%}th:last-child{width:28%}td,th{padding:12px 10px}.file-name{gap:8px;font-size:11px}.filename-button{font-size:11px}.file-icon{width:25px;height:29px;font-size:22px}.file-icon.folder{font-size:23px;height:24px}.row-actions{flex-direction:column;gap:4px;align-items:flex-end}.row-actions button,.size-column{font-size:9px}.empty-state{padding:50px 20px}.empty-state h3{font-size:12px}.breadcrumb,.breadcrumb button{font-size:10px}.modal{padding:25px}.modal h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}