@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #030303;--bg-secondary: rgba(8, 8, 8, .68);--bg-tertiary: rgba(18, 18, 18, .85);--glass-bg: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .07);--glass-hover: rgba(255, 255, 255, .08);--glass-active: rgba(255, 255, 255, .12);--glass-blur-reg: blur(20px);--glass-blur-thick: blur(30px);--glass-blur-thin: blur(10px);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .4);--accent: #ffffff;--danger: #ff1744;--success: #00e676;--radius: 12px;--radius-sm: 8px;--radius-md: 6px;--radius-lg: 20px;--shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--sidebar-width: 250px;--spring-transition: .24s cubic-bezier(.2, 1, .2, 1);--transition: .2s cubic-bezier(.2, 1, .2, 1);--color-low: #00e676;--color-mid: #ffea00;--color-high: #ff9100;--color-full: #ff1744;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--mobile-bottom-bar-height: 64px}html[data-bg-theme=oled]{--bg-primary: #000000;--bg-secondary: rgba(5, 5, 5, .75);--bg-tertiary: rgba(12, 12, 12, .9)}html[data-bg-theme=liquid-dark]{--bg-primary: #08080a;--bg-secondary: rgba(18, 18, 22, .7);--bg-tertiary: rgba(28, 28, 34, .88)}html[data-bg-theme=aurora]{--bg-primary: #030712;--bg-secondary: rgba(15, 23, 42, .65);--bg-tertiary: rgba(30, 41, 59, .85)}html[data-bg-theme=aurora] .app-bg-orbs .bg-orb-1{background:#3b82f6!important;opacity:.08!important}html[data-bg-theme=aurora] .app-bg-orbs .bg-orb-2{background:#10b981!important;opacity:.06!important}html[data-bg-theme=slate]{--bg-primary: #0b0f19;--bg-secondary: rgba(17, 24, 39, .7);--bg-tertiary: rgba(31, 41, 55, .88)}html[data-bg-theme=midnight]{--bg-primary: #050b14;--bg-secondary: rgba(10, 20, 38, .7);--bg-tertiary: rgba(16, 32, 58, .88)}html[data-bg-theme=forest]{--bg-primary: #040d08;--bg-secondary: rgba(8, 24, 16, .7);--bg-tertiary: rgba(12, 38, 24, .88)}html[data-bg-theme=amber]{--bg-primary: #0d0904;--bg-secondary: rgba(28, 18, 8, .7);--bg-tertiary: rgba(44, 28, 12, .88)}html[data-bg-theme=white]{--bg-primary: #121214;--bg-secondary: rgba(24, 24, 28, .75);--bg-tertiary: rgba(36, 36, 42, .9)}html[data-bg-theme=cyber]{--bg-primary: #06040d;--bg-secondary: rgba(19, 10, 36, .7);--bg-tertiary: rgba(34, 16, 64, .85)}html[data-bg-theme=cyber] .app-bg-orbs .bg-orb-1{background:#a855f7!important;opacity:.09!important}html[data-bg-theme=cyber] .app-bg-orbs .bg-orb-2{background:#ec4899!important;opacity:.07!important}.mini-btn.spinning svg,.btn-icon.spinning svg,.btn.spinning svg{animation:spin .8s linear infinite}html[data-anim-mode=smooth] *{transition-timing-function:cubic-bezier(.16,1,.3,1)}html[data-anim-mode=snappy] *{transition-duration:.12s!important;animation-duration:.15s!important}html[data-anim-mode=none] *{transition:none!important;animation:none!important}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:calc(14px * var(--font-scale, 1))}.font-mono{font-family:Geist Mono,monospace;font-variant-numeric:tabular-nums}.app-bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg-primary)}.app-bg-orbs .bg-orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.04;transition:background .4s ease,opacity .4s ease}.app-bg-orbs .bg-orb-1{width:700px;height:700px;background:var(--accent, #ffffff);top:-100px;right:-100px;animation:orbFloat 25s ease-in-out infinite}.app-bg-orbs .bg-orb-2{width:500px;height:500px;background:#fff;bottom:-150px;left:-150px;animation:orbFloat 30s ease-in-out infinite reverse}.app-bg-orbs .bg-orb-3{width:450px;height:450px;background:var(--accent, #ffffff);top:60%;left:40%;animation:orbFloat 20s ease-in-out infinite}.app{display:flex;height:100vh;position:relative;padding:12px;gap:12px;background:var(--bg-primary);overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border:1px solid var(--glass-border);box-shadow:var(--shadow),var(--glass-inner-shadow);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur-reg);-webkit-backdrop-filter:var(--glass-blur-reg);display:flex;flex-direction:column;padding:20px 16px;gap:12px;overflow-y:auto;user-select:none;-webkit-user-select:none;contain:layout style}.sidebar-header{padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-badge{display:flex;align-items:center;gap:8px}.logo-icon{font-size:20px;color:var(--text-primary);filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.logo-text{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary)}.sidebar-header-actions{display:flex;align-items:center;gap:4px}.sidebar-header-btn{width:28px;height:28px;border-radius:6px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.sidebar-header-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:#fff3}.sidebar-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:2px 0 6px}.btn-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition);text-align:center}.btn-action svg{stroke:var(--text-secondary);transition:stroke var(--transition),transform var(--transition)}.btn-action:hover{background:var(--glass-hover);color:var(--text-primary);border-color:#ffffff2e;transform:translateY(-1px)}.btn-action:hover svg{stroke:var(--text-primary);transform:scale(1.1)}.btn-action:active{transform:translateY(0)}.btn-action.primary{background:#ffffff0f;border-color:#ffffff24;color:var(--text-primary)}.btn-action.primary svg{stroke:var(--text-primary)}.sidebar-nav-links{display:flex;flex-direction:column;gap:3px;margin:2px 0 6px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.sidebar-nav-icon{font-size:15px;line-height:1}.sidebar-nav-item:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--glass-border);transform:translate(2px)}.sidebar-tools-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.nav-history-group{display:flex;align-items:center;gap:3px}.mini-btn{width:26px;height:26px;border-radius:5px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.mini-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary);border-color:#fff3}.mini-btn:disabled{opacity:.3;cursor:not-allowed}.view-toggle-group{display:flex;align-items:center;gap:2px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;padding:2px}.view-toggle-mini{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition)}.view-toggle-mini.active{background:#ffffff26;color:var(--text-primary);box-shadow:0 1px 4px #0003}.view-toggle-mini:hover:not(.active){color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);color:var(--text-primary)}.btn-glass{background:var(--glass-bg);border:1px solid var(--glass-border)}.btn-glass:hover{background:var(--glass-hover);border-color:#ffffff1f}.btn-glass:active{background:var(--glass-active)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.btn-icon:hover{background:var(--glass-hover);color:var(--text-primary)}.section-label-row{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 6px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);font-weight:600}.disk-count-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-tertiary);font-family:var(--font-mono)}.disk-list{display:flex;flex-direction:column;gap:6px;flex:1}.disk-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.disk-item:hover{background:var(--glass-hover);color:var(--text-primary);border-color:#ffffff29;transform:translateY(-1px)}.disk-item.active{background:var(--glass-active);color:var(--text-primary);border-color:var(--accent, #ffffff);box-shadow:0 0 14px #ffffff14,inset 0 0 10px #ffffff08}.sidebar-footer{margin-top:auto;padding-top:8px;border-top:1px solid var(--glass-border)}.sidebar-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid rgba(255,107,107,.15);border-radius:var(--radius-sm);background:#ff6b6b0a;color:#ff6b6b;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition)}.sidebar-logout-btn:hover{background:#ff6b6b1f;border-color:#ff6b6b4d;color:#ff8585}.window-snap-btn{width:28px;height:28px;border-radius:6px;border:1px solid transparent;color:var(--text-secondary);transition:all var(--transition)}.window-snap-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--glass-border)}.window-snap-btn.active{background:#ffffff2e;color:#fff;border-color:#ffffff59;box-shadow:0 0 10px #ffffff26}.window-minimize-btn{width:28px;height:28px;border-radius:6px;color:var(--text-secondary)}.window-minimize-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.disk-item.disconnected{opacity:.5}.disk-indicator{display:flex;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected{background:#00e676;box-shadow:0 0 10px #00e676b3}.status-dot.disconnected{background:#ff1744;box-shadow:0 0 10px #ff1744b3}.disk-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.disk-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.disk-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disk-usage-pct{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;opacity:.9}.disk-host{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disk-usage-bar-wrap{display:flex;flex-direction:column;gap:3px}.disk-usage-bar{height:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.disk-usage-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1),background .6s ease;min-width:0;box-shadow:0 0 6px #ffffff1a}.disk-usage-text{font-size:10px;color:var(--text-tertiary);white-space:nowrap}.disk-error{margin-left:auto;color:var(--danger);font-weight:700}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden;padding:16px}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.bg-orb-1{width:600px;height:600px;background:#fff;top:-200px;left:-200px;animation:orbFloat 20s ease-in-out infinite}.bg-orb-2{width:400px;height:400px;background:#888;bottom:-100px;right:-100px;animation:orbFloat 25s ease-in-out infinite reverse}.bg-orb-3{width:300px;height:300px;background:#555;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat 15s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card{position:relative;width:min(380px,calc(100vw - 32px));max-width:380px;padding:clamp(24px,5vw,40px);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow);box-sizing:border-box}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.login-logo-icon{font-size:28px;color:var(--text-secondary)}.login-logo-text{font-size:26px;font-weight:600;letter-spacing:-.5px}.login-subtitle{text-align:center;color:var(--text-tertiary);font-size:13px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary)}.login-input{width:100%;padding:12px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition)}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{border-color:#fff3}.login-error{padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);font-size:13px;text-align:center}.login-btn{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition);margin-top:4px}.login-btn:hover{background:#ffffff1a;border-color:#ffffff26}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}.login-2fa-hint{text-align:center;color:var(--text-secondary);font-size:13px;margin:0 0 8px}.login-input-totp{font-size:22px;letter-spacing:6px;text-align:center}.login-back-btn{background:none;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;padding:6px 0;margin-top:4px;transition:color var(--transition)}.login-back-btn:hover{color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-secondary);border:1px solid var(--glass-border);box-shadow:var(--shadow),var(--glass-inner-shadow);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur-reg);-webkit-backdrop-filter:var(--glass-blur-reg)}.breadcrumbs{display:flex;align-items:center;gap:2px;padding:16px 24px;background:#ffffff04;border-bottom:1px solid var(--glass-border);overflow-x:auto;white-space:nowrap;flex-shrink:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.crumb{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all var(--transition)}.crumb:hover{background:var(--glass-hover);color:var(--text-primary)}.crumb.current{color:var(--text-primary);font-weight:500}.crumb-segment{display:inline-flex;align-items:center;gap:2px}.crumb-sep{display:flex;align-items:center;color:var(--text-tertiary)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;padding:20px;overflow-y:auto;flex:1;align-content:start;contain:layout style}.file-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px 14px;border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur-thin);-webkit-backdrop-filter:var(--glass-blur-thin);box-shadow:var(--glass-inner-shadow);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition);text-align:center;user-select:none;-webkit-user-select:none}.file-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff14,#fff0 60%);opacity:0;transition:opacity var(--transition);pointer-events:none}.file-card:hover{background:var(--glass-hover);border-color:#ffffff29;transform:translateY(-3px) scale(1.025);box-shadow:0 12px 30px #00000059,var(--glass-inner-shadow)}.file-card:hover:before{opacity:1}.file-card.selected{background:var(--glass-active);border-color:var(--accent);box-shadow:0 4px 16px #ffffff0a,var(--glass-inner-shadow)}.file-card-icon{font-size:40px;line-height:1;margin-bottom:8px}.file-card-name{font-size:12px;color:var(--text-secondary);line-height:1.3;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-card-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:11px;color:var(--text-tertiary);line-height:1.4}.file-list{flex:1;overflow-y:auto;padding:0 20px 16px;contain:layout style;margin-top:4px}.list-header{display:flex;align-items:center;gap:8px;padding:10px 8px;border-bottom:1px solid var(--glass-border);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);position:sticky;top:0;background:var(--bg-primary)}.list-row{display:flex;align-items:center;gap:8px;padding:10px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);contain:content}.list-row:hover{background:var(--glass-hover)}.list-row.selected{background:var(--glass-active);border-left:2px solid var(--accent);padding-left:6px}.list-col-name{flex:1;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.list-icon{font-size:18px;flex-shrink:0}.list-header .list-col-name{text-transform:uppercase;letter-spacing:.6px;font-size:11px;color:var(--text-tertiary)}.list-col-size{width:120px;min-width:120px;text-align:right;font-size:13px;color:var(--text-secondary);flex-shrink:0;overflow:hidden}.list-header .list-col-size{text-transform:uppercase;letter-spacing:.6px;font-size:11px;color:var(--text-tertiary)}.list-col-date{width:170px;min-width:170px;text-align:right;font-size:13px;color:var(--text-secondary);flex-shrink:0;overflow:hidden;white-space:nowrap}.list-header .list-col-date{text-transform:uppercase;letter-spacing:.6px;font-size:11px;color:var(--text-tertiary)}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000073;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);animation:fadeIn .2s ease both}.preview-backdrop.closing,.preview-modal.closing{animation:fadeOut .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.93) translateY(12px)}}.preview-modal{position:fixed;z-index:1000;display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,var(--glass-inner-shadow);overflow:hidden;backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick);animation:modalIn var(--spring-transition) both;-webkit-user-select:none;user-select:none;contain:layout style paint}.preview-modal:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px;pointer-events:none;z-index:5}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--glass-border);cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none}.preview-header:active{cursor:grabbing}.preview-title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.preview-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.preview-body{flex:1;overflow:hidden;display:flex;padding:16px;min-height:0}.preview-image-wrap{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0009;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}.preview-image-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .12s cubic-bezier(.16,1,.3,1);will-change:transform}.preview-image-canvas img{max-width:92%;max-height:90%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 10px 40px #0009;pointer-events:auto}.preview-image-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0f0f12bf;border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:30px;box-shadow:0 8px 32px #00000080;z-index:20}.preview-image-toolbar .btn{padding:4px 10px;font-size:12px;border-radius:16px;font-weight:500}.preview-image-toolbar .zoom-value{font-size:12px;font-family:Geist Mono,monospace;min-width:44px;text-align:center;color:var(--text-primary);font-weight:600}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#141418a6;border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;z-index:15;transition:transform .15s,background .15s}.gallery-nav-btn:hover{background:#ffffff2e;transform:translateY(-50%) scale(1.08)}.gallery-nav-btn.prev{left:16px}.gallery-nav-btn.next{right:16px}.movi-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border-radius:var(--radius-sm);overflow:hidden;position:relative}.movi-canvas{width:100%;height:100%;display:block;object-fit:contain}.movi-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0}.movi-cover-blur{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(60px) saturate(2) brightness(.35);transform:scale(1.15)}.movi-cover-img{position:relative;z-index:1;max-width:55%;max-height:55%;border-radius:var(--radius-md);box-shadow:0 12px 40px #0009;object-fit:contain}.movi-audio-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff1f}.movi-center-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;background:#0000001a;opacity:0;transition:opacity .2s}.movi-box:hover .movi-center-play,.movi-box .movi-center-play:hover{opacity:1}.movi-unmute-pill{position:absolute;bottom:68px;left:12px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:24px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s}.movi-unmute-pill:hover{background:#ffffff2e}.movi-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0009;z-index:2;color:var(--text-secondary);font-size:13px}.movi-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.12);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}.movi-controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 50%,transparent 100%);padding:28px 8px 10px;opacity:0;transition:opacity .18s;z-index:4}.movi-box:hover .movi-controls,.movi-box:has(.movi-over-menu) .movi-controls,.movi-box:has(.movi-stats-overlay) .movi-controls{opacity:1}.movi-seek-area{position:relative;padding:0 4px;margin-bottom:2px}.movi-seek-track{position:relative;width:100%;height:20px;display:flex;align-items:center;cursor:pointer}.movi-seek-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:#ffffff1f;border-radius:2px;transition:height .15s}.movi-seek-track:hover:before{height:6px}.movi-seek-buff{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:#ffffff2e;border-radius:2px;z-index:0;pointer-events:none;transition:height .15s}.movi-seek-track:hover .movi-seek-buff{height:6px}.movi-seek-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:#fff;border-radius:2px;z-index:1;pointer-events:none;transition:height .15s}.movi-seek-track:hover .movi-seek-fill{height:6px}.movi-seek-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;z-index:2;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 1px 3px #0006}.movi-seek-track:hover .movi-seek-thumb{opacity:1}.movi-seek-tooltip{position:absolute;bottom:28px;transform:translate(-50%);padding:3px 6px;background:#000c;border-radius:3px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none;z-index:6}.movi-chapters{position:relative;height:12px;margin:-2px 4px 0;pointer-events:none}.movi-chapter-dot{position:absolute;top:2px;width:6px;height:6px;border-radius:50%;background:#fff6;transform:translate(-50%);cursor:pointer;pointer-events:auto;transition:background .15s,transform .15s}.movi-chapter-dot:hover{background:#fff;transform:translate(-50%) scale(1.5)}.movi-ctrl-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 4px;gap:6px;min-height:38px}.movi-ctrl-left{display:flex;align-items:center;gap:2px;flex-shrink:0}.movi-ctrl-right{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.movi-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .12s;opacity:.85;flex-shrink:0}.movi-btn:hover{background:#ffffff1a;opacity:1}.movi-btn-active{background:#ffffff1a}.movi-speed-label{font-size:11px;font-weight:700}.movi-pip-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.movi-time{font-size:12px;color:#ffffffb3;font-variant-numeric:tabular-nums;margin-left:4px;white-space:nowrap;flex-shrink:0}.movi-vol-wrap{display:flex;align-items:center;gap:0}.movi-vol{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:3px;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.movi-vol::-webkit-slider-runnable-track{height:3px;background:transparent}.movi-vol::-moz-range-progress{height:3px;background:#fffc;border-radius:2px}.movi-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-3.5px;box-shadow:0 1px 3px #0000004d}.movi-vol::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 3px #0000004d}.movi-more-wrap{position:relative}.movi-over-menu{position:absolute;bottom:42px;right:0;width:240px;max-height:340px;overflow-y:auto;background:#121218f7;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:8px 0;box-shadow:0 12px 36px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:25;animation:fadeIn .12s ease}.movi-over-section{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.movi-over-section:last-child{border-bottom:none}.movi-over-label{display:block;padding:6px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary)}.movi-over-item{display:flex;align-items:center;width:100%;padding:10px 16px;background:none;border:none;border-radius:0;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s,color .1s}.movi-over-item:hover{background:#ffffff0f;color:#fff}.movi-over-item.active{color:#fff;font-weight:600}.movi-over-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 12px 8px}.movi-over-chip{padding:7px 0;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .12s}.movi-over-chip:hover{background:#ffffff1a;color:#fff}.movi-over-chip.active{background:#ffffff24;border-color:#ffffff2e;color:#fff;font-weight:600}.movi-over-info{padding:8px 16px 10px;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-tertiary)}.movi-stats-overlay{position:absolute;top:8px;right:8px;background:#000000e0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:12px 14px;width:240px;max-height:60%;z-index:22;overflow-y:auto;animation:fadeIn .12s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.movi-stats-close{position:absolute;top:4px;right:4px;width:24px;height:24px;font-size:12px;background:#ffffff0f;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer}.movi-stats-close:hover{color:#fff}.movi-stats-grid{display:flex;flex-direction:column;gap:3px}.movi-stat-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:2px 0}.movi-stat-key{color:var(--text-tertiary);flex-shrink:0}.movi-stat-val{color:#ffffffbf;font-variant-numeric:tabular-nums;text-align:right;word-break:break-all}.movi-resume-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:15;animation:fadeIn .12s ease}.movi-resume-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#121218f5;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:22px 30px;color:var(--text-primary);font-size:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.movi-resume-btns{display:flex;gap:8px}.movi-resume-btns .btn{padding:7px 28px;font-size:13px}.preview-text{width:100%;height:100%;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px;font-family:Fira Code,SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5;color:var(--text-secondary);overflow:auto;white-space:pre-wrap;word-break:break-all}.edit-area{resize:none;outline:none;color:var(--text-primary);-moz-tab-size:2;tab-size:2}.edit-area:focus{border-color:#fff3}.preview-pdf{width:100%;height:100%;border:none;border-radius:var(--radius-sm);background:#525659}.pdf-viewer{display:flex;flex-direction:column;width:100%;height:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0006;border-bottom:1px solid var(--glass-border);-webkit-user-select:none;user-select:none}.pdf-controls-left,.pdf-controls-right{display:flex;align-items:center;gap:12px}.pdf-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.pdf-btn:hover:not(:disabled){border-color:#fff6;color:var(--text-primary);background:#ffffff0d}.pdf-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-page-indicator,.pdf-zoom-indicator{font-size:13px;color:var(--text-secondary);font-family:var(--font-family, inherit);min-width:60px;text-align:center}.pdf-viewport{flex:1;overflow:auto;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:#0a0a0a80;min-height:0}.pdf-viewport::-webkit-scrollbar{width:8px;height:8px}.pdf-viewport::-webkit-scrollbar-track{background:transparent}.pdf-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.pdf-viewport::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.pdf-canvas-container{display:inline-block;box-shadow:0 8px 32px #0009;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#fff}.pdf-canvas{display:block}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdf-error{color:#ff4a4a;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-unsupported{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary)}.unsupported-icon{font-size:48px}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--glass-border);flex-shrink:0}.preview-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-tertiary)}.preview-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.preview-resize-handle:after{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary)}.context-menu{position:fixed;z-index:1000;min-width:180px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius);padding:4px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalIn .2s ease both;contain:layout style paint}.context-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;text-align:left;transition:all var(--transition)}.context-item:hover{background:var(--glass-hover);color:var(--text-primary)}.context-item.danger{color:#ffffffd9}.context-item.danger:hover{background:#ffffff26;color:var(--text-primary)}.context-sep{height:1px;background:var(--glass-border);margin:4px 8px}.context-rename{display:flex;gap:6px;padding:8px}.rename-input{flex:1;padding:6px 10px;border:1px solid var(--glass-border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.rename-input:focus{border-color:#fff3}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);z-index:2000;cursor:pointer;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-icon{font-weight:700;font-size:14px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--text-secondary)}.toast-message{font-size:13px;color:var(--text-secondary)}.loading-state,.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary)}.empty-icon{font-size:48px}.spinner{width:24px;height:24px;border:2px solid var(--glass-border);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-loading-indicator{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff0d;overflow:hidden;z-index:50;pointer-events:none}.file-loading-bar{width:35%;height:100%;background:var(--accent, #ffffff);border-radius:2px;animation:fileLoaderBarAnim .9s infinite cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--accent, #ffffff)}@keyframes fileLoaderBarAnim{0%{transform:translate(-100%)}to{transform:translate(350%)}}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2600;background:#00000073;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);animation:fadeIn .2s ease both}.settings-backdrop.closing{animation:fadeOut .2s ease forwards}.settings-panel.closing,.prompt-modal.closing,.ai-modal.closing{animation:modalOutCentered .2s ease forwards}.context-menu.closing{animation:fadeOut .2s ease forwards}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2700;width:500px;max-width:95vw;height:620px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,var(--glass-inner-shadow);overflow:hidden;backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick);animation:modalInCentered var(--spring-transition) both}.settings-panel:after,.ai-modal:after,.move-dialog:after,.shares-panel:after,.prompt-modal:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#fff3;border-radius:2px;pointer-events:none;z-index:5}@keyframes modalInCentered{0%{opacity:0;transform:translate(-50%,-46%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalOutCentered{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(.95)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.settings-title{font-size:15px;font-weight:600}.settings-body{padding:16px;height:390px;flex:1;overflow-y:auto}.settings-option{display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:background var(--transition)}.settings-option:hover{background:var(--glass-hover)}.settings-option-info{flex:1;display:flex;flex-direction:column;gap:4px}.settings-option-label{font-size:13px;font-weight:500;color:var(--text-primary)}.settings-option-desc{font-size:11px;color:var(--text-tertiary);line-height:1.4}.settings-toggle{width:44px;height:24px;border-radius:12px;background:#ffffff14;border:1px solid var(--glass-border);position:relative;cursor:pointer;box-shadow:inset 0 1px 3px #0000004d;transition:background var(--spring-transition),border-color var(--spring-transition);flex-shrink:0}.settings-toggle.active{background:#fff;border-color:#fff}.settings-toggle-knob{position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:var(--text-secondary);box-shadow:0 2px 4px #00000040;transition:transform var(--spring-transition),background var(--spring-transition),left var(--spring-transition)}.settings-toggle.active .settings-toggle-knob{left:21px;background:#000}.settings-tabs{display:flex;border-bottom:1px solid var(--glass-border)}.settings-tab{flex:1;padding:12px 8px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);border-bottom:1px solid transparent;margin-bottom:-1px;white-space:nowrap}.settings-tab:hover{color:var(--text-secondary)}.settings-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.hotkeys-info{font-size:11px;color:var(--text-tertiary);margin-bottom:16px}.hotkey-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.hotkey-label{font-size:13px;color:var(--text-secondary)}.hotkey-btn{padding:4px 12px;border:1px solid var(--glass-border);border-radius:4px;background:var(--glass-bg);color:var(--text-primary);font-size:12px;font-family:Fira Code,SF Mono,Fira Code,monospace;cursor:pointer;min-width:100px;text-align:center;transition:all var(--transition)}.hotkey-btn:hover{background:var(--glass-hover)}.hotkey-btn.recording{border-color:var(--text-primary);background:#ffffff1a;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hotkey-reset{margin-top:12px;width:100%}.guide-panel{max-height:80vh}.guide-body{padding:16px;overflow-y:auto;max-height:60vh}.guide-scroll{max-height:55vh;overflow-y:auto}.guide-section{margin-bottom:20px}.guide-heading{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.guide-section p{font-size:13px;color:var(--text-secondary);line-height:1.5}.guide-list{list-style:none;padding:0}.guide-list li{font-size:13px;color:var(--text-secondary);padding:3px 0;line-height:1.5}.guide-list kbd{display:inline-block;padding:1px 6px;font-size:11px;font-family:Fira Code,SF Mono,Fira Code,monospace;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:3px;color:var(--text-primary)}.ai-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2600;background:#00000073;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);animation:fadeIn .2s ease both}.ai-backdrop.closing{animation:fadeOut .2s ease forwards}.ai-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2700;width:min(640px,94vw);height:560px;max-height:85vh;background:var(--bg-secondary, #121212);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 64px #000000bf,0 0 0 1px #ffffff14;overflow:hidden;backdrop-filter:var(--glass-blur-thick, blur(24px));-webkit-backdrop-filter:var(--glass-blur-thick, blur(24px));animation:modalInCentered var(--spring-transition, .2s cubic-bezier(.16, 1, .3, 1)) both;display:flex;flex-direction:column}.ai-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.ai-header-title-wrap{display:flex;align-items:center;gap:8px}.ai-title-icon{font-size:16px}.ai-title{font-size:14.5px;font-weight:600;color:var(--text-primary)}.ai-top-controls{padding:14px 18px 10px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05);background:#0003}.ai-input-wrap{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-sm, 8px);box-sizing:border-box;flex-shrink:0;transition:border-color .15s,background .15s}.ai-input-wrap:focus-within{background:#ffffff14;border-color:var(--accent, #ffffff)}.ai-search-icon{font-size:15px;color:var(--text-tertiary);flex-shrink:0}.ai-input{flex:1;min-width:0;padding:8px 4px;border:none;background:transparent;color:var(--text-primary, #ffffff);font-size:13.5px;outline:none}.ai-input::placeholder{color:var(--text-tertiary);font-size:13px}.ai-input-clear{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 6px;font-size:12px;border-radius:4px;transition:color .15s}.ai-input-clear:hover{color:#fff}.ai-go{padding:6px 16px;font-size:12.5px;font-weight:600;height:30px}.ai-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0;padding:2px 0 0}.ai-filter-pill{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:20px;font-size:11.5px;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:all .15s ease}.ai-filter-pill:hover:not(:disabled){background:#ffffff17;color:var(--text-primary)}.ai-filter-pill.active{background:var(--glass-active, rgba(255, 255, 255, .16));border-color:var(--accent, #ffffff);color:var(--accent, #ffffff);font-weight:600}.ai-filter-pill.disabled{opacity:.35;cursor:not-allowed}.ai-pill-count{font-size:10px;padding:1px 5px;border-radius:10px;background:#ffffff1a;color:var(--text-secondary)}.ai-filter-pill.active .ai-pill-count{background:#fff3;color:#fff}.ai-content-scroll{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:10px;min-height:0;position:relative}.ai-loading-bar-wrap{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff0d;overflow:hidden;z-index:10}.ai-loading-progress{width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent, #ffffff),transparent);animation:aiProgress 1s infinite ease-in-out}@keyframes aiProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-loading-initial{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:12px;color:var(--text-secondary);font-size:13px}.ai-suggestions-box{padding:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;gap:10px}.ai-suggestions-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.ai-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.ai-suggestion-chip{padding:8px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:12px;text-align:left;cursor:pointer;transition:all .15s}.ai-suggestion-chip:hover{background:#ffffff17;color:#fff;border-color:#ffffff26;transform:translateY(-1px)}.ai-results{display:flex;flex-direction:column;gap:6px;transition:opacity .15s ease}.ai-results.loading-dim{opacity:.5;pointer-events:none}.ai-results-count-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);padding:0 4px 4px}.ai-result-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm, 8px);background:#ffffff05;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:transform .12s,background .12s,border-color .12s}.ai-result-item:hover,.ai-result-item.selected{background:#ffffff12;border-color:#ffffff1f;transform:translate(2px)}.ai-result-icon{font-size:22px;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ai-result-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.ai-result-name-row{display:flex;align-items:center;gap:8px}.ai-result-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-result-size{font-size:11px;color:var(--text-tertiary);background:#ffffff0d;padding:1px 5px;border-radius:4px;flex-shrink:0}.ai-result-meta-row{display:flex;align-items:center;gap:6px;min-width:0}.ai-result-disk-badge{font-size:10.5px;color:var(--text-tertiary);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:1px 5px;border-radius:4px;flex-shrink:0}.ai-result-meta{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ai-result-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-confidence-pill{position:relative;width:54px;height:18px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;align-items:center;justify-content:center}.ai-confidence-bar{position:absolute;left:0;top:0;bottom:0;opacity:.35}.ai-confidence-text{position:relative;font-size:10px;font-weight:600;color:#fff;z-index:1}.ai-result-actions{display:flex;align-items:center;gap:3px}.ai-action-btn{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;color:var(--text-secondary);background:#ffffff0a;border:1px solid transparent;text-decoration:none;transition:all .15s}.ai-action-btn:hover{background:#ffffff1f;color:#fff}.ai-action-btn.copied{background:#10b98126;color:#10b981}.ai-error{padding:10px 14px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-sm);color:#f43f5e;font-size:13px}.ai-empty,.ai-empty-category{text-align:center;padding:36px 20px;color:var(--text-secondary)}.ai-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-top:1px solid var(--glass-border);background:#00000026;font-size:11px;color:var(--text-tertiary);flex-shrink:0}.ai-model-tag{opacity:.75}.ai-shortcut-hint{opacity:.6}.prompt-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2700;width:340px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,var(--glass-inner-shadow);padding:24px 20px 20px;backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick);animation:modalInCentered var(--spring-transition) both}.prompt-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.prompt-input{width:100%;padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;margin-bottom:14px}.prompt-input:focus{border-color:#fff3}.prompt-actions{display:flex;gap:8px;justify-content:flex-end}.prompt-submit{background:#ffffff14!important;font-weight:600}.prompt-danger{color:var(--danger)!important}.file-card{position:relative}.file-card-check{position:absolute;top:6px;left:6px;z-index:2;cursor:pointer}.check-box{width:16px;height:16px;border:1px solid var(--glass-border);border-radius:3px;background:transparent;transition:all var(--transition)}.check-box{display:flex;align-items:center;justify-content:center}.check-box.checked{background:var(--text-primary);border-color:var(--text-primary)}.check-box.checked svg{display:block}.file-card.checked{border-color:#ffffff40}.list-col-check{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.list-row .list-col-check{visibility:hidden}.list-row:hover .list-col-check,.list-row.checked .list-col-check{visibility:visible}.list-row.checked{background:var(--glass-active)}.selection-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border-top:1px solid var(--glass-border);flex-shrink:0}.selection-count{font-size:12px;color:var(--text-tertiary);margin-right:auto}.selection-clear{margin-left:auto;opacity:.5;flex-shrink:0}.selection-clear:hover{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:2px}.load-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;font-size:12px;color:var(--text-tertiary)}::selection{background:#ffffff26;color:#fff}.file-toolbar{display:flex;align-items:center;gap:10px;padding:8px 20px 14px;flex-shrink:0}.file-filter{flex:1;min-width:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:8px 12px;color:var(--text-primary);font-size:13px}.file-filter::placeholder{color:var(--text-tertiary)}.select-all-btn{flex-shrink:0;font-size:12px}.list-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.list-header .sortable:hover{color:var(--text-primary)}.sort-arrow{font-size:10px;color:var(--text-tertiary);opacity:.4}.sort-arrow.active{opacity:1;color:var(--text-primary)}.list-col-type{width:80px;flex-shrink:0;font-size:12px;color:var(--text-tertiary);text-align:right}.main-content{position:relative}.full-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;background:#0a0a0cc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;animation:dropFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dropFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.full-drop-card{width:100%;max-width:480px;border:2px dashed var(--accent, rgba(255, 255, 255, .45));border-radius:20px;background:#ffffff0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:36px 24px;box-shadow:0 20px 50px #0009,inset 0 0 30px #ffffff08;pointer-events:none}.full-drop-icon{font-size:48px;filter:drop-shadow(0 4px 12px rgba(255,255,255,.2));animation:dropBounce 1s infinite alternate ease-in-out}@keyframes dropBounce{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.full-drop-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.full-drop-path{font-size:13px;color:var(--text-secondary);background:#ffffff0f;padding:6px 14px;border-radius:20px;border:1px solid var(--glass-border)}.progress-bar-wrap{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-secondary);border-top:1px solid var(--glass-border);flex-shrink:0}.progress-label{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--text-primary);transition:width .15s ease}.nav-history{display:flex;gap:6px;padding:0 0 12px;border-bottom:1px solid var(--glass-border);margin-bottom:8px}.history-btn:disabled{opacity:.25;cursor:not-allowed}.bookmark-list{padding:0 0 14px;border-bottom:1px solid var(--glass-border);margin-bottom:8px}.bookmark-item{display:flex;align-items:center;gap:4px}.bookmark-btn{flex:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;text-align:left;min-width:0}.bookmark-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.bookmark-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-remove{opacity:0;flex-shrink:0}.bookmark-item:hover .bookmark-remove{opacity:.6}.bookmark-remove:hover{opacity:1!important}.move-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1300;width:420px;max-height:80vh;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,var(--glass-inner-shadow);overflow:hidden;display:flex;flex-direction:column;backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick);animation:modalInCentered var(--spring-transition) both}.move-dialog.closing{animation:modalOutCentered .2s ease forwards}.move-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.move-title{font-size:15px;font-weight:600}.move-disk-label{font-size:11px;color:var(--text-tertiary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;padding:2px 8px}.move-files-list{padding:12px 16px;border-bottom:1px solid var(--glass-border);max-height:120px;overflow-y:auto}.move-files-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);margin-bottom:6px}.move-file-item{display:flex;align-items:center;gap:8px;padding:4px 0}.move-file-icon{font-size:14px;flex-shrink:0}.move-file-name{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-dest-section{padding:12px 16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.move-dest-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);margin-bottom:8px}.move-path-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:10px}.move-path-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:13px;color:var(--text-secondary);overflow:hidden}.move-crumb{display:inline-flex;align-items:center;gap:2px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:background var(--transition);white-space:nowrap}.move-crumb:hover{background:var(--glass-hover);color:var(--text-primary)}.move-folders-grid{display:flex;flex-wrap:wrap;gap:6px;flex:1;align-content:start;overflow-y:auto;min-height:60px;max-height:140px}.move-folder-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all var(--transition)}.move-folder-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:#ffffff1f}.move-folder-icon{font-size:14px;flex-shrink:0}.move-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.move-loading{display:flex;align-items:center;justify-content:center;width:100%;padding:16px}.move-empty{width:100%;text-align:center;padding:16px;font-size:12px;color:var(--text-tertiary)}.move-input-row{display:flex;align-items:center;gap:6px;padding:0 16px 12px}.move-input{flex:1;padding:8px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);font-size:13px;font-family:Fira Code,SF Mono,monospace;outline:none;transition:border-color var(--transition)}.move-input:focus{border-color:#fff3}.move-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--glass-border)}.move-submit{background:#ffffff14!important;font-weight:600;font-size:13px}.preview-gallery{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;width:100%;height:100%}.preview-gallery-scroll{flex:1;overflow:hidden;cursor:grab}.preview-gallery-scroll.panning{cursor:grabbing}.preview-gallery .preview-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;transform-origin:center center}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.gallery-nav:hover{background:var(--glass-hover)}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-zoom-label{position:absolute;bottom:10px;right:10px;padding:2px 8px;border-radius:4px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;z-index:10;pointer-events:none}.gallery-reset-btn{position:absolute;bottom:10px;left:10px;width:28px;height:28px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition)}.gallery-reset-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.share-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2700!important;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);background:var(--bg-tertiary, rgba(14, 14, 14, .96));border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 20px);box-shadow:0 30px 90px #000000d9,inset 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:var(--glass-blur-thick, blur(28px));-webkit-backdrop-filter:var(--glass-blur-thick, blur(28px));animation:modalInCentered var(--spring-transition) both}.share-dialog.closing{animation:modalOutCentered .2s ease forwards}.share-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));background:#ffffff05}.share-dialog-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;color:#fff}.share-dialog-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.share-file-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:10px}.share-file-name{font-size:13.5px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.share-file-size{font-size:11.5px;color:var(--text-tertiary, rgba(255, 255, 255, .45));font-family:Geist Mono,monospace;flex-shrink:0}.share-presets-label{font-size:11.5px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .75));margin-bottom:8px}.share-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;width:100%}.share-preset-btn{padding:7px 8px;font-size:11.5px;text-align:center;justify-content:center;white-space:nowrap;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, rgba(255, 255, 255, .75));transition:all .15s ease}.share-preset-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff29}.share-preset-btn.active{background:#ffffff26;border-color:#ffffff59;color:#fff;font-weight:600;box-shadow:inset 0 1px #fff3}.share-generate-btn{width:100%;justify-content:center;padding:12px;font-size:13px;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;margin-top:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0006,inset 0 1px #fff3}.share-generate-btn:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-1px)}.share-link-section{display:flex;flex-direction:column;gap:12px;width:100%}.share-link-label{font-size:11.5px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .65));margin-bottom:5px;display:flex;align-items:center;gap:6px}.share-link-row{display:flex;align-items:center;gap:6px;background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 6px 0 12px;height:38px;width:100%;box-sizing:border-box;transition:all .2s ease}.share-link-row:focus-within{border-color:#fff6;box-shadow:0 0 0 1px #fff3}.share-link-input{flex:1;min-width:0;height:100%;padding:0;border:none;background:transparent;color:#fff;font-size:12px;font-family:Geist Mono,JetBrains Mono,monospace;outline:none;line-height:36px}.share-copy-btn{width:28px!important;height:28px!important;min-width:28px;min-height:28px;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, rgba(255, 255, 255, .7));cursor:pointer;flex-shrink:0;padding:0!important;transition:all .15s ease}.share-copy-btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff40}.share-copy-btn.copied{color:#10b981;border-color:#10b98166;background:#10b98126}.share-copied-msg{font-size:11.5px;color:#10b981;text-align:center;padding:4px 8px;background:#10b9811a;border-radius:6px;border:1px solid rgba(16,185,129,.25)}.share-error{padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#f87171;font-size:12.5px;text-align:center}.share-actions{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--glass-border)}.shares-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2700;width:min(660px,94vw);max-height:86vh;background:var(--bg-tertiary, rgba(18, 18, 18, .95));border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 64px #000000b3,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:var(--glass-blur-thick, blur(30px));-webkit-backdrop-filter:var(--glass-blur-thick, blur(30px));animation:modalInCentered var(--spring-transition) both}.shares-panel.closing{animation:modalOutCentered .2s ease forwards}.shares-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border);background:#ffffff05}.shares-title-wrap{display:flex;align-items:center;gap:8px}.shares-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.shares-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;border-radius:10px;background:var(--glass-active, rgba(255, 255, 255, .12));color:var(--text-secondary)}.shares-tabs-bar{display:flex;gap:6px;margin:16px 20px 8px;background:#ffffff08;padding:5px;border-radius:var(--radius, 12px);border:1px solid var(--glass-border);flex-shrink:0}.shares-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-sm, 8px);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.shares-tab-btn:hover{color:var(--text-primary);background:#ffffff0f}.shares-tab-btn.active{background:var(--glass-active, rgba(255, 255, 255, .12));border-color:#fff3;color:#fff;font-weight:600;box-shadow:0 2px 10px #0000004d}.shares-search-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;margin:12px 20px 0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-tertiary)}.shares-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:13px;outline:none}.shares-search-input::placeholder{color:var(--text-tertiary)}.shares-search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;font-size:12px;line-height:1;border-radius:4px}.shares-search-clear:hover{color:var(--text-primary)}.shares-body{flex:1;overflow-y:auto;padding:16px 20px;min-height:140px;display:flex;flex-direction:column;gap:12px}.shares-loading{display:flex;align-items:center;justify-content:center;padding:48px}.shares-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center}.shares-empty-icon{font-size:40px;margin-bottom:4px}.shares-empty-title{font-size:15px;font-weight:600;color:var(--text-secondary)}.shares-empty-hint{font-size:13px;color:var(--text-tertiary);max-width:280px}.shares-list{display:flex;flex-direction:column;gap:12px}.shares-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:var(--glass-bg, rgba(255, 255, 255, .035));border:1px solid var(--glass-border);border-radius:var(--radius, 12px);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);box-shadow:0 4px 16px #0003}.shares-card:hover{border-color:#ffffff26;background:#ffffff0d}.shares-card.expired{opacity:.55}.shares-card-header{display:flex;align-items:center;gap:12px;width:100%}.shares-icon-box{width:40px;height:40px;border-radius:var(--radius-sm, 8px);background:#ffffff0f;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.shares-card-main-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.shares-card-name-row{display:flex;align-items:center;gap:8px}.shares-card-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shares-badges-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}.shares-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-tertiary);padding:3px 8px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.shares-badge.downloads{color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff1a}.shares-card-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.shares-status-badge{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:11.5px;font-weight:600;padding:0 10px;border-radius:var(--radius-sm, 8px);letter-spacing:.2px;white-space:nowrap;box-sizing:border-box}.shares-status-badge.status-active{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.shares-status-badge.status-forever{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.shares-status-badge.status-expired{background:#f43f5e1f;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.shares-top-btn{width:30px!important;height:30px!important;min-width:30px;min-height:30px;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-sm, 8px);box-sizing:border-box;line-height:1;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.shares-expand-btn{color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--glass-border)}.shares-expand-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.shares-expand-btn.active{background:#ffffff1f;border-color:#ffffff40;color:#fff}.shares-expand-btn.active svg{transform:rotate(180deg)}.shares-delete-btn{color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.2)}.shares-delete-btn:hover{background:#f43f5e38!important;border-color:#f43f5e73;color:#fff;transform:translateY(-1px);box-shadow:0 0 10px #f43f5e40}.shares-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:4px;width:100%}@media(max-width:600px){.shares-links-grid{grid-template-columns:1fr}}.shares-field-box{display:flex;flex-direction:column;gap:5px;min-width:0;width:100%}.shares-field-label{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:500;color:var(--text-tertiary);padding:0 2px}.shares-field-input-wrap{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px 0 10px;background:#00000073;border:1px solid var(--glass-border);border-radius:var(--radius-sm, 8px);width:100%;box-sizing:border-box;min-width:0;transition:all .2s ease}.shares-field-input-wrap:focus-within{border-color:#ffffff59;box-shadow:0 0 0 1px #ffffff26}.shares-code-input{flex:1;min-width:0;width:0;height:100%;background:transparent;border:none;color:var(--text-primary);font-size:12px;font-family:Geist Mono,monospace;outline:none;padding:0;line-height:36px;cursor:text}.shares-field-buttons{display:flex;align-items:center;gap:5px;flex-shrink:0;height:100%}.shares-action-btn{width:26px!important;height:26px!important;min-width:26px;min-height:26px;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);text-decoration:none;cursor:pointer;box-sizing:border-box;line-height:1;transition:all .18s cubic-bezier(.16,1,.3,1)}.shares-action-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.shares-action-btn.copied{background:#10b98133!important;border-color:#10b98173!important;color:#10b981!important;box-shadow:0 0 8px #10b98140}.shares-drawer{margin-top:4px;padding:14px;border-radius:var(--radius-sm, 8px);background:#0000004d;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:12px;animation:fadeIn .15s ease}.shares-drawer-row{display:flex;align-items:center;gap:8px}.shares-drawer-label{font-size:11.5px;color:var(--text-tertiary);font-weight:500}.shares-password-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:#ffffff0f;border:1px solid var(--glass-border)}.shares-password-text{font-family:Fira Code,SF Mono,monospace;font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.shares-mini-btn{width:22px!important;height:22px!important;min-width:22px;min-height:22px;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:4px;color:var(--text-secondary);background:#ffffff0f;border:1px solid var(--glass-border);cursor:pointer;transition:all .15s ease}.shares-mini-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.shares-logs-section{display:flex;flex-direction:column;gap:6px}.shares-logs-table{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.shares-log-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:5px;background:#ffffff05;font-size:11.5px;transition:background .15s ease}.shares-log-item:hover{background:#ffffff0f}.shares-log-ip{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shares-log-time{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.shares-logs-empty{font-size:12px;color:var(--text-tertiary);padding:6px 0}.shares-logs-more-btn{margin-top:8px;padding:6px 14px;font-size:12px;font-weight:500;border-radius:var(--radius-sm, 8px);align-self:center;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.shares-logs-more-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.shares-logs-more-btn{align-self:flex-start;font-size:11px;padding:4px 10px;margin-top:4px}.shares-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.mobile-header{display:none;align-items:center;gap:12px;padding:10px 16px;padding-top:calc(10px + var(--safe-top));background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);flex-shrink:0;position:sticky;top:0;z-index:100}.mobile-menu-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);display:flex;align-items:center;justify-content:center;width:38px;height:38px;cursor:pointer;transition:background var(--transition);flex-shrink:0}.mobile-menu-btn:active{background:var(--glass-hover)}.mobile-header-title{flex:1;font-size:15px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease both}.mobile-sidebar-close{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);margin-left:auto;transition:color var(--transition);flex-shrink:0;align-items:center;justify-content:center}.mobile-sidebar-close:hover{color:var(--text-primary)}.context-menu-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2099;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .2s ease both}.bottom-sheet-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:4px auto 12px;flex-shrink:0}.mobile-bottom-bar{display:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes sidebarSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){:root{--sidebar-width: 0px}.app{flex-direction:column;padding:0;gap:0;height:100dvh}.mobile-header{display:flex}.sidebar{display:none}.mobile-sidebar-open .sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(280px,85vw);z-index:2000;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));box-shadow:8px 0 48px #000000a6;animation:sidebarSlideIn .24s cubic-bezier(.2,1,.2,1) both;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.mobile-sidebar-close{display:flex}.main-content{border-radius:0;border:none;flex:1;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.breadcrumbs{padding:10px 12px;-webkit-overflow-scrolling:touch}.file-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:12px;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--mobile-bottom-bar-height))}.file-card{padding:18px 10px 14px;touch-action:manipulation;min-height:110px}.file-card-icon{font-size:36px}.file-card-name{font-size:12px;line-height:1.3;word-break:break-word}.file-card-meta{font-size:10px}.file-list{-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--mobile-bottom-bar-height))}.file-card:hover{transform:none;background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-inner-shadow)}.file-card:active{background:var(--glass-hover);border-color:#ffffff29;transform:scale(.96);transition:transform 80ms ease}.list-col-size,.list-col-date,.list-col-type{display:none}.file-toolbar{padding:8px 10px 10px;gap:8px}.selection-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding:8px 10px;padding-bottom:calc(8px + var(--safe-bottom));scrollbar-width:none}.selection-bar::-webkit-scrollbar{display:none}.preview-modal{width:100vw!important;height:100dvh!important;left:0!important;top:0!important;border-radius:0}.preview-resize-handle{display:none}.preview-header{cursor:default;padding-top:calc(10px + var(--safe-top))}.preview-footer{padding-bottom:calc(10px + var(--safe-bottom))}.settings-panel{width:92vw;max-width:400px;max-height:88dvh}.settings-body,.guide-scroll{max-height:58dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.ai-modal{width:92vw;max-width:480px;max-height:88dvh}.move-dialog{width:92vw;max-width:420px;max-height:88dvh}.share-dialog{width:92vw;max-width:400px}.shares-panel{width:92vw;max-width:520px;max-height:88dvh}.prompt-modal{width:92vw;max-width:340px}.login-card{width:calc(100vw - 32px);max-width:380px;padding:28px 20px}.context-menu-backdrop{display:block}.context-menu.mobile-bottom-sheet{position:fixed!important;bottom:0!important;left:0!important;top:auto!important;right:0!important;width:100%!important;max-width:100%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:0 0 calc(8px + var(--safe-bottom));animation:slideUp var(--spring-transition) both;visibility:visible!important;opacity:1!important;z-index:2100!important;flex-direction:column;display:flex}.context-menu.mobile-bottom-sheet.closing{animation:slideDown .2s ease forwards!important}.context-menu.mobile-bottom-sheet .context-item{padding:14px 20px;font-size:15px;gap:14px}.context-menu.mobile-bottom-sheet .context-sep{margin:4px 20px}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;padding:8px 12px;padding-bottom:calc(8px + var(--safe-bottom));background:#0a0a0eeb;border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);gap:10px;justify-content:center}.mobile-bottom-btn{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 6px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text-secondary);font-size:11px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-bottom-btn:active{color:#fff;background:#ffffff14;border-color:#ffffff1a;transform:scale(.94)}.mobile-bottom-btn svg{flex-shrink:0;opacity:.7;transition:opacity .2s}.mobile-bottom-btn:active svg{opacity:1}.breadcrumbs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media(max-width:390px){.file-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;padding-bottom:calc(16px + var(--mobile-bottom-bar-height))}.file-card-icon{font-size:28px}.file-card-name{font-size:10px}}body.no-selection *{user-select:none!important;-webkit-user-select:none!important}.glass-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.glass-checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.glass-checkbox-box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:1px solid var(--glass-border);background:#ffffff05;transition:all var(--transition)}.glass-checkbox-label:hover .glass-checkbox-box{border-color:#fff3;background:#ffffff0f}.glass-checkbox-input:checked~.glass-checkbox-box{background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 8px #ffffff40}.glass-checkbox-checkmark{display:none;stroke:#000;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.glass-checkbox-input:checked~.glass-checkbox-box .glass-checkbox-checkmark{display:block}.movi-pip-badge{font-size:10px;font-weight:700;color:#000;background:#fff;padding:1px 6px;border-radius:3px;margin-left:8px;flex-shrink:0}.movi-pip-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;min-height:270px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.movi-pip-placeholder span{font-size:14px}.movi-glow-canvas{position:absolute;top:-8%;left:-8%;width:116%;height:116%;z-index:1;filter:blur(60px) opacity(.65);pointer-events:none;border-radius:var(--radius-md);transition:opacity .5s ease}.movi-pip-placeholder-absolute{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#121218f0;border-radius:var(--radius-md);color:var(--text-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.movi-pip-placeholder-absolute span{font-size:14px}.pip-mode-window{width:100vw;height:100vh;position:relative;background:#000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.pip-mode-window .movi-canvas{width:100vw;height:100vh;display:block;object-fit:contain}.pip-mode-window .movi-controls{position:absolute;bottom:0;left:0;width:100%;padding:12px 16px;background:linear-gradient(to top,#000000f2,#0000);z-index:5;box-sizing:border-box;opacity:1!important;visibility:visible!important}.drag-target{background:#ffffff1f!important;border:1px dashed var(--accent)!important;box-shadow:0 0 12px #ffffff40!important}.md-preview{padding:24px;overflow-y:auto;line-height:1.6;text-align:left;-webkit-user-select:text;user-select:text;height:100%}.md-preview h1{font-size:24px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.md-preview h2{font-size:20px;margin-top:24px;margin-bottom:12px}.md-preview h3{font-size:16px;margin-top:16px;margin-bottom:8px}.md-preview p{margin-bottom:14px}.md-preview strong{color:var(--accent)}.md-preview ul{margin-left:20px;margin-bottom:14px}.md-preview li{margin-bottom:4px}.md-preview .md-code-block{background:#00000059;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:12px 16px;font-family:Geist Mono,monospace;font-size:13px;overflow-x:auto;margin:14px 0}.md-preview .md-inline-code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:Geist Mono,monospace;font-size:13px}.gallery-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#0a0a0abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:10}.gallery-controls button{padding:4px}.theme-options-wrap{display:flex;flex-direction:column;gap:16px;padding:8px}.color-picker-grid{display:flex;gap:10px;margin-top:6px}.color-picker-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.color-picker-dot:hover{transform:scale(1.15)}.color-picker-dot.active{border-color:#fff;box-shadow:0 0 8px #ffffff80}.footer-link{display:inline-block;transition:all .2s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:var(--accent)!important;transform:translateY(-1px);text-shadow:0 0 8px var(--accent)}.footer-link:active{transform:translateY(1px) scale(.96)}.footer-copy{display:inline-block;transition:all .2s cubic-bezier(.4,0,.2,1)}.footer-copy:hover{color:var(--text-primary)!important;text-shadow:0 0 8px var(--accent);transform:scale(1.02)}.footer-copy:active{transform:scale(.96)}@keyframes floatUpFade{0%{transform:translateY(0) scale(.3) rotate(-15deg);opacity:0;filter:blur(4px)}15%{transform:translateY(-8px) scale(1.2) rotate(8deg);opacity:1;filter:blur(0px)}50%{transform:translateY(-30px) scale(1) rotate(-5deg);opacity:1;filter:blur(0px)}80%{opacity:.7}to{transform:translateY(-65px) scale(1.4) rotate(20deg);opacity:0;filter:blur(3px)}}.excel-preview{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;border-radius:inherit}.excel-tabs{display:flex;gap:8px;padding:8px 16px;background:#ffffff05;border-bottom:1px solid var(--glass-border);overflow-x:auto}.excel-tab{padding:6px 12px;border-radius:6px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .15s ease}.excel-tab:hover{background:#ffffff14;color:var(--text-primary)}.excel-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.excel-table-container{flex:1;overflow:auto;padding:16px}.excel-table-container table{border-collapse:collapse;width:100%;font-size:13px;color:var(--text-secondary)}.excel-table-container th,.excel-table-container td{border:1px solid var(--glass-border);padding:8px 12px;text-align:left}.excel-table-container tr:nth-child(2n){background:#ffffff03}.share-dialog{max-height:90vh;display:flex;flex-direction:column;color:#fff!important}.share-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.share-custom-input{background:#00000080!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px!important;box-sizing:border-box;text-align:left!important;padding:10px 12px!important}.share-custom-input::placeholder{color:#ffffff59!important}.main-footer{width:100%;box-sizing:border-box;flex-shrink:0}.main-scroll-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;min-height:0}.file-grid,.file-list{overflow-y:visible!important;flex:1 0 auto!important;min-height:100%}.share-dialog,.prompt-modal,.move-dialog,.ai-modal,.shares-panel{z-index:2700!important}.share-dialog~.settings-backdrop,.settings-backdrop{z-index:2600!important}@media(max-width:768px){.share-dialog{width:94vw;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column}.share-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.main-footer{padding-bottom:calc(30px + var(--mobile-bottom-bar-height))!important}.main-footer div[title]{padding:8px 0;-webkit-tap-highlight-color:transparent}}.crumb-refresh{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:50%;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff05;border:1px solid rgba(255,255,255,.05);margin-left:6px;cursor:pointer}.crumb-refresh:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary);box-shadow:0 0 12px #ffffff14;transform:scale(1.08)}.crumb-refresh:active{transform:scale(.92)}.crumb-refresh svg,.refresh-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.crumb-refresh:hover:not(.spinning) svg,.refresh-btn:hover:not(.spinning) svg{transform:rotate(45deg)}.crumb-refresh.spinning svg,.refresh-btn.spinning svg{animation:spin .8s linear infinite;color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);height:6px;border-radius:3px}input[type=range]::-moz-range-track{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;background-color:var(--accent);border:1px solid var(--accent);height:14px;width:14px;border-radius:50%;box-shadow:0 0 8px #00000080;transition:all .2s cubic-bezier(.2,1,.2,1)}input[type=range]::-moz-range-thumb{border:none;background-color:var(--accent);border:1px solid var(--accent);height:14px;width:14px;border-radius:50%;box-shadow:0 0 8px #00000080;transition:all .2s cubic-bezier(.2,1,.2,1)}input[type=range]::-moz-range-progress{background-color:var(--accent);height:6px;border-radius:3px 0 0 3px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.95)}input[type=range]:active::-moz-range-thumb{transform:scale(.95)}.code-editor-container{display:flex;flex-direction:column;height:100%;width:100%;background:#0a0a0ef2;border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;position:relative;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace}.code-editor-scroll-pane{flex:1;min-height:0;overflow:auto;position:relative;display:flex;flex-direction:row;align-items:stretch;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:transparent}.code-editor-gutter{position:sticky;left:0;z-index:10;flex-shrink:0;align-self:flex-start;min-height:100%;background:#0d0d12;border-right:1px solid rgba(255,255,255,.08);padding:14px 10px 14px 12px;-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box}.code-editor-gutter-pre{margin:0;padding:0;font-family:inherit;font-size:13px;line-height:22px;text-align:right;color:var(--text-tertiary);opacity:.45;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;pointer-events:none;background:transparent;border:none;box-sizing:border-box}.code-editor-code-body{position:relative;flex:1;min-width:0;min-height:100%}.code-editor-code-stack{position:relative;width:100%;min-height:100%}.code-editor-pre{margin:0;padding:14px 16px;font-family:inherit;font-size:13px;line-height:22px;-moz-tab-size:2;tab-size:2;box-sizing:border-box;white-space:pre;color:#e6edf3;background:transparent;min-height:100%;width:100%}.code-editor-pre.in-editor{pointer-events:none;-webkit-user-select:none;user-select:none}.code-editor-pre.in-view{pointer-events:auto;-webkit-user-select:text;user-select:text}.code-editor-textarea-overlay{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:14px 16px;background:transparent;border:none;outline:none;resize:none;overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;color:transparent!important;caret-color:#38bdf8!important;font-family:inherit;font-size:13px;line-height:22px;-moz-tab-size:2;tab-size:2;white-space:pre;box-sizing:border-box;z-index:2}.code-editor-textarea-overlay::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.code-editor-textarea-overlay::selection{background:#38bdf84d;color:transparent}.code-editor-statusbar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;font-family:inherit;flex-shrink:0}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:12px}.statusbar-badge{padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-primary);font-size:10px;font-weight:600;letter-spacing:.5px}.lang-badge{background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.modified-badge{background:#ffb40026;color:#ffb400;border:1px solid rgba(255,180,0,.3)}.file-star-badge{color:gold;margin-left:6px;display:inline-flex;align-items:center;font-size:12px;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.file-tag-pill{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;margin-left:6px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.fav-filter-btn.active{background:#ffd70026!important;border-color:#ffd70066!important;color:gold!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8b949e;font-style:italic}.token.punctuation{color:#c9d1d9}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#79c0ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a5d6ff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#7ee787}.token.atrule,.token.attr-value,.token.keyword{color:#ff7b72;font-weight:500}.token.function,.token.class-name{color:#d2a8ff}.token.regex,.token.important,.token.variable{color:#ffa657}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.qr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);z-index:3100!important;animation:fadeIn .2s ease both}.qr-backdrop.closing{animation:fadeOut .2s ease forwards}.qr-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:min(380px,92vw);background:var(--bg-secondary, #121212);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 24px 60px #000000d9,0 0 0 1px #ffffff1f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:3200!important;overflow:hidden;animation:modalInCentered .2s cubic-bezier(.16,1,.3,1)}.qr-modal.closing{animation:modalOutCentered .2s cubic-bezier(.16,1,.3,1) forwards}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.qr-modal-title{font-size:15px;font-weight:600;color:var(--text-primary)}.qr-modal-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.qr-file-name{font-size:13px;font-weight:500;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-card{padding:14px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0006}.qr-image{display:block;border-radius:4px}.qr-hint{font-size:12px;color:var(--text-tertiary);text-align:center;line-height:1.4}.qr-link-row{display:flex;gap:8px;width:100%}.qr-copy-btn{font-size:12px;padding:6px 12px;white-space:nowrap}.trash-items-list{display:flex;flex-direction:column;gap:8px}.trash-item-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;transition:all .15s ease}.trash-item-card:hover{background:#ffffff0f;border-color:#ffffff1f}.trash-item-icon{font-size:20px;flex-shrink:0}.trash-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.trash-item-name{font-size:13.5px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary)}.trash-item-path{font-size:10.5px;color:var(--text-tertiary);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.trash-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.trash-restore-btn{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:5px 10px;color:#10b981}.trash-delete-btn{color:#f43f5e;opacity:.7}.trash-delete-btn:hover{opacity:1;color:#f43f5e}.multiwindow-dock{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;background:#121212d9;border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 36px #000000b3,0 0 0 1px #ffffff0f;z-index:1999;max-width:90vw;overflow-x:auto}.dock-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.dock-pill:hover{background:#ffffff1a;color:var(--text-primary)}.dock-pill.focused{background:#ffffff26;border-color:var(--accent, #ffffff);color:var(--text-primary);font-weight:500}.dock-pill.minimized{opacity:.6}.dock-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent, #10b981)}.dock-pill-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.dock-pill-close{opacity:.5;font-size:10px;padding:2px 4px;border-radius:4px}.dock-pill-close:hover{opacity:1;background:#ffffff26}.zip-viewer-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.zip-viewer-header{padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.zip-viewer-stats{display:flex;align-items:center;gap:8px}.zip-stat-badge{padding:4px 10px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);font-size:12px;color:var(--text-secondary);font-weight:500}.zip-viewer-actions{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;min-width:0}.zip-search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:220px;min-width:130px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0 8px;transition:border-color .15s,background .15s}.zip-search-wrap:focus-within{background:#ffffff17;border-color:var(--accent, #ffffff)}.zip-search-input{width:100%;padding:6px 4px;font-size:12.5px;background:transparent;border:none;color:#fff;outline:none}.zip-search-input::placeholder{color:#ffffff80;font-size:12px}.zip-search-clear{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;font-size:11px}.zip-search-clear:hover{color:#fff}.zip-segmented-control{display:inline-flex;align-items:center;background:#0006;border:1px solid var(--glass-border);border-radius:8px;padding:2px;gap:2px;flex-shrink:0}.zip-segment-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;font-size:11.5px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease;line-height:1.2}.zip-segment-btn:hover{color:var(--text-primary);background:#ffffff0d}.zip-segment-btn.active{background:var(--glass-active, rgba(255, 255, 255, .14));border-color:#ffffff29;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d}.zip-segment-btn svg{opacity:.85}.zip-segment-btn.active svg{opacity:1}.zip-download-all-btn{font-size:12px;padding:6px 12px;font-weight:600;white-space:nowrap}.zip-breadcrumbs-bar{display:flex;align-items:center;gap:4px;padding:6px 16px;background:#ffffff04;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;font-size:12px}.zip-crumb-wrap{display:flex;align-items:center;gap:4px}.zip-crumb-sep{color:var(--text-tertiary);font-size:11px}.zip-crumb-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:12px;transition:color .15s,background .15s}.zip-crumb-btn:hover{color:var(--text-primary);background:var(--glass-hover)}.zip-crumb-btn.current{color:var(--accent, #ffffff);font-weight:600}.zip-folder-row{background:#ffffff06;font-weight:500}.zip-folder-row:hover{background:#ffffff12}.zip-folder-count{font-size:11px;color:var(--text-tertiary);margin-left:6px}.zip-viewer-list{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.zip-entry-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);background:#ffffff04;border:1px solid rgba(255,255,255,.03);transition:transform .15s,background .15s,border-color .15s}.zip-entry-row:hover{background:var(--glass-hover);border-color:var(--glass-border);color:var(--text-primary);transform:translate(2px)}.zip-entry-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin-right:14px}.zip-entry-icon{font-size:15px;flex-shrink:0}.zip-entry-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Geist Mono,monospace;font-size:12.5px}.zip-entry-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.zip-entry-size{font-size:12px;color:var(--text-tertiary);min-width:60px;text-align:right}.zip-download-btn{font-size:11.5px;padding:4px 10px;border-radius:6px;font-weight:500}.zip-empty-search{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:13px}.guide-tab-body{padding:20px!important;overflow-y:auto!important;max-height:none!important;height:100%!important;flex:1!important}.preview-media-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background:#000;position:relative}.preview-video-player{max-width:100%;max-height:calc(100% - 40px);outline:none}.preview-video-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#121212bf;border-top:1px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box;justify-content:center}.zip-entry-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.zip-inspect-btn{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:500;color:var(--text-secondary)}.zip-inspect-btn:hover{color:#fff;background:#ffffff1f}.zip-file-viewer{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary, #0d0d0d);overflow:hidden}.zip-file-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0006;border-bottom:1px solid var(--glass-border);flex-shrink:0}.zip-back-btn{font-size:12px;font-weight:600;padding:5px 12px;flex-shrink:0}.zip-file-title-wrap{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.zip-file-title{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zip-file-path-sub{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.zip-file-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.zip-action-btn{font-size:12px;padding:5px 12px;border-radius:6px;font-weight:500;white-space:nowrap;transition:all .15s ease}.zip-action-btn.active{background:var(--glass-active, rgba(255, 255, 255, .16));border-color:var(--accent, #ffffff);color:#fff;font-weight:600}.zip-action-btn.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}.zip-save-btn{background:#10b98129!important;border:1px solid rgba(16,185,129,.35)!important;color:#10b981!important;font-weight:600!important}.zip-save-btn:hover:not(:disabled){background:#10b98147!important;border-color:#10b98199!important;color:#fff!important}.zip-save-btn.success{background:#10b9814d!important;border-color:#10b981!important;color:#fff!important;box-shadow:0 0 12px #10b9814d}.zip-save-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid rgba(16,185,129,.3);border-radius:50%;border-top-color:#10b981;animation:spin .8s linear infinite}.zip-file-body{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0}.zip-viewer-loading,.zip-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;gap:12px;color:var(--text-secondary);font-size:13px}.zip-image-preview-wrap,.zip-media-preview-wrap{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#0009;padding:20px;box-sizing:border-box}.zip-preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 12px 36px #0009}.zip-preview-media{max-width:100%;max-height:100%;outline:none;border-radius:8px}.font-viewer-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary, #0d0d0d);overflow:hidden}.font-viewer-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0006;border-bottom:1px solid var(--glass-border);gap:12px;flex-wrap:wrap;flex-shrink:0}.font-presets-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.font-preset-btn{font-size:11.5px;padding:4px 10px;border-radius:6px;color:var(--text-secondary)}.font-preset-btn.active{background:var(--glass-active, rgba(255, 255, 255, .16));border-color:var(--accent, #ffffff);color:#fff;font-weight:600}.font-size-slider-wrap{display:flex;align-items:center;gap:8px}.font-size-slider{width:120px;accent-color:var(--accent, #ffffff);cursor:pointer}.font-size-val{font-size:12px;color:var(--accent, #ffffff);min-width:36px}.font-viewer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.font-test-area-wrap{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px}.font-test-textarea{width:100%;min-height:120px;background:transparent;border:none;outline:none;color:var(--text-primary);resize:vertical;line-height:1.4;word-break:break-word}.font-waterfall-section{display:flex;flex-direction:column;gap:12px}.font-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.font-waterfall-list{display:flex;flex-direction:column;gap:16px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px}.font-waterfall-row{display:flex;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}.font-waterfall-row:last-child{border-bottom:none;padding-bottom:0}.font-waterfall-size{font-size:11px;color:var(--text-tertiary);width:40px;flex-shrink:0}.font-waterfall-text{color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:240px;gap:12px;color:var(--text-secondary);font-size:13px}.csv-viewer-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary, #0d0d0d);overflow:hidden}.csv-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0006;border-bottom:1px solid var(--glass-border);gap:12px;flex-shrink:0}.csv-stats{display:flex;align-items:center;gap:8px}.csv-badge{font-size:11.5px;padding:3px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-secondary)}.csv-search-wrap{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;padding:0 8px;max-width:280px;flex:1}.csv-search-input{width:100%;padding:4px 6px;background:transparent;border:none;outline:none;font-size:12px;color:#fff}.csv-search-clear{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;font-size:11px}.csv-raw-btn{font-size:11.5px;padding:4px 10px}.csv-table-scroll{flex:1;overflow:auto;position:relative}.csv-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left;user-select:text!important;-webkit-user-select:text!important}.csv-table th{position:sticky;top:0;background:#141418;color:var(--text-primary);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--glass-border);border-right:1px solid rgba(255,255,255,.05);white-space:nowrap;z-index:1;user-select:text!important;-webkit-user-select:text!important;cursor:text}.csv-table td{padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.03);color:var(--text-secondary);white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis;user-select:text!important;-webkit-user-select:text!important;cursor:text}.csv-table tr:hover td{background:#ffffff0a;color:var(--text-primary)}.csv-row-index{width:44px;min-width:44px;text-align:center;color:var(--text-tertiary)!important;background:#ffffff05!important;font-family:monospace;font-size:11px;-webkit-user-select:none!important;user-select:none!important}.md-code-block,.md-inline-code{user-select:text!important;-webkit-user-select:text!important;cursor:text}.three-d-viewer-container{display:flex;flex-direction:column;height:100%;width:100%;background:#000;overflow:hidden;position:relative}.three-d-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#121216cc;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;z-index:2}.three-d-badge{font-size:12px;color:var(--text-primary);font-weight:500}.three-d-btn{font-size:11.5px;padding:3px 10px;border-radius:6px}.three-d-btn.active{background:#38bdf833;border-color:#38bdf8;color:#38bdf8}.three-d-hint{font-size:11px;color:var(--text-tertiary)}.three-d-canvas-wrap{flex:1;position:relative;overflow:hidden}.three-d-canvas{width:100%;height:100%;display:block;cursor:grab}.three-d-canvas:active{cursor:grabbing}.html-studio-container{display:flex;flex-direction:column;width:100%;height:100%;background:#0a0a0efa;overflow:hidden;position:relative}.html-studio-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:8px;z-index:10;flex-wrap:wrap}.html-studio-toolbar-left,.html-studio-toolbar-right{display:flex;align-items:center;gap:8px}.html-segmented-control{display:inline-flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:2px;gap:2px}.html-seg-btn{background:transparent;border:none;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.html-seg-btn:hover{color:var(--text-primary);background:#ffffff0a}.html-seg-btn.active{background:#ffffff26;color:#fff;font-weight:600;box-shadow:0 1px 4px #0000004d}.html-studio-divider{width:1px;height:16px;background:#ffffff1a;margin:0 2px}.html-tool-btn{padding:4px 6px;border-radius:4px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.html-tool-btn:hover{color:var(--text-primary);background:#ffffff14}.html-device-presets{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px;gap:2px}.html-device-btn{background:transparent;border:none;border-radius:4px;padding:2px 7px;font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.html-device-btn:hover{color:var(--text-primary)}.html-device-btn.active{background:#ffffff1f;color:#fff;font-weight:600}.html-console-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.html-console-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.html-console-toggle.open{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.html-console-toggle.has-errors{border-color:#ef444466;color:#f87171}.html-error-badge{background:#ef4444;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:14px;text-align:center}.html-studio-body{display:flex;flex:1;min-height:0;width:100%;position:relative;overflow:hidden}.html-studio-body.mode-split{flex-direction:row}.html-studio-body.mode-split .html-studio-editor-pane{flex:1;width:50%;height:100%;min-width:0;border-right:1px solid rgba(255,255,255,.08)}.html-studio-body.mode-split .html-studio-preview-pane{flex:1;width:50%;height:100%;min-width:0}.html-studio-body.mode-code .html-studio-editor-pane{width:100%;flex:1;height:100%;border-right:none}.html-studio-body.mode-preview .html-studio-preview-pane{width:100%;flex:1;height:100%}.html-studio-editor-pane{display:flex;flex-direction:column;height:100%;overflow:hidden}.html-studio-preview-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141418;overflow:auto;padding:0;position:relative}.html-preview-frame-wrap{height:100%;transition:width .2s ease;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 20px #0006;overflow:hidden}.html-live-iframe{width:100%;height:100%;border:none;background:#fff;display:block}.html-console-drawer{background:#0c0c10;display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;flex-shrink:0;z-index:15;box-sizing:border-box;overflow:hidden}.html-console-header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);min-width:0;gap:6px;flex-shrink:0}.html-console-header-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.html-console-title{font-weight:600;color:var(--text-primary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.html-console-count{color:var(--text-tertiary);font-size:10px;flex-shrink:0}.html-console-header-right{display:flex;align-items:center;gap:3px;flex-shrink:0}.html-console-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:3px 6px;color:var(--text-secondary);font-size:10.5px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;line-height:1}.html-console-action-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff29}.html-console-action-btn.copied{color:#10b981;border-color:#10b9814d;background:#10b9811a}.html-console-action-btn.close-btn:hover{background:#ef44442e;border-color:#ef4444;color:#f87171}.html-console-logs{flex:1;min-height:0;height:100%;overflow-y:auto;overflow-x:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;user-select:text!important;-webkit-user-select:text!important;cursor:text;box-sizing:border-box}.html-console-empty{color:var(--text-tertiary);font-style:italic;padding:16px 0;text-align:center;-webkit-user-select:none;user-select:none}.html-console-row{display:flex;align-items:flex-start;gap:8px;line-height:18px;word-break:break-all;user-select:text!important;-webkit-user-select:text!important;cursor:text}.html-console-row.level-error{color:#f87171;background:#ef444414;border-radius:3px;padding:1px 4px}.html-console-row.level-warn{color:#fbbf24;background:#fbbf2414;border-radius:3px;padding:1px 4px}.html-console-row.level-info{color:#60a5fa}.html-console-row.level-log{color:#e2e8f0}.html-log-time{color:var(--text-tertiary);font-size:10px;flex-shrink:0;-webkit-user-select:none;user-select:none}.html-log-badge{font-size:9px;font-weight:700;padding:0 4px;border-radius:3px;flex-shrink:0;-webkit-user-select:none;user-select:none}.html-log-badge.level-error{background:#ef444440;color:#ef4444}.html-log-badge.level-warn{background:#fbbf2440;color:#f59e0b}.html-log-badge.level-info{background:#60a5fa40;color:#3b82f6}.html-log-badge.level-log{background:#ffffff1a;color:#94a3b8}.html-log-text{flex:1;white-space:pre-wrap;user-select:text!important;-webkit-user-select:text!important;cursor:text}.html-console-logs pre{user-select:text!important;-webkit-user-select:text!important;cursor:text}.studio-resizer{position:relative;background:#ffffff05;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;z-index:30;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex-shrink:0}.studio-resizer:hover,.resizing-active .studio-resizer{background:#38bdf826;border-color:#38bdf866}.studio-resizer.resizer-vertical{width:14px;cursor:col-resize;height:100%}.studio-resizer.resizer-horizontal{height:14px;cursor:row-resize;width:100%;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);border-left:none;border-right:none}.resizer-knob{background:#fff6;border-radius:999px;transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:none;box-shadow:0 1px 4px #00000080}.resizer-vertical .resizer-knob{width:6px;height:80px}.resizer-horizontal .resizer-knob{height:6px;width:80px}.studio-resizer:hover .resizer-knob,.resizing-active .studio-resizer .resizer-knob{background:linear-gradient(180deg,#38bdf8,#0ea5e9);box-shadow:0 0 14px #38bdf8f2,inset 0 0 4px #fff6;transform:scale(1.1)}.resizing-active{-webkit-user-select:none!important;user-select:none!important}.resizing-active iframe{pointer-events:none!important}.html-studio-body.layout-side{flex-direction:row}.html-console-drawer.layout-bottom{width:100%!important;border-top:1px solid rgba(255,255,255,.08);border-left:none;border-right:none}.html-console-drawer.layout-right,.html-console-drawer.layout-side{height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch!important;border-top:none;border-left:1px solid rgba(255,255,255,.08);border-right:none;flex:none!important}.html-console-drawer.layout-left{height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch!important;border-top:none;border-right:1px solid rgba(255,255,255,.08);border-left:none;flex:none!important}.floating-console-window{position:fixed!important;z-index:2500!important;display:flex!important;flex-direction:column!important;background:#0d1117f5!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;box-shadow:0 30px 80px #000000e6,0 0 0 1px #ffffff1a!important;overflow:hidden!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;-webkit-user-select:none;user-select:none}.floating-console-window:after{display:none!important}.floating-console-window .html-console-header{padding:8px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;cursor:-webkit-grab}.floating-console-window .html-console-header:active{cursor:grabbing;cursor:-webkit-grabbing}.floating-console-window .html-console-header-right{gap:6px;flex-wrap:nowrap}.floating-console-window .html-console-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;border-radius:6px;line-height:1}.pip-modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;background:#000000c7!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:30px 16px!important;box-sizing:border-box!important;animation:fadeIn .15s ease}.pip-modal-card{width:100%!important;max-width:820px!important;max-height:calc(100vh - 60px)!important;background:#0d1117!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;box-shadow:0 30px 90px #000000f2,0 0 0 1px #ffffff14!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:auto!important;animation:modalIn .2s cubic-bezier(.2,1,.2,1)}.pip-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.pip-modal-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pip-modal-body{padding:18px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.pip-package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.pip-package-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:all .15s ease;position:relative}.pip-package-card:hover{background:#ffffff0d;border-color:#38bdf859}.pip-package-name{font-size:13px;font-weight:700;color:#38bdf8;display:flex;align-items:center;justify-content:space-between;gap:8px}.pip-package-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.4;flex:1}.pip-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.pip-card-btns-right{display:flex;align-items:center;gap:4px}.pip-snippet-btn{font-size:10.5px;padding:4px 8px;border-radius:5px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:#38bdf8;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.pip-snippet-btn:hover{background:#38bdf840;border-color:#38bdf8}.pip-mini-action-btn{padding:3px 6px;font-size:11px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.pip-mini-action-btn:hover{background:#ffffff1f;color:#fff}.pip-mini-action-btn.delete:hover{background:#ef444433;border-color:#ef4444;color:#f87171}.pip-edit-box{background:#ffffff05;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:fadeIn .15s ease}.pip-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.pip-edit-field{display:flex;flex-direction:column;gap:4px}.pip-edit-label{font-size:11px;color:var(--text-tertiary);font-weight:500}.pip-edit-input{width:100%;padding:7px 10px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:12px;outline:none;box-sizing:border-box}.pip-edit-input:focus{border-color:#38bdf8}.pip-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.copilot-drawer{position:absolute;top:0;right:0;width:440px;max-width:90vw;height:100%;background:#0a0a0ef5;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:-8px 0 32px #0009;z-index:50;display:flex;flex-direction:row;animation:slideLeft .22s cubic-bezier(.16,1,.3,1)}.copilot-drawer.docked{position:relative;top:auto;right:auto;flex:none;z-index:10;box-shadow:none;animation:fadeIn .15s ease}.copilot-resizer-bar{width:14px;flex-shrink:0;height:100%;cursor:col-resize;z-index:35;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;background:#ffffff05;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.copilot-resizer-bar:hover,.copilot-drawer.resizing .copilot-resizer-bar,.resizing-active .copilot-resizer-bar{background:#38bdf826;border-color:#38bdf866}.copilot-resizer-bar .resizer-knob{width:6px;height:80px;background:#fff6;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 1px 4px #00000080;transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.knob-dot{width:2.5px;height:2.5px;background:#00000073;border-radius:50%;transition:all .15s ease}.copilot-resizer-bar:hover .resizer-knob,.copilot-drawer.resizing .copilot-resizer-bar .resizer-knob,.resizing-active .copilot-resizer-bar .resizer-knob{background:linear-gradient(180deg,#38bdf8,#0ea5e9);box-shadow:0 0 14px #38bdf8f2,inset 0 0 4px #fff6;transform:scaleY(1.08) scaleX(1.15)}.copilot-resizer-bar:hover .knob-dot,.copilot-drawer.resizing .copilot-resizer-bar .knob-dot,.resizing-active .copilot-resizer-bar .knob-dot{background:#ffffffe6}.copilot-main-panel{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.copilot-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.copilot-title{display:flex;align-items:center;gap:8px}.copilot-sparkle{font-size:16px;filter:drop-shadow(0 0 6px rgba(56,189,248,.6))}.copilot-title-text{font-weight:700;font-size:14px;letter-spacing:-.01em;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.copilot-model-badge{font-size:10px;font-family:Geist Mono,monospace;padding:2px 6px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;border-radius:999px}.copilot-close-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.copilot-close-btn:hover{background:#ffffff1a;color:#fff}.copilot-modes-section{display:flex;flex-direction:column;gap:6px;padding:10px 14px 8px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.06)}.copilot-modes-header{display:flex;align-items:center;justify-content:space-between}.copilot-modes-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary, #8b949e)}.copilot-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#ffffff08;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.06);width:100%;box-sizing:border-box}.copilot-mode-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-secondary, #9ca3af);font-size:11.5px;font-weight:500;cursor:pointer;transition:all .16s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:0;box-sizing:border-box}.copilot-mode-tab:hover{background:#ffffff0f;color:#fff}.copilot-mode-tab.active{background:#38bdf829;border-color:#38bdf866;color:#38bdf8;font-weight:600;box-shadow:0 0 12px #38bdf826,inset 0 0 8px #38bdf814}.copilot-mode-tab-icon{font-size:13px;line-height:1;flex-shrink:0}.copilot-mode-tab-label{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-mode-info{padding:2px 2px 0}.copilot-mode-desc{font-size:10.5px;color:var(--text-tertiary, #9ca3af);line-height:1.35}.copilot-input-box{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;background:#ffffff04}.copilot-textarea{width:100%;padding:8px 10px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:12px;line-height:1.4;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .15s ease}.copilot-textarea:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf826}.copilot-input-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.copilot-prompt-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1}.copilot-chip{font-size:10px;padding:3px 6px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-tertiary);cursor:pointer;white-space:nowrap}.copilot-chip:hover{background:#ffffff1a;color:#fff}.copilot-send-btn{padding:6px 12px;font-size:11px;font-weight:600;border-radius:6px;background:#0284c7;border:none;color:#fff;cursor:pointer;white-space:nowrap;transition:background .15s ease}.copilot-send-btn.primary-glow{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(56,189,248,.4);box-shadow:0 0 14px #0284c759;font-weight:600;font-size:11.5px;transition:all .15s ease}.copilot-send-btn.primary-glow:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 0 20px #38bdf880;transform:translateY(-1px)}.copilot-key-hint{font-size:10px;opacity:.7;padding:1px 4px;background:#0000004d;border-radius:3px;font-family:monospace}.copilot-mini-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.copilot-send-btn:hover:not(:disabled){background:#0369a1}.copilot-send-btn:disabled{opacity:.5;cursor:not-allowed}.copilot-output-area{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.copilot-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 10px;gap:12px}.copilot-spinner{width:32px;height:32px;border:3px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 16px #38bdf84d}.copilot-loading-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:-.01em}.copilot-loading-text{font-size:12px;color:var(--text-secondary)}.copilot-error-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:12px}.copilot-result-box{display:flex;flex-direction:column;gap:12px}.copilot-apply-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:8px}.copilot-apply-btn{flex:1;padding:8px 14px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s cubic-bezier(.16,1,.3,1)}.copilot-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98180;background:linear-gradient(135deg,#34d399,#059669)}.copilot-apply-btn.applied{background:#047857;box-shadow:none}.copilot-append-btn{padding:8px 12px;font-size:11.5px;font-weight:600;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);border-radius:6px;color:#38bdf8;cursor:pointer;white-space:nowrap;transition:all .15s ease}.copilot-append-btn:hover{background:#38bdf840;border-color:#38bdf8;color:#fff;transform:translateY(-1px)}.copilot-append-btn.applied{background:#0284c7;color:#fff;border-color:#0284c7}.copilot-copy-code-btn{padding:8px 12px;font-size:11px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease}.copilot-copy-code-btn:hover{background:#ffffff26}.copilot-explanation-content{font-size:13px;line-height:1.6;color:var(--text-secondary)}.copilot-explanation-content strong{color:#fff}.copilot-inline-code{font-family:Geist Mono,monospace;font-size:11px;padding:2px 4px;border-radius:4px;background:#ffffff14;color:#38bdf8}.copilot-code-preview-wrap{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#08080a}.copilot-code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--text-tertiary)}.copilot-mini-copy{background:none;border:none;color:#38bdf8;font-size:11px;cursor:pointer}.copilot-code-pre{margin:0;padding:10px;font-family:Geist Mono,monospace;font-size:11px;line-height:1.45;overflow-x:auto;color:#e4e4e7}.copilot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;gap:8px;opacity:.6}.copilot-placeholder-icon{font-size:32px}.copilot-placeholder-title{font-weight:600;font-size:14px;color:#fff}.copilot-placeholder-desc{font-size:12px;color:var(--text-tertiary);max-width:280px;line-height:1.4}.universal-sandbox-container{display:flex;flex-direction:column;width:100%;height:100%;background:#09090b;position:relative;overflow:hidden}.sandbox-top-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.sandbox-toolbar-left,.sandbox-toolbar-center,.sandbox-toolbar-right{display:flex;align-items:center;gap:8px}.sandbox-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;letter-spacing:.02em}.sandbox-view-toggles{display:flex;background:#0000004d;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.sandbox-btn{padding:4px 10px;font-size:11px;font-weight:500;background:transparent;border:none;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .15s ease}.sandbox-btn.active{background:#ffffff1f;color:#fff}.sandbox-device-pills{display:flex;background:#0000004d;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.sandbox-pill{padding:4px 8px;font-size:11px;background:transparent;border:none;color:var(--text-tertiary);border-radius:4px;cursor:pointer;transition:all .15s ease}.sandbox-pill.active{background:#ffffff1a;color:#fff}.sandbox-icon-btn{padding:5px 9px;font-size:11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-secondary);cursor:pointer}.sandbox-icon-btn.active{background:#ffffff1f;color:#fff;border-color:#fff3}.sandbox-copilot-trigger{padding:5px 10px;font-size:11px;font-weight:600;background:#38bdf826;border:1px solid rgba(56,189,248,.35);border-radius:6px;color:#38bdf8;cursor:pointer;transition:all .15s ease}.sandbox-copilot-trigger.active,.sandbox-copilot-trigger:hover{background:#38bdf840;border-color:#38bdf8;color:#fff}.sandbox-save-btn{padding:5px 12px;font-size:11px;font-weight:600;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer}.sandbox-workspace{display:flex;flex:1;position:relative;overflow:hidden}.sandbox-editor-pane{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);height:100%}.sandbox-preview-pane{display:flex;flex-direction:column;height:100%;position:relative;background:#020204;align-items:center;justify-content:center;overflow:hidden}.sandbox-iframe-wrapper{width:100%;height:100%;display:flex;transition:max-width .2s ease}.sandbox-iframe-wrapper.device-tablet{max-width:768px;box-shadow:0 0 40px #000c;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.sandbox-iframe-wrapper.device-mobile{max-width:375px;box-shadow:0 0 40px #000c;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.sandbox-iframe{width:100%;height:100%;border:none;background:#000}.sandbox-console-drawer{position:absolute;bottom:0;left:0;width:100%;height:160px;background:#0a0a0ef2;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;z-index:10}.sandbox-console-header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:#ffffff08;font-size:11px;color:var(--text-tertiary);border-bottom:1px solid rgba(255,255,255,.05)}.sandbox-console-clear{background:none;border:none;color:var(--text-tertiary);font-size:10px;cursor:pointer}.sandbox-console-body{flex:1;overflow-y:auto;padding:6px 10px;font-family:Geist Mono,monospace;font-size:11px;display:flex;flex-direction:column;gap:4px}.console-log-row{display:flex;gap:8px}.console-log-row.error{color:#f87171}.console-log-row.warn{color:#fbbf24}.console-log-row.log{color:#e4e4e7}.console-log-row.info{color:#38bdf8}.log-time{color:var(--text-tertiary);font-size:10px}.console-empty{color:var(--text-tertiary);font-style:italic;padding:10px 0}.youtube-player-container{position:relative;background:#000;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.yt-btn{background:transparent;border:none;color:#f1f1f1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:transform .12s ease,background .12s ease,color .12s ease;outline:none}.yt-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.08)}.yt-btn:active{transform:scale(.95)}.yt-btn.active{color:red}.yt-volume-wrapper{position:relative}.yt-volume-slider-box{width:0;overflow:hidden;transition:width .2s cubic-bezier(.2,.9,.3,1);display:flex;align-items:center}.yt-volume-wrapper:hover .yt-volume-slider-box,.yt-volume-slider-box:focus-within{width:60px;margin-left:4px}.yt-volume-slider{width:54px;height:3px;cursor:pointer;accent-color:#ff0000;margin:0}.yt-toggle-pill{width:32px;height:18px;background:#ffffff40;border-radius:9px;position:relative;transition:background .2s ease;cursor:pointer}.yt-toggle-pill.active{background:red}.yt-toggle-knob{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s cubic-bezier(.2,.9,.3,1)}.yt-toggle-pill.active .yt-toggle-knob{transform:translate(14px)}.yt-menu-item{transition:background .12s ease}.yt-menu-item:hover{background:#ffffff1a}.yt-buffering-ring{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:red;border-radius:50%;animation:ytSpin .75s linear infinite}@keyframes ytSpin{to{transform:rotate(360deg)}}@keyframes ytCenterPop{0%{transform:scale(.6);opacity:.9}50%{transform:scale(1.15);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes ytSkipFade{0%{opacity:0;transform:scale(.9)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes ytOsdFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ytMenuPop{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}