.breadcrumb{padding:12px 0 8px;border-bottom:1px solid #333;font-size:14px}.breadcrumb-link{color:#64b5f6;cursor:pointer;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#666}.breadcrumb-flatten-indicator{color:#888;font-size:.85em}.file-table{width:100%;border-collapse:collapse}.file-table th{text-align:left;padding:10px 12px;border-bottom:2px solid #333;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.file-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.file-table th.sortable:hover{color:#fff}.entry-link{color:inherit;text-decoration:none}.file-table td{padding:8px 12px;border-bottom:1px solid #4e4e4e}.file-table tbody tr{cursor:pointer}.file-table tbody tr:hover{background:#505050}.row-directory td:first-child{font-weight:600}.col-size{width:100px;text-align:right;white-space:nowrap}.col-details{color:#888;font-size:.85em;white-space:nowrap}.col-date{width:160px}.entry-icon{margin-right:8px}.rename-input{background:#2a2a2a;color:#e0e0e0;border:1px solid #64b5f6;padding:2px 6px;font-size:14px;font-family:inherit;border-radius:3px;outline:none;width:300px}.browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#3a3a3a;z-index:10;padding:8px 0;margin:-8px 0 0}.browser-toolbar .breadcrumb{flex:1}.view-mode-switcher{display:flex;align-items:center;gap:4px;flex-shrink:0}.view-mode-btn{background:transparent;border:1px solid #444;color:#888;padding:4px 8px;cursor:pointer;font-size:16px;border-radius:3px}.view-mode-btn:hover{color:#e0e0e0;border-color:#666}.view-mode-btn.active{color:#64b5f6;border-color:#64b5f6}.thumbnail-size-select{margin-right:8px;padding:4px 8px;background:#2a2a2a;color:#e0e0e0;border:1px solid #444;border-radius:4px;font-size:13px}.thumbnail-grid{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.thumbnail-item{cursor:pointer;border-radius:4px;overflow:hidden;background:#444;transition:background .15s}.thumbnail-item:hover{background:#505050}.thumbnail-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#3a3a3a}.thumbnail-preview.thumbnail-loading{background:linear-gradient(110deg,#3a3a3a 30%,#4a4a4a,#3a3a3a 70%);background-size:200% 100%;animation:thumbnail-shimmer 1.5s ease-in-out infinite}.thumbnail-preview.thumbnail-error:after{content:"⚠";font-size:2rem;color:#666}.thumbnail-hidden{display:none}@keyframes thumbnail-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.thumbnail-img{width:100%;height:100%}.thumb-crop-center{object-fit:cover;object-position:center}.thumb-crop-top{object-fit:cover;object-position:top}.thumb-crop-bottom{object-fit:cover;object-position:bottom}.thumb-crop-contain{object-fit:contain}.folder-badge{position:absolute;bottom:4px;right:4px;font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));pointer-events:none}.folder-collage{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px}.folder-collage-img{width:100%;height:100%;min-height:0;object-fit:cover}.thumbnail-icon{font-size:40px}.thumbnail-name{padding:4px 6px;font-size:11px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-folder-path{color:#888;font-size:10px}.scroller-view{padding:8px 0}.scroller-item{margin-bottom:16px;cursor:pointer}.scroller-img{width:100%;display:block;border-radius:4px}.scroller-name{padding:4px 0;font-size:13px;color:#aaa}.scroller-back-to-top{position:fixed;bottom:24px;right:24px;background:#1e1e32d9;color:#aaa;border:1px solid #444;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:13px}.scroller-back-to-top:hover{color:#e0e0e0;border-color:#666}.loading{padding:40px;text-align:center;color:#888;font-size:16px}.error{padding:20px;color:#ef5350;background:#3a2a2a;border:1px solid #ef5350;border-radius:4px;margin:12px 0}.viewer{display:flex;flex-direction:column;height:calc(100vh - 32px)}.viewer-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:15}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #333}.viewer-filename{font-size:14px;color:#aaa}.viewer-header-buttons{display:flex;align-items:center;gap:8px}.viewer-header-buttons .dialog-btn{height:32px;padding:0 12px;font-size:13px;box-sizing:border-box}.close-btn{background:none;border:1px solid #555;color:#e0e0e0;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:#333}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.viewer-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.viewed-image{max-width:100%;max-height:100%;object-fit:contain}.panzoom-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.panzoom-image{transform-origin:center center;user-select:none;-webkit-user-select:none}.image-overlay{position:absolute;left:0;right:0;display:flex;justify-content:center;padding:12px;opacity:0;transition:opacity .2s;z-index:10}.image-overlay-top{top:0;justify-content:space-between;align-items:center;background:linear-gradient(rgba(0,0,0,.7),transparent)}.image-overlay-bottom{bottom:0;padding-top:60px;background:linear-gradient(transparent,#000000b3)}.ahead-preload-indicator{position:fixed;bottom:12px;right:12px;z-index:10;opacity:.7}.ahead-preload-indicator.ahead-preload-complete{opacity:.45}.viewer-image:hover .image-overlay-top,.image-overlay-bottom:hover{opacity:1}.image-navigation{display:flex;align-items:center;gap:8px}.nav-btn{background:#323232e6;border:1px solid #555;color:#e0e0e0;padding:6px 14px;cursor:pointer;border-radius:4px;font-size:16px;line-height:1}.nav-btn:hover:not(:disabled){background:#464646e6}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn.active{background:#1565c0e6;border-color:#1976d2}.nav-btn.compare-btn{width:150px}.compare-btn-text{display:inline}.compare-btn-icon,.viewer-overlay-more-mobile{display:none}.image-position{font-size:14px;color:#e0e0e0;min-width:60px;text-align:center}.comparison-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.comparison-slider{display:block;width:100%;height:100%}.comparison-image{max-width:100%;max-height:100vh;object-fit:contain}.fit-contain .viewed-image{object-fit:contain;max-width:100%;max-height:100%}.fit-cover .viewed-image{object-fit:cover;width:100%;height:100%;max-width:none;max-height:none}.fit-fill-width .viewed-image{object-fit:cover;width:100%;max-width:none;max-height:none;object-position:center}.fit-fill-height .viewed-image{object-fit:cover;height:100%;max-width:none;max-height:none;object-position:center}.fit-actual-size .viewed-image{object-fit:none;max-width:none;max-height:none}.fit-contain .comparison-image{width:100vw;height:100vh;object-fit:contain;object-position:center}.fit-cover .comparison-image{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:cover;object-position:center}.fit-fill-width .comparison-image{width:100vw;max-width:none;max-height:none;object-position:center}.fit-fill-height .comparison-image{height:100vh;max-width:none;max-height:none;display:block;margin:0 auto}.fit-actual-size .comparison-image{width:100vw;height:100vh;object-fit:none;object-position:center}.viewer-video{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.viewed-video{width:100%;height:100%;object-fit:contain}.fit-cover .viewed-video{object-fit:cover;width:100%;height:100%;max-width:none;max-height:none}.fit-fill-width .viewed-video{object-fit:cover;width:100%;max-width:none;max-height:none;object-position:center}.fit-fill-height .viewed-video{object-fit:cover;height:100%;max-width:none;max-height:none;object-position:center}.fit-actual-size .viewed-video{object-fit:none;max-width:none;max-height:none}.viewer-video:hover .image-overlay{opacity:1}.stream-controls{position:absolute;bottom:0;left:0;right:0;height:40px;background:#000000a6;display:flex;align-items:center;padding:0 8px;gap:8px;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none}.stream-ctrl-btn{background:none;border:none;color:#ddd;font-size:1rem;cursor:pointer;padding:4px 6px;line-height:1;flex-shrink:0;width:32px;text-align:center}.stream-ctrl-btn:hover{color:#fff}.stream-ctrl-time{color:#ccc;font-size:.8rem;white-space:nowrap;flex-shrink:0}.stream-seek-bar{flex:1;min-width:0;height:20px;position:relative;cursor:pointer;display:flex;align-items:center;overflow:hidden}.stream-seek-bar:before{content:"";position:absolute;left:0;right:0;height:6px;background:#fff3;border-radius:3px}.stream-seek-progress{height:6px;background:#4a9eff;border-radius:3px;position:absolute;left:0;pointer-events:none}.stream-volume-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.stream-vol-btn{font-size:.85rem;min-width:24px;text-align:center}.stream-volume-slider{width:60px;height:6px;cursor:pointer;accent-color:#ccc}.video-stream-status{position:absolute;bottom:40px;left:0;padding:2px 8px;background:#000000a6;color:#ccc;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.7rem;white-space:nowrap;z-index:100;pointer-events:none}.viewer-text{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column}.text-content{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;padding:16px;background:#2a2a2a;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.csv-table-wrapper{flex:1;overflow:auto;padding:8px}.csv-table{border-collapse:collapse;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.4;white-space:nowrap}.csv-table th,.csv-table td{padding:3px 10px;border:1px solid #4e4e4e;text-align:left;max-width:400px;overflow:hidden;text-overflow:ellipsis}.csv-table th{background:#3a3a3a;color:#aaa;font-weight:600;position:sticky;top:0;z-index:1}.csv-table td{color:#e0e0e0}.csv-table tbody tr:hover td{background:#3a3a3a}.csv-expand .csv-table td,.csv-expand .csv-table th{max-width:none;white-space:pre-wrap;word-break:break-word}.text-edit-area{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;padding:16px;background:#2a2a2a;color:#e0e0e0;border:none;border-radius:4px;margin:0;resize:none;white-space:pre-wrap;word-wrap:break-word}.text-edit-area:focus{outline:none;border-color:#555}.monaco-editor-wrapper{flex:1;position:relative;display:flex;min-height:0}.monaco-editor-container{flex:1;min-height:0}.monaco-editor-container-hidden{visibility:hidden}.viewer-unsupported{text-align:center;padding:40px}.unsupported-message{color:#888;margin-top:12px}.overlay-top-buttons{display:flex;gap:8px;align-items:center}.overlay-btn{background:none;border:1px solid #555;color:#e0e0e0;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.overlay-btn:hover{background:#333}.overlay-btn.active{color:#64b5f6;border-color:#64b5f6}.delete-overlay-btn:hover{color:#ef5350!important;border-color:#ef5350;background:#ef535026}.comparison-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.comparison-slider{--divider-color: rgba(255, 255, 255, .6);--default-handle-color: rgba(255, 255, 255, .6);--default-handle-shadow: none}.comparison-slider:not(.show-arrow){--default-handle-opacity: 0}.comparison-slider.hide-divider{--divider-color: transparent;--divider-shadow: none}.comparison-slider.no-animation,.comparison-slider.no-animation *{transition:none!important;animation:none!important}.compare-animate-toggle,.compare-mode-toggle{margin-left:12px}.compare-opacity-slider{display:flex;align-items:center;gap:6px;margin-left:12px}.compare-opacity-label{font-size:.75rem;color:#fffc;white-space:nowrap;display:inline-block;min-width:3.5ch;text-align:right;font-variant-numeric:tabular-nums}.compare-opacity-range{width:80px;height:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}.compare-opacity-range::-webkit-slider-runnable-track{height:4px;background:#ffffff59;border-radius:2px}.compare-opacity-range::-moz-range-track{height:4px;background:#ffffff59;border-radius:2px}.compare-opacity-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;border:none;box-shadow:none;transition:none}.compare-opacity-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;box-shadow:none;transition:none}.compare-opacity-range:focus{outline:none}.compare-opacity-range::-webkit-slider-thumb:active,.compare-opacity-range::-moz-range-thumb:active{transform:none}.compare-opacity-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.compare-opacity-img{position:absolute;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;transform-origin:center center}.compare-opacity-stack.fit-cover .compare-opacity-img{object-fit:cover}.compare-opacity-stack.fit-fill-width .compare-opacity-img{object-fit:fill;width:100%;height:auto}.compare-opacity-stack.fit-fill-height .compare-opacity-img{object-fit:fill;width:auto;height:100%}.compare-opacity-stack.fit-actual-size .compare-opacity-img{object-fit:none;width:auto;height:auto}.settings-sidebar{position:fixed;top:0;right:0;width:320px;height:100vh;background:#404040;border-left:1px solid #333;z-index:20;display:flex;flex-direction:column;box-shadow:-4px 0 16px #0006}.settings-header{display:flex;align-items:center;padding:8px 40px 8px 16px;border-bottom:1px solid #333;gap:4px;flex-wrap:wrap;position:relative}.settings-tab-btn{background:none;border:1px solid transparent;color:#888;font-size:14px;font-weight:600;padding:6px 12px;cursor:pointer;border-radius:4px}.settings-tab-btn:hover{color:#e0e0e0}.settings-tab-btn.active{color:#e0e0e0;border-color:#555;background:#2a2a2a}.settings-header .close-btn{position:absolute;top:8px;right:12px;margin-left:0}.settings-body{flex:1;overflow-y:auto;padding:16px}.settings-body h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#aaa;margin-bottom:16px}.shortcuts-table{width:100%;margin-bottom:16px;font-size:13px}.shortcuts-table td{padding:4px 8px}.shortcut-key kbd{background:#333;border:1px solid #555;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:12px;color:#e0e0e0}.settings-group{margin-bottom:16px}.settings-label{display:block;font-size:13px;color:#aaa;margin-bottom:6px}.settings-help{font-size:12px;line-height:1.5;color:var(--text-dim, #888);margin:0 0 16px}.settings-select{width:100%;margin-right:0}.settings-radios{display:flex;flex-direction:column;gap:6px}.settings-radio{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.settings-radio input{accent-color:#1976d2}.settings-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-bottom:12px}.settings-checkbox input{accent-color:#1976d2}.settings-disabled{opacity:.45;cursor:not-allowed}.settings-disabled input,.settings-disabled select{cursor:not-allowed}.settings-slider{width:100%;accent-color:#1976d2}.col-select{width:32px;text-align:center}.select-checkbox{accent-color:#64b5f6;cursor:pointer}.row-selected{background:#64b5f61a!important}.thumbnail-selected{outline:2px solid #64b5f6;outline-offset:-2px}@keyframes highlight-fade{0%{background-color:#ffb74d40}70%{background-color:#ffb74d2e}to{background-color:transparent}}.highlight-last-viewed{animation:highlight-fade 5s ease-out forwards}.thumbnail-item.highlight-last-viewed{position:relative;animation:none;background-color:transparent}.thumbnail-item.highlight-last-viewed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(255,183,77,.85);border-radius:4px;pointer-events:none;z-index:2;animation:highlight-thumb-fade 5s ease-out forwards}@keyframes highlight-thumb-fade{0%{border-color:#ffb74dd9}70%{border-color:#ffb74d80}to{border-color:transparent}}.thumbnail-name-row{display:flex;align-items:center;gap:4px;padding:4px 6px}.thumbnail-name-row .thumbnail-name{padding:0;flex:1;min-width:0}.selection-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.selection-count{font-size:13px;color:#64b5f6}.selection-delete-btn{background:#d32f2f;color:#fff;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:13px}.selection-delete-btn:hover{background:#b71c1c}.selection-clear-btn{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:2px 6px;line-height:1}.selection-clear-btn:hover{color:#e0e0e0}.browser-settings-btn{flex-shrink:0}.browser-more-menu-container{position:relative;flex-shrink:0}.browser-more-btn{font-size:18px;letter-spacing:2px}.browser-more-popup{display:none;position:absolute;top:100%;right:0;background:#4e4e4e;border:1px solid #444;border-radius:4px;padding:4px 0;min-width:200px;z-index:20;box-shadow:0 4px 12px #0006}.browser-more-popup.visible{display:block}.browser-more-popup-item{display:block;width:100%;background:none;border:none;color:#e0e0e0;padding:6px 16px;text-align:left;cursor:pointer;font-size:13px}.browser-more-popup-item:hover{background:#5a5a5a}.browser-more-popup-item.active{color:#64b5f6}.browser-more-popup-item.active:before{content:"✓ "}.browser-more-popup-item.popup-mobile-only,.browser-more-popup-separator.popup-mobile-only,.browser-more-popup-custom.popup-mobile-only{display:none}.browser-more-popup-separator{border:0;border-top:1px solid #5a5a5a;margin:4px 0}.browser-more-popup-custom{padding:8px 16px}.browser-more-popup-custom .popup-thumbnail-size-select{width:100%;margin:0}.selection-action-icon{display:none}.filter-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #333;background:#3a3a3a;position:sticky;top:42px;z-index:9}.filter-label{color:#888;font-size:13px;flex-shrink:0}.filter-input{flex:1;background:#4e4e4e;border:1px solid #444;border-radius:3px;color:#e0e0e0;padding:4px 8px;font-size:13px;outline:none}.filter-input:focus{border-color:#64b5f6}.filter-input::placeholder{color:#666}.filter-count{color:#888;font-size:13px;flex-shrink:0}.filter-close-btn{flex-shrink:0;width:28px;height:28px;font-size:16px}.image-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;animation:progress-fade-in .2s ease-in both}@keyframes progress-fade-in{0%{opacity:0}to{opacity:1}}.image-progress-text{font-size:14px;color:#aaa}.image-progress-track{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden}.image-progress-bar{height:100%;background:#64b5f6;transition:width .15s}.col-actions{width:40px;text-align:center}.action-btn{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:3px;line-height:1}.rename-btn:hover{color:#64b5f6;background:#64b5f61a}.delete-btn:hover{color:#ef5350;background:#ef53501a}.dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:30}.dialog{background:#404040;border:1px solid #444;border-radius:8px;padding:24px;min-width:320px;max-width:480px;box-shadow:0 8px 32px #00000080}.dialog-message{font-size:15px;margin-bottom:20px;line-height:1.4}.dialog-error{color:#ff6b6b;font-size:13px;margin-bottom:12px}.dialog-input{width:100%;padding:8px 12px;font-size:14px;background:#3a3a3a;color:#e0e0e0;border:1px solid #555;border-radius:4px;margin-bottom:16px;box-sizing:border-box}.dialog-input:focus{outline:none;border-color:#64b5f6}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.dialog-btn{padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;border:1px solid #555}.dialog-btn-cancel{background:transparent;color:#e0e0e0}.dialog-btn-cancel:hover{background:#333}.dialog-btn-danger{background:#d32f2f;color:#fff;border-color:#d32f2f}.dialog-btn-danger:hover{background:#b71c1c}.dialog-btn-confirm{background:#1976d2;color:#fff;border-color:#1976d2}.dialog-btn-confirm:hover{background:#1565c0}.dialog-input{width:100%;margin-bottom:16px}.new-folder-btn{font-size:14px;flex-shrink:0}.browser-tabs{display:flex;gap:0;flex-shrink:0}.browser-tab{background:transparent;border:1px solid #444;color:#888;padding:6px 14px;cursor:pointer;font-size:13px;border-radius:0;min-width:72px;text-align:center}.browser-tab:first-child{border-radius:3px 0 0 3px}.browser-tab:last-child{border-radius:0 3px 3px 0;border-left:none}.browser-tab:hover{color:#e0e0e0}.browser-tab.active{color:#64b5f6;border-color:#64b5f6;background:#64b5f61a}.browser-toolbar-files{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.browser-toolbar-files .breadcrumb{flex:1}.selection-move-btn{background:#1976d2;color:#fff;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:13px}.selection-move-btn:hover{background:#1565c0}.selection-copy-btn{background:#388e3c;color:#fff;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:13px}.selection-copy-btn:hover{background:#2e7d32}.move-new-folder-input{display:flex;gap:8px;align-items:center;padding:8px 0;flex-wrap:wrap}.move-new-folder-input .dialog-input{flex:1;min-width:0;margin-bottom:0;width:auto}.move-new-folder-buttons{display:flex;gap:8px;flex-shrink:0}.selection-rename-btn{background:#7b1fa2;color:#fff;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:13px}.selection-rename-btn:hover{background:#6a1b9a}.sequential-rename-dialog{min-width:420px;max-width:560px}.sequential-rename-fields{display:flex;gap:12px;margin-bottom:12px}.sequential-rename-fields .rename-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#aaa;cursor:default}.sequential-rename-fields input{width:100px}.sequential-rename-fields label:first-child input{width:140px}.sequential-rename-preview{margin-bottom:12px}.sequential-rename-list{max-height:300px;overflow-y:auto;font-family:monospace;font-size:12px;background:#3a3a3a;border-radius:4px;padding:8px}.sequential-rename-item{padding:2px 0}.rename-old{color:#999}.rename-arrow{color:#666}.rename-new{color:#64b5f6}.move-dialog{min-width:420px;max-width:560px}.move-recent{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.move-recent-label{font-size:12px;color:#888}.move-recent-btn{background:#64b5f61a;border:1px solid #444;color:#64b5f6;padding:2px 10px;border-radius:12px;cursor:pointer;font-size:12px}.move-recent-btn:hover{background:#64b5f633;border-color:#64b5f6}.move-breadcrumb{margin-bottom:8px;padding:8px 0;border-bottom:1px solid #333}.move-directory-list{max-height:300px;overflow-y:auto;border:1px solid #333;border-radius:4px;margin-bottom:12px;background:#2a2a2a}.move-dir-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:14px}.move-dir-item:hover{background:#505050}.move-dir-parent{color:#888;border-bottom:1px solid #222}.move-file-item{color:#666;cursor:default}.move-file-item:hover{background:transparent}.move-destination{font-size:13px;color:#aaa;margin-bottom:16px;padding:6px 0}.tasks-view{padding:8px 0}.tasks-empty{padding:40px;text-align:center;color:#666;font-size:14px}.tasks-actions{display:flex;gap:8px;margin-bottom:12px}.tasks-list{display:flex;flex-direction:column;gap:4px}.task-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;background:#444;font-size:14px}.task-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.task-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-description{color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-status{font-size:12px;color:#888}.task-completed{opacity:.6}.task-completed .task-status{color:#4caf50}.task-failed .task-status{color:#ef5350}.task-running .task-status{color:#64b5f6}.retry-btn{font-size:18px;color:#64b5f6}.retry-btn:hover{color:#90caf9;background:#64b5f61a}.topbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--bg-card, #1a1d27);border-bottom:1px solid var(--border, #2d3044);position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text, #e1e4ed);cursor:pointer;-webkit-tap-highlight-color:transparent}.topbar-hamburger:hover{background:var(--bg-hover, #252833)}.topbar-hamburger-icon{display:block;width:20px;height:2px;background:currentColor;position:relative}.topbar-hamburger-icon:before,.topbar-hamburger-icon:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0}.topbar-hamburger-icon:before{top:-6px}.topbar-hamburger-icon:after{top:6px}.topbar-title{font-size:1.1em;font-weight:700;color:var(--primary, #6366f1)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-btn,.top-bar-btn{background:transparent;border:none;color:var(--text-dim, #6c7086);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s,background .15s}.topbar-btn:hover,.top-bar-btn:hover{color:var(--text, #e1e4ed);background:var(--bg-hover, #252833)}.sidebar-drawer{display:contents}.sidebar-drawer:not(.open) .sidebar-drawer-panel,.sidebar-drawer:not(.open) .sidebar-drawer-resize-handle{display:none}.sidebar-drawer-overlay{display:none}.sidebar-drawer-panel{position:relative;display:flex;flex-direction:column;background:var(--bg-card, #1a1d27);border-right:1px solid var(--border, #2d3044);overflow-y:auto;overflow-x:hidden;min-width:0;flex-shrink:0}.sidebar-drawer-panel>.uikit-resize-handle{flex-shrink:0}.sidebar-drawer-resize-handle{width:4px;cursor:col-resize;background:transparent;flex-shrink:0;transition:background .15s}.sidebar-drawer-resize-handle:hover,.sidebar-drawer-resize-handle:active{background:var(--accent, #6366f1)}@media (max-width: 768px){.topbar-hamburger{display:flex}.sidebar-drawer:not(.open) .sidebar-drawer-panel{display:flex}.sidebar-drawer-panel{position:fixed;top:0;left:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s ease}.sidebar-drawer.open .sidebar-drawer-panel{transform:translate(0)}.sidebar-drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:190;-webkit-tap-highlight-color:transparent}.sidebar-drawer.open .sidebar-drawer-overlay{display:block}.sidebar-drawer-resize-handle{display:none}.sidebar-drawer-panel>.uikit-resize-handle{display:none}.settings-sidebar{width:100vw;max-width:100%;border-left:none;z-index:300}.settings-header{padding:8px 48px 8px 12px}.settings-tab-btn{padding:10px 14px;font-size:15px}.settings-header .close-btn{top:6px;right:8px;min-width:44px;min-height:44px}.settings-body{padding:12px}.browser-toolbar,.browser-toolbar-files{flex-wrap:wrap;gap:8px}.browser-tabs,.view-mode-switcher,.browser-toolbar .new-folder-btn{display:none}.browser-more-popup-item.popup-mobile-only,.browser-more-popup-separator.popup-mobile-only,.browser-more-popup-custom.popup-mobile-only{display:block}.filter-row{top:56px;padding-top:8px}.selection-toolbar{flex-wrap:wrap;gap:4px}.selection-action-label{display:none}.selection-action-icon{display:inline;font-size:18px}.selection-toolbar button{min-width:40px;min-height:40px;padding:6px 10px}.browser-more-popup-item{padding:12px 16px;font-size:15px}.file-table th,.file-table td{padding:12px 10px}.file-table .col-date,.file-table th.col-date,.file-table .col-details,.file-table th.col-details{display:none}.file-table,.file-table th,.file-table td{font-size:13px}.image-overlay-bottom{opacity:1;padding:8px;flex-wrap:wrap;overflow:visible;row-gap:6px}.image-overlay-bottom .image-navigation{flex-basis:100%;order:20;justify-content:center;gap:4px}.image-overlay-bottom>.viewer-zoom-btn,.image-overlay-bottom>.compare-btn,.image-overlay-bottom>.nav-btn-reverse-compare,.image-overlay-bottom>.nav-btn-close,.image-overlay-bottom>.compare-animate-toggle,.image-overlay-bottom>.compare-mode-toggle,.image-overlay-bottom>.viewer-overlay-more-mobile{order:10}.image-overlay-bottom>.viewer-overlay-more-mobile{margin-left:auto}.image-overlay-bottom .compare-opacity-slider{flex-basis:100%;order:0;margin:0 0 4px;padding:0 4px}.image-overlay-bottom .compare-opacity-range{flex:1;width:auto;min-width:0}.image-progress{top:35%}.ahead-preload-indicator{bottom:160px}.browser-toolbar>.browser-more-menu-container{margin-left:auto}.browser-more-popup{min-width:240px}.image-overlay-top{opacity:1}.image-navigation{flex-wrap:nowrap;justify-content:center;gap:4px}.nav-btn{padding:10px 12px;min-height:44px;min-width:44px;font-size:16px}.nav-btn.compare-btn{width:auto;min-width:44px;padding:10px 12px}.nav-btn.compare-btn .compare-btn-text{display:none}.nav-btn.compare-btn .compare-btn-icon{display:inline}.image-overlay-bottom .viewer-zoom-btn,.image-overlay-bottom .nav-btn-close,.image-overlay-bottom .nav-btn-reverse-compare{display:none!important}.viewer-overlay-more-mobile{display:block;position:relative}.viewer-overlay-more-btn{background:#323232e6;border:1px solid #555;color:#e0e0e0;border-radius:4px;font-size:18px;letter-spacing:2px;padding:10px 12px;min-height:44px;min-width:44px}.browser-more-popup.popup-open-up{top:auto;bottom:100%;margin-bottom:6px}.context-menu-root{top:auto!important;left:0!important;right:0!important;bottom:0!important;min-width:0!important;width:100vw;border-radius:12px 12px 0 0!important;padding-top:8px!important;padding-bottom:env(safe-area-inset-bottom,8px)!important;max-height:70vh;overflow-y:auto}.context-menu-item{padding:14px 20px!important;font-size:15px!important}}.metadata-modal{background:#404040;border:1px solid #5a5a5a;border-radius:8px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.metadata-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #5a5a5a;font-size:15px;font-weight:600;flex-shrink:0}.metadata-modal-body{overflow-y:auto;padding:12px 16px}.metadata-section{margin-bottom:16px}.metadata-section:last-child{margin-bottom:0}.metadata-section-title{font-size:13px;font-weight:600;color:#64b5f6;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #505050}.metadata-table{width:100%;border-collapse:collapse;font-size:12px}.metadata-table td{padding:3px 8px;vertical-align:top}.metadata-tag-name{color:#aaa;white-space:nowrap;width:1%;padding-right:16px}.metadata-tag-value{color:#e0e0e0;word-break:break-word}.viewer-toast{position:fixed;bottom:12px;left:12px;background:#000c;color:#e0e0e0;padding:8px 16px;border:1px solid #555;border-radius:6px;font-size:13px;z-index:50;pointer-events:none;animation:toast-fade-in .15s ease-out}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.change-badge{font-size:.65em;padding:1px 5px;border-radius:3px;border:1px solid #666;font-weight:700;text-transform:uppercase;margin-left:6px;vertical-align:middle}.change-new{background:#1ea832;color:#fff}.change-updated{background:#e07010;color:#fff}.change-deleted{background:#d32f2f;color:#fff}.row-deleted td{opacity:.5}.row-deleted .entry-link{text-decoration:line-through}.thumbnail-item.entry-deleted,.scroller-item.entry-deleted{opacity:.5}.thumbnail-preview .change-badge,.scroller-item .change-badge{position:absolute;top:4px;left:4px;z-index:2}:root{--bg-card: #1a1d27;--bg-app: #12141c;--border: #2d3044;--text: #e1e4ed;--text-dim: #6c7086;--bg-hover: #252833;--primary: #6366f1;--on-accent: #fff;--accent: #6366f1;--danger: #d32f2f}.btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-family:inherit;line-height:1;padding:7px 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:.95em;line-height:1}.btn-primary{background:var(--primary, #6366f1);color:var(--on-accent, #fff)}.btn-primary:hover:not(:disabled){filter:brightness(1.12)}.btn-secondary{background:var(--bg-hover, #252833);color:var(--text, #e1e4ed);border-color:var(--border, #2d3044)}.btn-secondary:hover:not(:disabled){border-color:var(--accent, #6366f1)}.btn-danger{background:transparent;color:var(--danger, #d32f2f);border-color:var(--danger, #d32f2f)}.btn-danger:hover:not(:disabled){background:var(--danger, #d32f2f);color:#fff}.btn-ghost{background:transparent;color:var(--text-dim, #6c7086)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover, #252833);color:var(--text, #e1e4ed)}.file-button{position:relative}.file-button-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.file-button:has(.file-button-input:focus-visible){outline:2px solid var(--accent, #6366f1);outline-offset:2px}.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sidebar-nav{display:flex;flex-direction:column;padding:8px;gap:2px}.sidebar-nav-header{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim, #6c7086);padding:8px 10px 4px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-dim, #6c7086);font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.sidebar-nav-item:hover:not(:disabled){background:var(--bg-hover, #252833);color:var(--text, #e1e4ed)}.sidebar-nav-item.active{background:var(--bg-hover, #252833);color:var(--text, #e1e4ed);box-shadow:inset 2px 0 0 var(--accent, #6366f1)}.sidebar-nav-item:disabled{opacity:.45;cursor:not-allowed}.sidebar-nav-item[href*="/domains/"][href$="/email"]{opacity:.55}.sidebar-nav-icon{width:18px;text-align:center}.sidebar-nav-label{flex-grow:1;min-width:0;overflow-wrap:anywhere}.uikit-responsive-table-wrap{max-width:100%;overflow-x:auto}.uikit-responsive-table{width:100%;border-collapse:collapse;table-layout:fixed}.uikit-responsive-table th,.uikit-responsive-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border, #444);overflow-wrap:anywhere}.uikit-responsive-table td a{display:block;color:inherit;text-decoration:none}.uikit-responsive-table tr:hover td{background:var(--bg-hover, #252833)}@media (max-width: 600px){.uikit-responsive-table thead{display:none}.uikit-responsive-table,.uikit-responsive-table tbody,.uikit-responsive-table tr,.uikit-responsive-table td{display:block}.uikit-responsive-table tr{margin-bottom:12px;border:1px solid var(--border, #444);border-radius:8px;padding:8px}.uikit-responsive-table td{border:0;padding:5px}.uikit-responsive-table td:before{content:attr(data-label);display:block;font-size:11px;color:var(--text-secondary, #999)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg-app);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4,p{margin:0}button{font:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:2px solid transparent;border-radius:var(--radius-pill);font-weight:600;font-size:16px;line-height:1.2;white-space:normal;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.file-button:has(.file-button-input:focus-visible),.nav-link:focus-visible,.faq-question:focus-visible,.kind-option:focus-visible,.footer-link:focus-visible{outline:3px solid var(--hubbyl-highlight);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.7;cursor:default;transform:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--hubbyl-accent-hover)}.btn-primary:hover:not(:disabled){filter:none}.btn-outline{background:transparent;color:var(--text);border-color:var(--text)}.btn-outline:hover{background:var(--text);color:var(--bg-app)}.btn-danger{background:var(--danger);color:var(--bg-app)}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-outline-light{background:transparent;color:var(--hubbyl-on-deep);border-color:var(--hubbyl-on-deep)}.btn-outline-light:hover{background:var(--hubbyl-on-deep);color:var(--hubbyl-deep)}.btn-small{padding:8px 16px;font-size:15px}.btn-large{padding:16px 28px;font-size:17px}.btn-block{width:100%}.site-topbar{position:sticky;top:0;z-index:20;background:var(--bg-app);border-bottom:1px solid var(--border)}.site-topbar-inner{display:flex;align-items:center;gap:32px;height:68px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:18px}.logo-text{font-weight:800;font-size:22px;letter-spacing:-.02em}.nav-links{display:flex;gap:4px;flex:1}.nav-link,.footer-link{background:none;border:none;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);font-weight:500;cursor:pointer;text-decoration:none}.nav-link:hover{background:var(--bg-card)}.nav-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.nav-login{font-weight:600;text-decoration:none}.nav-login:hover{text-decoration:underline}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:space-between}.menu-toggle span{display:block;height:3px;border-radius:2px;background:var(--text)}.hero{background:var(--hubbyl-deep);color:var(--hubbyl-on-deep);padding:88px 0 96px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.eyebrow{color:var(--hubbyl-highlight);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:14px;margin-bottom:16px}.hero-title{font-size:clamp(44px,6.5vw,80px);line-height:1.02;letter-spacing:-.035em;font-weight:800}.hero-subtitle{margin-top:24px;font-size:20px;color:var(--hubbyl-on-deep-dim);max-width:36em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-note{margin-top:28px;font-size:15px;color:var(--hubbyl-on-deep-dim);max-width:34em}.hero-media{position:relative}.hero-photo{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--elev-lg)}.hero-float{position:absolute;left:-32px;bottom:32px;display:grid;gap:2px;padding:16px 20px;background:var(--bg-app);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--elev-lg);max-width:280px}.hero-float-label{font-size:13px;color:var(--text-dim);font-weight:600}.hero-float-value{font-size:24px;font-weight:800;color:var(--accent)}.hero-float-detail{font-size:14px}.section{padding:104px 0}.section-tinted{background:var(--bg-card)}.section-header{max-width:760px;margin-bottom:48px}.section-title{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.section-intro{margin-top:18px;font-size:19px;color:var(--text-dim)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{padding:28px;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-lg)}.section-tinted .card{border-color:transparent}.card-title{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em}.card-body{margin-top:10px;color:var(--text-dim)}.tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.tag-highlight{background:var(--hubbyl-highlight);color:var(--hubbyl-deep)}.photo{width:100%;object-fit:cover;border-radius:var(--radius-lg)}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.split-reverse{grid-template-columns:1fr 1.1fr}.split-photo{aspect-ratio:4 / 5;max-height:640px}.split-copy .section-header{margin-bottom:32px}.split-copy>.btn{margin-top:32px}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.check-list li{display:flex;gap:12px;align-items:flex-start;font-weight:500}.icon-check{flex:none;width:22px;height:22px;padding:3px;margin-top:2px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.quote-list{display:grid;gap:16px}.quote-card{padding:22px 24px;border-left:4px solid var(--accent);border-radius:var(--radius-md)}.quote-card .card-title{font-size:19px}.quote-card .card-body{margin-top:6px;font-size:16px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:none}.step{padding:32px 28px;background:var(--bg-app);border-radius:var(--radius-lg)}.step-number{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:50%;background:var(--hubbyl-deep);color:var(--hubbyl-highlight);font-weight:800;font-size:20px}.benefit-card{background:var(--bg-card);border-color:transparent}.examples{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start}.mockup{padding:28px;background:var(--bg-app);border-radius:var(--radius-lg);box-shadow:var(--elev-md)}.mockup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.mockup-header .tag{margin-bottom:0}.mockup-title{font-weight:800;font-size:22px}.mockup-subtitle{color:var(--text-dim);font-size:15px}.report-lines{display:grid}.report-line{display:grid;grid-template-columns:1fr auto;column-gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.report-line:last-child{border-bottom:none;padding-bottom:0}.report-label{font-weight:600}.report-value{grid-row:span 2;align-self:center;font-size:26px;font-weight:800;color:var(--accent)}.report-detail{font-size:14px;color:var(--text-dim)}.photo-card-image{aspect-ratio:4 / 3;margin-bottom:20px}.pricing-grid{align-items:stretch}.price-card{display:flex;flex-direction:column;gap:18px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-app)}.price-card .tag{align-self:flex-start;margin-bottom:0}.price-card-highlight{background:var(--hubbyl-deep);color:var(--hubbyl-on-deep);border-color:var(--hubbyl-deep);box-shadow:var(--elev-lg)}.price-name{font-size:20px;font-weight:700}.price{display:grid}.price-amount{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.price-period{color:var(--text-dim);font-size:15px}.price-card-highlight .price-period,.price-card-highlight .price-note{color:var(--hubbyl-on-deep-dim)}.price-card-highlight .icon-check{background:var(--hubbyl-highlight);color:var(--hubbyl-deep)}.price-card .check-list{flex:1}.price-note{font-size:14px;color:var(--text-dim)}.faq-list{max-width:860px;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:24px 0;background:none;border:none;text-align:left;font-size:20px;font-weight:600;color:var(--text);cursor:pointer}.faq-sign{flex:none;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-card);font-size:22px;line-height:1}.faq-item-open .faq-sign{background:var(--accent);color:var(--on-accent)}.faq-answer{padding:0 56px 24px 0;color:var(--text-dim);font-size:18px}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}.form-card{display:grid;gap:20px;padding:32px;background:var(--bg-app);border-radius:var(--radius-lg);box-shadow:var(--elev-md)}.kind-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--bg-card);border-radius:var(--radius-pill)}.kind-option{padding:10px 12px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-dim);font-weight:600;cursor:pointer}.kind-option-active{background:var(--bg-app);color:var(--text);box-shadow:var(--elev-sm)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:6px}.field label{font-weight:600;font-size:15px}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text);font:inherit;font-size:16px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.field-error input,.field-error textarea,.field-error select{border-color:var(--danger)}.form-note{grid-column:1 / -1;color:var(--text-dim);font-size:15px}.field-message{color:var(--danger);font-size:14px}.form-alert{padding:12px 16px;border-radius:var(--radius-sm);background:var(--danger-subtle);color:var(--danger-subtle-text);font-weight:500}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-sent{justify-items:start;gap:12px}.sent-icon .icon-check{width:48px;height:48px;padding:10px}.final-cta{background:var(--hubbyl-deep);color:var(--hubbyl-on-deep);padding:96px 0;text-align:center}.final-cta-inner{display:grid;justify-items:center}.final-cta-title{font-size:clamp(34px,4.5vw,56px);line-height:1.08;letter-spacing:-.03em;font-weight:800;max-width:18em}.final-cta .hero-actions{justify-content:center}.footer{background:var(--bg-card);padding:64px 0 32px;font-size:15px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-brand p{margin-top:12px;color:var(--text-dim);max-width:22em}.footer h4{font-size:15px;margin-bottom:12px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.footer-link{padding:4px 0;color:var(--text-dim);font-weight:400}.footer-link:hover{color:var(--text);text-decoration:underline}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);color:var(--text-dim)}.steps-4{grid-template-columns:repeat(4,1fr)}.hero-media-phone{display:grid;justify-items:center}.phone-frame{width:min(300px,100%);aspect-ratio:9 / 19;padding:12px;border-radius:44px;background:var(--hubbyl-on-deep);box-shadow:var(--elev-lg)}.phone-video,.phone-placeholder{width:100%;height:100%;border-radius:32px;object-fit:cover}.phone-placeholder{display:grid;place-items:center;background:linear-gradient(160deg,var(--accent),var(--hubbyl-deep))}.phone-placeholder-mark{width:72px;height:72px;border-radius:20px;background:var(--hubbyl-highlight);color:var(--hubbyl-deep);font-size:36px}.reel-row{--reels-per-row: 5;--reel-gap: 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--reel-gap)}.reel-tile{position:relative;width:calc((100% - (var(--reels-per-row) - 1) * var(--reel-gap)) / var(--reels-per-row));max-width:220px;aspect-ratio:9 / 16;padding:0;border:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--hubbyl-deep);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.reel-tile:hover,.reel-tile:focus-visible{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a2e}.reel-tile:focus-visible{outline:3px solid var(--hubbyl-highlight);outline-offset:3px}.reel-poster{display:block;width:100%;height:100%;object-fit:cover}.reel-play{position:absolute;bottom:6%;left:50%;width:48px;height:48px;border-radius:50%;background:#0f172ab3;transform:translate(-50%)}.reel-play:after{content:"";position:absolute;top:14px;left:19px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}.dialog-overlay:has(.reel-dialog){position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:#080c1ce0}.dialog.reel-dialog{position:static;width:auto;min-width:0;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}.reel-dialog-body{--reel-modal-height: min(82dvh, 760px);display:grid;grid-template-columns:auto auto auto;align-items:center;justify-items:center;gap:12px 20px}.reel-modal-video{grid-column:2;grid-row:1;display:block;width:min(calc(100vw - 180px),calc(var(--reel-modal-height) * 9 / 16));aspect-ratio:9 / 16;border-radius:var(--radius-lg);background:#000;object-fit:contain}.reel-step-previous{grid-column:1;grid-row:1}.reel-step-next{grid-column:3;grid-row:1}.reel-count{grid-column:2;grid-row:2;margin:0;color:#fffc;font-size:14px}.reel-step,.reel-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0 0 4px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:32px;line-height:1;cursor:pointer}.reel-step:hover:not(:disabled),.reel-close:hover{background:#ffffff4d}.reel-step:disabled{opacity:.3;cursor:default}.reel-close{position:fixed;top:16px;right:16px}.industry-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.industry-item{padding:14px 22px;border-radius:var(--radius-pill);background:var(--bg-card);font-weight:600}.section-actions{display:flex;justify-content:center;margin-top:40px}.section-dark{background:var(--hubbyl-deep);color:var(--hubbyl-on-deep)}.section-dark .section-intro{color:var(--hubbyl-on-deep-dim)}.promise-card{background:transparent;border-color:var(--hubbyl-on-deep-dim)}.promise-card .card-title{color:var(--hubbyl-highlight)}.promise-card .card-body{color:var(--hubbyl-on-deep)}.section-callout{padding:64px 0 0}.callout{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg)}.callout .btn{flex:none}.app-nav-title{margin:0 0 12px;font-size:16px}nav[aria-label=Pages],nav[aria-label=Files]{min-width:0}.app-nav-link{display:block;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:15px}.app-nav-link:hover{background:var(--bg-hover)}.app-nav-link-active{background:var(--accent-subtle);font-weight:600}.app-home{display:grid;justify-items:start;gap:16px}.brand-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.files-nav-header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.files-nav-header .app-nav-title{margin-bottom:0;min-width:0;white-space:nowrap}.files-nav-header .btn{flex-shrink:0}.files-note{margin:12px 0 0;color:var(--text-dim);font-size:15px}.files-page{display:grid;gap:24px;max-width:720px}.files-section{display:grid;gap:16px;padding:24px;background:var(--bg-app);border-radius:var(--radius-lg);box-shadow:var(--elev-sm)}.files-section h2{margin:0;font-size:20px}.files-details{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;margin:0}.files-details dt{font-weight:600}.files-details dd{margin:0;overflow-wrap:anywhere}.files-action{display:flex;align-items:end;gap:12px}.files-action .field{flex:1}.files-actions{display:flex;flex-wrap:wrap;gap:12px}.files-status{margin:0;font-weight:500}.business-profile-page{width:min(100%,760px);justify-items:stretch}.reels-brief-header,.reels-brief-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reels-brief-header .section-title{margin:0}.reels-brief-actions{justify-content:flex-end}.reels-brief-form{display:grid;gap:18px}.reels-brief-details{display:grid;gap:0;margin:0;padding:8px 24px;background:var(--bg-app);border-radius:var(--radius-lg);box-shadow:var(--elev-sm)}.reels-brief-detail{padding:16px 0;border-bottom:1px solid var(--border)}.reels-brief-detail:last-child{border-bottom:0}.reels-brief-detail dt{color:var(--text-dim);font-size:13px}.reels-brief-detail dd{margin:5px 0 0;white-space:pre-wrap}.profile-feedback:empty{display:none}.profile-section,.profile-editor{display:grid;gap:14px;padding:24px;background:var(--bg-app);border-radius:var(--radius-lg);box-shadow:var(--elev-sm)}.profile-section h2,.profile-section h3,.profile-editor h3,.profile-editor h4{margin:0}.profile-section .field,.profile-editor .field{width:100%}.profile-field{min-width:0;margin:0;padding:0;border:0}.profile-control-label{display:grid;gap:5px;color:var(--text-dim);font-size:13px}.profile-field .form-group{margin-bottom:0!important}.profile-control-label>div,.profile-control-label select{width:100%}.profile-field .form-input,.profile-field .form-textarea,.profile-field .form-select{width:100%;box-sizing:border-box;font-size:16px}.profile-field-error .form-input,.profile-field-error .form-textarea,.profile-field-error .form-select,.profile-hours-row.profile-field-error input[type=time]{border-color:var(--danger)!important}.profile-field-message{color:var(--danger);font-size:13px}.profile-toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:min(360px,calc(100vw - 40px));padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--elev-lg);font-weight:600}.profile-toast-success{background:var(--success-subtle);color:var(--success-subtle-text)}.profile-toast-error{background:var(--danger-subtle);color:var(--danger-subtle-text)}.profile-section select{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-app);color:var(--text)}.profile-logo{width:112px;height:112px;object-fit:contain;border-radius:var(--radius-md)}.profile-item{display:grid;justify-items:start;gap:8px;padding:18px 0;border-top:1px solid var(--border)}.profile-item p,.profile-item ul{margin:0}.profile-hours-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.profile-hours-row span{min-width:96px}.profile-hours-row label{display:flex;align-items:center;gap:6px}.profile-hours-row input[type=time]{max-width:130px}@media (max-width: 1024px){.grid-4,.steps-4{grid-template-columns:repeat(2,1fr)}.examples,.contact{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.reel-row{--reels-per-row: 3}}@media (max-width: 768px){body{font-size:16px}.container{padding:0 20px}.section{padding:72px 0}.section-header{margin-bottom:32px}.nav-links,.nav-actions{display:none}.menu-toggle{display:flex}.site-topbar-simple .nav-actions{display:flex;gap:12px}.site-topbar-open .site-topbar-inner{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:16px;row-gap:8px}.site-topbar-open .nav-links{display:grid;order:3;flex-basis:100%}.site-topbar-open .nav-link{text-align:left;padding:12px 0;font-size:18px}.site-topbar-open .nav-actions{display:flex;order:4;flex-basis:100%;justify-content:space-between;margin-left:0;padding-top:8px}.hero{padding:48px 0 64px}.hero-inner,.split,.split-reverse{grid-template-columns:1fr;gap:40px}.split-reverse .split-photo{order:2}.hero-subtitle{font-size:18px}.hero-actions .btn{width:100%}.hero-photo{aspect-ratio:4 / 3}.hero-float{left:16px;bottom:-24px}.split-photo{aspect-ratio:4 / 3}.grid-2,.grid-3,.grid-4,.steps,.steps-4,.form-grid{grid-template-columns:1fr}.phone-frame{width:min(240px,100%)}.reel-row{--reels-per-row: 2;--reel-gap: 12px}.dialog-overlay:has(.reel-dialog){padding-top:72px}.reel-dialog-body{--reel-modal-height: calc(100dvh - 160px) ;grid-template-columns:auto 1fr auto}.reel-modal-video{grid-column:1 / -1;width:min(calc(100vw - 32px),calc(var(--reel-modal-height) * 9 / 16))}.reel-step-previous,.reel-step-next{grid-row:2}.callout{flex-direction:column;align-items:flex-start;padding:24px}.card,.price-card,.form-card,.mockup{padding:24px}.faq-question{font-size:18px}.faq-answer{padding-right:0;font-size:16px}.footer-grid{grid-template-columns:1fr}}.content-page,.content-preview{width:100%;max-width:1100px;min-width:0;margin:auto;padding:1.5rem}.content-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.content-list{display:grid;gap:1rem;margin:1.5rem 0}.content-list-item{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer}.content-list-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.content-list-details{flex:1;min-width:0}.content-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.content-list-heading h2{margin-top:0}.content-card-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.content-list-cover{width:110px;height:110px;flex:none;overflow:hidden;background:var(--inset)}.content-list-item-reel .content-list-cover{height:196px}.content-list-cover img,.content-list-cover video,.content-media-list img,.content-media-list video{width:100%;height:100%;object-fit:cover}.content-video-thumbnail{position:relative;width:100%;height:100%;overflow:hidden}.content-video-thumbnail video,.content-video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.content-video-thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0}.content-empty-cover{display:grid;width:100%;height:100%;place-items:center;padding:.5rem;text-align:center;color:var(--text-dim)}.content-editor{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.content-editor-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.content-editor-actions-bottom{margin-top:1.5rem}.content-field{display:grid;gap:.4rem;margin:1rem 0;padding:0;border:0;min-width:0}.content-field label{display:grid;gap:.4rem}.content-field label>div,.content-field select{width:100%}.content-field input,.content-field textarea,.content-field select{width:100%;padding:.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text)}.content-field textarea{min-height:7rem}.content-media-list{display:flex;gap:.75rem;flex-wrap:wrap}.content-media-list>div{width:180px;max-width:100%;min-width:0}.content-media-list img{height:150px}.content-media-list video{display:block;height:auto;max-height:320px;object-fit:contain;background:var(--hubbyl-deep)}.content-media-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.content-media-actions .btn{min-height:2rem;padding:.3rem .55rem}.content-upload-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.content-frame-picker{display:grid;gap:.75rem;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.content-frame-picker label{display:grid;gap:.5rem}.content-frame-stage{position:relative;width:min(220px,100%);aspect-ratio:9/16;overflow:hidden;background:var(--hubbyl-deep)}.content-frame-stage video,.content-frame-stage img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.content-frame-picker input[type=range]{width:min(360px,100%)}.content-frame-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.content-cover-preview{display:block;width:150px;height:150px;object-fit:cover;margin:1rem 0}.content-list-item-video .content-list-cover{width:196px;height:110px}.content-list-title{margin:.25rem 0;font-weight:600;overflow-wrap:anywhere}.content-checkbox{display:flex;align-items:center;gap:.6rem}.content-field.content-checkbox input{width:auto}.youtube-file-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.youtube-file-slot{display:grid;align-content:start;gap:.5rem;min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.youtube-file-label{font-weight:600}.youtube-file-missing{color:var(--text-dim)}.youtube-file-slot video,.youtube-thumbnail-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--hubbyl-deep)}.youtube-sources-edit .content-row{flex-wrap:nowrap;margin:.25rem 0}.youtube-sources-edit .content-row input{flex:1;min-width:0}.youtube-sources-edit>.btn{justify-self:start}.content-field textarea.youtube-description-input{min-height:14rem}.youtube-preview{width:100%;max-width:1100px;min-width:0;margin:auto;padding:1.5rem}.youtube-channel{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;min-width:0}.youtube-channel>div:last-child{min-width:0;overflow-wrap:anywhere}.youtube-channel h1{margin:0;overflow-wrap:anywhere}.youtube-channel p{margin:.35rem 0}.youtube-meta{color:var(--text-dim);font-size:.9rem}.preview-tabs.youtube-tabs{justify-content:flex-start;border-top:0;border-bottom:1px solid var(--border);margin-bottom:1rem}.preview-tabs.youtube-tabs button{border-top:0;border-bottom:2px solid transparent}.preview-tabs.youtube-tabs button.active{border-bottom-color:var(--text)}.youtube-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem .75rem;min-width:0}.youtube-grid-shorts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.youtube-tile,.youtube-short-tile{display:grid;align-content:start;gap:.35rem;min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.youtube-tile:focus-visible,.youtube-short-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.youtube-tile-thumbnail{aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-sm);background:var(--inset)}.youtube-tile-thumbnail img,.youtube-tile-thumbnail video{display:block;width:100%;height:100%;object-fit:cover}.youtube-tile-title{font-weight:600;line-height:1.3;overflow-wrap:anywhere}.youtube-short-tile{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-sm);background:var(--inset)}.youtube-short-tile>img,.youtube-short-tile>video,.youtube-short-tile .content-video-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.youtube-short-caption{position:absolute;right:0;bottom:0;left:0;padding:.5rem;color:#fff;background:linear-gradient(transparent,#000000bf);font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dialog.content-preview-dialog.youtube-watch-dialog{width:min(1000px,100%);max-width:1000px}.youtube-watch{display:grid;gap:.5rem;min-width:0}.youtube-player{display:block;width:100%;aspect-ratio:16/9;background:#000}.youtube-player-empty{display:grid;aspect-ratio:16/9;place-items:center;background:var(--inset);color:var(--text-dim)}.youtube-watch-title{margin:.5rem 0 0;overflow-wrap:anywhere}.youtube-description{padding:.75rem;border-radius:var(--radius-sm);background:var(--inset);white-space:pre-wrap;overflow-wrap:anywhere}.youtube-chapter{padding:0;border:0;background:transparent;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.youtube-chapter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.youtube-tags{color:var(--text-dim);overflow-wrap:anywhere}.youtube-details{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.5rem 0}.youtube-details dt{font-weight:600}.youtube-details dd{margin:0}.youtube-sources h3{margin:.5rem 0}.youtube-sources a{overflow-wrap:anywhere}.youtube-details-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}@media (max-width:768px){.youtube-preview{padding:1rem}.youtube-channel{align-items:flex-start;gap:1rem;padding:1rem 0}.youtube-grid{grid-template-columns:minmax(0,1fr)}.youtube-grid-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-tabs button{flex:1;min-height:44px}.youtube-sources-edit .content-row{flex-wrap:wrap}}.preview-profile{display:flex;align-items:center;gap:2rem;padding:1.5rem 0;min-width:0}.preview-profile>div:last-child{min-width:0;overflow-wrap:anywhere}.preview-profile h1{margin:0;overflow-wrap:anywhere}.preview-profile a{overflow-wrap:anywhere}.preview-logo{width:130px;height:130px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--inset);font-size:3rem}.preview-logo img{width:100%;height:100%;object-fit:cover}.preview-tabs{display:flex;justify-content:center;gap:2rem;border-top:1px solid var(--border)}.preview-tabs button{padding:1rem;border:0;border-top:2px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer}.preview-tabs button.active{border-top-color:var(--text);color:var(--text)}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;min-width:0}.preview-tile{position:relative;min-width:0;aspect-ratio:1;padding:0;border:0;overflow:hidden;background:var(--inset);cursor:pointer}.preview-tile img,.preview-tile video{display:block;width:100%;height:100%;object-fit:cover}.preview-play{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:var(--bg-app);background:var(--hubbyl-deep);font-size:.9rem;line-height:1}.preview-tile:focus-visible,.preview-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.preview-grid-reels .preview-tile{aspect-ratio:9/16}.dialog-overlay:has(.content-preview-dialog){z-index:2000;padding:1rem}.dialog.content-preview-dialog{position:relative;width:min(850px,100%);max-width:850px;min-width:0;max-height:95vh;overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text)}.content-preview-dialog>[role=dialog]{min-width:0;padding-top:2.5rem}.preview-media{min-width:0;touch-action:pan-y}.preview-media img,.preview-media video{display:block;width:auto;max-width:100%;max-height:70vh;margin:auto}.preview-close{position:absolute;top:.5rem;right:.5rem;width:2.75rem;height:2.75rem;padding:0;font-size:1.5rem;line-height:1}.preview-video-player{position:relative;width:fit-content;max-width:100%;margin:auto}.preview-video-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:var(--hubbyl-deep);color:var(--bg-app);font-size:1.5rem;line-height:1;cursor:pointer;transform:translate(-50%,-50%)}.preview-video-play:hover{background:var(--accent)}.preview-video-play:focus-visible{outline:3px solid var(--hubbyl-highlight);outline-offset:3px}@media (max-width:768px){.content-preview{padding:1rem}.preview-profile{align-items:flex-start;gap:1rem;padding:1rem 0}.preview-logo{width:80px;height:80px;font-size:2rem}.preview-profile h1{font-size:1.5rem;line-height:1.25}.preview-tabs{gap:0}.preview-tabs button{flex:1;min-height:44px}.preview-grid{gap:.15rem}.preview-play{top:.25rem;right:.25rem;width:1.75rem;height:1.75rem}.dialog-overlay:has(.content-preview-dialog){height:100dvh;padding:0}.dialog.content-preview-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:calc(.75rem + env(safe-area-inset-top)) calc(.75rem + env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) calc(.75rem + env(safe-area-inset-left));border:0;border-radius:0}.preview-media img,.preview-media video{max-height:calc(100dvh - 12rem)}.content-preview-dialog p{overflow-wrap:anywhere}}@media (max-width:600px){.content-page,.content-preview,.content-editor{padding:.8rem}.content-row{align-items:flex-start}.content-list-item{gap:.7rem;padding:.7rem}.content-list-cover{width:80px;height:80px}.content-list-item-reel .content-list-cover{height:142px}.preview-profile{gap:.75rem}.preview-profile h1{font-size:1.35rem}.preview-profile p{margin:.35rem 0}.preview-logo{width:64px;height:64px;font-size:1.7rem}.preview-grid{gap:.1rem}.preview-grid-reels{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-enquiries{max-width:1100px;overflow-x:auto}.admin-enquiries label{display:grid;gap:.35rem;width:max-content;margin:1rem 0}.admin-enquiries select{padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text)}.admin-enquiries table{width:100%;border-collapse:collapse;background:var(--bg-card)}.admin-enquiries th,.admin-enquiries td{padding:.7rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.admin-enquiry-row{cursor:pointer}.admin-enquiry-row:hover{background:var(--inset)}.admin-enquiry-answer{padding:.7rem 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.admin-enquiry-answer p{white-space:pre-wrap}