.tools-hub{max-width:960px!important}.tools-hub [hidden]{display:none!important}.tools-hub header{gap:12px}.hub-appearance{position:relative;margin-left:auto;font-size:14px}.hub-appearance summary{cursor:pointer;padding:12px}.hub-appearance .theme-line{position:absolute;right:0;top:35px;z-index:5;width:210px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.tools-hub .free-tools-hero{padding:26px 0 8px;background:none;border:0}.tools-hub .free-tools-hero h1,.hub-screen-header h1{font-size:clamp(25px,5vw,36px);line-height:1.15;margin:14px 0}.tools-hub .free-tools-hero p{margin:10px 0}.tools-hub .media-tools-card{border:0;padding:0;background:none;box-shadow:none;margin-top:16px}.tools-hub .quick-tool-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-tile{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:170px;padding:20px 16px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.hub-tile:hover{border-color:#9383ed;transform:translateY(-2px)}.hub-tile:focus-visible, .hub-presets button:focus-visible{outline:3px solid #ad98ff;outline-offset:3px}.hub-tile strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.hub-tile small{font-size:12px;line-height:1.4}.hub-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#8d77ef22;color:#a697ff}.hub-icon svg{width:25px;height:25px}.hub-tile:nth-child(3n+2) .hub-icon{background:#42c7ad22;color:#45b69e}.hub-tile:nth-child(3n) .hub-icon{background:#f2986e22;color:#d97b53}.hub-screen-header{padding:20px 0 0}.hub-screen-header button{background:transparent;color:var(--text);min-height:44px}.tools-hub .selected-tool-panel{margin:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.tools-hub .no-selection #qualityLabel,.tools-hub .no-selection #creatorToolSettings,.tools-hub .no-selection .compact-actions{display:none}.hub-presets{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.hub-presets button{flex:1;padding:12px 8px;min-height:44px;font-size:13px;background:transparent;color:var(--text)}.hub-presets button[aria-pressed=true]{background:#6550c6;color:white;border-color:#a99aef}#hubSelectionPreview img{width:72px;height:72px;object-fit:cover;margin:0 8px 8px 0;border-radius:10px}.tools-hub #selection{overflow-wrap:anywhere;font-size:13px}.tools-hub #outputs .actions,.tools-hub #cameraResults .actions{display:grid;grid-template-columns:1fr 1fr}.tools-hub #outputs .actions button:last-child,.tools-hub #cameraResults .actions button:last-child{grid-column:1/-1;justify-self:start;background:transparent;color:var(--muted);padding-left:0;border:0}.tools-hub #outputs article{padding:20px 0}.tools-hub .teleprompter-card{margin-top:10px}.tools-hub input[type=file]{min-height:56px}.tools-hub .tool-limits{font-size:12px}.tools-hub #quality{width:100%}.tools-hub .compact-actions button{min-height:48px}.tools-hub #run{flex:1}.tools-hub #cameraStage:not(.has-camera){display:none}.tools-hub #cameraResults video{max-width:100%}html[data-theme=light] .hub-icon{color:#6550b8}@media(max-width:700px){.tools-hub{padding:16px 16px calc(32px + env(safe-area-inset-bottom))!important}.tools-hub .quick-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-tile{min-height:158px;padding:16px 13px}.tools-hub header>span{font-size:13px}.hub-appearance summary{font-size:12px;padding:12px 0}.tools-hub .selected-tool-panel,.tools-hub .teleprompter-card{padding:16px}.hub-presets{gap:6px}.hub-presets button{font-size:12px}.tools-hub #outputs .actions button{padding:12px 8px}}

.creator-pages .tools-hub .media-tools-card{padding:0;background:none;border:0;box-shadow:none}.creator-pages .tools-hub .teleprompter-card{padding:20px}.tools-hub .no-selection .hub-adjust{display:none}.tools-hub .hub-adjust{font-size:18px;margin:24px 0 12px}.tools-hub #outputs article>p{overflow-wrap:anywhere}.tools-hub .hub-tile{box-sizing:border-box}.tools-hub header{flex-wrap:wrap;align-items:center!important}.tools-hub .quick-tool-list{margin-bottom:0}@media(max-width:700px){.creator-pages .tools-hub .teleprompter-card{padding:16px}}