:root{--background:#f8f9fc;--surface:#fff;--text:#20283d;--muted:#7c8496;--brand:#3857ed;--brand-soft:#edf1ff;--border:#e8ebf2;--success:#288c6a;--danger:#c74750;--focus:#8799ff;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--text);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{border:0}svg.icon{width:20px;height:20px;flex-shrink:0;stroke-width:1.7;vertical-align:middle}button svg{pointer-events:none}button{background:transparent}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:32px 20px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:0 8px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-caption{display:block;font-size:7.4px;letter-spacing:1.25px;font-weight:600;color:#9298a6;margin-top:5px}.workspace{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#f8f9fc;border:1px solid var(--border);border-radius:10px;margin:35px 0 29px;text-align:left;font-size:11px;font-weight:650;width:100%}.workspace-icon{background:#e9eaff;color:var(--brand);border-radius:8px;display:grid;place-items:center;width:31px;height:31px;font-size:16px}.workspace small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.workspace>span:last-child{margin-left:auto;color:#969cac}.workspace svg{width:14px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#979dac;display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:28px;margin-bottom:7px}.nav-label .icon-btn{width:25px;height:25px}.nav-label .icon-btn svg{width:15px}.group-link,.side-link{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 13px;border-radius:9px;margin:3px 0;font-size:12px;color:#6e778a;min-width:0}.group-link svg,.side-link svg{width:18px;height:18px}.group-link.active,.side-link.active{background:var(--brand-soft);color:var(--brand);font-weight:650}.nav-count{margin-left:auto;font-size:10px;min-width:21px;text-align:center;padding:2px 5px;background:#f2f3f8;color:#8c93a3;border-radius:5px}.active .nav-count{background:#dce3ff;color:var(--brand)}.group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-link:hover,.group-link:hover{background:#f4f6fb}.side-divider{height:1px;background:var(--border);margin:20px 12px}.sidebar-bottom{margin-top:auto}.storage-card{text-align:left;display:block;width:100%;border:1px solid var(--border);border-radius:12px;padding:15px 13px;margin:25px 0;background:linear-gradient(145deg,#fcfdff,#f6f8fd)}.storage-heading{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650;margin-bottom:16px}.nc-logo{font-size:13px;letter-spacing:-4px;color:#1699dc;margin-right:5px}.storage-heading>svg{margin-left:auto;width:14px;color:#8b94a6}.storage-card strong{font-size:11px;display:block;font-weight:600}.storage-copy{font-size:9px;color:var(--muted);display:block;margin:7px 0 13px}.storage-status{display:flex;gap:6px;align-items:center;color:#8b92a2;font-size:9px}.storage-status i{background:#aab0bf;width:5px;height:5px;border-radius:50%}.profile{display:flex;text-align:left;align-items:center;gap:9px;padding:18px 0;border-top:1px solid var(--border);width:100%;font-size:11px;font-weight:600}.avatar{border-radius:50%;background:#e7e8fb;color:#6c66ac;display:grid;place-items:center;width:35px;height:35px;font-size:11px;font-weight:650;flex-shrink:0}.profile small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:4px}.demo-label{font-size:8px;margin-left:auto;border:1px solid var(--border);border-radius:4px;padding:3px 5px;color:#8b92a4;letter-spacing:.5px}.shell{margin-left:246px}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;min-width:0}.breadcrumb-root{color:#9197a6}.crumb-slash{color:#c4c8d3}.top-actions{display:flex;align-items:center;gap:19px}.local-status{font-size:10px;color:#7e8798;display:flex;align-items:center;gap:7px}.local-status i{width:6px;height:6px;background:#a4aabb;border-radius:50%}.avatar.small{width:30px;height:30px;font-size:9px}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#8992a3;flex-shrink:0}.icon-btn:hover{background:#edf0f7;color:var(--brand)}.top-actions .icon-btn svg{width:18px}main{max-width:1480px;margin:auto;padding:43px 43px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.eyebrow{color:#939aad;letter-spacing:1.7px;font-size:9px;font-weight:650;margin-bottom:10px}h1{font-size:38px;letter-spacing:-1.5px;margin:0;font-weight:700;line-height:1.15}.title-dot{color:var(--brand)}.page-heading p{font-size:12px;color:#7e8799;line-height:1.6;margin:10px 0 0}.member-button{border:1px solid var(--border);border-radius:9px;background:#fff;display:flex;align-items:center;padding:9px 10px;gap:10px;font-size:10px;color:#707a8e;flex-shrink:0;margin-top:25px}.member-button svg{width:14px}.avatar-stack{display:flex;padding-left:4px}.mini-avatar{background:#e8ecff;border:2px solid #fff;color:#697dc3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:650;margin-left:-4px}.mini-avatar.second{background:#e5efe6;color:#78977f}.mini-avatar.third{background:#f8e7dc;color:#b89076}.dropzone{min-height:235px;border:1.5px dashed #bac9f7;border-radius:16px;background:radial-gradient(ellipse at 90% 0,#f7f9ff,transparent 60%),#f0f4ff;display:flex;align-items:center;gap:28px;padding:30px 40px;position:relative;transition:background .2s,border-color .2s,transform .2s}.dropzone.drag-active{background:#dfe7ff;border-color:var(--brand);transform:scale(1.007)}.drop-art{height:135px;width:155px;position:relative;flex-shrink:0;margin-left:7px}.paper{position:absolute;border-radius:10px;width:76px;height:96px;border:1px solid #cdd7f7;box-shadow:0 8px 18px #304fb90a}.paper-back{background:#e2eaff;left:24px;top:10px;transform:rotate(-16deg)}.paper-front{background:#fff;left:51px;top:14px;transform:rotate(10deg);display:flex;flex-direction:column;padding:15px 13px;gap:9px}.paper-front svg{width:30px;height:30px;color:#b4c3f3;margin-bottom:1px}.paper-front i{height:4px;width:43px;background:#e6ecfb;border-radius:3px}.paper-front i:last-child{width:28px}.upload-bubble{position:absolute;bottom:8px;left:28px;background:var(--brand);color:#fff;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;box-shadow:0 6px 18px #3857ed30;transform:rotate(-6deg)}.upload-bubble svg{width:23px;height:23px}.art-spark{position:absolute;color:#b4c3f3;font-weight:500;font-size:21px}.spark-one{left:3px;top:38px}.spark-two{right:3px;bottom:16px;font-size:16px}.drop-copy h2{font-size:22px;letter-spacing:-.65px;font-weight:650;margin:0 0 10px}.drop-copy p{font-size:11px;color:#818dab;margin:0 0 22px;line-height:1.5}.drop-buttons{display:flex;gap:9px;flex-wrap:wrap}.btn{height:39px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 14px;font-size:11px;font-weight:550;white-space:nowrap}.btn svg{width:16px;height:16px}.btn.primary{background:var(--brand);color:white;box-shadow:0 3px 7px #3857ed18}.btn.primary:hover{background:#2947d5}.btn.quiet{border-color:#dce3f6;background:#ffffffb0;color:#5a6a93}.btn.quiet:hover{background:white;border-color:#bdc9f2}.btn.secondary{border-color:var(--border);background:#fff;color:#6d7890}.btn.danger{background:#fff2f2;color:var(--danger);border-color:#f6d6d8}.drop-hint{font-size:9px;color:#939eb8;display:block;margin-top:16px}kbd{font-family:inherit;font-size:9px;border:1px solid #dce3f5;border-radius:4px;padding:2px 5px;color:#8d99b3;margin-left:4px;background:#fff7;white-space:nowrap}.hint-dot{padding:0 8px;color:#b4bdd2}.drop-corner{position:absolute;right:16px;top:15px;display:flex;align-items:center;gap:6px;font-size:9px;color:#91a0c3}.drop-corner svg{width:14px}.demo-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#969daf;font-size:9px;line-height:1.5;margin:13px 0 34px}.demo-note svg{width:12px;height:12px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.collection-heading h2{font-size:18px;letter-spacing:-.45px;font-weight:650;margin:0 0 6px;display:flex;gap:8px;align-items:center}.collection-heading h2 span{display:grid;place-items:center;font-size:10px;font-weight:500;color:#8a94a9;letter-spacing:0;min-width:22px;height:20px;border-radius:6px;background:#edf0f6}.collection-subtitle{font-size:10px;color:#939bad}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:0 10px;height:36px;width:240px;flex-shrink:0}.search-box svg{width:15px;height:15px;color:#99a3b5}.search-box input{width:100%;min-width:0;border:0;outline:none;background:none;font-size:10px;color:var(--text)}.search-box input::placeholder{color:#a0a8b8}.search-box kbd{border-color:var(--border);color:#b0b7c6}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;font-size:10px;padding:8px 10px;border-radius:6px;color:#939bad;white-space:nowrap}.filter-btn svg{width:14px;height:14px}.filter-btn.active{background:#e9edff;color:var(--brand);font-weight:600}.filter-btn:hover{background:#eef1f7}.view-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.sort-label{display:flex;gap:5px;align-items:center;color:#8c96aa}.sort-label>svg{width:14px;height:14px}.sort-label select{border:0;background:none;color:#8c96aa;font-size:10px;max-width:130px;cursor:pointer}.view-toggle{display:flex;padding:2px;border:1px solid var(--border);border-radius:7px;background:#fff}.view-toggle .icon-btn{width:27px;height:27px;border-radius:4px}.view-toggle .icon-btn svg{width:14px;height:14px}.view-toggle .active{color:var(--brand);background:#eef1ff}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;min-height:230px}.card{border:1px solid var(--border);border-radius:12px;background:white;overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0;position:relative;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #253c6f09}.card-preview{height:156px;background:#f6f8fc;display:flex;align-items:center;justify-content:center;position:relative;width:100%;overflow:hidden;text-align:left;padding:0;cursor:pointer}.card-preview>img,.card-preview>video{height:100%;width:100%;object-fit:cover;transition:transform .5s}.card:hover .card-preview>img{transform:scale(1.035)}.card-preview.photo-preview>img{object-position:50% 48%}.card-overlay{position:absolute;top:11px;left:11px;font-size:8px;font-weight:550;color:#fff;background:#1f2b3b55;padding:5px 7px;border-radius:5px;backdrop-filter:blur(6px);display:flex;align-items:center;gap:4px}.card-overlay svg{width:11px;height:11px}.pin-button{position:absolute;right:10px;top:10px;border-radius:6px;width:25px;height:25px;display:grid;place-items:center;background:#ffffffeb;color:#9ba5b8;z-index:2;box-shadow:0 2px 7px #212d4d05}.pin-button svg{width:13px;height:13px}.pin-button.pinned{color:var(--brand);background:#eef1ff}.card-body{padding:15px 15px 12px;display:flex;flex-direction:column;flex:1}.card-title{font-size:11px;line-height:1.5;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-decoration:none;text-align:left;padding:0}.card-meta{font-size:9px;color:#9ba3b3;display:flex;align-items:center;gap:6px;min-width:0}.meta-dot{color:#c3c8d2}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:15px;padding-top:11px;border-top:1px solid #f0f2f7;color:#a2a9b7;font-size:8px}.source-device{display:flex;align-items:center;gap:5px;min-width:0}.source-device svg{width:12px;height:12px}.card-action{color:#75829c;display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap;padding:3px 0 3px 6px}.card-action svg{width:12px;height:12px}.card-action:hover{color:var(--brand)}.note-preview{background:#fff9e9;align-items:flex-start;justify-content:flex-start;padding:24px 22px}.note-text{font-family:inherit;color:#8f7b4e;font-size:11px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.note-corner{position:absolute;right:0;bottom:0;width:21px;height:21px;background:linear-gradient(135deg,#fff0c9 50%,#fff 50%);border-radius:5px 0 0 0}.file-preview{background:radial-gradient(ellipse at center,#f3f5fb,#f8f9fc);color:#a6b3cf}.file-sheet{background:#fff;border:1px solid #e2e7f2;width:57px;height:72px;border-radius:6px;box-shadow:0 5px 12px #49608809;display:flex;align-items:center;justify-content:center;position:relative}.file-sheet>svg{width:28px;height:28px}.file-extension{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:650;letter-spacing:.6px;background:#e3e9fc;color:#6c84c6;border-radius:4px;padding:4px 8px}.file-sheet.zip{color:#a298c5}.file-sheet.zip .file-extension{background:#ede7f8;color:#9886b4}.play-circle{width:39px;height:39px;background:#ffffffd9;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;position:absolute;color:#536150;box-shadow:0 2px 12px #0001}.play-circle svg{width:18px;height:18px;fill:currentColor;stroke-width:1}.video-duration{position:absolute;bottom:10px;right:11px;background:#111a;backdrop-filter:blur(4px);color:#fff;padding:4px 6px;border-radius:4px;font-size:8px}.link-preview{background:#edf7fb;flex-direction:column;gap:12px;padding:20px}.link-orb{background:#fff;border:1px solid #dcecf4;border-radius:13px;width:49px;height:49px;display:grid;place-items:center;color:#3892bd;box-shadow:0 4px 12px #346c8908}.link-orb svg{width:24px;height:24px}.link-domain{color:#83a9bc;font-size:9px}.audio-preview{background:#f2effb;flex-direction:column;gap:13px}.waveform{display:flex;align-items:center;gap:3px;height:44px;color:#ad9ed5}.waveform span{width:3px;background:currentColor;border-radius:3px}.audio-preview .audio-label{font-size:9px;color:#ab9acb}.empty{grid-column:1/-1;border:1px dashed #dbe0ed;border-radius:12px;text-align:center;padding:50px 20px;color:#9aa4b8;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty>svg{width:35px;height:35px;color:#b3bfd9;margin-bottom:14px}.empty h3{font-size:16px;color:#64718e;margin:0 0 7px}.empty p{font-size:11px;line-height:1.7;margin:0 0 16px}.initial-loading{grid-column:1/-1;display:grid;place-items:center;color:var(--muted);font-size:12px}.items.list-view{grid-template-columns:1fr;gap:8px}.list-view .card{display:grid;grid-template-columns:85px minmax(0,1fr);min-height:95px}.list-view .card-preview{height:100%;min-height:95px}.list-view .card-body{padding:13px 18px 9px}.list-view .card-bottom{margin-top:7px;padding-top:6px}.list-view .pin-button{right:12px;top:9px}.list-view .card-title{padding-right:27px}.list-view .note-preview{padding:12px}.list-view .note-text{font-size:8px;-webkit-line-clamp:4}.list-view .file-sheet{width:38px;height:48px}.list-view .file-sheet>svg{width:20px}.list-view .file-extension{font-size:6px;padding:3px 5px}.list-view .card-overlay,.list-view .video-duration,.list-view .link-domain,.list-view .audio-label{display:none}.list-view .link-orb{width:37px;height:37px}.list-view .waveform{gap:2px;transform:scale(.7)}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:24px 0;margin-top:35px;font-size:9px;color:#a5acbb;line-height:1.5}.footer-separator{padding:0 6px}.mobile-menu{display:none}.mobile-shade{display:none}.upload-status{background:#edf1ff;color:#5b72c4;padding:12px 15px;border-radius:8px;font-size:11px;margin-bottom:15px}.upload-status[hidden]{display:none}dialog{border:1px solid var(--border);border-radius:18px;padding:0;box-shadow:0 24px 100px #16244333;width:min(570px,calc(100vw - 32px));max-height:90vh;overflow:auto;color:var(--text);background:#fff}dialog::backdrop{background:#1b274666;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:18px;letter-spacing:-.5px;margin:0;font-weight:650;overflow-wrap:anywhere}.modal-body{padding:23px 25px}.modal-description{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px}.form-field{display:block;margin-bottom:17px;font-size:11px;color:#65718b}.form-field>span{display:block;margin-bottom:8px}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;border:1px solid #dfe4f0;border-radius:8px;padding:11px 12px;color:var(--text);background:#fcfcfe;font-size:12px;line-height:1.7}.form-field textarea{resize:vertical;min-height:170px}.form-field .field-help{font-size:10px;color:#98a0b0;margin-top:6px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:18px 25px;border-top:1px solid var(--border)}.field-error{color:var(--danger);font-size:11px;margin:9px 0}.modal-tabs{display:flex;gap:6px;margin-bottom:20px}.modal-tabs button{padding:9px 12px;border-radius:6px;color:#8d97ac;font-size:11px}.modal-tabs button.active{background:var(--brand-soft);color:var(--brand)}.detail-preview{border-radius:11px;overflow:hidden;background:#f7f8fc;display:flex;justify-content:center;align-items:center;min-height:180px;margin-bottom:20px}.detail-preview img{width:100%;max-height:370px;object-fit:contain}.detail-preview video{width:100%;max-height:370px;background:#111}.detail-preview audio{width:90%;margin:50px 0}.detail-text{padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px;width:100%;max-height:350px;overflow:auto}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:11px}.detail-facts dt{color:#9aa3b4;margin-bottom:5px}.detail-facts dd{margin:0;overflow-wrap:anywhere;color:#5c6b89}.detail-link{display:block;margin-bottom:18px;font-size:12px;overflow-wrap:anywhere;color:var(--brand)}.toast-container{position:fixed;bottom:22px;left:calc(50% + 123px);transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);width:max-content}.toast{display:flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid #e1e6f1;border-radius:10px;background:#fff;box-shadow:0 6px 30px #1e315423;color:#5d6c88;font-size:12px;animation:toast-in .2s ease}.toast>svg{width:17px;height:17px;color:var(--success)}.toast.error>svg{color:var(--danger)}.toast button{color:var(--brand);font-size:11px;margin-left:5px;font-weight:600}.device-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.device-icon{width:36px;height:36px;border-radius:9px;background:#f1f4fb;display:grid;place-items:center;color:#8999bb}.device-icon svg{width:19px;height:19px}.device-row strong{font-size:12px;font-weight:550;display:block}.device-row small{display:block;color:#9ba3b4;font-size:10px;margin-top:5px}.device-row>label{margin-left:auto;font-size:10px;color:#8491ac;display:flex;gap:8px;align-items:center}.device-row input{accent-color:var(--brand);width:16px;height:16px}.info-panel{background:#f4f6fc;border:1px solid var(--border);border-radius:10px;padding:16px;font-size:11px;color:#7f8ba3;line-height:1.8;margin-top:18px}.info-panel strong{display:block;color:#5f6d89;margin-bottom:4px;font-weight:550}.storage-detail{display:flex;gap:15px;align-items:center;margin-bottom:23px}.storage-detail .cloud-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:13px;background:#eef8ff;color:#269cdb}.cloud-icon svg{width:29px;height:29px}.storage-detail strong{display:block;font-size:15px;font-weight:600}.storage-detail small{display:block;color:#98a1b4;font-size:11px;margin-top:7px}.path-row{font-family:ui-monospace,monospace;background:#f7f8fc;border-radius:7px;padding:12px;font-size:10px;color:#7181a0;overflow-wrap:anywhere;margin:6px 0}.storage-list{margin:0;padding:0;list-style:none}.storage-list li{display:flex;justify-content:space-between;padding:11px 0;font-size:11px;border-bottom:1px solid var(--border);color:#8c96a9;gap:12px}.storage-list li strong{color:#63718c;font-weight:500}.group-color-row{display:flex;gap:10px;margin:9px 0 20px}.color-option{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #e1e5ef}.color-option.selected{box-shadow:0 0 0 2px var(--brand)}.about-brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:700;margin-bottom:16px}.about-brand img{width:43px;height:43px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.link-btn{color:var(--brand);text-decoration:underline;text-underline-offset:3px;font-size:11px}.mobile-file-hint{display:none}
.invite-intro{text-align:center}.invite-group{display:inline-flex;gap:7px;align-items:center;font-size:11px;padding:7px 11px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-weight:550}.invite-group svg{width:15px;height:15px}.invite-intro p{font-size:12px;line-height:1.8;color:#8591a8;margin:15px 0 20px}.qr-frame{width:216px;height:216px;padding:13px;margin:auto;background:white;border:1px solid var(--border);border-radius:14px;display:grid;place-items:center;box-shadow:0 5px 18px #192f5907}.qr-frame svg{width:100%;height:100%;display:block;shape-rendering:crispEdges}.qr-frame p{font-size:11px;line-height:1.7;color:var(--muted);text-align:center}.qr-caption{text-align:center;font-size:9px;color:#9aa4b6;margin:13px 0 23px}.join-emblem{background:var(--brand-soft);color:var(--brand);width:65px;height:65px;border-radius:17px;display:grid;place-items:center;margin:0 auto 15px}.join-emblem svg{width:30px;height:30px}.join-name{text-align:center;font-size:23px;letter-spacing:-.7px;margin:0 0 10px}.invite-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe5fc;background:#f4f6ff;border-radius:10px;padding:14px 16px;margin-bottom:20px}.invite-cta strong{display:block;font-size:12px;font-weight:550;color:#596b9d}.invite-cta small{display:block;font-size:10px;color:#919db9;margin-top:5px}.invite-cta .btn{height:35px;padding:0 11px;font-size:10px}
@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.items{grid-template-columns:repeat(4,minmax(0,1fr))}.card-preview{height:180px}.dropzone{min-height:248px}}
@media(max-width:1180px){.sidebar{width:218px;padding-left:15px;padding-right:15px}.shell{margin-left:218px}.topbar{padding:0 30px}main{padding:34px 30px 0}.dropzone{padding:30px 24px;gap:19px}.drop-art{width:130px;margin-left:0}.drop-copy h2{font-size:20px}.filters{gap:0}.filter-btn{padding:8px}.filter-btn svg{display:none}.toast-container{left:calc(50% + 109px)}}
@media(max-width:980px){.sidebar{width:202px;padding-left:12px;padding-right:12px}.brand{font-size:21px;gap:8px;padding:0 5px}.brand img{width:33px;height:33px}.brand-caption{font-size:6.7px;letter-spacing:.9px}.shell{margin-left:202px}.topbar{padding:0 24px}main{padding:30px 24px 0}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.drop-art{width:105px;transform:scale(.9);transform-origin:center left}.dropzone{gap:11px;padding:30px 20px}.drop-copy p{font-size:10px;max-width:280px}.drop-corner{font-size:8px}.toolbar{align-items:flex-start;gap:9px;flex-wrap:wrap}.view-tools{margin-left:auto}.collection-heading{gap:12px}.search-box{width:210px}.page-heading p{max-width:320px}.member-button{gap:6px}.avatar-stack{display:none}.toast-container{left:calc(50% + 101px)}}
@media(max-width:760px){.sidebar{width:246px;transform:translateX(-100%);transition:transform .22s ease;padding:26px 20px 0}.sidebar.open{transform:translateX(0)}.mobile-shade.visible{display:block;position:fixed;inset:0;background:#18264166;backdrop-filter:blur(2px);z-index:29}.shell{margin-left:0}.mobile-menu{display:inline-flex;margin-left:-8px}.topbar{height:65px;padding:0 22px}.breadcrumb{gap:10px}.top-actions{gap:9px}.local-status{font-size:9px}.brand{font-size:23px}.brand-caption{font-size:7.4px;letter-spacing:1.25px}.brand img{width:38px;height:38px}.brand{gap:10px}.toast-container{left:50%}.toolbar{flex-wrap:nowrap;align-items:center}.filter-btn svg{display:block}.filters{gap:3px}.filter-btn{padding:8px 10px}.sort-label{display:none}.page-heading p{max-width:none}.avatar-stack{display:flex}.member-button{gap:8px}.drop-art{width:140px;transform:scale(1)}.dropzone{padding:30px 25px;gap:20px}.drop-copy p{max-width:none}.drop-copy h2{font-size:22px}.search-box{width:230px}.workspace{font-size:11px}.profile{font-size:11px}}
@media(max-width:540px){main{padding:28px 20px 0}.topbar{padding:0 20px}.top-actions .icon-btn{display:none}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}h1{font-size:33px}.page-heading p{font-size:11px;max-width:245px;line-height:1.7}.member-button{margin-top:30px;padding:8px 9px;font-size:9px;gap:4px}.avatar-stack{display:none}.member-button svg{width:12px}.dropzone{min-height:225px;padding:28px 19px 23px;display:block}.drop-art{display:none}.drop-corner{top:11px;right:12px;font-size:8px}.drop-copy h2{font-size:21px;margin-top:9px}.drop-copy p{font-size:10px;max-width:265px;line-height:1.8;margin-bottom:18px}.drop-buttons{gap:7px}.btn{font-size:10px;height:40px;padding:0 12px}.drop-hint{font-size:8px;margin-top:15px}.hint-dot{padding:0 5px}.demo-note{align-items:flex-start;justify-content:flex-start;font-size:8px;gap:6px;margin:12px 1px 28px;line-height:1.7}.demo-note svg{margin-top:1px}.collection-heading{flex-wrap:wrap;gap:17px;margin-bottom:15px}.collection-heading h2{font-size:17px}.collection-subtitle{font-size:10px}.search-box{width:100%;height:38px}.search-box input{font-size:11px}.toolbar{gap:7px;align-items:flex-start;margin-bottom:15px}.filters{flex-wrap:wrap;gap:2px;max-width:calc(100% - 72px)}.filter-btn{font-size:9px;padding:8px 8px;gap:4px}.filter-btn svg{width:12px;height:12px}.view-tools{padding-top:1px}.view-toggle .icon-btn{width:25px;height:25px}.items{gap:11px}.card-preview{height:124px}.card-body{padding:12px 10px 9px}.card-title{font-size:10px;margin-bottom:6px}.card-meta{font-size:8px;gap:4px}.card-bottom{font-size:7px;margin-top:10px;padding-top:9px;gap:3px}.source-device svg{width:10px;height:10px}.source-device{gap:3px}.card-action{font-size:8px;gap:3px;padding-left:2px}.card-action svg{width:11px;height:11px}.card-overlay{top:8px;left:8px;font-size:7px;padding:4px}.pin-button{right:7px;top:7px;width:23px;height:23px}.note-preview{padding:19px 12px}.note-text{font-size:9px;line-height:1.8;-webkit-line-clamp:5}.file-sheet{width:45px;height:57px}.file-extension{font-size:7px}.link-preview{gap:10px}.link-orb{width:40px;height:40px}.link-domain{font-size:8px}.waveform{transform:scale(.8)}.audio-preview{gap:5px}.audio-preview .audio-label{font-size:8px}footer{font-size:8px;padding:20px 0;gap:14px;align-items:flex-end;margin-top:28px}footer>span:first-child{max-width:140px}footer>span:last-child{text-align:right}.toast{font-size:11px;padding:12px 14px;line-height:1.5}.modal-header{padding:20px}.modal-header h2{font-size:17px}.modal-body{padding:20px}.modal-actions{padding:16px 20px}.detail-facts{gap:14px;font-size:10px}.list-view .card-body{padding:12px 12px 9px}.empty{padding:40px 20px}.empty h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}