@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap);.login-container{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:100%;padding:52px 48px;width:420px}.login-logo{align-items:center;display:flex;font-size:22px;gap:12px;margin-bottom:36px}.login-card h1,.login-logo{color:var(--text);font-family:var(--fhead);font-weight:600;letter-spacing:-.02em}.login-card h1{font-size:26px;margin-bottom:8px}.login-subtitle{color:var(--text3);font-size:15px;margin-bottom:36px}.login-form{display:flex;flex-direction:column;gap:20px}@media (max-width:620px){.login-card{padding:36px 22px}}.context-menu{animation:fadeIn .08s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:200px;padding:5px}.context-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;display:flex;font-family:var(--fbody);font-size:15px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:background var(--ease),color var(--ease);width:100%}.context-item:hover{background:var(--bg2);color:var(--text)}.context-item.danger{color:var(--danger)}.context-item.danger:hover{background:var(--danger-lt)}.context-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:20px}.context-icon svg{height:16px;width:16px}.context-divider{background:var(--border);height:1px;margin:5px 0}@media (max-width:620px){.context-item{padding:13px 16px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.modal{animation:modalIn .14s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:100%;width:460px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 26px}.modal-header h3{color:var(--text);font-family:var(--fhead);font-size:17px;font-weight:600}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color var(--ease),background var(--ease)}.modal-close:hover{background:var(--bg2);color:var(--text)}.modal-body{padding:22px 26px 26px}.modal-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--fbody);font-size:15px;margin-bottom:18px;outline:none;padding:13px 16px;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease);width:100%}.modal-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt)}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.share-modal{display:flex;flex-direction:column;gap:16px}.share-filename{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-family:var(--fhead);font-size:14px;overflow:hidden;padding:11px 16px;text-overflow:ellipsis;white-space:nowrap}.share-status{align-items:center;color:var(--text3);display:flex;font-size:14px;font-weight:500;gap:7px}.share-status.active{color:var(--accent)}.share-status svg{height:16px;width:16px}@media (max-width:620px){.modal-overlay{align-items:stretch;justify-content:stretch;padding:0}.modal{border-radius:0;display:flex;flex-direction:column;height:100%;max-width:100%;width:100%}.modal-body{flex:1 1;overflow-y:auto}}.folder-picker{display:flex;flex-direction:column;gap:0}.fp-breadcrumbs{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:6px;padding:0 0 14px}.fp-breadcrumbs,.fp-crumb-wrap{align-items:center;display:flex;gap:2px}.fp-sep{color:var(--border-dk);flex-shrink:0}.fp-crumb{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;display:flex;font-family:var(--fhead);font-size:12px;font-weight:500;gap:5px;padding:3px 7px;transition:background var(--ease),color var(--ease)}.fp-crumb:hover{background:var(--bg2);color:var(--text)}.fp-crumb.active{color:var(--text);cursor:default}.fp-list{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;max-height:280px;min-height:180px;overflow-y:auto}.fp-empty{padding:40px 0;text-align:center}.fp-back,.fp-empty{color:var(--text3);font-size:14px}.fp-back{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:var(--fbody);font-weight:500;gap:8px;padding:9px 12px;text-align:left;transition:background var(--ease),color var(--ease);width:100%}.fp-back:hover{background:var(--bg2);color:var(--text)}.fp-item{align-items:center;border-radius:var(--radius-sm);display:flex;transition:background var(--ease)}.fp-item:hover{background:var(--bg2)}.fp-item-name{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;flex:1 1;font-family:var(--fbody);font-size:14px;font-weight:500;gap:10px;min-width:0;padding:10px 12px;text-align:left}.fp-item-name svg:first-child{color:#c49a0a;flex-shrink:0}.fp-item-name span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-arrow{color:var(--border-dk);flex-shrink:0;margin-left:auto}.fp-select-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;font-family:var(--fhead);font-size:12px;font-weight:600;opacity:0;padding:6px 12px;transition:opacity var(--ease),background var(--ease);white-space:nowrap}.fp-item:hover .fp-select-btn{opacity:1}.fp-select-btn:hover{background:var(--accent-lt)}.fp-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding-top:14px}.explorer{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar-overlay{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background:#00000052;display:none;inset:0;position:fixed;z-index:199}.sidebar-overlay.open{display:block}.mobile-menu-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;transition:background var(--ease),color var(--ease);width:36px}.mobile-menu-btn:hover{background:var(--bg2);color:var(--text)}.sidebar{background:var(--surface);border-right:2px solid var(--border);display:flex;flex-direction:column;min-width:var(--sidebar-w);transition:transform .22s ease;width:var(--sidebar-w);z-index:200}.sidebar-logo{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;font-family:var(--fhead);font-size:18px;font-weight:600;gap:12px;letter-spacing:-.02em;padding:22px 20px}.sidebar-close-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;display:none;line-height:0;margin-left:auto;padding:4px;transition:color var(--ease),background var(--ease)}.sidebar-close-btn:hover{background:var(--bg2);color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:12px 10px}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text2);cursor:pointer;display:flex;font-family:var(--fbody);font-size:15px;font-weight:500;gap:12px;padding:11px 14px;text-align:left;transition:background var(--ease),color var(--ease)}.nav-item svg{flex-shrink:0;height:18px;width:18px}.nav-item:hover{background:var(--bg2);color:var(--text)}.nav-item.active{background:var(--accent-lt);color:var(--accent-dk);font-weight:600}.sidebar-actions{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:12px 10px}.btn-bundle,.btn-folder,.btn-upload{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background var(--ease),border-color var(--ease),color var(--ease);width:100%}.btn-bundle svg,.btn-folder svg,.btn-upload svg{flex-shrink:0;height:17px;width:17px}.btn-upload{background:var(--accent);border:none;color:#fff;font-family:var(--fhead);font-size:14px;font-weight:600;letter-spacing:.01em}.btn-upload:hover{background:var(--accent-dk)}.btn-bundle,.btn-folder{background:var(--surface);border:1px solid var(--border);color:var(--text2);font-family:var(--fbody)}.btn-bundle svg,.btn-folder svg{color:var(--accent)}.btn-bundle:hover,.btn-folder:hover{background:var(--accent-lt);border-color:var(--accent);color:var(--accent-dk)}.sidebar-footer{background:var(--bg2);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:14px 18px}.sidebar-user{align-items:center;color:var(--text2);display:flex;font-family:var(--fhead);font-size:14px;font-weight:500;gap:8px}.sidebar-user svg{color:var(--text3);height:16px;width:16px}.btn-logout{background:none;border:none;color:var(--text3);cursor:pointer;font-family:var(--fbody);font-size:14px;font-weight:500;padding:0;text-align:left;transition:color var(--ease)}.btn-logout:hover{color:var(--danger)}.explorer-main{background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.explorer-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;justify-content:space-between;min-height:48px;padding:0 28px}.breadcrumbs,.explorer-toolbar{align-items:center;display:flex}.breadcrumbs{flex:1 1;gap:4px;min-width:0;overflow:hidden}.crumb{background:none;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;font-family:var(--fhead);font-size:14px;font-weight:500;padding:5px 8px;transition:color var(--ease),background var(--ease);white-space:nowrap}.crumb:hover{background:var(--accent-lt);color:var(--accent)}.crumb.active{background:none;color:var(--text);cursor:default}.crumb.crumb-drag-over{background:var(--accent-lt2);color:var(--accent-dk);outline:2px dashed var(--accent);outline-offset:1px}.crumb-sep{color:var(--border-dk);flex-shrink:0;font-family:var(--fhead);font-size:14px;-webkit-user-select:none;user-select:none}.toolbar-right{flex-shrink:0;gap:8px}.toolbar-right,.toolbar-search{align-items:center;display:flex}.toolbar-search{position:relative}.toolbar-search-icon{color:var(--text3);flex-shrink:0;left:10px;pointer-events:none;position:absolute}.toolbar-search-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--fbody);font-size:13px;outline:none;padding:7px 32px 7px 30px;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease),width var(--ease);width:200px}.toolbar-search-input::placeholder{color:var(--text3)}.toolbar-search-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt);width:240px}.toolbar-search-clear{align-items:center;background:var(--bg3);border:none;border-radius:50%;color:var(--text3);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:6px;transition:background var(--ease),color var(--ease);width:20px}.toolbar-search-clear:hover{background:var(--border-dk);color:var(--text)}.toolbar-filter{align-items:center;display:flex;position:relative}.toolbar-filter-icon{color:var(--text3);flex-shrink:0;left:9px;pointer-events:none;position:absolute;transition:color var(--ease)}.toolbar-filter.active .toolbar-filter-icon{color:var(--accent-dk)}.toolbar-filter-select{appearance:none;-webkit-appearance:none;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;font-family:var(--fbody);font-size:13px;outline:none;padding:7px 28px;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease),color var(--ease)}.toolbar-filter.active .toolbar-filter-select{background:var(--accent-lt);border-color:var(--accent);color:var(--accent-dk);font-weight:500}.toolbar-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt)}.view-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:2px;padding:3px}.view-toggle,.view-toggle-btn{align-items:center;display:flex}.view-toggle-btn{background:none;border:none;border-radius:4px;color:var(--text3);cursor:pointer;height:28px;justify-content:center;transition:background var(--ease),color var(--ease);width:30px}.view-toggle-btn:hover{background:var(--surface);color:var(--text)}.view-toggle-btn.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent)}.upload-progress-list{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin:10px 28px 0}.upload-progress-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;padding:12px 16px}.upload-progress-item.done{border-color:#00a85459}.upload-progress-item.error{border-color:#c8291e4d}.upload-progress-name{color:var(--text2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{background:var(--bg3);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s ease}.upload-error{color:var(--danger);font-size:12px}.file-grid{grid-gap:14px;align-content:start;display:grid;flex:1 1;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-y:auto;padding:24px 28px}.file-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:22px 16px 16px;position:relative;transition:border-color var(--ease),box-shadow var(--ease);-webkit-user-select:none;user-select:none}.file-item:hover{border-color:var(--border-dk);box-shadow:var(--shadow)}.file-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt),var(--shadow)}.file-item.drag-over{background:var(--accent-lt2);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt)}.file-item[draggable=true]{cursor:grab}.file-item[draggable=true]:active{cursor:grabbing}.file-item-menu-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity var(--ease),background var(--ease),color var(--ease),border-color var(--ease);width:26px;z-index:2}.file-item.selected .file-item-menu-btn,.file-item:hover .file-item-menu-btn{opacity:1}.file-item-menu-btn:hover{background:var(--bg2);border-color:var(--border-dk);color:var(--text)}.file-icon{align-items:center;color:var(--text3);display:flex;justify-content:center}.file-icon,.file-icon svg{height:52px;width:52px}.file-item .file-icon,.file-item.folder .file-icon{color:var(--accent)}.file-item[data-type=image] .file-icon{color:#7b52d4}.file-item[data-type=video] .file-icon{color:#1a73b8}.file-item[data-type=audio] .file-icon{color:#d4561a}.file-item[data-type=zip] .file-icon{color:#8f7030}.file-item[data-type=doc] .file-icon{color:#2b6cb0}.file-item[data-type=sheet] .file-icon{color:#36999b}.file-item[data-type=code] .file-icon{color:#5a6270}.file-name{color:var(--text);font-size:13px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-meta{color:var(--text3);font-family:var(--fhead);font-size:12px}.share-badge{align-items:center;color:var(--accent);display:flex;left:8px;opacity:.75;position:absolute;top:8px}.share-badge svg{height:14px;width:14px}.file-list-view{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.list-col-icon{flex-shrink:0;width:36px}.list-col-name{flex:1 1;min-width:0}.list-col-type{flex-shrink:0;width:90px}.list-col-size{flex-shrink:0;text-align:right;width:80px}.list-col-date{flex-shrink:0;width:130px}.list-col-actions{display:flex;flex-shrink:0;justify-content:flex-end;width:48px}.list-header{background:var(--surface2);border-bottom:1.5px solid var(--border);flex-shrink:0;height:36px;padding:0 16px;position:sticky;top:0;z-index:1}.list-header,.list-sort-btn{align-items:center;display:flex}.list-sort-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;font-family:var(--fhead);font-size:12px;font-weight:600;gap:4px;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase;transition:color var(--ease),background var(--ease);white-space:nowrap}.list-sort-btn:hover{background:var(--bg2);color:var(--text)}.list-row{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;height:44px;padding:0 16px;transition:background var(--ease);-webkit-user-select:none;user-select:none}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface2)}.list-row.selected{background:var(--accent-lt)}.list-row.drag-over{background:var(--accent-lt2);outline:2px solid var(--accent);outline-offset:-2px}.list-row[draggable=true]{cursor:grab}.list-item-icon{align-items:center;color:var(--text3);display:flex;padding-right:4px}.list-row .list-item-icon,.list-row.folder .list-item-icon{color:var(--accent)}.list-row[data-type=image] .list-item-icon{color:#7b52d4}.list-row[data-type=video] .list-item-icon{color:#1a73b8}.list-row[data-type=audio] .list-item-icon{color:#d4561a}.list-row[data-type=zip] .list-item-icon{color:#8f7030}.list-row[data-type=doc] .list-item-icon{color:#2b6cb0}.list-row[data-type=sheet] .list-item-icon{color:#36999b}.list-row[data-type=code] .list-item-icon{color:#5a6270}.list-item-name{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.list-share-badge{color:var(--accent);flex-shrink:0}.list-item-meta,.list-item-type{color:var(--text3);font-family:var(--fhead);font-size:12px;padding:0 8px;white-space:nowrap}.list-col-size.list-item-meta{text-align:right}.list-item-actions{align-items:center;display:flex;justify-content:flex-end}.list-menu-btn{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;display:flex;height:30px;justify-content:center;opacity:0;transition:opacity var(--ease),background var(--ease),color var(--ease),border-color var(--ease);width:30px}.list-row.selected .list-menu-btn,.list-row:hover .list-menu-btn{opacity:1}.list-menu-btn:hover{background:var(--bg2);border-color:var(--border);color:var(--text)}.empty-state{align-items:center;color:var(--text3);display:flex;flex-direction:column;gap:14px;grid-column:1/-1;justify-content:center;padding:100px 20px}.empty-icon{color:var(--border-dk);opacity:.5}.empty-icon svg{height:64px;width:64px}.empty-state>div{color:var(--text2);font-size:16px;font-weight:500}.empty-hint{color:var(--text3)!important;font-size:14px!important;font-weight:400!important}@media (max-width:860px){:root{--sidebar-w:200px}.explorer-toolbar{gap:8px;padding:0 16px}.upload-progress-list{margin:8px 16px 0}.file-grid{gap:12px;padding:16px}.list-col-date,.list-row .list-col-date{display:none}.toolbar-search-input{width:160px}.toolbar-search-input:focus{width:200px}}@media (max-width:620px){.sidebar{box-shadow:var(--shadow-md);height:100%;left:0;min-width:100%!important;position:fixed;top:0;transform:translateX(-100%);width:100%!important}.sidebar.open{transform:translateX(0)}.sidebar-close-btn{display:flex}.explorer-main{width:100%}.mobile-menu-btn{display:flex}.explorer-toolbar{gap:6px;min-height:52px;padding:0 10px}.crumb-sep,.crumb:not(.active){display:none}.toolbar-right{-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto;scrollbar-width:none}.toolbar-right::-webkit-scrollbar{display:none}.toolbar-search-input{font-size:12px;width:120px}.toolbar-search-input:focus{width:155px}.toolbar-filter-select{font-size:12px;max-width:108px;padding:7px 8px 7px 26px}.view-toggle{display:none}.upload-progress-list{margin:8px 10px 0}.file-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:12px 10px}.file-item{padding:18px 10px 12px}.file-icon,.file-icon svg{height:44px;width:44px}.file-name{font-size:11px}.file-item-menu-btn{opacity:1}.list-col-size,.list-col-size.list-item-meta,.list-col-type,.list-item-type{display:none}.list-menu-btn{opacity:1}}@media (max-width:380px){.file-grid{gap:6px;grid-template-columns:repeat(3,1fr);padding:10px 8px}.toolbar-search-input{width:96px}.toolbar-search-input:focus{width:124px}.toolbar-filter-select{font-size:11px;max-width:88px}}.share-page{background:var(--bg);justify-content:center;min-height:100vh;padding:20px}.share-card,.share-page{align-items:center;display:flex}.share-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;max-width:100%;padding:52px 48px;text-align:center;width:420px}.share-page-logo{align-items:center;color:var(--text);display:flex;font-family:var(--fhead);font-size:18px;font-weight:600;gap:12px;margin-bottom:8px}.share-page-icon{color:var(--text3)}.share-page-icon svg{height:64px;width:64px}.share-card h2{color:var(--text);font-family:var(--fhead);font-size:24px;font-weight:600}.share-card p{color:var(--text2);font-size:15px}.download-btn,.view-btn{border-radius:var(--radius-sm);display:inline-block;font-family:var(--fhead);font-size:15px;font-weight:600;padding:14px 22px;text-align:center;text-decoration:none;transition:background var(--ease),border-color var(--ease),color var(--ease);width:100%}.download-btn{background:var(--accent);border:none;color:#fff}.download-btn:hover{background:var(--accent-dk);cursor:pointer}.view-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2)}.view-btn:hover{background:var(--bg2);border-color:var(--border-dk);color:var(--text)}@media (max-width:620px){.share-page{align-items:flex-start;padding:40px 16px 16px}.share-card{padding:36px 24px}}.bundle-page{align-items:flex-start;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:48px 20px}.bundle-page-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:640px;overflow:hidden;width:100%}.bundle-page-header{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:20px;padding:28px 32px}.bundle-page-title{align-items:center;display:flex;gap:18px}.bundle-page-icon{color:var(--accent);flex-shrink:0}.bundle-page-title h1{color:var(--text);font-family:var(--fhead);font-size:22px;font-weight:600;margin-bottom:4px}.bundle-page-title p{color:var(--text3);font-size:14px}.bundle-page-list{display:flex;flex-direction:column}.bundle-page-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:16px 32px;transition:background var(--ease)}.bundle-page-row:last-child{border-bottom:none}.bundle-page-row:hover{background:var(--surface2)}.bundle-page-row-icon{color:var(--text3);flex-shrink:0}.bundle-page-row-info{flex:1 1;min-width:0}.bundle-page-row-name{color:var(--text);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-page-row-size{color:var(--text3);font-family:var(--fhead);font-size:12px;margin-top:2px}.bundle-page-row-actions{display:flex;flex-shrink:0;gap:8px}.bundle-action-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);display:flex;height:34px;justify-content:center;text-decoration:none;transition:background var(--ease),border-color var(--ease),color var(--ease);width:34px}.bundle-action-btn:hover{background:var(--bg2);border-color:var(--border-dk);color:var(--text)}.bundle-action-btn.download:hover{background:var(--accent-lt);border-color:var(--accent);color:var(--accent-dk);cursor:pointer}@media (max-width:620px){.bundle-page{padding:16px 10px}.bundle-page-header{gap:14px;padding:20px 16px}.bundle-page-row{gap:12px;padding:12px 16px}}.bundle-creator{display:flex;flex-direction:column;gap:14px}.bundle-hint{color:var(--text2);font-size:14px;line-height:1.5}.bundle-hint strong{color:var(--text)}.bundle-file-list{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;max-height:300px;min-height:200px;overflow-y:auto}.bundle-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-family:var(--fbody);gap:10px;transition:background var(--ease)}.bundle-row:last-child{border-bottom:none}.bundle-row:hover{background:var(--bg2)}.bundle-row.checked{background:var(--accent-lt)}button.bundle-row{background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;padding:10px 14px;text-align:left;width:100%}.bundle-folder-row{padding:0}.bundle-folder-row.checked{background:var(--accent-lt)}.bundle-check-area{align-items:center;background:none;border:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:12px 10px 12px 14px;transition:background var(--ease)}.bundle-check-area:hover{background:var(--bg3)}.bundle-row-navigate{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;font-family:var(--fbody);gap:10px;min-width:0;padding:10px 14px 10px 6px;text-align:left;transition:background var(--ease)}.bundle-row-navigate:hover{background:var(--bg2)}.bundle-folder-hint{color:var(--text3);font-family:var(--fhead);font-size:11px;margin-left:auto;padding-right:6px;white-space:nowrap}.bundle-row-icon{align-items:center;display:flex;flex-shrink:0}.bundle-row-icon.folder{color:#c49a0a}.bundle-row-icon.file{color:var(--text3)}.bundle-row-name{color:var(--text);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-row-size{color:var(--text3);flex-shrink:0;font-family:var(--fhead);font-size:12px}.bundle-checkbox{align-items:center;background:var(--surface);border:1.5px solid var(--border-dk);border-radius:3px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:background var(--ease),border-color var(--ease);width:18px}.bundle-checkbox.on{background:var(--accent);border-color:var(--accent);color:#fff}.bundle-footer{align-items:center;display:flex;justify-content:space-between;padding-top:4px}.bundle-count{color:var(--text3);font-family:var(--fhead);font-size:13px}.bundle-selected-list{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;max-height:180px;overflow-y:auto}.bundle-selected-item{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:14px;gap:10px;padding:9px 14px}.bundle-selected-item:last-child{border-bottom:none}.bundle-remove{align-items:center;background:none;border:none;border-radius:3px;color:var(--text3);cursor:pointer;display:flex;margin-left:auto;padding:2px 4px;transition:color var(--ease),background var(--ease)}.bundle-remove:hover{background:var(--danger-lt);color:var(--danger)}.bundle-done{align-items:center;display:flex;flex-direction:column;gap:10px;padding:16px 0 8px;text-align:center}.bundle-done-icon{color:var(--accent)}.bundle-done h3{color:var(--text);font-family:var(--fhead);font-size:18px;font-weight:600}.bundle-done p{color:var(--text2);font-size:14px}.bundles-page{flex:1 1;overflow-y:auto;padding:24px 28px}.bundles-empty{align-items:center;color:var(--text3);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px;text-align:center}.bundles-empty svg{margin-bottom:4px;opacity:.4}.bundles-empty>div{color:var(--text2);font-size:16px;font-weight:500}.bundles-list{display:flex;flex-direction:column;gap:14px;max-width:100vw}.bundle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:opacity var(--ease)}.bundle-card.inactive{opacity:.65}.bundle-card-header{background:var(--surface2);border-bottom:1px solid var(--border);padding:16px 20px 12px}.bundle-card-title{align-items:center;color:var(--text);display:flex;font-family:var(--fhead);font-size:15px;font-weight:600;gap:10px}.bundle-card-icon{color:var(--accent);flex-shrink:0}.bundle-inactive-badge{background:var(--bg3);border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.bundle-card-meta,.bundle-inactive-badge{color:var(--text3);font-family:var(--fhead)}.bundle-card-meta{font-size:12px;margin-left:28px;margin-top:4px}.bundle-rename-row{align-items:center;display:flex;gap:6px}.bundle-rename-input{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-lt);color:var(--text);flex:1 1;font-family:var(--fhead);font-size:14px;font-weight:600;outline:none;padding:6px 10px}.bundle-icon-btn{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background var(--ease),color var(--ease);width:30px}.bundle-icon-btn:hover{background:var(--bg2);color:var(--text)}.bundle-icon-btn.confirm{border-color:var(--accent);color:var(--accent)}.bundle-icon-btn.confirm:hover{background:var(--accent-lt)}.bundle-card-link{border-bottom:1px solid var(--border);padding:12px 20px}.bundle-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px}.bundle-action-pill{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:100px;color:var(--text2);cursor:pointer;display:inline-flex;font-family:var(--fbody);font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:background var(--ease),border-color var(--ease),color var(--ease);white-space:nowrap}.bundle-action-pill:hover{background:var(--bg2);border-color:var(--border-dk);color:var(--text)}.bundle-action-pill:disabled{cursor:not-allowed;opacity:.4}.bundle-action-pill.warn:hover{background:#d930250f;border-color:#d9302540;color:var(--danger)}.bundle-action-pill.ok:hover{background:var(--accent-lt);border-color:var(--accent);color:var(--accent-dk)}.bundle-action-pill.danger{color:var(--danger)}.bundle-action-pill.danger:hover{background:var(--danger-lt);border-color:#d9302540}.bundle-action-pill.disabled-link{opacity:.4;pointer-events:none}.share-link-box{display:flex;gap:8px}.share-link-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);flex:1 1;font-family:var(--fhead);font-size:12px;min-width:0;outline:none;padding:10px 14px}.bundle-card-link .share-link-input{width:100%}.share-link-input.revoked{background:var(--bg3);color:var(--text3);font-style:italic}@media (max-width:860px){.bundles-page{padding:16px}}@media (max-width:620px){.bundles-page{padding:12px 10px}.bundle-card-header{padding:12px 14px 10px}.bundle-card-meta{margin-left:22px}.bundle-card-link{padding:10px 14px}.bundle-card-actions{gap:4px;padding:8px 14px}.bundle-action-pill{font-size:12px;padding:5px 10px}}@media (max-width:380px){.bundle-action-pill{font-size:11px;padding:4px 8px}}:root{--bg:#f2f4f0;--bg2:#e8ebe4;--bg3:#dde0d8;--surface:#fff;--surface2:#f7f8f5;--border:#d2d6cc;--border-dk:#b8bdb2;--accent:#00a854;--accent-dk:#008040;--accent-lt:#00a8541a;--accent-lt2:#00a8542e;--text:#1c2018;--text2:#4a5244;--text3:#848f7c;--danger:#c8291e;--danger-lt:#c8291e14;--radius:6px;--radius-sm:4px;--fhead:"IBM Plex Mono","Courier New",monospace;--fbody:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--ease:0.14s ease;--shadow-sm:0 1px 2px #00000012;--shadow:0 2px 6px #00000014,0 1px 2px #0000000d;--shadow-md:0 6px 18px #0000001a,0 2px 4px #0000000f;--sidebar-w:240px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f2f4f0;background:var(--bg);color:#1c2018;color:var(--text);font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--fbody);font-size:15px;line-height:1.55}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#e8ebe4;background:var(--bg2)}::-webkit-scrollbar-thumb{background:#b8bdb2;background:var(--border-dk);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#848f7c;background:var(--text3)}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes sidebarSlideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.splash{align-items:center;color:#848f7c;color:var(--text3);display:flex;font-size:14px;height:100vh;justify-content:center;letter-spacing:.04em}.btn-primary,.splash{font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--fhead)}.btn-primary{background:#00a854;background:var(--accent);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;padding:13px 22px;transition:background .14s ease;transition:background var(--ease)}.btn-primary:hover{background:#008040;background:var(--accent-dk)}.btn-primary:disabled{cursor:not-allowed;opacity:.45}.btn-secondary{background:#fff;background:var(--surface);border:1px solid #d2d6cc;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#4a5244;color:var(--text2);cursor:pointer;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--fbody);font-size:15px;font-weight:500;padding:12px 20px;transition:background .14s ease,border-color .14s ease;transition:background var(--ease),border-color var(--ease)}.btn-secondary:hover{background:#e8ebe4;background:var(--bg2);border-color:#b8bdb2;border-color:var(--border-dk)}.btn-copy{background:#00a854;background:var(--accent);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--fhead);font-size:14px;font-weight:600;padding:10px 18px;transition:background .14s ease;transition:background var(--ease);white-space:nowrap}.btn-copy:hover{background:#008040;background:var(--accent-dk)}.btn-danger-sm{background:none;border:none;color:#c8291e;color:var(--danger);cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:opacity .14s ease;transition:opacity var(--ease)}.btn-danger-sm:hover{opacity:.7}.toast{animation:toastIn .15s ease;background:#1c2018;background:var(--text);border-radius:6px;border-radius:var(--radius);bottom:28px;box-shadow:0 6px 18px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-size:15px;font-weight:500;left:50%;padding:13px 26px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:20000}.toast.success{background:#00a854;background:var(--accent);color:#fff}.toast.error{background:#c8291e;background:var(--danger);color:#fff}.field{display:flex;flex-direction:column;gap:7px}.field label{color:#4a5244;color:var(--text2);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--fhead);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.field input{background:#f7f8f5;background:var(--surface2);border:1px solid #d2d6cc;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#1c2018;color:var(--text);font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--fbody);font-size:16px;outline:none;padding:13px 16px;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.field input:focus{background:#fff;background:var(--surface);border-color:#00a854;border-color:var(--accent);box-shadow:0 0 0 3px #00a8541a;box-shadow:0 0 0 3px var(--accent-lt)}.error-banner{background:#c8291e14;background:var(--danger-lt);border:1px solid #c8291e40;border-radius:4px;border-radius:var(--radius-sm);color:#c8291e;color:var(--danger);font-size:14px;padding:12px 16px}
/*# sourceMappingURL=main.102e5cb3.css.map*/