:root{color:#252731;background:#f6f7f9;font-family:Inter,SF Pro Display,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #252731;--muted: #737783;--soft: #9da1ab;--line: #e8e9ee;--paper: #ffffff;--canvas: #f6f7f9;--accent: #6254e7;--accent-dark: #5043cf;--accent-soft: #f0efff;--sidebar: 252px;--header: 72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.auth-shell{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(98,84,231,.13),transparent 32%),radial-gradient(circle at 85% 80%,rgba(64,188,145,.1),transparent 30%),#f5f6f8}.auth-card{width:min(440px,100%);padding:36px;border:1px solid #e3e4e9;border-radius:18px;background:#fffffff5;box-shadow:0 24px 70px #1f21281c}.auth-brand{display:flex;align-items:center;gap:12px;color:#282a33;font-size:14px;font-weight:850;letter-spacing:.13em}.auth-logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--accent);box-shadow:0 10px 24px #6254e740}.auth-copy{margin:33px 0 27px}.auth-copy p{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:700}.auth-copy h1{margin:0 0 10px;color:#272a33;font-size:28px;letter-spacing:-.035em}.auth-copy>span{color:#858a95;font-size:13px;line-height:1.7}.auth-card form{display:flex;flex-direction:column;gap:17px}.auth-tabs{height:40px;margin:-8px 0 20px;padding:3px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;background:#f0f1f4}.auth-tabs button{border:0;border-radius:7px;color:#858995;background:transparent;cursor:pointer;font-size:12px;font-weight:650}.auth-tabs button.active{color:#4f43d1;background:#fff;box-shadow:0 2px 7px #1f212814}.auth-card form label{display:flex;flex-direction:column;gap:7px;color:#626772;font-size:12px;font-weight:650}.auth-card form input{width:100%;height:45px;padding:0 13px;border:1px solid #dde0e5;border-radius:9px;outline:0;color:#30333c;background:#fff;font-size:14px;transition:border .18s,box-shadow .18s}.auth-card form input:focus{border-color:#a79fef;box-shadow:0 0 0 3px #6254e717}.auth-card form .primary-button{width:100%;height:46px;margin-top:3px}.auth-error{margin:-3px 0 0;padding:10px 11px;border-radius:7px;display:flex;align-items:center;gap:7px;color:#ad4855;background:#ffeff2;font-size:12px}.auth-security{margin:23px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#989ca6;font-size:11px}.loading-card{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#787d88}.loading-card p{margin:0;font-size:13px}.empty-workspace{min-height:100vh;padding:28px;background:radial-gradient(circle at 15% 10%,rgba(98,84,231,.12),transparent 32%),radial-gradient(circle at 85% 88%,rgba(64,188,145,.1),transparent 30%),#f5f6f8}.empty-workspace>header{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.empty-workspace>section{width:min(560px,100%);min-height:430px;margin:clamp(70px,12vh,140px) auto 0;padding:54px;border:1px solid #e3e4e9;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffffff5;box-shadow:0 24px 70px #1f21281a}.empty-space-icon{width:64px;height:64px;margin-bottom:24px;border-radius:18px;display:grid;place-items:center;color:#5548d5;background:#ece9ff}.empty-workspace section p{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:700}.empty-workspace section h1{margin:0 0 14px;color:#272a33;font-size:30px;letter-spacing:-.035em}.empty-workspace section>span+p{margin-top:0}.empty-workspace section>span:not(.empty-space-icon){max-width:430px;color:#858a95;font-size:13px;line-height:1.8}.empty-workspace section .primary-button{margin-top:28px}.login-arrow{transform:rotate(180deg)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-shell{min-height:100vh}.workspace-header{position:fixed;z-index:50;inset:0 0 auto;height:var(--header);padding:0 28px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,560px) minmax(300px,1fr);align-items:center;gap:24px;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-left,.top-actions{display:flex;align-items:center}.header-left{gap:17px;min-width:0}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;font-size:14px;font-weight:800;letter-spacing:.13em}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--accent);box-shadow:0 6px 16px #6254e73b}.header-divider{width:1px;height:26px;background:var(--line)}.workspace-switch{max-width:190px;padding:5px 7px;border:0;border-radius:8px;display:flex;align-items:center;gap:8px;background:transparent;cursor:pointer}.workspace-switcher{position:relative}.workspace-switch:hover{background:#f6f6f8}.workspace-avatar{width:32px;height:32px;overflow:hidden;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:#5043cf;background:#e9e7ff;font-size:12px;font-weight:800}.workspace-switch>span:nth-child(2){min-width:0;display:flex;flex-direction:column;align-items:flex-start}.workspace-switch strong{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.workspace-switch small{color:#969aa5;font-size:11px}.workspace-menu{position:absolute;z-index:90;left:0;top:calc(100% + 12px);width:285px;padding:9px;border:1px solid #e1e3e8;border-radius:12px;background:#fff;box-shadow:0 18px 45px #1d1f2624}.workspace-menu>p{margin:3px 7px 7px;color:#9a9ea8;font-size:10px;font-weight:700;letter-spacing:.08em}.workspace-menu>button{width:100%;min-height:58px;padding:8px;border:0;border-radius:8px;display:grid;grid-template-columns:36px 1fr 18px;gap:9px;align-items:center;text-align:left;color:#535761;background:transparent;cursor:pointer}.workspace-menu>button:hover,.workspace-menu>button.active{background:#f3f2ff;color:#4f43d1}.workspace-menu>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.workspace-menu strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.workspace-menu small{color:#999da7;font-size:10px}.workspace-menu .workspace-menu-create{margin-top:5px;border-top:1px solid #ececf0;border-radius:0 0 8px 8px}.workspace-menu .workspace-menu-settings{margin-top:5px;border-top:1px solid #ececf0;border-radius:0}.space-symbol,.nav-space-avatar{display:grid;place-items:center;color:#5146c4;background:#e9e7ff;font-weight:750}.space-symbol{width:36px;height:36px;overflow:hidden;border-radius:9px;font-size:12px}.space-symbol.team{color:#237455;background:#dff4e9}.space-symbol.create{color:#737783;background:#f0f1f4}.global-search{height:42px;padding:0 10px 0 14px;border:1px solid #e1e3e8;border-radius:10px;display:flex;align-items:center;gap:10px;background:#f8f8fa;color:#858995;transition:border .2s,box-shadow .2s}.global-search:focus-within{border-color:#a9a1f1;background:#fff;box-shadow:0 0 0 3px #6254e714}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.global-search input::placeholder{color:#a5a8b1}.global-search kbd{padding:3px 6px;border:1px solid #dedfe4;border-radius:5px;color:#999ca5;background:#fff;font-size:11px;box-shadow:0 1px 1px #00000008}.top-actions{justify-content:flex-end;gap:9px}.icon-button,.user-avatar,.mobile-sidebar-button{position:relative;border:0;cursor:pointer}.icon-button{width:37px;height:37px;border-radius:8px;display:grid;place-items:center;color:#696d78;background:transparent}.icon-button:hover{background:#f2f2f5}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border:1.5px solid white;border-radius:50%;background:#f35e6e}.account-menu-wrap{position:relative}.user-avatar{width:38px;height:38px;margin-left:3px;padding:0;overflow:hidden;border-radius:50%;display:grid;place-items:center;color:#423b8f;background:#dad6ff;font-size:12px;font-weight:800}.user-avatar-content{width:100%;height:100%;display:grid;place-items:center}.workspace-avatar img,.space-symbol img,.nav-space-avatar img,.user-avatar img,.member-profile-avatar img,.account-menu-avatar img,.profile-avatar-preview img{width:100%;height:100%;display:block;object-fit:cover}.account-menu{position:absolute;z-index:100;right:0;top:calc(100% + 11px);width:260px;padding:9px;border:1px solid #e1e3e8;border-radius:12px;background:#fff;box-shadow:0 18px 45px #1d1f2629}.account-menu-identity{padding:8px 8px 12px;margin-bottom:5px;border-bottom:1px solid #ececf0;display:flex;align-items:center;gap:10px}.account-menu-avatar{width:38px;height:38px;overflow:hidden;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#423b8f;background:#dad6ff;font-size:12px;font-weight:800}.account-menu-identity>span{min-width:0;display:flex;flex-direction:column;gap:3px}.account-menu-identity strong,.account-menu-identity small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-menu-identity strong{font-size:13px}.account-menu-identity small{color:#969aa5;font-size:10px}.account-menu>button{width:100%;height:39px;padding:0 10px;border:0;border-radius:7px;display:flex;align-items:center;gap:9px;color:#5f636d;background:transparent;cursor:pointer;font-size:12px}.account-menu>button:hover{color:#4e42cd;background:#f3f2ff}.mobile-sidebar-button{display:none;width:34px;height:34px;border-radius:8px;place-items:center;background:#f2f3f5}.primary-button,.secondary-button,.cancel-button{height:42px;padding:0 17px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:13px;font-weight:650;transition:transform .18s,background .18s,border .18s}.primary-button{color:#fff;background:var(--accent);box-shadow:0 5px 14px #6254e72e}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.cancel-button:disabled{cursor:wait;opacity:.62;transform:none}.secondary-button{border:1px solid #dfe1e6;background:#fff;color:#545864}.secondary-button:hover{border-color:#c8c9d1;background:#fafafa}.cancel-button{background:#f0f1f3;color:#5f636d}.sidebar{position:fixed;z-index:40;left:0;top:var(--header);bottom:0;width:var(--sidebar);padding:25px 18px 20px;overflow-y:auto;background:#fbfbfc;border-right:1px solid var(--line);scrollbar-width:thin}.sidebar-mobile-head{display:none}.sidebar-nav{margin-bottom:25px}.space-nav{padding-bottom:15px;border-bottom:1px solid #ececf0}.nav-space-avatar{width:21px;height:21px;overflow:hidden;border-radius:6px;font-size:10px}.nav-label{margin:0 9px 9px;color:#969aa5;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-label-row{display:flex;align-items:center;justify-content:space-between}.nav-label-row>button{width:25px;height:25px;margin-right:4px;border:0;border-radius:6px;display:grid;place-items:center;color:#8e929c;background:transparent;cursor:pointer}.sidebar-nav>button,.collection-main{width:100%;min-height:42px;padding:0 10px;margin:2px 0;border:0;border-radius:7px;display:grid;grid-template-columns:23px 1fr auto;gap:7px;align-items:center;text-align:left;color:#6d717c;background:transparent;cursor:pointer;font-size:14px}.sidebar-nav>button:hover,.collection-main:hover{background:#f1f1f4;color:#424650}.sidebar-nav>button.active,.collection-main.active{color:#4e42cd;background:#eeedff;font-weight:650}.sidebar-nav button em{color:#acafb7;font-size:11px;font-style:normal}.folder-dot{width:8px;height:8px;margin-left:3px;border-radius:2px;box-shadow:inset 0 0 0 1px #0000000d}.collection-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:2px}.collection-main{min-width:0}.collection-main>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.collection-delete{width:27px;height:32px;padding:0;border:0;border-radius:6px;display:grid;place-items:center;color:#b3b5bd;background:transparent;cursor:pointer;opacity:.6}.collection-row:hover .collection-delete,.collection-delete:focus-visible{opacity:1}.collection-delete:hover{color:#d64f60;background:#fff0f2}.collections-empty{margin:5px 9px 0;color:#a2a5ae;font-size:11px;line-height:1.5}.storage-card{margin-top:14px;padding:15px 13px;border:1px solid #e7e7eb;border-radius:10px;background:#fff}.storage-head{display:flex;align-items:center;justify-content:space-between;font-size:11px}.storage-head span{display:flex;align-items:center;gap:6px;color:#777b85}.storage-head strong{font-size:11px}.storage-bar{height:5px;margin:12px 0 7px;overflow:hidden;border-radius:8px;background:#ececf0}.storage-bar i{display:block;width:19%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6b5ded,#8b7ff2)}.storage-meta{display:flex;justify-content:space-between;color:#969aa5;font-size:10px}.member-profile{margin-top:19px;padding:0 5px}.member-profile>span{display:flex;align-items:center;gap:7px;color:#818590;font-size:11px}.member-profile>button{width:100%;min-width:0;margin-top:9px;padding:8px;border:0;border-radius:9px;display:grid;grid-template-columns:34px minmax(0,1fr) 15px;align-items:center;gap:8px;text-align:left;color:#717580;background:transparent;cursor:pointer}.member-profile>button:hover{color:#4e42cd;background:#f1f0ff}.member-profile-avatar{width:34px;height:34px;overflow:hidden;border-radius:50%;display:grid;place-items:center;color:#423b8f;background:#dad6ff;font-size:11px;font-weight:800}.member-profile button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.member-profile strong,.member-profile small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-profile strong{color:#515560;font-size:11px}.member-profile small{color:#9a9da7;font-size:9px}.workspace-main{min-height:100vh;margin-left:var(--sidebar);padding:calc(var(--header) + 30px) clamp(30px,3.2vw,56px) 64px}.breadcrumb{height:24px;display:flex;align-items:center;gap:6px;color:#989ca6;font-size:11px}.breadcrumb strong{color:#696d77;font-weight:550}.page-heading{margin:12px 0 23px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.page-heading h1{margin:0 0 7px;color:#282a33;font-size:30px;line-height:1.2;letter-spacing:-.035em}.page-heading p{margin:0;color:#818590;font-size:13px}.heading-actions{display:flex;gap:9px}.summary-strip{margin-bottom:24px;padding:19px 0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 8px #1e1f2606}.summary-strip>div{min-width:0;padding:0 22px;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;border-right:1px solid var(--line)}.summary-strip>div:last-child{border-right:0}.summary-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.summary-icon.all{color:#6254e7;background:#eeecff}.summary-icon.video{color:#497ccd;background:#e9f1ff}.summary-icon.image{color:#2c956b;background:#e8f7f0}.summary-icon.audio{color:#d16b48;background:#fff0e8}.summary-strip p{margin:0;color:#818590;font-size:12px}.summary-strip strong{display:block;margin-top:2px;color:#2d2f38;font-size:22px;letter-spacing:-.03em}.summary-strip small{color:#a1a5af;font-size:10px}.library-panel{min-width:0}.library-toolbar{min-height:58px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.type-tabs{align-self:stretch;display:flex;gap:25px}.type-tabs button{position:relative;padding:0 1px;border:0;display:flex;align-items:center;gap:7px;color:#747985;background:transparent;cursor:pointer;font-size:13px}.type-tabs button span{min-width:21px;height:21px;padding:0 6px;border-radius:11px;display:grid;place-items:center;color:#8f939d;background:#ebecf0;font-size:10px}.type-tabs button.active{color:#4f43d1;font-weight:700}.type-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}.type-tabs button.active span{color:#5044cf;background:#ebe9ff}.toolbar-controls{display:flex;gap:8px;align-items:center}.tag-filter,.sort-control{height:38px;padding:0 11px;border:1px solid #e0e2e7;border-radius:8px;display:flex;align-items:center;gap:6px;color:#7d818c;background:#fff}.tag-filter select,.sort-control select{border:0;outline:0;appearance:none;color:#555a65;background:transparent;cursor:pointer;font-size:12px}.sort-control>span{color:#969aa5;font-size:11px}.view-switch{height:38px;padding:3px;border:1px solid #e0e2e7;border-radius:8px;display:flex;background:#fff}.view-switch button{width:29px;border:0;border-radius:5px;display:grid;place-items:center;color:#9a9da6;background:transparent;cursor:pointer}.view-switch button.active{color:#5549d4;background:#eeecff}.active-filters{min-height:47px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid var(--line);color:#8f939e;font-size:11px}.active-filters>button{height:29px;padding:0 9px;border:1px solid #dfdfe6;border-radius:6px;display:flex;align-items:center;gap:5px;color:#5d626d;background:#fff;cursor:pointer;font-size:11px}.active-filters .clear-all{border-color:transparent;color:#756be0;background:transparent}.selection-bar{min-height:48px;margin:15px 0 -5px;padding:0 14px;border:1px solid #d9d5ff;border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:#5448d3;background:#f1efff;font-size:12px}.selection-bar>span,.selection-bar>div,.selection-bar button{display:flex;align-items:center}.selection-bar>span{gap:6px;font-weight:650}.selection-bar>div{gap:5px}.selection-bar button{height:31px;padding:0 9px;border:0;border-radius:6px;gap:5px;color:#5d57a0;background:transparent;cursor:pointer;font-size:11px}.selection-bar button:hover{background:#ffffffb3}.material-grid{padding-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.material-card{min-width:0;overflow:hidden;border:1px solid #e3e5ea;border-radius:11px;background:#fff;cursor:pointer;box-shadow:0 3px 10px #1f212809;transition:transform .2s,box-shadow .2s,border .2s}.material-card:hover{transform:translateY(-2px);border-color:#d5d6dd;box-shadow:0 10px 24px #1f212814}.material-card.selected{border-color:#8d83ee;box-shadow:0 0 0 2px #6254e71a}.material-preview{position:relative;height:190px;overflow:hidden;background:#e9ebee;isolation:isolate}.material-preview img,.material-preview video,.detail-preview img{width:100%;height:100%;object-fit:cover}.select-check{position:absolute;z-index:5;left:10px;top:10px;width:21px;height:21px;border:1.5px solid rgba(255,255,255,.85);border-radius:5px;display:grid;place-items:center;color:#fff;background:#1a1c2147;cursor:pointer;box-shadow:0 2px 6px #00000014}.select-check.checked{border-color:var(--accent);background:var(--accent)}.preview-actions{position:absolute;z-index:5;right:9px;top:9px;display:flex;gap:5px;opacity:0;transition:opacity .18s}.material-card:hover .preview-actions,.preview-actions:focus-within{opacity:1}.preview-actions button{width:27px;height:27px;border:0;border-radius:6px;display:grid;place-items:center;color:#fff;background:#2022268f;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.preview-actions button.favorite{color:#ff9aab;background:#fff}.duration{position:absolute;z-index:4;right:10px;bottom:9px;padding:4px 7px;border-radius:4px;color:#fff;background:#181a1ea8;font-size:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.center-play,.detail-play{position:absolute;z-index:4;left:50%;top:50%;width:38px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff;background:#1e202459;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .18s,transform .18s}.material-card:hover .center-play{opacity:1;transform:translate(-50%,-50%) scale(1.06)}.material-info{padding:15px 15px 13px}.file-title{min-width:0;display:flex;gap:9px;align-items:center}.file-title>div{min-width:0}.file-title h3{margin:0 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#30333d;font-size:14px;font-weight:650}.file-title p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#9296a0;font-size:11px}.file-type-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.type-视频{color:#4979c5;background:#eaf2ff}.type-图片{color:#289065;background:#e7f6ef}.type-音频{color:#d36c48;background:#fff0e8}.card-tags{height:28px;margin:12px 0 10px;display:flex;gap:6px;overflow:hidden}.card-tags span{height:25px;padding:0 8px;border-radius:5px;display:inline-flex;align-items:center;flex:0 0 auto;color:#686d78;background:#f1f2f4;font-size:10px}.card-meta{min-width:0;padding-top:11px;border-top:1px solid #f0f0f2;display:flex;align-items:center;gap:6px;color:#8c919b;font-size:10px}.member-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#4f4988;background:#e4e1f8;font-size:9px;font-weight:700}.card-meta i{width:2px;height:2px;border-radius:50%;background:#c5c7cd}.card-meta>span:nth-of-type(3){min-width:0;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-meta em{margin-left:auto;white-space:nowrap;color:#a6a9b1;font-style:normal}.list-view{grid-template-columns:1fr;gap:8px}.list-view .material-card{min-height:78px;padding:8px;display:grid;grid-template-columns:96px minmax(0,1fr)}.list-view .material-preview{height:62px;border-radius:6px}.list-view .material-info{padding:5px 10px;display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(170px,1fr) minmax(220px,1fr);align-items:center;gap:15px}.list-view .card-tags{margin:0}.list-view .card-meta{padding:0;border:0}.list-view .center-play{width:28px;height:28px}.library-footer{min-height:64px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:#969aa5;font-size:11px}.library-footer button{height:34px;padding:0 14px;border:1px solid #e1e2e7;border-radius:7px;color:#666b76;background:#fff;cursor:pointer;font-size:11px}.empty-state{min-height:330px;margin-top:20px;border:1px dashed #dfe0e5;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#989ca6;background:#fff}.empty-state h3{margin:14px 0 6px;color:#484b54;font-size:17px}.empty-state p{margin:0 0 18px;font-size:13px}.abstract-art{position:absolute;inset:0;overflow:hidden}.abstract-art i{position:absolute;display:block}.art-aurora{background:linear-gradient(155deg,#4cd9a6,#337f8b 36%,#1e3447 64%,#11171e)}.art-aurora .shape-a{width:135%;height:75%;left:-20%;top:0;border:18px solid rgba(189,255,220,.38);border-radius:50%;filter:blur(12px);transform:rotate(-13deg)}.art-aurora .shape-b{width:120%;height:55%;left:-10%;bottom:-18%;background:#111d22;clip-path:polygon(0 100%,0 75%,25% 40%,42% 68%,62% 15%,79% 60%,100% 39%,100% 100%)}.art-city{background:linear-gradient(160deg,#1a1630,#402553 48%,#0a1721)}.art-city .shape-a{inset:14% 8% 0;background:repeating-linear-gradient(90deg,#14171d 0 12px,transparent 12px 23px);clip-path:polygon(0 100%,0 28%,17% 28%,17% 54%,30% 54%,30% 9%,48% 9%,48% 42%,62% 42%,62% 20%,79% 20%,79% 55%,100% 55%,100% 100%)}.art-city .shape-b{width:4px;height:90%;left:54%;top:-10%;background:#f34bca;box-shadow:-61px 28px #4eddf8,66px 12px #9d5cff;transform:rotate(8deg);filter:blur(1px)}.art-ocean{background:radial-gradient(ellipse at 50% 30%,#71d8dd,#1f7596 48%,#083b55)}.art-ocean .shape-a{width:48%;height:22%;border-radius:55% 70% 47% 65%;background:#0b354c;left:27%;top:46%;transform:rotate(-8deg)}.art-ocean .shape-b{width:19%;height:17%;background:#0b354c;left:16%;top:45%;clip-path:polygon(0 40%,100% 0,100% 100%)}.art-summer{background:linear-gradient(150deg,#d8f5df,#f7e6a8 48%,#f5a66f)}.art-summer .shape-a{width:68px;height:100px;left:calc(50% - 34px);bottom:12%;border-radius:8px 8px 20px 20px;background:linear-gradient(#fff 0 12%,#f5db69 13% 70%,#e69c3d);box-shadow:0 15px 25px #6e411833;transform:rotate(-6deg)}.art-summer .shape-b{width:26px;height:26px;right:21%;top:18%;border-radius:50%;background:#ff886c;box-shadow:-124px 58px #85cba0}.art-summer .shape-c{width:80%;height:15px;left:10%;bottom:11%;border-radius:50%;background:#76432724;filter:blur(5px)}.art-desert{background:linear-gradient(#a85443,#dc8a64 54%,#733d34 55%)}.art-desert .shape-a{width:48px;height:48px;border-radius:50%;background:#f6c27a;right:18%;top:18%}.art-desert .shape-b{width:120%;height:50%;left:-10%;bottom:-14%;background:#4d2b2a;border-radius:50% 50% 0 0;transform:rotate(-4deg)}.art-desert .shape-c{width:12px;height:32px;left:48%;bottom:25%;border-radius:50% 50% 3px 3px;background:#191919}.art-flower{background:radial-gradient(circle,#ffc49e,#933449 57%,#29151e)}.art-flower .shape-a,.art-flower .shape-b{width:100px;height:58px;border-radius:100% 0;background:#ffc9abd1;left:calc(50% - 50px);top:calc(50% - 29px);transform:rotate(45deg)}.art-flower .shape-b{transform:rotate(135deg);background:#fc918bbf}.art-flower .shape-c{width:22px;height:22px;border-radius:50%;background:#ffd47d;left:calc(50% - 11px);top:calc(50% - 11px)}.art-uploaded{background:linear-gradient(145deg,#8174eb,#4c42b7 50%,#302a78)}.grain{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.audio-artwork{position:absolute;inset:0;padding:0 13%;display:flex;align-items:center;gap:16px;background:linear-gradient(145deg,#262b36,#343b49 55%,#22262e)}.palette-sound .audio-artwork{background:linear-gradient(145deg,#33273f,#5f3852 55%,#29212f)}.audio-disc{width:50px;height:50px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:repeating-radial-gradient(circle,#343a45 0 4px,#252a33 5px 8px);box-shadow:0 8px 25px #00000047}.wave-bars{height:60%;flex:1;display:flex;align-items:center;gap:3px}.wave-bars i{width:2px;min-height:5px;border-radius:3px;position:static;background:linear-gradient(#9d8df9,#6ae3b0);opacity:.82}.audio-player{position:absolute;left:16px;right:16px;bottom:14px;width:calc(100% - 32px);height:34px;opacity:.92}.drawer-backdrop,.modal-backdrop{position:fixed;z-index:80;inset:0;border:0;background:#1b1d236b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-drawer{position:fixed;z-index:90;right:0;top:0;bottom:0;width:min(460px,94vw);overflow-y:auto;background:#fff;box-shadow:-18px 0 50px #14161d24;animation:drawer-in .24s ease-out}@keyframes drawer-in{0%{transform:translate(35px);opacity:.7}}.drawer-head{height:62px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head>div{display:flex;align-items:center;gap:9px;font-size:14px}.drawer-head button,.modal-header>button{width:33px;height:33px;border:0;border-radius:7px;display:grid;place-items:center;color:#747883;background:#f1f2f4;cursor:pointer}.detail-preview{height:260px;position:relative;overflow:hidden;isolation:isolate;background:#20242d}.detail-preview>video{width:100%;height:100%;object-fit:contain;background:#101216}.detail-preview .detail-play{width:48px;height:48px;opacity:1}.drawer-content{padding:21px 22px 35px}.detail-title-row{display:flex;gap:15px;align-items:flex-start}.detail-title-row>div{flex:1;min-width:0}.detail-title-row h2{margin:0 0 7px;font-size:21px;letter-spacing:-.025em}.detail-title-row p{margin:0;color:#7c818c;font-size:13px;line-height:1.65}.detail-title-row>button{width:34px;height:34px;border:1px solid #e2e3e8;border-radius:7px;display:grid;place-items:center;color:#7b7f89;background:#fff;cursor:pointer}.detail-title-row>button.favorite{color:#ed657a;background:#fff0f3;border-color:#ffdce2}.detail-actions{margin:18px 0 20px;display:flex;gap:8px}.detail-actions .primary-button{flex:1}.detail-actions .secondary-button{width:40px;padding:0}.detail-actions .danger-button{color:#d95767;background:#fff3f5;border-color:#f4d8dd}.detail-section{padding:18px 0;border-top:1px solid var(--line)}.detail-section h3{margin:0 0 13px;color:#5e636e;font-size:13px}.detail-section dl{margin:0}.detail-section dl>div{min-height:33px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.detail-section dt{color:#a0a3ac}.detail-section dd{margin:0;color:#5d616b}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tags span,.detail-tags button{height:30px;padding:0 9px;border:0;border-radius:6px;display:inline-flex;align-items:center;gap:4px;color:#626772;background:#f1f2f4;font-size:11px}.detail-tags button{border:1px dashed #d5d6dc;color:#8c9099;background:#fff;cursor:pointer}.folder-path{width:100%;min-height:46px;padding:0 12px;border:1px solid #e5e6ea;border-radius:8px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;text-align:left;color:#626772;background:#fafafa;cursor:pointer;font-size:12px}.folder-path svg:first-child{color:#7c71e6}.upload-record>div{display:flex;align-items:center;gap:9px}.upload-record .member-avatar{width:31px;height:31px}.upload-record p{margin:0;display:flex;flex-direction:column;font-size:12px}.upload-record small{margin-top:3px;color:#989ca6;font-size:10px}.modal-backdrop{z-index:100;padding:24px;display:grid;place-items:center;overflow-y:auto}.upload-modal{width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:13px;background:#fbfbfc;box-shadow:0 30px 90px #14161d3d}.invite-modal{width:min(480px,100%)}.profile-modal{width:min(520px,100%)}.avatar-picker{margin-bottom:18px;padding:14px;border:1px solid #e4e5e9;border-radius:10px;display:flex;align-items:center;gap:15px;background:#f7f7f9}.profile-avatar-preview{width:72px;height:72px;overflow:hidden;border-radius:18px;display:grid;place-items:center;flex:0 0 auto;color:#4b41bd;background:#e5e2ff;font-size:24px;font-weight:800}.avatar-picker>div{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.avatar-picker small{width:100%;color:#979aa4;font-size:10px}.avatar-file-button{height:36px;padding:0 12px}.avatar-file-button input{display:none}.avatar-remove-button{height:34px;padding:0 9px;border:0;color:#c65766;background:transparent;cursor:pointer;font-size:11px}.profile-modal form>.field+.field{margin-top:13px}.profile-email input:disabled{color:#989ca5;background:#f1f2f4;cursor:not-allowed}.invite-hint{margin:12px 0 0;color:#8b8f99;font-size:11px;line-height:1.7}.modal-header{min-height:72px;padding:15px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header>div{display:flex;align-items:center;gap:11px}.modal-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--accent)}.modal-header h2{margin:0 0 3px;font-size:18px}.modal-header p{margin:0;color:#9296a0;font-size:12px}.upload-modal form{padding:20px 22px 22px}.dropzone{min-height:120px;padding:18px;border:1.5px dashed #cfd1d8;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f6f8;cursor:pointer;transition:border .2s,background .2s}.dropzone:hover{border-color:#9f97ed;background:#f4f2ff}.dropzone input{display:none}.upload-icon,.file-ready{width:38px;height:38px;margin-bottom:8px;border-radius:9px;display:grid;place-items:center;color:#5b4ed8;background:#e9e6ff}.file-ready{color:#257857;background:#dff4e9}.dropzone strong{color:#4e535e;font-size:14px}.dropzone small{margin-top:5px;color:#9296a0;font-size:11px}.form-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;color:#626772;font-size:12px;font-weight:600}.field-wide{grid-column:1 / -1}.field>span{display:flex;justify-content:space-between}.field em{color:#ed6573;font-style:normal}.field small{color:#a6a9b1;font-weight:400}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe1e6;border-radius:8px;outline:0;color:#42454f;background:#fff;font-size:13px}.field input,.field select{height:42px;padding:0 11px}.field textarea{padding:9px 10px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a79fef;box-shadow:0 0 0 3px #6254e714}.tag-input-wrap{min-height:40px;padding:5px 6px;border:1px solid #dfe1e6;border-radius:7px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;background:#fff}.tag-input-wrap button{height:29px;padding:0 8px;border:0;border-radius:5px;display:flex;align-items:center;gap:4px;color:#57508e;background:#eeecff;cursor:pointer;font-size:11px}.tag-input-wrap input{min-width:140px;height:28px;padding:0 5px;flex:1;border:0;box-shadow:none}.tag-input-wrap input:focus{border:0;box-shadow:none}.tag-suggestions{display:flex;align-items:center;gap:6px;color:#989ca6;font-size:10px}.tag-suggestions button{padding:0;border:0;color:#7069ad;background:transparent;cursor:pointer;font-size:10px}.form-error{margin:11px 0 0;padding:8px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#ad4855;background:#ffeff2;font-size:9px}.modal-footer{margin-top:19px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.modal-footer>p{margin:0;display:flex;align-items:center;gap:5px;color:#8d929d;font-size:10px}.modal-footer>p svg{color:#43a979}.modal-footer>div{display:flex;gap:7px}.toast{position:fixed;z-index:130;left:50%;bottom:28px;min-height:43px;padding:0 17px;border-radius:9px;display:flex;align-items:center;gap:8px;transform:translate(-50%);color:#fff;background:#292b34;box-shadow:0 14px 40px #14161d3d;font-size:12px;animation:toast-in .22s ease-out}.toast svg{color:#85e3b7}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.sidebar-scrim{display:none}@media(max-width:1250px){.workspace-header{grid-template-columns:minmax(300px,.8fr) minmax(300px,1fr) minmax(240px,.7fr)}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-strip>div{padding:0 15px}}@media(max-width:980px){:root{--sidebar: 215px}.workspace-header{grid-template-columns:1fr minmax(300px,.85fr) auto;padding:0 18px;gap:16px}.header-divider,.workspace-switch{display:none}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div{padding-top:7px;padding-bottom:7px}.library-toolbar{align-items:flex-start;flex-direction:column;padding:12px 0}.type-tabs{min-height:36px}.toolbar-controls{width:100%;justify-content:flex-end}.list-view .material-info{grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr)}.list-view .card-meta{display:none}}@media(max-width:760px){.workspace-header{grid-template-columns:1fr auto}.global-search{display:none}.mobile-sidebar-button{display:grid}.brand>span:last-child{display:none}.sidebar{z-index:70;top:0;width:min(290px,88vw);padding-top:14px;transform:translate(-105%);transition:transform .23s ease;box-shadow:18px 0 50px #14161d21}.sidebar.sidebar-open{transform:translate(0)}.sidebar-mobile-head{height:44px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.sidebar-mobile-head button{width:32px;height:32px;border:0;border-radius:7px;display:grid;place-items:center;background:#f0f1f3}.sidebar-scrim{display:block;position:fixed;z-index:65;inset:0;border:0;background:#1c1e2361}.workspace-main{margin-left:0;padding-left:18px;padding-right:18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.heading-actions .secondary-button{display:none}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-view{grid-template-columns:1fr}.list-view .material-card{grid-template-columns:82px 1fr}.list-view .material-info{grid-template-columns:1fr}.list-view .card-tags{display:none}}@media(max-width:520px){.auth-shell{padding:14px}.auth-card{padding:27px 22px;border-radius:15px}.workspace-header{height:60px;padding:0 13px}:root{--header: 60px}.top-actions .icon-button{display:none}.workspace-main{padding:calc(var(--header) + 20px) 13px 45px}.breadcrumb{display:none}.page-heading{margin-top:3px}.page-heading p{max-width:210px;line-height:1.5}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div{grid-template-columns:33px 1fr;padding:9px 11px}.summary-icon{width:33px;height:33px}.summary-strip small{display:none}.summary-strip>div:nth-child(1),.summary-strip>div:nth-child(2){border-bottom:1px solid var(--line)}.type-tabs{width:100%;justify-content:space-between;gap:8px}.type-tabs button{gap:4px}.toolbar-controls{justify-content:space-between}.sort-control>span,.view-switch{display:none}.material-grid{grid-template-columns:1fr}.material-preview{height:220px}.selection-bar{align-items:flex-start;padding:9px;flex-direction:column}.selection-bar>div{width:100%;justify-content:space-between}.modal-backdrop{padding:0;align-items:end}.upload-modal{max-height:94vh;border-radius:14px 14px 0 0}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.modal-footer{align-items:flex-start;flex-direction:column}.modal-footer>div{width:100%}.modal-footer button{flex:1}}