@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--background:#f8fafc;--foreground:#0f172a;--border:#e2e8f0;--input:#fff;--primary:#0284c7;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#334155;--muted:#f1f5f9;--muted-foreground:#64748b;--success:#059669;--success-foreground:#fff;--accent:#f59e0b;--accent-foreground:#fff;--destructive:#dc2626;--destructive-foreground:#fff;--warning:#ea580c;--warning-foreground:#fff;--card:#fff;--card-foreground:#0f172a;--sidebar:#f1f5f9;--sidebar-foreground:#0f172a;--sidebar-primary:#0284c7;--sidebar-primary-foreground:#fff;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--font-family-body:"Space Grotesk","Space Grotesk Fallback",sans-serif}body.dark-theme{--background:#0f0f0f;--foreground:#f5f5f5;--border:#2a2a2a;--input:#1a1a1a;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#1f1f1f;--secondary-foreground:#d4d4d4;--muted:#262626;--muted-foreground:#a3a3a3;--success:#22c55e;--success-foreground:#fff;--accent:#f59e0b;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--warning:#f97316;--warning-foreground:#fff;--card:#171717;--card-foreground:#f5f5f5;--sidebar:#1a1a1a;--sidebar-foreground:#f5f5f5;--sidebar-primary:#3b82f6;--sidebar-primary-foreground:#fff}*{box-sizing:border-box;font-family:var(--font-family-body)}body{background-color:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-size:15px}#root{min-height:100vh}.panel{flex-direction:column;display:flex}.panel-left{background-color:var(--sidebar);border-right:1px solid var(--border);width:320px}.panel-right{flex:1;padding:12px;overflow-y:auto}.panel-title{color:var(--foreground);font-size:15px;font-weight:600}.org-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:12px;display:grid}.org-card{background-color:var(--card);border-radius:var(--radius-md);cursor:pointer;padding:12px;transition:background-color .15s}.org-card:hover{background-color:var(--secondary)}.org-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.org-card-name{color:var(--foreground);font-size:16px;font-weight:600}.org-card-meta{color:var(--muted-foreground);gap:12px;margin-bottom:8px;font-size:13px;display:flex}.org-card-actions{gap:8px;display:flex}.status-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-active{color:var(--success);background-color:#10b98126}.status-suspended{color:var(--destructive);background-color:#ff5a5f26}.status-invited{color:#3b82f6;background-color:#3b82f626}.status-expiring{color:var(--warning);background-color:#ff8a0026}.org-detail-header{margin-bottom:12px;overflow:visible}.org-summary-card{border-radius:var(--radius-md);background-color:var(--card);justify-content:space-between;gap:16px;margin-bottom:12px;padding:12px;display:flex;overflow:visible}.org-summary-actions{overflow:visible}.org-summary-main{flex-direction:column;gap:4px;display:flex}.org-summary-name{color:var(--foreground);margin-bottom:4px;font-size:20px;font-weight:600}.org-summary-id{color:var(--muted-foreground);font-size:13px}.org-summary-meta{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.org-summary-meta-item{flex-direction:column;gap:2px;display:flex}.org-summary-meta-item .label{color:var(--muted-foreground);font-size:12px}.org-summary-meta-item .value{color:var(--foreground);font-size:14px;font-weight:500}.org-summary-actions{align-items:flex-start;gap:8px;display:flex}.org-summary-status{align-items:center;gap:6px;display:flex}.org-summary-status .label{color:var(--muted-foreground);font-size:12px}.org-subscription{border-radius:var(--radius-md);background-color:var(--card);flex-direction:column;gap:10px;padding:12px;display:flex}.subscription-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:16px;display:grid}.subscription-grid .label{color:var(--muted-foreground);margin-bottom:4px;font-size:12px}.subscription-grid .value{color:var(--foreground);font-size:14px;font-weight:500}.tabs-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:16px;display:flex}.tabs-list{gap:4px;display:flex}.tab-item{color:var(--muted-foreground);cursor:pointer;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px;font-weight:500;transition:all .15s}.tab-item:hover{color:var(--foreground)}.tab-item.active{color:var(--foreground);border-bottom-color:var(--primary)}.tab-extra-actions{gap:8px;display:flex}.tab-panel{padding-top:12px}.table-card{background-color:var(--card);border-radius:var(--radius-md);overflow:hidden}.user-table-header{background-color:var(--input);color:var(--muted-foreground);border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1.5fr .8fr .8fr 1fr .8fr;padding:10px 12px;font-size:13px;font-weight:500;display:grid}.user-table-row{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1.5fr .8fr .8fr 1fr .8fr;align-items:center;padding:10px 12px;font-size:14px;display:grid}.user-table-row:last-child{border-bottom:none}.user-table-row:hover{background-color:var(--secondary)}.user-name{color:var(--foreground);font-weight:500}.user-meta{color:var(--muted-foreground);font-size:12px}.user-actions{justify-content:flex-end;gap:8px;display:flex}.primary-btn{border-radius:var(--radius-md);background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.primary-btn:hover{opacity:.9}.ghost-btn{border-radius:var(--radius-md);color:var(--muted-foreground);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .15s;display:inline-flex}.ghost-btn:hover{color:var(--foreground)}.small-link{color:var(--primary);cursor:pointer;font-size:13px;transition:opacity .15s}.small-link:hover{opacity:.8}.dropdown{position:relative;overflow:visible}.dropdown-trigger{border-radius:var(--radius-md);background-color:var(--secondary);color:var(--secondary-foreground);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.dropdown-menu{border-radius:var(--radius-md);background-color:var(--card);border:1px solid var(--border);z-index:9999;flex-direction:column;gap:2px;min-width:180px;max-height:70vh;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.dropdown:hover .dropdown-menu,.dropdown-menu:hover{display:flex}.dropdown-item{border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;padding:8px 10px;font-size:13px;transition:background-color .15s}.dropdown-item:hover{background-color:var(--secondary)}.dropdown-item-danger{color:var(--destructive)}.dropdown-item-label{color:var(--foreground)}.date-input{border-radius:var(--radius-md);background-color:var(--input);color:var(--foreground);cursor:pointer;border:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.select{border-radius:var(--radius-md);background-color:var(--secondary);color:var(--secondary-foreground);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.chip{border-radius:var(--radius-lg);background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-outline{border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background-color:#0000;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.analytics-filter-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-filters{gap:8px;display:flex}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.metric-card{background-color:var(--card);border-radius:var(--radius-md);padding:16px}.metric-title{color:var(--muted-foreground);margin-bottom:8px;font-size:12px}.metric-value{color:var(--foreground);margin-bottom:4px;font-size:28px;font-weight:600}.metric-sub{color:var(--muted-foreground);font-size:11px}.sub-metrics-row{border-top:1px solid var(--border);gap:16px;margin-top:12px;padding-top:12px;display:flex}.sub-metric{flex:1}.sub-metric-label{color:var(--muted-foreground);margin-bottom:2px;font-size:10px}.sub-metric-value{color:var(--foreground);font-size:13px;font-weight:500}.sub-metric-trend{color:var(--success);font-size:10px}.sub-metric-trend.neg{color:var(--destructive)}.chart-placeholder{background:linear-gradient(135deg,var(--secondary)0%,var(--muted)100%);border-radius:var(--radius-sm);height:120px;margin:8px 0}.icon-wrapper{justify-content:center;align-items:center;display:inline-flex}.label{color:var(--muted-foreground);margin-bottom:2px;font-size:11px}.value{color:var(--foreground);font-size:13px;font-weight:500}.panel-right{background-color:var(--background)}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-root{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:520px;max-width:90vw;padding:20px 20px 16px;display:flex}.modal-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.modal-title{color:var(--foreground);font-size:18px;font-weight:600}.modal-subtitle{color:var(--muted-foreground);margin-top:2px;font-size:13px}.modal-body{background:var(--background,#f7fafc);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}.modal-section{flex-direction:column;gap:8px;display:flex}.modal-section-title{color:var(--foreground);font-size:13px;font-weight:500}.modal-section-sub{color:var(--muted-foreground);font-size:11px}.modal-footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--foreground);font-size:13px;font-weight:500}.form-helper{color:var(--muted-foreground);font-size:11px}.form-input{border-radius:var(--radius-md);background:var(--input);color:var(--foreground);border:1px solid var(--border);outline:none;padding:10px 12px;font-size:14px}.form-input::placeholder{color:var(--muted-foreground)}.form-input:focus{border-color:var(--primary)}.existing-list{border-radius:var(--radius-md);background:var(--background);flex-direction:column;gap:6px;margin-top:4px;padding:10px;font-size:12px;display:flex}.existing-row{justify-content:space-between;align-items:center;display:flex}.existing-main{flex-direction:column;gap:2px;display:flex}.existing-name{color:var(--foreground);font-size:13px;font-weight:500}.existing-meta{color:var(--muted-foreground);font-size:11px}.small-pill{border-radius:var(--radius-md);background:var(--secondary);color:var(--secondary-foreground);padding:2px 6px;font-size:11px;font-weight:500}.rights-toggle-row{gap:8px;margin-top:4px;display:flex}.rights-pill{border-radius:var(--radius-md);background:var(--secondary);color:var(--secondary-foreground);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.rights-pill.active{background:var(--primary);color:var(--primary-foreground)}.ftp-list-card{border-radius:var(--radius-md);background:var(--background);flex-direction:column;gap:8px;margin-top:4px;padding:10px;display:flex}.ftp-list-header{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:11px;display:flex}.checkbox-row{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-box{border-radius:var(--radius-sm);background:var(--input);flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.checkbox-box.checked{background:var(--primary)}.checkbox-dot{background:var(--primary-foreground);border-radius:999px;width:8px;height:8px}.ftp-user-main{flex-direction:column;flex:1;gap:2px;display:flex}.ftp-user-name{color:var(--foreground);font-size:13px;font-weight:500}.ftp-user-meta{color:var(--muted-foreground);font-size:11px}.info-hint{color:var(--muted-foreground);margin-top:2px;font-size:11px}.mobile-menu-btn{width:44px;height:44px;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-menu-btn svg{width:24px;height:24px}.mobile-overlay{z-index:200;opacity:0;background:#00000080;transition:opacity .3s ease-out;display:none;position:fixed;inset:0}.mobile-overlay.active{opacity:1;display:block}.mobile-header{background:var(--sidebar);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:8px 16px;display:none;position:sticky;top:0}.mobile-header-title{color:var(--foreground);font-size:16px;font-weight:600}@media(max-width:767px){.mobile-menu-btn,.mobile-header{display:flex}.desktop-only{display:none!important}.panel-left{z-index:201;width:280px;max-width:85vw;transition:transform .3s ease-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #00000026}.panel-left.open{transform:translate(0)}.panel-right{margin-left:0;padding:16px}.org-summary-card{flex-direction:column;gap:16px}.org-summary-main{width:100%}.org-summary-id{word-break:break-word;font-size:12px;line-height:1.4}.org-summary-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.org-detail-header{padding:0}.org-summary-main>div[style*="display: flex"][style*="gap: 24px"]{grid-template-columns:1fr 1fr;gap:16px!important;display:grid!important}.tabs-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0;padding-bottom:4px;overflow-x:auto}.tabs-nav::-webkit-scrollbar{display:none}.tabs-list{flex-wrap:nowrap;min-width:max-content}.tab-item{white-space:nowrap;flex-shrink:0}.tab-extra-actions{flex-shrink:0;gap:8px;min-width:max-content;display:flex}.user-table-header{display:none}.user-table-row{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;grid-template-columns:none!important;display:flex!important}.user-table-row>div{justify-content:space-between;align-items:center;display:flex}.user-table-row>div:nth-child(2):before{content:"Email: ";color:var(--muted-foreground);margin-right:8px;font-weight:500}.user-table-row>div:nth-child(3):before{content:"Role: ";color:var(--muted-foreground);margin-right:8px;font-weight:500}.user-table-row>div:nth-child(4):before{content:"FTP User: ";color:var(--muted-foreground);margin-right:8px;font-weight:500}.user-table-row>div:nth-child(5):before{content:"Status: ";color:var(--muted-foreground);margin-right:8px;font-weight:500}.user-actions{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding-top:12px;justify-content:flex-start!important}.form-grid-two{grid-template-columns:1fr}.modal-overlay{align-items:flex-end}.modal-card{min-height:90vh;max-height:100vh;margin:0;border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important}.modal-header{background:var(--card);z-index:10;padding:16px;position:sticky;top:0}.modal-footer{background:var(--card);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;position:sticky;bottom:0}.modal-footer button{width:100%}.analytics-grid{grid-template-columns:1fr!important}.metric-card{padding:16px}.metric-value{font-size:28px}.dropdown-menu{max-height:70vh;padding-top:20px;padding-bottom:env(safe-area-inset-bottom,16px);border-radius:16px 16px 0 0;overflow-y:auto;position:fixed!important;inset:auto 0 0!important}.dropdown-menu:before{content:"";background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 12px;display:block;position:absolute;top:8px;left:50%;transform:translate(-50%)}.dropdown-item{min-height:48px;padding:16px}.primary-btn,.ghost-btn{min-height:44px;padding:12px 16px}.small-link{align-items:center;min-height:44px;display:inline-flex}.top-nav-container{padding:8px 16px}.org-card-grid{grid-template-columns:1fr}.status-badge{padding:4px 8px;font-size:11px}}@media(max-width:479px){.org-summary-name{font-size:18px}.org-summary-id{font-size:11px}.org-summary-main>div[style*="display: flex"][style*="gap: 24px"]{grid-template-columns:1fr}.metric-value{font-size:24px}.tabs-list .tab-item{padding:8px 10px;font-size:13px}.panel-right{padding:12px}.primary-btn,.ghost-btn{font-size:14px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.tabs-segmented{display:inline-flex;align-items:center;background:var(--muted, #e6eef6);border-radius:8px;padding:4px;gap:4px;font-size:13px}.tab-pill{padding:8px 16px;border-radius:6px;background:transparent;color:var(--muted-foreground, #64748b);font-weight:500;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.tab-pill:hover{background:#fff9}.tab-pill--active{background:var(--card, #ffffff);color:var(--foreground, #0f1724);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ftp-server-form{padding:0;background-color:transparent;border-radius:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--foreground, #0f1724)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:14px;background:var(--input, #ffffff);color:var(--foreground, #0f1724);transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary, #0b74ff);box-shadow:0 0 0 3px #0b74ff1a}.form-row{display:grid;grid-template-columns:1fr auto;gap:12px}.form-group-narrow{min-width:80px;max-width:100px}.form-hint{margin-top:6px;font-size:13px;color:var(--muted-foreground, #64748b);line-height:1.4}.form-hint-inline{font-size:12px;font-weight:400;color:var(--muted-foreground, #64748b);margin-left:4px}.test-result{padding:14px 16px;border-radius:8px;font-size:14px;margin-top:16px;line-height:1.5}.test-result-success{background-color:#05966914;color:var(--success, #059669);border:1px solid rgba(5,150,105,.15)}.test-result-error{background-color:#ef444414;color:var(--destructive, #ef4444);border:1px solid rgba(239,68,68,.15)}.form-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.primary-btn{padding:10px 20px;background:var(--primary, #0b74ff);color:var(--primary-foreground, #ffffff);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.primary-btn:hover{background:var(--primary-hover, #0a66e0);box-shadow:0 2px 4px #0000001a}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ghost-btn{padding:10px 20px;background:var(--card, #ffffff);color:var(--foreground, #0f1724);border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.ghost-btn:hover{background:var(--muted, #e6eef6);border-color:var(--border, #cbd5e1)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.advanced-cropper-line-wrapper--north,.advanced-cropper-line-wrapper--south{height:12px;width:100%}.advanced-cropper-line-wrapper--north{cursor:n-resize}.advanced-cropper-line-wrapper--south{cursor:s-resize}.advanced-cropper-line-wrapper--east,.advanced-cropper-line-wrapper--west{width:12px;height:100%}.advanced-cropper-line-wrapper--east{cursor:e-resize}.advanced-cropper-line-wrapper--west{cursor:w-resize}.advanced-cropper-line-wrapper--disabled{cursor:auto}.advanced-cropper-line-wrapper__content{position:absolute}.advanced-cropper-line-wrapper__content--east,.advanced-cropper-line-wrapper__content--west{height:100%}.advanced-cropper-line-wrapper__content--north,.advanced-cropper-line-wrapper__content--south{width:100%}.advanced-cropper-line-wrapper__content--east{left:50%;-webkit-transform:translateX(-100%);transform:translate(-100%)}.advanced-cropper-line-wrapper__content--west{right:50%;-webkit-transform:translateX(100%);transform:translate(100%)}.advanced-cropper-line-wrapper__content--north{top:50%}.advanced-cropper-line-wrapper__content--south{bottom:50%}.advanced-cropper-handler-wrapper{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px;height:30px}.advanced-cropper-handler-wrapper__draggable{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.advanced-cropper-handler-wrapper--west-north{cursor:nw-resize}.advanced-cropper-handler-wrapper--north{cursor:n-resize}.advanced-cropper-handler-wrapper--east-north{cursor:ne-resize}.advanced-cropper-handler-wrapper--east{cursor:e-resize}.advanced-cropper-handler-wrapper--east-south{cursor:se-resize}.advanced-cropper-handler-wrapper--south{cursor:s-resize}.advanced-cropper-handler-wrapper--west-south{cursor:sw-resize}.advanced-cropper-handler-wrapper--west{cursor:w-resize}.advanced-cropper-handler-wrapper--disabled{cursor:auto}.advanced-cropper-bounding-box{position:relative;height:100%;width:100%}.advanced-cropper-bounding-box__handler-wrapper{position:absolute}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--west{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%}.advanced-cropper-bounding-box__handler-wrapper--south,.advanced-cropper-bounding-box__handler-wrapper--north{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%}.advanced-cropper-bounding-box__handler-wrapper--west,.advanced-cropper-bounding-box__handler-wrapper--west-north,.advanced-cropper-bounding-box__handler-wrapper--west-south{left:0}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--east-north,.advanced-cropper-bounding-box__handler-wrapper--east-south{left:100%}.advanced-cropper-bounding-box__handler-wrapper--north,.advanced-cropper-bounding-box__handler-wrapper--west-north,.advanced-cropper-bounding-box__handler-wrapper--east-north{top:0}.advanced-cropper-bounding-box__handler-wrapper--south,.advanced-cropper-bounding-box__handler-wrapper--west-south,.advanced-cropper-bounding-box__handler-wrapper--east-south{top:100%}.advanced-cropper-bounding-box__handler{position:absolute}.advanced-cropper-bounding-box__handler--west-north{left:0;top:0}.advanced-cropper-bounding-box__handler--north{left:50%;top:0}.advanced-cropper-bounding-box__handler--east-north{left:100%;top:0}.advanced-cropper-bounding-box__handler--east{left:100%;top:50%}.advanced-cropper-bounding-box__handler--east-south{left:100%;top:100%}.advanced-cropper-bounding-box__handler--south{left:50%;top:100%}.advanced-cropper-bounding-box__handler--west-south{left:0;top:100%}.advanced-cropper-bounding-box__handler--west{left:0;top:50%}.advanced-cropper-bounding-box__line{position:absolute}.advanced-cropper-bounding-box__line--north,.advanced-cropper-bounding-box__line--south{left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.advanced-cropper-bounding-box__line--north{top:0}.advanced-cropper-bounding-box__line--south{top:100%}.advanced-cropper-bounding-box__line--west,.advanced-cropper-bounding-box__line--east{top:0;-webkit-transform:translateX(-50%);transform:translate(-50%)}.advanced-cropper-bounding-box__line--west{left:0}.advanced-cropper-bounding-box__line--east{left:100%}.advanced-cropper-artificial-transition{will-change:transform}.advanced-cropper-background-image{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;-webkit-transform-origin:center;transform-origin:center;pointer-events:none;max-width:none!important}.advanced-cropper-canvas{display:none}.advanced-cropper-source{width:1px;height:1px;visibility:hidden;position:absolute;opacity:0}.advanced-cropper-fade{visibility:hidden;opacity:0;-webkit-transition:.5s;transition:.5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.advanced-cropper-fade--visible{opacity:1;visibility:visible}.advanced-cropper-wrapper__fade{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0}.advanced-cropper-stencil-grid{display:table;border-collapse:collapse;table-layout:fixed;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.advanced-cropper-stencil-grid--visible{opacity:1}.advanced-cropper-stencil-grid__row{display:table-row}.advanced-cropper-stencil-grid__cell{display:table-cell;width:1%;height:1%;border:currentColor solid 1px}.advanced-cropper-stencil-grid__cell--top{border-top-color:transparent}.advanced-cropper-stencil-grid__cell--left{border-left-color:transparent}.advanced-cropper-stencil-grid__cell--right{border-right-color:transparent}.advanced-cropper-stencil-grid__cell--bottom{border-bottom-color:transparent}.advanced-cropper-stencil-overlay{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:0 0 0 1000px currentColor;box-shadow:0 0 0 1000px currentColor;pointer-events:none;width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden}.advanced-cropper-stencil-wrapper{will-change:transform}.advanced-cropper-boundary{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;position:relative}.advanced-cropper-boundary__content{width:100%;height:100%;position:absolute;top:0;left:0}.advanced-cropper-boundary__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.advanced-cropper-circle-stencil{position:absolute;height:100%;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.advanced-cropper-circle-stencil__overlay{border-radius:50%;overflow:hidden}.advanced-cropper-circle-stencil__preview{border-radius:50%}.advanced-cropper-circle-stencil__draggable-area,.advanced-cropper-circle-stencil__overlay,.advanced-cropper-circle-stencil__preview,.advanced-cropper-circle-stencil__grid{position:absolute;height:100%;width:100%}.advanced-cropper-circle-stencil--movable{cursor:move}.advanced-cropper-rectangle-stencil{position:absolute;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.advanced-cropper-rectangle-stencil__draggable-area,.advanced-cropper-rectangle-stencil__overlay,.advanced-cropper-rectangle-stencil__preview,.advanced-cropper-rectangle-stencil__grid{position:absolute;height:100%;width:100%}.advanced-cropper-rectangle-stencil--movable{cursor:move}.advanced-cropper-simple-line{background:none;border-width:0}.advanced-cropper-simple-line--south,.advanced-cropper-simple-line--north{height:0;width:100%}.advanced-cropper-simple-line--east,.advanced-cropper-simple-line--west{height:100%;width:0}.advanced-cropper-simple-line--east{border-right-width:1px}.advanced-cropper-simple-line--west{border-left-width:1px}.advanced-cropper-simple-line--south{border-bottom-width:1px}.advanced-cropper-simple-line--north{border-top-width:1px}.advanced-cropper-simple-handler{display:block}.advanced-cropper-preview{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.advanced-cropper-preview__content{overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.advanced-cropper-preview__image{display:none;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform-origin:center;transform-origin:center;max-width:none!important}.advanced-cropper-preview__image--visible{display:block}.advanced-cropper-preview__boundary{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0;min-width:0}.cropper-preview-wrapper__fade{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0;width:100%}.advanced-cropper{overflow:hidden;max-height:100%;background:#000;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}.advanced-cropper__boundary{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0;min-width:0}.advanced-cropper__wrapper,.advanced-cropper__background-wrapper{inset:0;position:absolute}.advanced-cropper__stencil-wrapper{position:absolute}.advanced-cropper *{-webkit-box-sizing:border-box;box-sizing:border-box}.advanced-cropper-simple-handler{background:currentColor;height:10px;width:10px}.advanced-cropper-simple-line{-webkit-transition:border .5s;transition:border .5s;border-color:#ffffff4d;border-style:solid}.advanced-cropper-simple-line--hover{border-color:#fff}.advanced-cropper-circle-stencil__preview{border:solid 2px rgba(255,255,255,.2)}.advanced-cropper-stencil-overlay{color:#00000080}.advanced-cropper-stencil-grid{color:#fff6}.image-cropper-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#1a1a1a;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.image-cropper-container.mobile{position:fixed;inset:0;z-index:1000}.image-cropper-container.desktop{height:100%}.image-cropper-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;width:100%;padding:20px;box-sizing:border-box}.image-cropper-cropper{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.image-cropper-container .advanced-cropper{width:100%!important;height:100%!important;background:#1a1a1a!important}.image-cropper-container .advanced-cropper-background{background:#1a1a1a!important}.image-cropper-container .advanced-cropper-handler{width:20px!important;height:20px!important;background:#fff!important;border:2px solid #0066cc!important;border-radius:50%!important}.image-cropper-container.mobile .advanced-cropper-handler{width:28px!important;height:28px!important}.image-cropper-container .advanced-cropper-foreground{background:#0009!important}.image-cropper-container .advanced-cropper-stencil{border:2px solid #fff!important}.image-cropper-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:14px}.image-cropper-controls{display:flex;flex-direction:column;gap:12px;padding:12px;background-color:#222;border-top:1px solid #333;position:relative;z-index:10;flex-shrink:0;touch-action:auto}.image-cropper-container.mobile .image-cropper-controls{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:10px}.image-cropper-rotation-row{display:flex;align-items:center;gap:12px}.image-cropper-rotation-label{font-size:13px;color:#aaa;min-width:90px}.image-cropper-container.mobile .image-cropper-rotation-label{font-size:14px;min-width:100px}.image-cropper-rotation-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#444;border-radius:3px;outline:none;touch-action:auto}.image-cropper-rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#06c;border-radius:50%;cursor:pointer;border:2px solid #fff}.image-cropper-rotation-slider::-moz-range-thumb{width:20px;height:20px;background:#06c;border-radius:50%;cursor:pointer;border:2px solid #fff}.image-cropper-container.mobile .image-cropper-rotation-slider::-webkit-slider-thumb{width:28px;height:28px}.image-cropper-container.mobile .image-cropper-rotation-slider::-moz-range-thumb{width:28px;height:28px}.image-cropper-aspect-row{display:flex;justify-content:center;gap:8px}.image-cropper-action-bar{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #333}.image-cropper-action-controls{display:flex;gap:8px;justify-content:center}.image-cropper-btn{padding:8px 16px;border-radius:6px;border:1px solid #444;background-color:#333;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;min-height:44px}.image-cropper-container.mobile .image-cropper-btn{padding:12px 16px;font-size:15px;min-height:48px}.image-cropper-btn.small{padding:6px 12px;font-size:12px;min-height:32px}.image-cropper-container.mobile .image-cropper-btn.small{padding:8px 14px;font-size:13px;min-height:36px}.image-cropper-btn:hover{background-color:#444;border-color:#555}.image-cropper-btn:active{background-color:#555}.image-cropper-btn:disabled{opacity:.5;cursor:not-allowed}.image-cropper-btn.active,.image-cropper-btn.primary{background-color:#06c;border-color:#06c;color:#fff}.image-cropper-btn.primary:hover{background-color:#05a;border-color:#05a}.image-cropper-btn.secondary{background-color:transparent;border-color:#555;color:#aaa}.image-cropper-btn.secondary:hover{background-color:#333;color:#fff}.image-cropper-btn.danger{background-color:transparent;border-color:#c55;color:#c55}.image-cropper-btn.danger:hover{background-color:#c55;color:#fff}.quicktext-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:-1px}.quicktext-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);color:var(--foreground);transition:background-color .15s}.quicktext-item:hover,.quicktext-item.selected{background-color:var(--accent)}.quicktext-item.selected{background-color:var(--primary);color:var(--primary-foreground)}.quicktext-dropdown-mobile{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000004d;max-height:180px;overflow-y:auto;z-index:1000;margin-top:-1px}.quicktext-item-mobile{padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);color:var(--foreground);font-size:15px;min-height:44px;display:flex;align-items:center;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.quicktext-item-mobile:active,.quicktext-item-mobile.selected{background-color:var(--primary);color:var(--primary-foreground)}.mobile-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--foreground)}.mobile-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:active{opacity:.6}.mobile-title-container{display:flex;align-items:center;gap:8px}.mobile-logo{width:28px;height:28px;object-fit:contain}.mobile-title{font-size:18px;font-weight:600;margin:0;color:var(--foreground)}.mobile-file-count{font-size:14px;font-weight:500;color:var(--muted-foreground)}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-desktop-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--muted-foreground);text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-desktop-link:active{opacity:.6}.mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--card);z-index:201;display:flex;flex-direction:column;animation:slideIn .3s ease-out;box-shadow:2px 0 8px #00000026}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border)}.mobile-user-info{flex:1;min-width:0}.mobile-user-name{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-email{font-size:14px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -12px -12px 8px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-close:active{opacity:.6}.mobile-menu-items{flex:1;padding:8px 0;overflow-y:auto}.mobile-menu-branding{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);margin-bottom:8px}.mobile-menu-logo{width:40px;height:40px;object-fit:contain}.mobile-menu-brand-text{display:flex;flex-direction:column;gap:2px}.mobile-menu-brand-name{font-size:16px;font-weight:600;color:var(--foreground)}.mobile-menu-brand-tagline{font-size:11px;color:var(--muted-foreground)}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--foreground);font-size:15px;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s}.mobile-menu-item:active{background:var(--accent)}.mobile-menu-item:disabled{opacity:.5;cursor:not-allowed}.mobile-menu-item:disabled:active{background:none}.mobile-menu-filter{padding:12px 16px;border-bottom:1px solid var(--border)}.mobile-menu-filter-label{display:block;font-size:13px;font-weight:500;color:var(--muted-foreground);margin-bottom:8px}.mobile-menu-filter-select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--input);color:var(--foreground)}.mobile-ios-instructions{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #0003;z-index:1001;animation:slideUp .3s ease-out;max-height:80vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-ios-instructions-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.mobile-ios-instructions-header h3{margin:0;font-size:18px;font-weight:600}.mobile-ios-instructions-content{padding:20px}.mobile-ios-step{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.mobile-ios-step:last-child{margin-bottom:0}.mobile-ios-step-number{flex-shrink:0;width:28px;height:28px;background:var(--primary);color:var(--primary-foreground);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.mobile-ios-step-text{flex:1;font-size:15px;line-height:1.5;padding-top:2px}.mobile-ios-step-text strong{font-weight:600}.mobile-ios-instructions-footer{padding:16px 20px;background:var(--muted);border-top:1px solid var(--border)}.mobile-ios-instructions-footer p{margin:0;font-size:13px;color:var(--muted-foreground);text-align:center}.mobile-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--muted-foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-icon-btn:active{opacity:.6}.mobile-sort-menu{position:fixed;top:56px;right:8px;width:200px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:201;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-sort-header{padding:12px 16px;font-size:13px;font-weight:600;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.mobile-sort-option{display:block;width:100%;padding:12px 16px;background:none;border:none;color:var(--foreground);font-size:14px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.mobile-sort-option:active{background:var(--accent)}.mobile-sort-option.active{background:var(--accent);color:var(--primary);font-weight:500}.mobile-gallery{padding-bottom:24px}.mobile-filters{padding:16px;background:var(--card);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.mobile-filter-group{display:flex;flex-direction:column;gap:6px}.mobile-filter-label{font-size:13px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.mobile-filter-select{width:100%;padding:10px 36px 10px 12px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:15px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mobile-files-count{padding:12px 16px;font-size:14px;color:var(--muted-foreground);font-weight:500}.mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:0}@media(min-width:768px){.mobile-grid{grid-template-columns:repeat(3,1fr)}}.mobile-grid-item{background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-grid-item:active{opacity:.8}.mobile-grid-image-container{position:relative;width:100%;padding-bottom:66.67%;background:var(--muted);overflow:hidden}.mobile-grid-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.mobile-grid-info{padding:8px}.mobile-grid-filename{font-size:13px;font-weight:500;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.mobile-grid-meta{font-size:12px;color:var(--muted-foreground)}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.mobile-empty-icon{color:var(--muted-foreground);opacity:.4;margin-bottom:16px}.mobile-empty-text{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px}.mobile-empty-subtext{font-size:14px;color:var(--muted-foreground);max-width:320px}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;min-height:60vh}.mobile-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-loading-text{font-size:14px;color:var(--muted-foreground)}.mobile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;min-height:60vh}.mobile-error-icon{font-size:48px;margin-bottom:16px}.mobile-error-text{font-size:16px;color:var(--destructive);margin-bottom:20px}.mobile-error-retry{padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-error-retry:active{opacity:.8}.mobile-lightbox{position:fixed;inset:0;background:#000;z-index:300;display:flex;flex-direction:column;overscroll-behavior:contain}.mobile-lightbox-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:8px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.mobile-lightbox-close,.mobile-lightbox-crop,.mobile-lightbox-info{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-close:active,.mobile-lightbox-crop:active,.mobile-lightbox-info:active{opacity:.6}.mobile-lightbox-info:disabled{opacity:.5;cursor:not-allowed}.mobile-lightbox-title{flex:1;padding:0 12px;font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.mobile-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.mobile-lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none}.mobile-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-nav:active{opacity:.6}.mobile-lightbox-nav-prev{left:12px}.mobile-lightbox-nav-next{right:12px}.mobile-lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;padding:6px 16px;background:#000000b3;border-radius:16px;font-size:13px;color:#fff;font-weight:500}.mobile-lightbox-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:10;padding:8px 16px;background:#00000080;border-radius:16px;font-size:12px;color:#fffc;animation:fadeInOut 3s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.mobile-bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:400}.mobile-bottom-sheet{position:fixed;left:0;right:0;bottom:0;max-height:85vh;background:var(--card);border-radius:16px 16px 0 0;z-index:401;display:flex;flex-direction:column;box-shadow:0 -4px 16px #0003}.mobile-bottom-sheet-handle-container{display:flex;justify-content:center;padding:12px 0 8px}.mobile-bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px}.mobile-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 16px;border-bottom:1px solid var(--border)}.mobile-bottom-sheet-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.mobile-bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -12px -12px 8px;padding:0;background:none;border:none;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-bottom-sheet-close:active{opacity:.6}.mobile-bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.mobile-fullscreen-info{position:fixed;inset:0;background:var(--card);z-index:401;display:flex;flex-direction:column;overflow:hidden}.mobile-fullscreen-info-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.mobile-fullscreen-info-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.mobile-fullscreen-info-save{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-fullscreen-info-save:disabled{opacity:.5;cursor:not-allowed}.mobile-fullscreen-info-save:active:not(:disabled){opacity:.8}.mobile-fullscreen-info-fixed{flex-shrink:0;background:var(--card)}.mobile-fullscreen-info-image-container{width:100%;display:flex;justify-content:center;align-items:center;background:#000;max-height:50vh}.mobile-fullscreen-info-image{width:100%;height:100%;object-fit:contain;max-height:50vh}.mobile-fullscreen-info-line{padding:12px 20px;font-size:13px;color:var(--muted-foreground);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.4}.mobile-fullscreen-info-filename{font-weight:600;color:var(--foreground)}.mobile-fullscreen-info-separator{color:var(--border);margin:0 2px}.mobile-fullscreen-info-scrollable{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;background:var(--background)}.mobile-info-thumbnail-container{display:flex;justify-content:center;margin-bottom:24px}.mobile-info-thumbnail{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mobile-info-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mobile-info-item{display:flex;flex-direction:column;gap:4px}.mobile-info-item-full{grid-column:1 / -1}.mobile-info-label{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.mobile-info-value{font-size:15px;color:var(--foreground);word-break:break-word}.mobile-info-actions{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--border)}.mobile-info-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.mobile-info-btn:active{transform:scale(.98)}.mobile-info-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-info-btn-secondary{background:#fff;color:var(--text);border-color:var(--border)}.mobile-xmp-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.mobile-xmp-section-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 16px}.mobile-xmp-field{margin-bottom:12px}.mobile-xmp-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.mobile-xmp-input,.mobile-xmp-textarea{width:100%;padding:10px 12px;font-size:15px;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:border-color .2s,background-color .2s;-webkit-appearance:none;appearance:none}.mobile-xmp-input:focus,.mobile-xmp-textarea:focus{outline:none;border-color:var(--primary);background:var(--background);color:var(--foreground)}.mobile-xmp-textarea{resize:vertical;min-height:80px}.mobile-xmp-loading{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}@supports (padding: max(0px)){.mobile-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-bottom-sheet{padding-bottom:max(0px,env(safe-area-inset-bottom))}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-lightbox-modal{position:fixed;inset:0;width:100%;height:100%;background:#000;z-index:300;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-lightbox-header-bar{position:relative;z-index:10;display:flex!important;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px;min-height:48px;height:auto;background:#111;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0;visibility:visible!important;opacity:1!important}.mobile-lightbox-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;background:none;border:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.mobile-lightbox-close-btn:active{opacity:.6}.mobile-lightbox-counter-badge{padding:4px 12px;background:#ffffff1a;border-radius:12px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.mobile-lightbox-tool-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.mobile-lightbox-tool-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;background:#ffffff1a;border:2px solid transparent;border-radius:6px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;flex-shrink:0}.mobile-lightbox-tool-icon:active{opacity:.6}.mobile-lightbox-tool-icon.active{background:#4a9eff4d;border-color:#4a9eff;color:#4a9eff}.mobile-lightbox-image-section{position:relative;z-index:5;background:#000;display:flex!important;flex-direction:column;flex-shrink:0;min-height:150px;visibility:visible!important;opacity:1!important}.mobile-lightbox-image-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;height:25vh;max-height:35vh;overflow:hidden;touch-action:none;position:relative;-webkit-overflow-scrolling:auto;overscroll-behavior-x:none;overscroll-behavior-y:none}.mobile-lightbox-image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.mobile-lightbox-nav-arrows{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:#000c}.mobile-lightbox-filename{flex:1;text-align:center;font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-lightbox-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-lightbox-nav-btn:active{opacity:.6}.mobile-lightbox-tool-panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--background)}.mobile-crop-controls{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-crop-hint{text-align:center;font-size:13px;color:var(--muted-foreground);padding:12px;background:var(--muted);border-radius:8px}.mobile-crop-actions{display:flex;flex-direction:column;gap:12px}.mobile-crop-reset-btn,.mobile-crop-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-crop-reset-btn{background:var(--muted);color:var(--foreground)}.mobile-crop-save-btn{background:var(--primary);color:#fff}.mobile-crop-reset-btn:active,.mobile-crop-save-btn:active{opacity:.8}.mobile-crop-reset-btn:disabled,.mobile-crop-save-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-exposure-controls{padding:32px 20px;display:flex;flex-direction:column;gap:32px}.mobile-exposure-value{text-align:center;font-size:48px;font-weight:700;color:var(--foreground);font-variant-numeric:tabular-nums}.mobile-exposure-slider{display:flex;align-items:center;gap:16px}.mobile-exposure-label{font-size:14px;color:var(--muted-foreground);min-width:30px;text-align:center}.mobile-exposure-input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--muted);outline:none}.mobile-exposure-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer}.mobile-exposure-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.mobile-exposure-actions{display:flex;flex-direction:column;gap:12px}.mobile-exposure-reset-btn,.mobile-exposure-save-btn{padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-exposure-reset-btn{background:var(--muted);color:var(--foreground)}.mobile-exposure-save-btn{background:var(--primary);color:#fff}.mobile-exposure-reset-btn:active,.mobile-exposure-save-btn:active{opacity:.8}.mobile-exposure-reset-btn:disabled,.mobile-exposure-save-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-toning-controls{padding:16px;display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.mobile-toning-slider-row{padding:4px 0}.mobile-toning-input{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#444;outline:none}.mobile-toning-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer}.mobile-toning-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none}.mobile-slider-tooltip{position:absolute;top:-32px;transform:translate(-50%);padding:4px 8px;background:#2563eb;color:#fff;font-size:12px;font-weight:600;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 2px 8px #0000004d}.mobile-slider-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #2563eb}.mobile-ftp-controls{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-ftp-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.mobile-ftp-sent-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:14px;font-weight:600;margin-top:12px}.mobile-ftp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--muted-foreground)}.mobile-ftp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted-foreground);text-align:center}.mobile-ftp-destinations{display:flex;flex-direction:column;gap:12px}.mobile-ftp-destination-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--muted);border:2px solid var(--border);border-radius:8px;gap:16px}.mobile-ftp-send-btn{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;white-space:nowrap;flex-shrink:0}.mobile-ftp-send-btn:active{transform:scale(.98);opacity:.9}.mobile-ftp-send-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-ftp-dest-info{display:flex;flex-direction:column;gap:4px;text-align:left}.mobile-ftp-dest-name{font-size:15px;font-weight:600;color:var(--foreground)}.mobile-ftp-dest-host{font-size:13px;color:var(--muted-foreground);font-family:monospace}.mobile-toast-notification{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;background:#059669;color:#fff;border-radius:30px;font-size:15px;font-weight:600;box-shadow:0 4px 20px #0000004d;z-index:10001;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-ftp-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:14px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.mobile-ftp-download-btn:active{transform:scale(.98);opacity:.9}.mobile-push-subscribers-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:14px 20px;background:#059669;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.mobile-push-subscribers-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-push-subscribers-btn:active:not(:disabled){transform:scale(.98);opacity:.9}.mobile-push-subscribers-btn.pushed{background:#047857}.mobile-pushed-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:#22c55e26;border-radius:4px;font-size:11px;font-weight:500;color:#22c55e;vertical-align:middle}.mobile-info-header{padding:16px 20px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.mobile-info-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted-foreground)}.mobile-info-filename{font-weight:600;color:var(--foreground)}.mobile-info-separator{color:var(--border)}.mobile-info-audio{display:flex;justify-content:center;padding:8px 0}.mobile-info-section{padding:16px 20px;border-bottom:1px solid var(--border)}.mobile-info-section-title{font-size:15px;font-weight:600;color:var(--foreground);margin:0 0 12px}.mobile-xmp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:sticky;top:0;background:var(--background);padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border);z-index:5}.mobile-xmp-btn{padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;color:#fff;border:none;border-radius:4px;transition:background-color .3s,opacity .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:36px}.mobile-xmp-btn:active{opacity:.7}.mobile-xmp-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-xmp-btn-secondary{background-color:var(--muted-foreground)}.mobile-xmp-btn-primary{background-color:var(--primary)}.mobile-info-transcription{padding:12px;background:var(--muted);border-radius:8px;font-size:14px;line-height:1.6;color:var(--foreground);white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.mobile-info-status{margin-top:8px;font-size:12px;color:var(--muted-foreground);text-align:right}.mobile-lightbox-crop-canvas{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}body:has(.mobile-lightbox-modal){overflow:hidden;overscroll-behavior:none;touch-action:pan-y}@media(max-width:375px){.mobile-lightbox-header-bar{padding:4px 8px;gap:8px;min-height:44px}.mobile-lightbox-close-btn{width:36px;height:36px;min-width:36px}.mobile-lightbox-close-btn svg{width:22px;height:22px}.mobile-lightbox-tool-icons{gap:4px}.mobile-lightbox-tool-icon{width:32px;height:32px;min-width:32px}.mobile-lightbox-tool-icon svg{width:16px;height:16px}.mobile-lightbox-image-section{min-height:100px}.mobile-lightbox-image-container{min-height:80px;height:25vh;max-height:30vh}.mobile-lightbox-nav-arrows{padding:4px 8px;gap:4px}.mobile-lightbox-nav-btn{width:32px;height:32px}.mobile-lightbox-filename{font-size:12px}.mobile-lightbox-tool-panel{max-height:55vh}}@media(max-width:320px){.mobile-lightbox-close-btn,.mobile-lightbox-tools-menu-btn{width:32px;height:32px;min-width:32px}.mobile-lightbox-image-container{height:20vh;min-height:60px}}