@import url('panel-visual.css?v=20261103-panel-visual-1'); #fluxo-drive-ui,#fluxo-drive-surface{display:contents} /* Disposição da Biblioteca. Componentes e estados visuais: Fluxo UI 1.0.0. */ #fluxo-drive{width:min(1280px,96vw);height:min(880px,94dvh);max-width:96vw;max-height:94dvh;padding:0;overflow:clip} #fluxo-drive [hidden]{display:none!important} #fluxo-drive .drive-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #fluxo-drive .drive-layout{display:grid;grid-template-columns:224px minmax(0,1fr);height:100%;min-height:0} #fluxo-drive .drive-sidebar{padding:28px 16px 20px;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:20px;background:var(--fluxo-bg);border-right:1px solid var(--fluxo-line)} #fluxo-drive .drive-brand{display:flex;align-items:center;gap:12px;padding:0 8px 4px} #fluxo-drive .drive-brand>[data-fluxo-icon]{width:26px;height:26px;flex:none} #fluxo-drive .drive-brand h2{font-size:15px;letter-spacing:-.3px;margin:0 0 3px} #fluxo-drive .drive-brand p{font-size:11px;margin:0} #fluxo-drive .drive-sidebar .fluxo-side-nav{display:grid;gap:5px} #fluxo-drive .drive-sidebar .fluxo-divider{margin:0} #fluxo-drive .drive-folders-label{padding:0 12px} #fluxo-drive .drive-folder-tree{max-height:26dvh;overflow:auto;display:grid;gap:4px} #fluxo-drive .drive-folder-tree button{text-align:left;justify-content:flex-start;overflow-wrap:anywhere} #fluxo-drive .drive-storage{display:flex;gap:10px;align-items:flex-start;margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--fluxo-line)} #fluxo-drive .drive-storage>[data-fluxo-icon]{margin-top:3px;flex:none} #fluxo-drive .drive-storage .fluxo-eyebrow{font-size:9px;letter-spacing:1px} #fluxo-drive .drive-space{margin:5px 0 0;font-size:11px;overflow-wrap:anywhere} #fluxo-drive .drive-main{padding:28px;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0} #fluxo-drive .drive-head{display:flex;align-items:center;gap:12px;flex:none} #fluxo-drive .drive-heading{margin-right:auto;min-width:0} #fluxo-drive .drive-heading>.fluxo-eyebrow{font-size:10px;letter-spacing:1.3px} #fluxo-drive .drive-title-line{display:flex;align-items:center;gap:12px;margin:6px 0} #fluxo-drive .drive-title-line h2{margin:0;font-size:25px;line-height:1.2;overflow-wrap:anywhere} #fluxo-drive [data-drive-count]{flex:none} #fluxo-drive [data-drive-count]:empty{display:none} #fluxo-drive [data-drive-description]{margin:0;font-size:12px} #fluxo-drive .drive-head>[data-drive-upload],#fluxo-drive .drive-head>[data-drive-close]{flex:none} #fluxo-drive .drive-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto auto;gap:10px;align-items:center;padding-top:6px} #fluxo-drive .drive-search{min-width:0;margin:0} #fluxo-drive .drive-search-control{display:block;position:relative} #fluxo-drive .drive-search-control>[data-fluxo-icon]{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--fluxo-muted)} #fluxo-drive .drive-search input{width:100%;padding-left:42px} #fluxo-drive .drive-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:16px;background:var(--fluxo-surface-2);border-radius:var(--fluxo-radius-control)} #fluxo-drive .drive-filters>.fluxo-field{flex:1;min-width:110px;margin:0} #fluxo-drive .fluxo-breadcrumb{font-size:12px;min-height:20px} #fluxo-drive .drive-selection{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:34px;padding-bottom:12px;border-bottom:1px solid var(--fluxo-line)} #fluxo-drive .drive-selection>.fluxo-check{font-size:12px;white-space:nowrap} #fluxo-drive .drive-selection>[data-drive-selected]{margin:0;font-size:12px} #fluxo-drive .drive-bulk-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto} #fluxo-drive .drive-content{flex:1;overflow:auto;min-height:80px;min-width:0;padding:2px 3px 8px;scrollbar-gutter:stable} #fluxo-drive .drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;align-content:start} #fluxo-drive .drive-card{min-width:0;padding:12px;display:flex;flex-direction:column;gap:12px} #fluxo-drive .drive-item-top{display:flex;gap:7px;align-items:center;min-height:30px} #fluxo-drive .drive-item-top .fluxo-check{margin:0} #fluxo-drive .drive-item-top>.fluxo-badge{padding:3px 8px;font-size:10px} #fluxo-drive .drive-favorite{display:inline-flex;margin-left:auto;color:var(--fluxo-focus)} #fluxo-drive .drive-card .fluxo-dropdown{margin-left:auto} #fluxo-drive .drive-thumb{width:100%;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;padding:0;background:var(--fluxo-bg);border-radius:var(--fluxo-radius-small)} #fluxo-drive .drive-thumb img{width:100%;height:100%;object-fit:contain} #fluxo-drive .drive-card[data-kind=video] .drive-thumb img{object-fit:cover} #fluxo-drive .drive-thumb>[data-fluxo-icon]{width:40px;height:40px;color:var(--fluxo-muted)} #fluxo-drive .drive-card-body{display:flex;flex-direction:column;gap:9px;min-width:0} #fluxo-drive .drive-card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:2.8em;margin:0;font-size:13px;line-height:1.4;letter-spacing:-.15px} #fluxo-drive .drive-item-info{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px} #fluxo-drive .drive-item-info>span:last-child{white-space:nowrap} #fluxo-drive .drive-card-status{font-size:10px;line-height:1.5;padding-top:8px;border-top:1px solid var(--fluxo-line)} #fluxo-drive .drive-menu{position:fixed;z-index:5;max-height:65dvh;overflow:auto} #fluxo-drive .drive-menu .fluxo-divider{margin:6px 0} #fluxo-drive .drive-menu :where(button,a):focus-visible{outline-offset:-2px} #fluxo-drive .drive-footer,#fluxo-drive .drive-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--fluxo-line);flex:none} #fluxo-drive .drive-footer{font-size:11px;color:var(--fluxo-muted)} #fluxo-drive .drive-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px;background:var(--fluxo-surface-2);border-radius:var(--fluxo-radius-control)} #fluxo-drive .drive-upload progress{grid-column:1/-1;width:100%} #fluxo-drive .drive-table-name{display:flex;gap:10px;align-items:center;min-width:180px;text-align:left;white-space:normal} #fluxo-drive .drive-table-name img{width:48px;height:36px;object-fit:contain;border-radius:6px;flex:none} .drive-preview{width:min(960px,94vw);max-width:94vw;max-height:94dvh;overflow:auto} .drive-preview header{display:flex;gap:10px;align-items:center;justify-content:space-between} .drive-preview video,.drive-preview img{display:block;max-width:100%;max-height:65dvh;margin:16px auto;object-fit:contain} .drive-preview audio{display:block;width:100%;margin:16px 0} .drive-move{display:flex;flex-direction:column;gap:12px;max-height:80dvh;overflow:auto;min-width:min(360px,80vw)} .drive-library-heading .heading-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto} /* As quatro galerias reutilizam o cartão nativo de Meus projetos. */ :is(#studio-project-gallery,#image-project-gallery,#library-grid,#projects-grid,.drive-quick-grid).media-grid{align-items:start} :is(#studio-project-gallery,#image-project-gallery,#library-grid,#projects-grid,.drive-quick-grid) .media-thumb{height:auto;aspect-ratio:16/9} :is(#studio-project-gallery,#image-project-gallery,#library-grid,#projects-grid,.drive-quick-grid) .media-actions{min-height:42px;flex-wrap:wrap} :is(#studio-project-gallery,#image-project-gallery,#library-grid,#projects-grid,.drive-quick-grid) .media-actions>button{min-height:27px} .project-card-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap} #studio-project-gallery [data-remove-studio-project]{white-space:nowrap} #studio-project-gallery [data-remove-studio-project]:hover{color:var(--red)} .drive-quick{margin:0 0 30px} .drive-quick>.section-title{margin:0 0 16px;gap:16px} .drive-quick>.section-title h2{margin:0;font-size:18px} .drive-quick-grid .media-card{display:flex;flex-direction:column} .drive-quick-grid .media-info{display:flex;flex:1;flex-direction:column} .drive-quick-grid .media-actions{margin-top:auto} .drive-collection-heading{margin:28px 0 16px} .drive-collection-heading h2{font-size:18px;margin:0} @media(max-width:680px){.drive-library-heading .heading-actions{margin-left:0;justify-content:flex-start}.drive-quick>.section-title{align-items:center}.drive-quick>.section-title h2{font-size:16px}.drive-collection-heading h2{font-size:16px}} @media(max-width:1000px){#fluxo-drive .drive-layout{grid-template-columns:192px minmax(0,1fr)}#fluxo-drive .drive-sidebar{padding-inline:12px}#fluxo-drive .drive-main{padding:22px}#fluxo-drive .drive-toolbar{display:flex;flex-wrap:wrap}#fluxo-drive .drive-search{flex:1 0 100%}#fluxo-drive .drive-toolbar>.fluxo-button-group{margin-left:auto}#fluxo-drive .drive-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}} @media(max-width:680px){#fluxo-drive{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}#fluxo-drive .drive-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}#fluxo-drive .drive-sidebar{padding:12px 14px;gap:0;border-right:0;border-bottom:1px solid var(--fluxo-line);overflow:clip}#fluxo-drive .drive-brand,#fluxo-drive .drive-sidebar>.fluxo-divider,#fluxo-drive .drive-storage,#fluxo-drive .drive-folders-label,#fluxo-drive .drive-folder-tree{display:none}#fluxo-drive .drive-sidebar .fluxo-side-nav{display:flex;overflow:auto;white-space:nowrap;gap:4px;padding-bottom:2px}#fluxo-drive .drive-sidebar .fluxo-side-nav a{flex:none;min-height:38px;padding:8px 10px}#fluxo-drive .drive-main{padding:18px 14px;gap:12px}#fluxo-drive .drive-title-line h2{font-size:21px}#fluxo-drive .drive-heading>.fluxo-eyebrow{font-size:9px}#fluxo-drive [data-drive-description]{display:none}#fluxo-drive .drive-head{gap:8px}#fluxo-drive .drive-toolbar{gap:8px}#fluxo-drive .drive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fluxo-drive .drive-card{padding:10px;gap:10px}#fluxo-drive .drive-item-top{gap:5px}#fluxo-drive .drive-card-name{font-size:12px}#fluxo-drive .drive-item-info{font-size:10px}#fluxo-drive .drive-filters{padding:12px}#fluxo-drive .drive-filters>.fluxo-field{min-width:calc(50% - 12px)}#fluxo-drive .drive-bulk-actions{margin-left:0;width:100%}#fluxo-drive .drive-menu{max-width:calc(100vw - 24px)}#fluxo-drive .drive-footer{gap:8px}#fluxo-drive .fluxo-pagination{margin-left:auto}.drive-preview{padding:14px}} @media(max-width:480px){#fluxo-drive .drive-toolbar>.fluxo-button-group{margin-left:0}#fluxo-drive .drive-toolbar .fluxo-button-group .fluxo-button{padding-inline:8px}#fluxo-drive .drive-toolbar .fluxo-button-group .fluxo-button>span:not([data-fluxo-icon]){display:none}#fluxo-drive .drive-head>[data-drive-upload]>span:not([data-fluxo-icon]){display:none}#fluxo-drive .drive-title-line{gap:8px}#fluxo-drive [data-drive-count]{padding:3px 6px;font-size:10px}#fluxo-drive .drive-item-top>.fluxo-badge{font-size:9px;padding:3px 6px}#fluxo-drive .drive-card .fluxo-icon-button{width:28px;min-height:28px;height:28px}#fluxo-drive .drive-favorite{display:none}} /* Carregamento do painel com os estilos originais da aplicação. */ #app:has(>.app-start){display:grid;place-items:center;min-height:100dvh;padding:24px;box-sizing:border-box} #app>.app-start{display:grid;justify-items:center;gap:16px;width:min(100%,420px);padding:28px;box-sizing:border-box;text-align:center} #app>.app-start h1,#app>.app-start p{margin:0} /* Seleção e envio em fila. */ #fluxo-drive .drive-queue{border:1px solid #5555;border-radius:12px;padding:12px;margin:0 0 14px;flex-shrink:0}#fluxo-drive .drive-queue-item{display:flex;align-items:center;justify-content:space-between;gap:12px}#fluxo-drive .drive-queue-list{max-height:180px;overflow:auto} #fluxo-drive .drive-queue-item{padding:7px 0;border-top:1px solid #5553}#fluxo-drive .drive-queue-item>span{min-width:0;overflow-wrap:anywhere} #fluxo-drive .drive-queue-item small{display:block;color:#999;font-size:12px}#fluxo-drive .drive-queue-item button{flex-shrink:0} #fluxo-drive.drive-dragging{outline:2px solid #ed1831;outline-offset:-5px} #fluxo-drive .drive-no-cover{display:flex;align-items:center;justify-content:center;gap:10px;color:#999} .card-cover-drop{position:relative}.card-cover-drop .card-cover-remove{position:absolute;right:8px;top:8px;background:#171719e8;color:#fff;border-radius:50%} #reference-organize.cover-dragging .card-cover-drop{outline:2px dashed #ed1831;border-radius:10px} @media(max-width:600px){#fluxo-drive .drive-queue-list{max-height:130px}} #fluxo-drive .drive-main{overflow-y:auto} .drive-background-notice{position:fixed;z-index:10000;right:20px;bottom:20px;width:min(400px,calc(100vw - 40px));padding:16px;border:1px solid #555;border-radius:12px;background:#18181b;color:#eee;box-shadow:0 8px 30px #0007;font:13px/1.5 sans-serif} .drive-background-notice[hidden]{display:none}.drive-background-notice>div+div{display:flex;gap:10px;margin-top:12px}.drive-background-notice button{padding:8px 14px;background:#333;color:#fff;border:1px solid #666;border-radius:8px;cursor:pointer} /* Cabeçalho, abas e andamento ficam fora da área rolável. */ #fluxo-drive .drive-main{overflow:hidden;gap:12px;min-height:0} #fluxo-drive .drive-workspace{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden} #fluxo-drive .drive-import-tabs{display:flex;gap:8px;flex:none} #fluxo-drive .drive-import-tabs [aria-pressed=true]{background:var(--fluxo-accent,#d9162b);color:#fff} #fluxo-drive .drive-import-pane{overflow:auto;min-height:0;max-height:35%;flex:none;overscroll-behavior:contain} #fluxo-drive.drive-import-mode .drive-import-pane{max-height:none;flex:1} #fluxo-drive .drive-sent-pane{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;overflow:hidden} #fluxo-drive .drive-sent-pane> :not(.drive-content){flex-shrink:0} #fluxo-drive .drive-content{flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain} #fluxo-drive .drive-upload{flex:none;margin:0;max-height:28%;overflow:auto} #fluxo-drive .drive-queue{margin:0} #fluxo-drive .drive-queue-list{max-height:none;overflow:visible} #fluxo-drive .drive-import-add{margin-bottom:12px} #fluxo-drive.drive-import-mode .drive-sent-pane .drive-filters{max-height:110px;overflow:auto} @media(max-height:740px){#fluxo-drive .drive-main{gap:8px;padding:16px}#fluxo-drive .drive-sent-pane{gap:8px}#fluxo-drive .drive-head [data-drive-description]{display:none}} @media(max-width:650px){#fluxo-drive .drive-head{flex-wrap:wrap}#fluxo-drive .drive-title-line h2{font-size:19px}#fluxo-drive .drive-toolbar{grid-template-columns:minmax(0,1fr) auto}#fluxo-drive .drive-toolbar>.drive-search{grid-column:1/-1}} .drive-operation-summary{padding:10px 12px;border:1px solid #555;border-radius:8px;font-size:13px}.drive-operation-state{padding:10px;margin:8px 12px;font-size:13px;border-radius:6px;background:#252525;color:#eee}.drive-operation-state[data-operation-state=error]{color:#ff999f}.drive-operation-state[data-operation-state=active]::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:middle;animation:drive-operation-spin .8s linear infinite}@keyframes drive-operation-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.drive-operation-state[data-operation-state=active]::before{animation:none}} /* Menu lateral do painel: conteúdo íntegro e rolagem discreta. */ .shell>.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#7776 transparent} .shell>.sidebar>*{flex-shrink:0} body:not(.sidebar-collapsed) .shell>.sidebar>.credit-card{flex:0 0 auto;max-height:none;overflow:visible;box-sizing:border-box} .shell>.sidebar::-webkit-scrollbar{width:5px;height:5px;background:transparent} .shell>.sidebar::-webkit-scrollbar-track{background:transparent} .shell>.sidebar::-webkit-scrollbar-thumb{background:#7776;border-radius:10px} .shell>.sidebar::-webkit-scrollbar-thumb:hover{background:#7779} .shell>.sidebar::-webkit-scrollbar-corner{background:transparent} .sidebar-collapsed .shell>.sidebar .side-nav a, .sidebar-collapsed .shell>.sidebar .side-nav a:is(.active,:hover,:focus-visible){background:transparent;box-shadow:none} .sidebar .side-nav a:is([href$="/generate-video"],[href$="/image-editor"],[href$="/script-replicator"],[href$="/mxf-converter"],[href="#/create"],[href="#/images"],[href="#/replicate"],[href="#/convert"]){display:none!important} /* Rolagem da página e da barra de controles, com trilho transparente. */ html{scrollbar-width:thin;scrollbar-color:rgba(130,130,138,.45) transparent} html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px;height:6px;background:transparent} html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent} html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:rgba(130,130,138,.45);border-radius:10px} html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:rgba(130,130,138,.65)} html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{background:transparent} #normal-panel-gallery .studio-gallery-toolbar{scrollbar-width:thin;scrollbar-color:rgba(130,130,138,.4) transparent} #normal-panel-gallery .studio-gallery-toolbar::-webkit-scrollbar{height:4px;background:transparent} #normal-panel-gallery .studio-gallery-toolbar::-webkit-scrollbar-track{background:transparent} #normal-panel-gallery .studio-gallery-toolbar::-webkit-scrollbar-thumb{background:rgba(130,130,138,.4);border-radius:10px} /* Painel sem navbar: somente o sino permanece no canto superior. */ #app .shell>.main-area>.panel-corner-controls{position:fixed;top:20px;right:24px;z-index:45;display:flex;align-items:center;gap:8px} #app .shell>.main-area>.panel-corner-controls #notifications-toggle{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:36px;height:36px} #app .shell>.main-area>.content{padding-top:78px} #app .shell>.main-area:has(>.editor-workspace-toolbar)>.content{padding-top:0} #app .editor-workspace-toolbar{padding-right:82px} #app .theme-save-status{font-size:12px;min-height:18px;color:var(--muted);margin:12px 0 0} @media(max-width:680px){ #app .shell>.main-area>.panel-corner-controls{top:14px;right:16px} #app .panel-corner-controls #mobile-menu{position:fixed;left:16px;top:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px} #app .shell>.main-area>.content{padding-top:72px} #app .editor-workspace-toolbar{padding-left:62px;padding-right:68px} } /* Retira a reserva da navbar e mantém o sino livre, sem empurrar a página. */ #app .shell>.main-area>.content{padding-top:32px} #app .shell>.main-area>.panel-corner-controls{top:14px;right:18px} #app .shell>.sidebar>.credit-card{padding:14px 16px;min-height:0;gap:12px} #app .shell>.sidebar>.credit-card .credit-track{margin:0;height:3px} @media(max-width:680px){#app .shell>.main-area>.content{padding-top:60px}} /* Modal oficial de exportação e fila. Só altera apresentação e organização. */ .render-queue-shortcut{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:3px;padding:4px;background:var(--surface,#171719);border:1px solid var(--line,#333);border-radius:10px;box-shadow:0 4px 16px #0002} .render-queue-shortcut[hidden]{display:none!important} .render-queue-shortcut>.button{min-height:30px;padding:6px 10px;font-size:11px;border-radius:7px} .render-queue-shortcut>button:last-child{width:26px;height:26px;padding:0;background:transparent;color:var(--muted,#aaa);border:0;font-size:18px;cursor:pointer} /* Navegação móvel: base compacta, área de toque e espaço seguro. */ @media(max-width:680px){ #app>.shell>.mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:5px;box-sizing:border-box;min-height:62px;max-width:440px;margin-inline:auto;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 6px 20px #0002;z-index:40} #app>.shell>.mobile-bottom a{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:50px;box-sizing:border-box;padding:5px 2px;border-radius:11px;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:0;color:var(--muted);text-decoration:none;-webkit-tap-highlight-color:transparent} #app>.shell>.mobile-bottom a>.icon{width:21px;height:21px;stroke-width:1.65;flex-shrink:0} #app>.shell>.mobile-bottom a.active{color:var(--text);background:var(--surface)} #app>.shell>.mobile-bottom a.active>.icon{color:var(--red)} #app>.shell>.mobile-bottom a:active{background:var(--surface)} #app>.shell>.mobile-bottom a:focus-visible{outline:2px solid var(--red);outline-offset:-2px} #app .shell>.main-area>.content{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))} #app .shell>.sidebar{width:min(300px,calc(100vw - 48px));max-width:none;padding:24px 18px;box-sizing:border-box;z-index:70;border-radius:0} #app .sidebar-brand-shell{margin:0 2px 24px;padding:0 44px 0 0;min-height:40px;box-sizing:border-box;overflow:visible} #app .sidebar-brand-shell .logo{font-size:18px} #app .sidebar-brand-shell #sidebar-collapse{display:none} #app .shell>.sidebar .side-nav a{min-height:44px;padding:11px 12px;font-size:13px} #app .shell>.main-area>.panel-corner-controls{z-index:80} #app .panel-corner-controls #mobile-menu{width:40px;height:40px;min-height:40px;padding:9px;border-radius:11px} body.nav-open #app .panel-corner-controls #mobile-menu{left:min(244px,calc(100vw - 104px));top:24px;background:transparent;border-color:transparent} body.nav-open #app .panel-corner-controls #notifications-toggle{visibility:hidden} body.nav-open #app>.shell>.mobile-bottom{visibility:hidden;pointer-events:none} #app .shell>.sidebar>.credit-card{padding:14px;margin-top:24px;border-radius:12px} #app .shell>.sidebar>.credit-card .credit-track{margin-top:12px} #app .shell>.sidebar>.side-profile{margin-top:16px;padding:6px;min-height:44px} .render-queue-shortcut{bottom:calc(86px + env(safe-area-inset-bottom,0px));right:16px} body:is(.normal-editing,.studio-open,.image-open) #app>.shell>.mobile-bottom{display:none} } @media(max-width:680px){ /* A largura nova não pode usar o deslocamento fixo antigo de -245px. */ #app .shell>.sidebar{left:0;transform:translateX(-100%)} body.nav-open #app .shell>.sidebar{left:0;transform:translateX(0)} } .panel-mobile-scrim{display:none} @media(max-width:680px){ #app>.shell>.mobile-bottom{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px} #app>.shell>.mobile-bottom a{font-size:9.5px;padding-inline:1px} .panel-mobile-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.64);touch-action:none} .panel-mobile-scrim[hidden]{display:none} .panel-mobile-scrim[data-kind=drawer]{z-index:60} .panel-mobile-scrim[data-kind=floating]{z-index:90} html:has(body.panel-mobile-locked){overflow:hidden;overscroll-behavior:none} body.panel-mobile-locked{position:fixed;top:var(--panel-mobile-scroll-top,0);left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none} body :is(dialog[open],.account-popover,.popup-notices,.fluxo-menu,.drive-content,#account-settings-content,.vs5-dialog-content){overscroll-behavior:contain} body dialog::backdrop{background:rgba(0,0,0,.64)} .overlay-root>.account-popover{max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain} .panel-mobile-locked .render-queue-shortcut{z-index:45} } /* Aviso persistente, sem abrir a janela ao adicionar um projeto. */ body .render-queue-shortcut{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;max-width:calc(100vw - 24px);box-sizing:border-box} body .render-queue-shortcut[hidden]{display:none} body .render-queue-shortcut>span{font-size:12px;line-height:1.4;color:var(--text,#eee);white-space:nowrap} body .render-queue-shortcut>.button{min-height:34px;padding:7px 12px} @media(max-width:680px){body .render-queue-shortcut{right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));gap:8px}} /* Biblioteca — modal amplo, ferramentas discretas e arquivos em primeiro plano. */ #fluxo-drive-ui #fluxo-drive{width:min(1540px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:16px;margin:auto} #fluxo-drive-ui #fluxo-drive [hidden],#fluxo-drive-ui .drive-preview [hidden]{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-layout{grid-template-columns:196px minmax(0,1fr)} #fluxo-drive-ui #fluxo-drive .drive-sidebar{padding:20px 12px 16px;gap:14px;scrollbar-width:thin} #fluxo-drive-ui #fluxo-drive .drive-brand{padding:0 6px 8px;gap:10px} #fluxo-drive-ui #fluxo-drive .drive-brand h2{font-size:14px} #fluxo-drive-ui #fluxo-drive .drive-brand p{display:none} #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav{gap:2px} #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav a{min-height:38px;padding:9px 10px;font-size:12px;border-radius:8px} #fluxo-drive-ui #fluxo-drive .drive-folders-label{font-size:9px;padding-inline:10px;letter-spacing:1px} #fluxo-drive-ui #fluxo-drive .drive-storage{padding:12px 8px 0;gap:8px} #fluxo-drive-ui #fluxo-drive .drive-main{padding:18px 20px 12px;gap:12px;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-head{gap:10px;min-height:40px;flex-wrap:nowrap} #fluxo-drive-ui #fluxo-drive .drive-title-line{margin:0;gap:10px} #fluxo-drive-ui #fluxo-drive .drive-title-line h2{font-size:22px;letter-spacing:-.45px;line-height:1.3} #fluxo-drive-ui #fluxo-drive .drive-heading>.fluxo-eyebrow,#fluxo-drive-ui #fluxo-drive [data-drive-description]{display:none} #fluxo-drive-ui #fluxo-drive .drive-mobile-nav{display:none} #fluxo-drive-ui #fluxo-drive [data-drive-count]{font-size:10px;padding:3px 7px;background:transparent} #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-upload]{min-height:36px;padding:8px 12px;border-radius:8px;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-close]{width:34px;height:34px;min-height:34px;border-radius:8px} #fluxo-drive-ui #fluxo-drive :is(.drive-workspace,.drive-sent-pane){gap:10px} #fluxo-drive-ui #fluxo-drive .drive-toolbar{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;gap:8px;padding:0;align-items:center} #fluxo-drive-ui #fluxo-drive .drive-search{grid-column:auto;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-search input{min-height:38px;height:38px;font-size:12px;padding-block:8px;border-radius:8px;padding-left:34px} #fluxo-drive-ui #fluxo-drive .drive-search-control>[data-fluxo-icon]{left:11px;width:16px;height:16px} #fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-button-group{margin:0;gap:2px;padding:2px;border-radius:8px} #fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-button-group .fluxo-button{width:32px;min-height:32px;height:32px;padding:7px;border-radius:6px;border:0;font-size:12px;box-shadow:none;outline-offset:1px} #fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-button-group .fluxo-button>span:not([data-fluxo-icon]){display:none} #fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-button-group [aria-pressed=true]{background:var(--fluxo-surface-2);color:var(--fluxo-text);box-shadow:0 0 0 1px var(--fluxo-line)} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.fluxo-icon-button,#fluxo-drive-ui #fluxo-drive .drive-tools>.fluxo-icon-button{width:36px;height:36px;min-height:36px;padding:8px;border-radius:8px} #fluxo-drive-ui #fluxo-drive .drive-filter-icon{width:18px;height:18px;display:block} #fluxo-drive-ui #fluxo-drive .drive-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;gap:10px;max-height:190px;overflow:auto;flex:none} #fluxo-drive-ui #fluxo-drive .drive-filters>.fluxo-field{min-width:0;margin:0;font-size:11px;gap:5px} #fluxo-drive-ui #fluxo-drive .drive-filters :is(input,select){min-width:0;width:100%;min-height:36px;box-sizing:border-box;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-location{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-width:0} #fluxo-drive-ui #fluxo-drive .fluxo-breadcrumb{font-size:11px;min-height:28px;min-width:0;flex:1;overflow:hidden;white-space:nowrap;gap:6px} #fluxo-drive-ui #fluxo-drive .fluxo-breadcrumb a{overflow:hidden;text-overflow:ellipsis;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-selection{min-height:28px;padding:0;border:0;gap:10px;flex-wrap:wrap;position:relative} #fluxo-drive-ui #fluxo-drive .drive-selection>.fluxo-check{font-size:11px;gap:6px} #fluxo-drive-ui #fluxo-drive .drive-selection-details{margin:0;padding:0;border:0;font-size:11px;position:relative} #fluxo-drive-ui #fluxo-drive .drive-selection-details>summary{cursor:pointer;font-size:11px;min-height:28px;display:flex;align-items:center;gap:5px;list-style:none} #fluxo-drive-ui #fluxo-drive .drive-selection-details>summary:after{content:'⌄'} #fluxo-drive-ui #fluxo-drive .drive-selection-details>p{position:absolute;right:0;top:100%;width:min(310px,75vw);z-index:6;padding:12px;border:1px solid var(--fluxo-line);border-radius:8px;background:var(--fluxo-surface);box-shadow:0 8px 24px #0003;font-size:11px;line-height:1.6;margin:4px 0} #fluxo-drive-ui #fluxo-drive .drive-selection[data-count="0"] .drive-selection-details{display:none} #fluxo-drive-ui #fluxo-drive .drive-location:has(.drive-selection:not([data-count="0"])){flex-wrap:wrap} #fluxo-drive-ui #fluxo-drive .drive-location:has(.drive-selection:not([data-count="0"])) .drive-selection{flex:1 0 100%;padding:8px 10px;border:1px solid var(--fluxo-line);border-radius:8px;background:var(--fluxo-surface-2)} #fluxo-drive-ui #fluxo-drive .drive-bulk-actions{width:auto;margin-left:auto;gap:5px} #fluxo-drive-ui #fluxo-drive .drive-bulk-actions .fluxo-button{min-height:30px;padding:6px 9px;font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-content{padding:1px 3px 4px 1px;scrollbar-width:thin;scrollbar-gutter:stable;scroll-padding:8px} #fluxo-drive-ui #fluxo-drive .drive-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:start} #fluxo-drive-ui #fluxo-drive .drive-card{padding:0;gap:0;position:relative;border-radius:12px;overflow:hidden;box-shadow:none;background:var(--fluxo-surface);transition:border-color .18s} #fluxo-drive-ui #fluxo-drive .drive-thumb{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:4/3;border:0;border-radius:0;margin:0;padding:0;min-height:0;background:var(--fluxo-surface-2);color:var(--fluxo-muted);cursor:pointer;isolation:isolate;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-thumb img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s} #fluxo-drive-ui #fluxo-drive .drive-card[data-kind=video] .drive-thumb img{object-fit:cover} #fluxo-drive-ui #fluxo-drive .drive-item-top{position:absolute;inset:8px 8px auto;z-index:2;gap:6px;min-height:30px;pointer-events:none} #fluxo-drive-ui #fluxo-drive .drive-item-top>*{pointer-events:auto} #fluxo-drive-ui #fluxo-drive .drive-item-top .fluxo-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#111b;margin:0;backdrop-filter:blur(6px)} #fluxo-drive-ui #fluxo-drive .drive-item-top input{accent-color:var(--fluxo-accent,#e71930);margin:0;width:14px;height:14px} #fluxo-drive-ui #fluxo-drive .drive-item-top>.fluxo-badge{padding:4px 6px;background:#111b;color:#fff;border-color:#ffffff28;font-size:9px;line-height:1.2;max-width:62px;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(6px)} #fluxo-drive-ui #fluxo-drive .drive-card .fluxo-dropdown{margin-left:auto} #fluxo-drive-ui #fluxo-drive .drive-card .fluxo-dropdown>.fluxo-icon-button{width:30px;height:30px;min-height:30px;padding:7px;border-radius:7px;background:#111d;color:white;border-color:#ffffff28;backdrop-filter:blur(6px)} #fluxo-drive-ui #fluxo-drive .drive-favorite{color:#fff;margin:0;display:inline-flex} #fluxo-drive-ui #fluxo-drive .drive-file-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:38px 14px 16px;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-file-mark>[data-fluxo-icon]{width:32px;height:32px} #fluxo-drive-ui #fluxo-drive .drive-file-mark>small{font-size:11px;letter-spacing:.3px} #fluxo-drive-ui #fluxo-drive .drive-card-body{padding:10px 11px;gap:5px} #fluxo-drive-ui #fluxo-drive .drive-card-name{font-size:13px;line-height:1.35;min-height:2.7em;margin:0;letter-spacing:-.12px} #fluxo-drive-ui #fluxo-drive .drive-item-info{display:block;font-size:10px;line-height:1.4;color:var(--fluxo-muted);min-height:14px} #fluxo-drive-ui #fluxo-drive .drive-card-status{font-size:10px;margin:0;padding:0;border:0} #fluxo-drive-ui #fluxo-drive .drive-zip-status{align-self:flex-start;font-size:9px;line-height:1.2;padding:3px 6px;margin-top:1px;background:transparent} #fluxo-drive-ui #fluxo-drive .drive-zip-status[data-installed=true]{color:var(--fluxo-success,#75b88c);border-color:color-mix(in srgb,var(--fluxo-success,#75b88c) 35%,transparent)} #fluxo-drive-ui #fluxo-drive .drive-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:12px} #fluxo-drive-ui #fluxo-drive .drive-folder-card{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--fluxo-line);border-radius:9px;background:var(--fluxo-surface);min-width:0;min-height:58px;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-folder-card>.fluxo-check{margin:0;flex:none} #fluxo-drive-ui #fluxo-drive .drive-folder-open{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;padding:0;border:0;background:transparent;color:var(--fluxo-text);cursor:pointer} #fluxo-drive-ui #fluxo-drive .drive-folder-open>[data-fluxo-icon]{width:24px;height:24px;flex:none;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-folder-open>strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #fluxo-drive-ui #fluxo-drive .drive-folder-card .fluxo-icon-button{width:28px;height:28px;min-height:28px;padding:6px;border-radius:6px} #fluxo-drive-ui #fluxo-drive .drive-menu{width:184px;min-width:0;padding:5px;max-height:65dvh;scrollbar-width:thin;border-radius:9px} #fluxo-drive-ui #fluxo-drive .drive-menu :is(button,a){display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:32px;padding:7px 9px;font-size:11px;font-weight:400;line-height:1.3;background:transparent;border:0;border-radius:5px;color:var(--fluxo-text);text-decoration:none;box-sizing:border-box;white-space:normal;text-align:left} #fluxo-drive-ui #fluxo-drive .drive-menu [data-fluxo-icon]{width:15px;height:15px;flex:none} #fluxo-drive-ui #fluxo-drive .drive-menu :is(button,a):hover{background:var(--fluxo-surface-2)} #fluxo-drive-ui #fluxo-drive .drive-menu [data-drive-action=trash]{color:var(--fluxo-danger,#e88791)} #fluxo-drive-ui #fluxo-drive .drive-menu .fluxo-divider{margin:4px 2px} #fluxo-drive-ui #fluxo-drive .drive-footer{padding-top:6px;gap:8px;border-color:var(--fluxo-line);font-size:10px;min-height:30px} #fluxo-drive-ui #fluxo-drive .fluxo-pagination{gap:4px;margin-left:auto} #fluxo-drive-ui #fluxo-drive .fluxo-pagination .fluxo-button{min-height:28px;padding:5px 8px;font-size:11px;border-radius:6px} #fluxo-drive-ui #fluxo-drive .drive-file-table{table-layout:fixed;width:100%;min-width:0;border-collapse:collapse} #fluxo-drive-ui #fluxo-drive .drive-file-table th,#fluxo-drive-ui #fluxo-drive .drive-file-table td{padding:8px;font-size:11px;vertical-align:middle;text-align:left;border-color:var(--fluxo-line)} #fluxo-drive-ui #fluxo-drive .drive-file-table th{font-weight:500;color:var(--fluxo-muted);height:32px;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-file-table th:first-child{width:34px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(3){width:130px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(4){width:76px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(5){width:90px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:last-child{width:44px} #fluxo-drive-ui #fluxo-drive .drive-file-table td .drive-zip-status{display:table;margin-top:5px} #fluxo-drive-ui #fluxo-drive .drive-file-table td>.fluxo-check{margin:0} #fluxo-drive-ui #fluxo-drive .drive-table-name{display:flex;width:100%;min-width:0;max-width:100%;gap:10px;padding:0;min-height:42px;justify-content:flex-start;white-space:normal;box-sizing:border-box;border:0} #fluxo-drive-ui #fluxo-drive .drive-table-name img{width:44px;height:36px;object-fit:cover;border-radius:5px;flex:none} #fluxo-drive-ui #fluxo-drive .drive-table-name>.drive-file-mark{flex:none;width:44px;height:36px;padding:0;gap:0} #fluxo-drive-ui #fluxo-drive .drive-table-name .drive-file-mark>[data-fluxo-icon]{width:23px;height:23px} #fluxo-drive-ui #fluxo-drive .drive-table-name .drive-file-mark>small{display:none} #fluxo-drive-ui #fluxo-drive .drive-table-copy{min-width:0;flex:1} #fluxo-drive-ui #fluxo-drive .drive-table-copy>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;font-size:12px;line-height:1.4;overflow-wrap:anywhere} #fluxo-drive-ui #fluxo-drive .drive-list-mobile-meta{display:none} #fluxo-drive-ui #fluxo-drive .drive-file-table td:last-child .fluxo-icon-button{width:28px;height:28px;min-height:28px;padding:6px} #fluxo-drive-ui #fluxo-drive .drive-loading-card{border:1px solid var(--fluxo-line);border-radius:12px;overflow:hidden;padding-bottom:12px;background:var(--fluxo-surface)} #fluxo-drive-ui #fluxo-drive .drive-loading-card>span{display:block;aspect-ratio:4/3;background:var(--fluxo-surface-2)} #fluxo-drive-ui #fluxo-drive .drive-loading-card>i{display:block;height:9px;width:70%;margin:12px 12px 0;border-radius:4px;background:var(--fluxo-surface-2)} #fluxo-drive-ui #fluxo-drive .drive-loading-card>i:last-child{width:45%;height:7px;margin-top:7px} #fluxo-drive-ui #fluxo-drive :is(.drive-loading-card,.drive-cover-loading){position:relative;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-loading-card:after,#fluxo-drive-ui #fluxo-drive .drive-cover-loading:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 25%,#ffffff12 50%,transparent 75%);animation:drive-cover-shimmer 1.4s infinite;pointer-events:none;z-index:1} #fluxo-drive-ui #fluxo-drive .drive-cover-loading img{opacity:0} @keyframes drive-cover-shimmer{to{transform:translateX(100%)}} #fluxo-drive-ui :is(.drive-preview,.drive-form){width:min(860px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border-radius:14px;overflow:auto;overscroll-behavior:contain} #fluxo-drive-ui .drive-form{width:min(460px,calc(100vw - 32px))} #fluxo-drive-ui .drive-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--fluxo-line)} #fluxo-drive-ui .drive-dialog-head h2{font-size:18px;line-height:1.35;letter-spacing:-.3px;margin:0;overflow-wrap:anywhere} #fluxo-drive-ui .drive-dialog-head p{margin:5px 0 0;font-size:11px} #fluxo-drive-ui .drive-dialog-head>.fluxo-icon-button{flex:none;width:32px;height:32px;min-height:32px;padding:7px} #fluxo-drive-ui .drive-preview-stage{display:grid;place-items:center;background:var(--fluxo-bg);padding:16px;min-height:140px} #fluxo-drive-ui .drive-preview-stage :is(video,img){display:block;max-width:100%;max-height:58dvh;object-fit:contain;margin:0} #fluxo-drive-ui .drive-preview-stage audio{width:100%;margin:12px 0} #fluxo-drive-ui .drive-preview-file{display:grid;justify-items:center;gap:12px;padding:20px;color:var(--fluxo-muted);font-size:12px} #fluxo-drive-ui .drive-preview-file .drive-file-mark{display:flex;align-items:center;flex-direction:column;gap:10px} #fluxo-drive-ui .drive-preview-file [data-fluxo-icon]{width:40px;height:40px} #fluxo-drive-ui .drive-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px} #fluxo-drive-ui .drive-preview-footer>span{font-size:11px} #fluxo-drive-ui .drive-preview-footer .fluxo-button{font-size:12px;min-height:36px;padding:8px 12px} #fluxo-drive-ui .drive-preview-details{margin:0 20px 18px;border-top:1px solid var(--fluxo-line);padding-top:8px} #fluxo-drive-ui .drive-preview-details summary{font-size:11px;color:var(--fluxo-muted);cursor:pointer;min-height:30px;display:flex;align-items:center;gap:6px} #fluxo-drive-ui .drive-preview-details p{font-size:12px;overflow-wrap:anywhere;line-height:1.5} #fluxo-drive-ui .drive-move{padding:18px 20px;min-width:0;max-height:65dvh;gap:14px} #fluxo-drive-ui .drive-move :is(input,select){width:100%;box-sizing:border-box} #fluxo-drive-ui .drive-move .fluxo-row{justify-content:flex-end;gap:8px;margin-top:14px} #fluxo-drive-ui .drive-move .fluxo-row .fluxo-button{min-height:36px;font-size:12px;padding:8px 12px} @media(hover:hover) and (pointer:fine){#fluxo-drive-ui #fluxo-drive .drive-card:hover{border-color:color-mix(in srgb,var(--fluxo-text) 28%,var(--fluxo-line))}#fluxo-drive-ui #fluxo-drive .drive-card:hover .drive-thumb img{transform:scale(1.03)}} @media(max-width:1100px){#fluxo-drive-ui #fluxo-drive .drive-layout{grid-template-columns:178px minmax(0,1fr)}#fluxo-drive-ui #fluxo-drive .drive-main{padding:16px 16px 10px}#fluxo-drive-ui #fluxo-drive .drive-grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr))}#fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(3){width:105px}#fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(5){width:80px}} @media(max-width:680px){ #fluxo-drive-ui #fluxo-drive{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0} #fluxo-drive-ui #fluxo-drive .drive-layout{display:block;height:100%} #fluxo-drive-ui #fluxo-drive .drive-sidebar{display:none} #fluxo-drive-ui #fluxo-drive .drive-main{height:100%;box-sizing:border-box;padding:12px;gap:10px} #fluxo-drive-ui #fluxo-drive .drive-head{min-height:38px;gap:7px;flex-wrap:nowrap} #fluxo-drive-ui #fluxo-drive .drive-heading{flex:1;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-heading .drive-mobile-nav{display:block;min-width:0;margin:0} #fluxo-drive-ui #fluxo-drive .drive-mobile-nav :is(select,.fluxo-select-filled,.ux-native){width:100%;min-width:0;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-mobile-nav select{min-height:36px;height:36px;padding:6px 26px 6px 8px;font-size:15px;font-weight:600;letter-spacing:-.2px;background:transparent;border-color:transparent;box-shadow:none} #fluxo-drive-ui #fluxo-drive .drive-title-line{display:none} #fluxo-drive-ui #fluxo-drive:is(.drive-import-mode,[data-picker-mode=true]) .drive-title-line{display:flex;margin-top:5px} #fluxo-drive-ui #fluxo-drive:is(.drive-import-mode,[data-picker-mode=true]) .drive-title-line h2{font-size:14px} #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-upload]{width:36px;height:36px;min-height:36px;padding:8px} #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-upload]>span:not([data-fluxo-icon]){display:none} #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-close]{width:34px;height:34px;min-height:34px} #fluxo-drive-ui #fluxo-drive .drive-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;display:grid} #fluxo-drive-ui #fluxo-drive .drive-search{flex:none;grid-column:auto} #fluxo-drive-ui #fluxo-drive .drive-search input{font-size:12px;padding-left:30px} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.fluxo-button-group{margin:0} #fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-button-group .fluxo-button{width:28px;min-height:32px;padding:6px} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.fluxo-icon-button,#fluxo-drive-ui #fluxo-drive .drive-tools>.fluxo-icon-button{width:32px;height:36px;min-height:36px;padding:7px} #fluxo-drive-ui #fluxo-drive .drive-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;max-height:185px} #fluxo-drive-ui #fluxo-drive .drive-filters>.fluxo-field{min-width:0} #fluxo-drive-ui #fluxo-drive .drive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #fluxo-drive-ui #fluxo-drive .drive-card{border-radius:10px} #fluxo-drive-ui #fluxo-drive .drive-item-top{inset:6px 6px auto;gap:4px} #fluxo-drive-ui #fluxo-drive .drive-item-top .fluxo-check{width:26px;height:28px} #fluxo-drive-ui #fluxo-drive .drive-item-top>.fluxo-badge{font-size:8px;padding:4px 5px;max-width:48px} #fluxo-drive-ui #fluxo-drive .drive-card .fluxo-dropdown>.fluxo-icon-button{width:28px;min-height:28px;height:28px;padding:6px} #fluxo-drive-ui #fluxo-drive .drive-favorite{display:none} #fluxo-drive-ui #fluxo-drive .drive-card-body{padding:9px;gap:5px} #fluxo-drive-ui #fluxo-drive .drive-card-name{font-size:12px;line-height:1.35} #fluxo-drive-ui #fluxo-drive .drive-file-mark{padding-top:32px} #fluxo-drive-ui #fluxo-drive .drive-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px} #fluxo-drive-ui #fluxo-drive .drive-folder-card{padding:8px;gap:5px;min-height:52px} #fluxo-drive-ui #fluxo-drive .drive-folder-open{gap:6px} #fluxo-drive-ui #fluxo-drive .drive-folder-open>[data-fluxo-icon]{width:19px;height:19px} #fluxo-drive-ui #fluxo-drive .drive-folder-card>.fluxo-check input{width:13px;height:13px;margin:0} #fluxo-drive-ui #fluxo-drive .drive-folder-open>strong{font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-folder-card .fluxo-icon-button{width:24px;min-height:28px;padding:4px} #fluxo-drive-ui #fluxo-drive .drive-location{gap:5px} #fluxo-drive-ui #fluxo-drive .drive-selection>.fluxo-check{font-size:10px} #fluxo-drive-ui #fluxo-drive .drive-bulk-actions{width:100%;margin:0} #fluxo-drive-ui #fluxo-drive .drive-bulk-actions .fluxo-button{min-height:32px;padding:6px 8px} #fluxo-drive-ui #fluxo-drive .drive-file-table,#fluxo-drive-ui #fluxo-drive .drive-file-table tbody{display:block;width:100%;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-file-table thead{display:none} #fluxo-drive-ui #fluxo-drive .drive-file-table tr{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;padding:10px 6px;border-bottom:1px solid var(--fluxo-line)} #fluxo-drive-ui #fluxo-drive .drive-file-table td{display:block;border:0;padding:0;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-file-table td:nth-child(n+3):not(:last-child){display:none} #fluxo-drive-ui #fluxo-drive .drive-file-table td:nth-child(2){grid-column:2} #fluxo-drive-ui #fluxo-drive .drive-file-table td:last-child{grid-column:3} #fluxo-drive-ui #fluxo-drive .drive-table-name{gap:9px;padding:0;min-height:44px} #fluxo-drive-ui #fluxo-drive .drive-table-name img{width:42px;height:42px} #fluxo-drive-ui #fluxo-drive .drive-table-name>.drive-file-mark{width:42px;height:42px} #fluxo-drive-ui #fluxo-drive .drive-table-copy>strong{font-size:12px;-webkit-line-clamp:2} #fluxo-drive-ui #fluxo-drive .drive-list-mobile-meta{display:block;font-size:10px;color:var(--fluxo-muted);line-height:1.4;margin-top:3px;font-weight:400;overflow-wrap:anywhere} #fluxo-drive-ui #fluxo-drive .drive-menu :is(button,a){min-height:36px;padding:8px 9px;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-footer{font-size:9px;padding-top:5px;gap:4px} #fluxo-drive-ui #fluxo-drive .fluxo-pagination .fluxo-button{min-height:30px;padding:5px 7px;font-size:10px} #fluxo-drive-ui :is(.drive-preview,.drive-form){width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px} #fluxo-drive-ui .drive-dialog-head{padding:14px;gap:10px} #fluxo-drive-ui .drive-dialog-head h2{font-size:16px} #fluxo-drive-ui .drive-preview-stage{padding:12px} #fluxo-drive-ui .drive-preview-stage :is(video,img){max-height:53dvh} #fluxo-drive-ui .drive-preview-footer{padding:12px 14px;gap:10px;flex-wrap:wrap} #fluxo-drive-ui .drive-preview-details{margin:0 14px 14px} #fluxo-drive-ui .drive-move{padding:14px} } @media(prefers-reduced-motion:reduce){#fluxo-drive-ui #fluxo-drive .drive-thumb img{transition:none}#fluxo-drive-ui #fluxo-drive .drive-loading-card:after,#fluxo-drive-ui #fluxo-drive .drive-cover-loading:after{animation:none}} #fluxo-drive-ui #fluxo-drive .drive-brand h2{font-size:13px;white-space:nowrap} #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav a{white-space:nowrap} #fluxo-drive-ui #fluxo-drive .drive-grid{align-items:stretch} #fluxo-drive-ui #fluxo-drive .drive-card-body{flex:1} /* Conta: dimensões comuns, conteúdo independente e ações originais no rodapé. */ #account-settings.account-settings-dialog{ box-sizing:border-box;width:min(960px,calc(100vw - 48px));max-width:960px; height:min(700px,calc(100dvh - 80px));max-height:calc(100dvh - 48px);padding:0;overflow:hidden; border-radius:20px;transition:none;color:var(--text);background:var(--surface) } #account-settings .account-modal-layout{display:grid;grid-template-columns:188px minmax(0,1fr);height:100%;min-height:0} #account-settings #account-settings-nav{padding:22px 10px 18px;gap:4px;min-height:0;overflow-y:auto;overflow-x:hidden} #account-settings .modal-account-heading{margin:0 10px 22px;gap:9px} #account-settings #account-settings-nav>button{min-height:42px;padding:11px 10px;gap:10px;font-size:13px;border-radius:9px} #account-settings .modal-account-footer{padding:20px 10px 0;line-height:1.5} #account-settings .account-mobile-section{display:none} #account-settings .account-modal-close{top:17px;right:17px;width:36px;height:36px;border:1px solid var(--line);background:var(--surface2);z-index:6} #account-settings #account-settings-content{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;container-type:inline-size} #account-settings #account-settings-content>.account-modal-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;box-sizing:border-box;margin:0;padding:18px 64px 16px 22px;border-bottom:1px solid var(--line);background:var(--surface)} #account-settings #account-settings-content>.account-modal-heading h1{font-size:23px;line-height:1.25;letter-spacing:-.65px;padding:0;margin:0 0 7px;overflow-wrap:anywhere} #account-settings #account-settings-content>.account-modal-heading p{font-size:13px;line-height:1.5;margin:0} #account-settings #account-settings-content .heading-actions{display:flex;gap:8px;flex-shrink:0} #account-settings #account-settings-content .heading-actions .button{min-height:36px;padding:8px 10px;font-size:12px} #account-settings .account-modal-body{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:20px 22px 24px} #account-settings .account-modal-body :is(.panel,.plan-card,.stat-card){border-radius:13px;min-width:0;box-shadow:none} #account-settings #account-settings-content .panel{padding:18px} #account-settings #account-settings-content .panel-head{gap:10px;margin-bottom:16px;flex-wrap:wrap} #account-settings .account-modal-body h3{font-size:15px;line-height:1.4} #account-settings .account-modal-body .section-title{margin:20px 0 12px;gap:10px;flex-wrap:wrap} #account-settings .account-modal-body .section-title h2{font-size:16px} #account-settings .account-modal-body :is(p,small){overflow-wrap:anywhere} #account-settings .account-modal-body .button{min-height:38px;font-size:13px;padding:9px 13px} #account-settings .account-modal-body :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){min-height:42px;padding:10px 12px;font-size:13px;border-radius:9px} #account-settings .account-modal-body label{font-size:13px} #account-settings .account-modal-body .field-row{gap:14px;margin-bottom:14px} #account-settings .account-modal-body .profile-hero{gap:13px;margin:0 0 18px;padding-bottom:18px} #account-settings .account-modal-body .profile-hero h3{font-size:16px;margin:0 0 5px} #account-settings .account-modal-body .profile-hero p{font-size:12px;line-height:1.5} #account-settings .account-modal-body .profile-hero>.avatar{width:48px;height:48px;flex-basis:48px;border-radius:13px} #account-settings .account-modal-body .profile-hero .reference-avatar-actions{margin-left:auto} #account-settings .account-modal-body #profile-form>label{display:block;margin:14px 0 0} #account-settings .account-modal-body #profile-form textarea{min-height:90px;resize:vertical;font-size:13px;padding:11px 12px} #account-settings #account-settings-content .settings-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #account-settings #account-settings-content .settings-shortcuts>a{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:8px;row-gap:5px;padding:12px;border-radius:10px;align-content:start} #account-settings .settings-shortcuts>a>.icon:first-child{grid-row:1 / 3;width:17px;height:17px;margin:0} #account-settings .settings-shortcuts>a>.icon:last-child{display:none} #account-settings .settings-shortcuts strong{font-size:12px;line-height:1.4} #account-settings .settings-shortcuts small{grid-column:2;font-size:11px;line-height:1.5} #account-settings #account-settings-content .settings-overview .profile-hero{margin-bottom:12px;padding-bottom:12px} #account-settings #account-settings-content #settings-form{margin-top:16px!important} #account-settings .account-modal-body .switch-row{padding:14px 0;gap:14px;min-height:0} #account-settings .account-modal-body .switch-row>div{min-width:0} #account-settings .account-modal-body .switch-row strong{font-size:13px;line-height:1.4} #account-settings .account-modal-body .switch-row small{font-size:12px;line-height:1.5;margin-top:4px} #account-settings .account-modal-body .switch-row>.switch{flex-shrink:0} #account-settings #account-settings-content .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px} #account-settings #account-settings-content .stat-card{padding:13px 12px} #account-settings #account-settings-content .stat-card label{font-size:12px;margin-bottom:10px;gap:7px} #account-settings #account-settings-content .stat-card strong{font-size:25px;line-height:1.15} #account-settings #account-settings-content .stat-card small{font-size:11px;line-height:1.4;margin-top:6px} #account-settings #account-settings-content .current-plan{padding:18px;gap:18px;margin-bottom:16px} #account-settings #account-settings-content .current-plan h2{font-size:28px;margin:12px 0 8px} #account-settings #account-settings-content .current-plan p{margin-bottom:12px;line-height:1.5} #account-settings .current-plan-meta{gap:8px 14px;font-size:12px} #account-settings .plan-current-price{gap:6px;flex-shrink:0} #account-settings .plan-current-price .button{margin-top:8px} #account-settings #account-settings-content .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #account-settings #account-settings-content .plan-card{padding:16px;align-items:stretch} #account-settings #account-settings-content .plan-card .pill{align-self:flex-start;font-size:10px;margin-bottom:12px} #account-settings #account-settings-content .plan-card h3{font-size:18px} #account-settings #account-settings-content .plan-price{font-size:23px;line-height:1.4;margin:8px 0} #account-settings #account-settings-content .plan-card ul{grid-template-columns:1fr;gap:9px;margin:12px 0 18px;flex:1} #account-settings #account-settings-content .plan-card li{font-size:12px;line-height:1.5;align-items:flex-start} #account-settings #account-settings-content .split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #account-settings #account-settings-content .balance-panel>strong{font-size:34px} #account-settings .balance-panel>strong>span{margin:7px 0 16px;font-size:12px} #account-settings .balance-panel>.eyebrow{margin-bottom:12px} #account-settings .usage-bars{gap:17px} #account-settings .activity-metrics{gap:18px;margin:20px 0} #account-settings .activity-metrics strong{font-size:25px} #account-settings .activity-metrics span{margin-top:6px} #account-settings .account-modal-body .table-wrap{min-width:0;overflow:auto} #account-settings #account-settings-content .account-table{width:100%;min-width:0} #account-settings .account-table th{font-size:11px;padding:11px 9px;white-space:normal;letter-spacing:0} #account-settings .account-table td{font-size:12px;padding:13px 9px;white-space:normal;line-height:1.5} #account-settings .account-table td :is(strong,small){font-size:11px;line-height:1.5} #account-settings .account-table .status-badge{display:inline-block;font-size:10px;padding:5px 7px} #account-settings .account-table .icon-button{width:34px;height:34px} #account-settings #account-settings-content .billing-layout{display:block} #account-settings #account-settings-content .billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:14px} #account-settings .billing-summary h3{grid-column:1 / -1;margin:0 0 4px} #account-settings .billing-summary .summary-item{padding:12px 0;gap:10px} #account-settings .billing-summary>.button{align-self:start;margin-top:14px!important} #account-settings .billing-summary>.form-note{font-size:11px;line-height:1.5} #account-settings #account-settings-content .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0} #account-settings .theme-preview{height:140px} #account-settings .theme-save-status:empty{display:none} #account-settings .account-modal-body .reference-security{margin-top:16px} #account-settings .reference-security>h3{margin:0 0 16px} #account-settings .reference-security .switch-row{align-items:flex-start;flex-wrap:wrap} #account-settings .reference-security .reference-demo-note{font-size:11px;line-height:1.5} #account-settings .account-modal-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0;padding:14px 24px;border-top:1px solid var(--line);background:var(--surface);min-height:68px;box-sizing:border-box} #account-settings .account-modal-actions .button{min-height:40px;padding:10px 20px;font-size:13px} #account-settings .account-modal-actions .form-note{flex:1;margin:0;font-size:12px;line-height:1.5} #account-settings :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--red);outline-offset:3px} @media(min-width:1100px){ #account-settings[data-account-section=security] .modal-single-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start} #account-settings[data-account-section=security] .reference-security{margin-top:0} } @container(max-width:620px){ #account-settings #account-settings-content>.account-modal-heading{align-items:flex-start;flex-direction:column;gap:10px} #account-settings #account-settings-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #account-settings #account-settings-content .plan-grid{grid-template-columns:1fr} #account-settings #account-settings-content .plan-card{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center} #account-settings #account-settings-content .plan-card .pill{grid-column:1 / -1} #account-settings #account-settings-content .plan-card .plan-price{margin:0} #account-settings #account-settings-content .plan-card ul{grid-column:1 / -1} #account-settings #account-settings-content .plan-card .button{grid-column:1 / -1;justify-self:start} #account-settings #account-settings-content .split-panels{grid-template-columns:1fr} } @media(max-width:680px){ #account-settings.account-settings-dialog{width:calc(100vw - 24px);max-width:none;height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);border-radius:15px} #account-settings .account-modal-layout{display:flex;flex-direction:column} #account-settings #account-settings-nav{display:block;flex:none;padding:12px 58px 12px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible;background:var(--surface2)} #account-settings #account-settings-nav>:is(button,.modal-account-heading,.modal-account-footer){display:none} #account-settings .account-mobile-section{display:flex;flex-direction:column;gap:0;margin:0;font-size:0;color:var(--muted)} #account-settings .account-mobile-section select{display:block;width:100%;height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:14px;color:var(--text)} #account-settings .account-modal-close{top:15px;right:12px;width:36px;height:36px} #account-settings #account-settings-content{flex:1;min-height:0} #account-settings #account-settings-content>.account-modal-heading{min-height:0;padding:14px 16px;gap:10px} #account-settings #account-settings-content>.account-modal-heading h1{font-size:20px;letter-spacing:-.5px;margin-bottom:6px;line-height:1.25} #account-settings #account-settings-content>.account-modal-heading p{font-size:12px;line-height:1.5} #account-settings #account-settings-content .heading-actions .button{min-height:36px;padding:8px 10px} #account-settings .account-modal-body{padding:14px 14px 20px;scrollbar-gutter:auto} #account-settings #account-settings-content .panel{padding:15px} #account-settings .account-modal-body .button{min-height:42px} #account-settings .account-modal-body :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){font-size:16px;min-height:44px} #account-settings .account-modal-body .field-row{grid-template-columns:1fr;gap:12px} #account-settings .account-modal-body .profile-hero{flex-wrap:wrap;gap:11px;margin-bottom:14px;padding-bottom:14px} #account-settings .account-modal-body .profile-hero .reference-avatar-actions{width:auto;margin-left:0;flex-basis:100%} #account-settings #account-settings-content .settings-shortcuts{grid-template-columns:1fr;gap:0} #account-settings #account-settings-content .settings-shortcuts>a{grid-template-columns:17px minmax(0,1fr) 14px;background:none;border:0;border-top:1px solid var(--line);border-radius:0;gap:2px 9px;padding:10px 0} #account-settings .settings-shortcuts>a>.icon:first-child{grid-row:1 / 3} #account-settings .settings-shortcuts>a>.icon:last-child{display:block;position:static;grid-column:3;grid-row:1 / 3;align-self:center} #account-settings .settings-shortcuts small{font-size:11px} #account-settings #account-settings-content .settings-overview .profile-hero{border:0;padding-bottom:0;margin-bottom:12px} #account-settings #account-settings-content .settings-overview .profile-hero>.button{margin-left:0;min-height:34px;padding:7px 10px} #account-settings #account-settings-content .stats-grid{gap:8px} #account-settings #account-settings-content .stat-card{padding:12px} #account-settings #account-settings-content .stat-card strong{font-size:24px} #account-settings #account-settings-content .current-plan{display:block;padding:16px} #account-settings .plan-current-price{align-items:flex-start;margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:5px 12px} #account-settings .plan-current-price>strong{grid-column:1} #account-settings .plan-current-price small{grid-column:1} #account-settings .plan-current-price .button{grid-column:2;grid-row:1 / 3;margin:0;align-self:center} #account-settings #account-settings-content .billing-summary{grid-template-columns:1fr;gap:0} #account-settings #account-settings-content .theme-grid{gap:10px} #account-settings .theme-preview{height:105px} #account-settings .theme-option>span{font-size:12px} #account-settings .account-modal-actions{padding:10px 16px;gap:10px;min-height:64px;padding-bottom:max(10px,env(safe-area-inset-bottom))} #account-settings .account-modal-actions .button{min-height:44px;flex-shrink:0} #account-settings .account-modal-actions .form-note{font-size:11px} #account-settings .account-table th{display:none} #account-settings .account-modal-body .switch-row{align-items:flex-start} #account-settings .account-modal-body .switch-row>label{flex-shrink:0} } @container(min-width:720px){ #account-settings #settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px} #account-settings #settings-form>:is(.panel-head,.field-row){grid-column:1 / -1} #account-settings #settings-form>.switch-row:last-child{grid-column:1 / -1} } /* Preferências móveis: controles primeiro; resumo completo permanece abaixo. */ @media(max-width:680px){ #account-settings[data-account-section=settings] .modal-single-column>div{display:flex;flex-direction:column} #account-settings[data-account-section=settings] #account-settings-content #settings-form{order:0;margin-top:0!important} #account-settings[data-account-section=settings] .settings-overview{order:1;margin-top:14px} #account-settings #account-settings-content .settings-overview .profile-hero>.avatar{width:40px;height:40px;flex-basis:40px;border-radius:11px} #account-settings #account-settings-content .settings-overview .profile-hero h3{font-size:14px} #account-settings #account-settings-content .settings-overview .profile-hero p{font-size:11px} } /* Início: trabalho recente primeiro, atalhos e resumo em escala compacta. */ .dashboard-page{min-width:0} .dashboard-page>.page-heading{margin-bottom:20px;gap:14px} .dashboard-page>.page-heading h1{font-size:28px;margin-bottom:7px} .dashboard-page>.page-heading p{font-size:13px;line-height:1.5} .dashboard-page .dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 26px} .dashboard-page .dashboard-summary>div{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 12px;background:var(--surface);border:1px solid var(--line);border-radius:11px} .dashboard-page .dashboard-summary .icon{width:16px;height:16px;flex-shrink:0;color:var(--muted)} .dashboard-page .dashboard-summary span{font-size:12px;line-height:1.4;min-width:0} .dashboard-page .dashboard-summary small{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:3px} .dashboard-page .dashboard-summary strong{font-size:21px;letter-spacing:-.5px;font-weight:600;margin-left:auto;flex-shrink:0} .dashboard-page .section-title{gap:12px;margin:0 0 15px;align-items:center} .dashboard-page .section-title h2{font-size:18px;letter-spacing:-.3px;line-height:1.35;margin:0} .dashboard-page .section-title p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.5} .dashboard-page .section-title .text-button{font-size:12px;white-space:nowrap} .dashboard-page .dashboard-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px} .dashboard-page .media-card{min-width:0;overflow:hidden;border-radius:13px;transition:border-color .2s,box-shadow .2s} .dashboard-page .media-thumb{display:block;aspect-ratio:4/3;height:auto;width:100%;min-height:0;position:relative;overflow:hidden;background:var(--surface2)} .dashboard-page .media-thumb img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s} .dashboard-page .media-badge{font-size:9px;max-width:calc(100% - 20px);padding:4px 6px;left:9px;top:9px;height:auto;bottom:auto} .dashboard-page .media-play{pointer-events:none} .dashboard-page .media-info{padding:13px} .dashboard-page .media-info h3{font-size:14px;line-height:1.4;margin:0 0 6px;min-height:2.8em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .dashboard-page .media-info>p{font-size:11px;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere} .dashboard-page .media-card .media-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap} .dashboard-page .media-card .media-actions>[data-edit]{order:0;margin-right:auto;font-size:12px;gap:6px;min-height:34px;padding:7px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--line)} .dashboard-page .media-card .media-actions>[data-favorite]{order:1} .dashboard-page .media-card .media-actions>[data-project-tools]{order:2} .dashboard-page .media-card .media-actions>.icon-button{height:32px;width:32px;flex-shrink:0;border-radius:8px} .dashboard-page .media-card .media-actions>.icon-button .icon{height:15px;width:15px} .dashboard-page .dashboard-secondary-actions[hidden]{display:none!important} .dashboard-page .dashboard-tools{margin:0 0 24px} .dashboard-page .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0} .dashboard-page .quick-card{display:flex;align-items:center;gap:11px;padding:16px 13px;min-width:0;min-height:84px;border-radius:12px} .dashboard-page .quick-card>.icon:first-child{width:20px;height:20px;flex-shrink:0;color:var(--red);margin:0} .dashboard-page .quick-card>.icon:last-child{width:13px;height:13px;flex-shrink:0;color:var(--muted);margin-left:auto} .dashboard-page .quick-card>div{min-width:0} .dashboard-page .quick-card h3{font-size:13px;line-height:1.4;margin:0 0 5px} .dashboard-page .quick-card p{font-size:11px;line-height:1.5;margin:0;color:var(--muted)} .dashboard-page .dashboard-banner{position:relative;display:block;min-height:0;height:auto;overflow:hidden;border-radius:14px;margin:0} .dashboard-page .dashboard-banner .banner-copy{padding:23px;max-width:72%;position:relative;z-index:2} .dashboard-page .dashboard-banner .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:9px} .dashboard-page .dashboard-banner h2{font-size:23px;line-height:1.3;margin:0 0 8px;letter-spacing:-.5px} .dashboard-page .dashboard-banner p{font-size:12px;line-height:1.5;margin:0 0 14px} .dashboard-page .dashboard-banner .button{font-size:12px;min-height:36px;padding:9px 12px} .dashboard-page .dashboard-banner .banner-image{position:absolute;inset:0 0 0 auto;width:35%;height:100%} .dashboard-page .dashboard-banner .banner-image img{width:100%;height:100%;object-fit:cover} .dashboard-page .dashboard-banner .banner-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--surface),transparent 60%)} .dashboard-page>.bottom-note{font-size:11px;line-height:1.6;margin-top:14px} .dashboard-page .cover-loading:after,.template-loading-grid>div:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,var(--surface2) 25%,var(--surface3) 45%,var(--surface2) 65%);background-size:220% 100%;animation:dashboard-cover-loading 1.5s linear infinite;pointer-events:none} .dashboard-page .cover-loading img{opacity:0} .dashboard-page .cover-unavailable:after{content:'Capa indisponível';position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--muted);pointer-events:none} .template-loading-label{font-size:13px;color:var(--muted);margin-bottom:16px} .template-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .template-loading-grid>div{position:relative;aspect-ratio:4/5;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)} @keyframes dashboard-cover-loading{to{background-position:-220% 0}} @media(hover:hover){.dashboard-page .media-card:hover{border-color:var(--muted);box-shadow:0 6px 20px #0002}.dashboard-page .media-card:hover .media-thumb img{transform:scale(1.025)}} @media(max-width:1100px){.dashboard-page .dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .dashboard-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-page .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .quick-card{min-height:76px}} @media(max-width:800px) and (min-width:681px){.dashboard-page .dashboard-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .dashboard-recent-grid>.media-card:last-child{grid-column:1 / -1;max-width:calc(50% - 7px)}} @media(max-width:680px){ .dashboard-page>.page-heading{margin-bottom:16px} .dashboard-page>.page-heading h1{font-size:25px} .dashboard-page>.page-heading p{font-size:12px;line-height:1.5} .dashboard-page>.page-heading .heading-actions{margin-top:14px} .dashboard-page>.page-heading .button{padding:10px 13px;font-size:12px;min-height:38px} .dashboard-page .dashboard-summary{gap:8px;margin-bottom:23px} .dashboard-page .dashboard-summary>div{gap:8px;padding:11px 10px;min-height:62px} .dashboard-page .dashboard-summary .icon{width:14px;height:14px} .dashboard-page .dashboard-summary span{font-size:11px} .dashboard-page .dashboard-summary small{font-size:9px;max-width:70px} .dashboard-page .dashboard-summary strong{font-size:20px} .dashboard-page .section-title h2{font-size:17px} .dashboard-page .section-title p{font-size:11px} .dashboard-page .section-title .text-button{font-size:11px} .dashboard-page .dashboard-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px} .dashboard-page .dashboard-recent-grid>.media-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center} .dashboard-page .dashboard-recent-grid>.media-card:last-child .media-thumb{aspect-ratio:1;height:100%} .dashboard-page .dashboard-recent-grid>.media-card:last-child .media-badge{display:none} .dashboard-page .media-info{padding:10px} .dashboard-page .media-info h3{font-size:12px;min-height:2.8em;margin-bottom:5px} .dashboard-page .media-info>p{font-size:10px;margin:0 0 9px;line-height:1.4} .dashboard-page .media-card .media-actions{gap:4px} .dashboard-page .media-card .media-actions>[data-edit]{padding:5px 6px;font-size:10px;gap:4px;min-height:32px} .dashboard-page .media-card .media-actions>[data-edit] .icon{height:12px;width:12px} .dashboard-page .media-card .media-actions>.icon-button{height:30px;width:28px;border:0;background:transparent;padding:5px} .dashboard-page .media-card .media-actions>.icon-button .icon{height:14px;width:14px} .dashboard-page .quick-card{gap:8px;padding:13px 10px;min-height:76px} .dashboard-page .quick-card>.icon:first-child{width:18px;height:18px} .dashboard-page .quick-card>.icon:last-child{display:none} .dashboard-page .quick-card h3{font-size:12px;margin-bottom:4px} .dashboard-page .quick-card p{font-size:10px} .dashboard-page .dashboard-banner .banner-copy{padding:20px 16px;max-width:78%} .dashboard-page .dashboard-banner .banner-image{width:42%} .dashboard-page .dashboard-banner h2{font-size:20px} .dashboard-page .dashboard-banner p{font-size:11px} .dashboard-page .dashboard-banner .eyebrow{font-size:8px} .dashboard-page .dashboard-banner .button{font-size:11px;padding:8px 10px} .template-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} } @media(prefers-reduced-motion:reduce){.dashboard-page .media-card,.dashboard-page .media-thumb img{transition:none}.dashboard-page .media-card:hover .media-thumb img{transform:none}.dashboard-page .cover-loading:after,.template-loading-grid>div:after{animation:none}} /* Biblioteca no computador: limites explícitos, sem ocupar toda a janela. */ @media(min-width:681px){ #fluxo-drive-ui #fluxo-drive{width:min(1180px,calc(100vw - 64px));max-width:1180px;height:min(760px,calc(100dvh - 64px));max-height:calc(100dvh - 64px)} #fluxo-drive-ui #fluxo-drive.drive-import-mode .drive-import-pane{box-sizing:border-box;flex:0 1 auto;min-height:160px;max-height:100%;padding:20px;border:1px dashed var(--fluxo-line);border-radius:12px;background:var(--fluxo-surface)} #fluxo-drive-ui #fluxo-drive.drive-import-mode .drive-import-pane .drive-drop-note{font-size:12px;line-height:1.6;max-width:48ch;margin:0} #fluxo-drive-ui #fluxo-drive.drive-import-mode .drive-import-pane:has(.drive-queue:not([hidden])){flex:1;min-height:0} } /* Banner no topo, compacto; os projetos usam o componente do Studio. */ .dashboard-page>.dashboard-banner{margin:0 0 18px} .dashboard-page>.dashboard-banner .banner-copy{padding:17px 20px;max-width:74%} .dashboard-page>.dashboard-banner h2{font-size:22px;margin-bottom:5px} .dashboard-page>.dashboard-banner p{font-size:12px;margin-bottom:11px} .dashboard-page>.dashboard-banner .eyebrow{font-size:8px;margin-bottom:7px} @media(max-width:680px){ .dashboard-page>.dashboard-banner .banner-copy{padding:15px;max-width:78%} .dashboard-page>.dashboard-banner h2{font-size:19px} .dashboard-page>.dashboard-banner p{font-size:11px;line-height:1.4;margin-bottom:10px} .dashboard-page>.dashboard-banner .button{font-size:11px;min-height:32px;padding:7px 10px} } /* Confirmação oficial: mensagem de leitura, sem campos de demonstração. */ #fluxo-drive-ui .drive-confirm{width:min(572px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:30px;border-radius:24px;overflow:auto} #fluxo-drive-ui .drive-confirm .fluxo-modal__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px} #fluxo-drive-ui .drive-confirm h2{margin:0;font-size:22px;line-height:1.3} #fluxo-drive-ui .drive-confirm>p{color:var(--fluxo-muted);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere} #fluxo-drive-ui .drive-confirm .fluxo-modal__footer{display:flex;justify-content:flex-end;gap:10px;margin-top:28px} #fluxo-drive-ui #fluxo-drive.drive-import-mode .drive-import-tabs{gap:8px} #fluxo-drive-ui #fluxo-drive.drive-import-mode .drive-import-pane{flex:1;min-height:0;overflow:auto} @media(max-width:680px){#fluxo-drive-ui .drive-confirm{padding:22px;border-radius:18px}} /* A área de edição não exibe atalhos flutuantes do painel da conta. */ body.normal-editing #notifications-toggle, body.normal-editing #notifications-popover, body.normal-editing .render-queue-shortcut{display:none!important} /* Biblioteca: espaço de trabalho unificado. */ #fluxo-drive-ui #fluxo-drive{width:min(1440px,calc(100vw - 40px));height:min(900px,calc(100dvh - 48px));max-width:none;overflow:hidden} #fluxo-drive-ui #fluxo-drive.drive-maximized{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:none} #fluxo-drive-ui #fluxo-drive .drive-main{gap:12px;padding:20px 20px 12px;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-workspace{flex:1;min-height:0;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-sent-pane{flex:1;min-height:0;overflow:hidden;gap:10px} #fluxo-drive-ui #fluxo-drive .drive-content{min-height:0;overflow:auto;padding:2px 4px 12px 0;scrollbar-width:thin} #fluxo-drive-ui #fluxo-drive .drive-inspector h3{font-size:13px;line-height:1.5;margin:14px 0;overflow-wrap:anywhere} #fluxo-drive-ui #fluxo-drive .drive-inspector-preview{height:150px;display:grid;place-items:center;background:var(--fluxo-surface-2);border-radius:10px;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-inspector-preview img{width:100%;height:100%;object-fit:contain} #fluxo-drive-ui #fluxo-drive .drive-inspector-preview .drive-file-mark{padding:20px} #fluxo-drive-ui #fluxo-drive .drive-inspector details{padding:14px 0;border-top:1px solid var(--fluxo-line);font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-inspector summary{cursor:pointer;font-weight:600} #fluxo-drive-ui .drive-detail-list{display:grid;gap:10px;margin:16px 0;font-size:11px} #fluxo-drive-ui .drive-detail-list>div{display:flex;justify-content:space-between;gap:14px} #fluxo-drive-ui .drive-detail-list dt{color:var(--fluxo-muted);flex-shrink:0} #fluxo-drive-ui .drive-detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere} #fluxo-drive-ui #fluxo-drive .drive-inspector-placeholder{padding-top:25px;text-align:left} #fluxo-drive-ui #fluxo-drive .drive-inspector-placeholder>[data-fluxo-icon]{width:42px;height:42px;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-toolbar{display:flex;align-items:center;gap:7px;padding:0;flex-wrap:nowrap} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.drive-search{flex:1;min-width:80px} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.fluxo-icon-button{flex-shrink:0} #fluxo-drive-ui #fluxo-drive .drive-compact-dropdown{position:relative;flex-shrink:0} #fluxo-drive-ui #fluxo-drive .drive-control-popover{position:absolute;z-index:25;right:0;top:calc(100% + 8px);width:240px;max-width:calc(100vw - 40px);padding:14px;border:1px solid var(--fluxo-line);border-radius:12px;background:var(--fluxo-surface);box-shadow:0 16px 45px #0006} #fluxo-drive-ui #fluxo-drive .drive-control-popover .drive-filters{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:0;background:transparent;border:0;max-height:none;overflow:visible} #fluxo-drive-ui #fluxo-drive .drive-control-popover .fluxo-field{display:block;width:100%;min-width:0;margin:0;font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-control-popover .fluxo-select,#fluxo-drive-ui #fluxo-drive .drive-control-popover .fluxo-input{margin-top:7px;width:100%} #fluxo-drive-ui #fluxo-drive .drive-control-popover .fluxo-button-group{display:flex;flex-direction:column;gap:4px} #fluxo-drive-ui #fluxo-drive .drive-control-popover [data-drive-view]{display:flex;justify-content:flex-start;gap:10px;width:100%;min-height:36px;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-filter-active{color:var(--fluxo-primary);background:var(--fluxo-surface-2);box-shadow:inset 0 0 0 1px var(--fluxo-primary)} #fluxo-drive-ui #fluxo-drive .drive-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;align-items:start} #fluxo-drive-ui #fluxo-drive .drive-card{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;overflow:hidden;border-radius:12px;position:relative} #fluxo-drive-ui #fluxo-drive .drive-thumb{aspect-ratio:4/3;min-height:0;border-radius:0;background:var(--fluxo-surface-2)} #fluxo-drive-ui #fluxo-drive .drive-thumb img{display:block;width:100%;height:100%;object-fit:contain} #fluxo-drive-ui #fluxo-drive .drive-card:is([data-kind=video],[data-kind=project]) .drive-thumb img{object-fit:cover} #fluxo-drive-ui #fluxo-drive .drive-card-body{flex:0 0 auto;padding:10px;gap:4px;min-height:0} #fluxo-drive-ui #fluxo-drive .drive-card-name{display:block;font-size:12px;line-height:1.4;min-height:0;height:auto;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset} #fluxo-drive-ui #fluxo-drive .drive-item-info{min-height:0;font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #fluxo-drive-ui #fluxo-drive .drive-folder-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px} #fluxo-drive-ui #fluxo-drive .drive-folder-card{min-width:0;height:52px;border-radius:10px;padding:8px;display:flex;align-items:center;gap:6px} #fluxo-drive-ui #fluxo-drive .drive-folder-open{min-width:0;flex:1;display:flex;gap:8px;align-items:center;padding:4px;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-folder-open strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #fluxo-drive-ui #fluxo-drive .drive-folder-open>[data-fluxo-icon]{flex-shrink:0} #fluxo-drive-ui #fluxo-drive .drive-item-top{position:absolute;top:8px;left:8px;right:8px;z-index:3} #fluxo-drive-ui #fluxo-drive .drive-table-name{padding:6px;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-table-copy{min-width:0} #fluxo-drive-ui #fluxo-drive .drive-table-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block} #fluxo-drive-ui #fluxo-drive .drive-selection{padding:0;border:0;min-height:28px} #fluxo-drive-ui #fluxo-drive .drive-location{flex-shrink:0;gap:8px} #fluxo-drive-ui #fluxo-drive .drive-footer{min-height:26px;padding-top:8px;font-size:10px} #fluxo-drive-ui #fluxo-drive .drive-load-more{display:block;width:100%;margin:12px 0;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-load-more .drive-grid{grid-template-columns:repeat(3,1fr)} #fluxo-drive-ui #fluxo-drive .drive-load-more .drive-loading-card span{height:55px} #fluxo-drive-ui #fluxo-drive .drive-context-menu{position:fixed;z-index:100;display:block;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 12px 44px #0007} #fluxo-drive-ui #fluxo-drive .drive-context-menu:empty{display:none} #fluxo-drive-ui #fluxo-drive .drive-storage{cursor:pointer} #fluxo-drive-ui #fluxo-drive .drive-storage:focus-visible{outline:2px solid var(--fluxo-primary);outline-offset:3px} #fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-dock-close{position:absolute;right:6px;top:5px;width:26px;height:26px;z-index:2} #fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-queue{margin:0;border:0;padding:0;background:transparent} #fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-queue>p{display:none} #fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-queue-item{padding:8px 0;font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-queue-list{max-height:180px} #fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-upload{padding:8px 0 0;gap:8px;background:transparent;border:0;font-size:10px} @media(max-width:850px){#fluxo-drive-ui #fluxo-drive .drive-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}} @media(max-width:680px){#fluxo-drive-ui #fluxo-drive{width:calc(100vw - 16px);height:calc(100dvh - 24px)}#fluxo-drive-ui #fluxo-drive .drive-main{padding:12px;gap:10px}#fluxo-drive-ui #fluxo-drive .drive-toolbar{gap:4px}#fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-icon-button{width:32px;height:32px;min-width:32px}#fluxo-drive-ui #fluxo-drive .drive-toolbar>[data-wb-info]{display:none}#fluxo-drive-ui #fluxo-drive .drive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fluxo-drive-ui #fluxo-drive .drive-folder-grid{grid-template-columns:minmax(0,1fr)}#fluxo-drive-ui #fluxo-drive .drive-title-line h2{font-size:18px}#fluxo-drive-ui #fluxo-drive .drive-head>[data-wb-max]{display:none}} /* Biblioteca: seleção por arraste e miniaturas consistentes. */ #fluxo-drive-ui #fluxo-drive .drive-selection{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-location:has(.drive-selection:not([data-count="0"])){flex-wrap:nowrap} #fluxo-drive-ui #fluxo-drive .drive-content{position:relative;user-select:none;-webkit-user-select:none} #fluxo-drive-ui #fluxo-drive .drive-content img{-webkit-user-drag:none} #fluxo-drive-ui #fluxo-drive .drive-marquee-active{cursor:crosshair} #fluxo-drive-ui #fluxo-drive .drive-marquee{position:fixed;z-index:80;pointer-events:none;border:1px solid var(--fluxo-accent,#e71930);background:color-mix(in srgb,var(--fluxo-accent,#e71930) 16%,transparent);box-sizing:border-box;border-radius:3px} #fluxo-drive-ui #fluxo-drive [data-drive-card].fluxo-card--selected{outline:2px solid var(--fluxo-accent,#e71930);outline-offset:-2px;background:var(--fluxo-surface-2,#202020)} #fluxo-drive-ui #fluxo-drive .drive-folder-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px} #fluxo-drive-ui #fluxo-drive .drive-folder-card{position:relative;display:block;height:auto;min-height:0;padding:0;border:1px solid transparent;border-radius:12px;background:transparent} #fluxo-drive-ui #fluxo-drive .drive-folder-open{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;gap:0;text-align:center} #fluxo-drive-ui #fluxo-drive .drive-folder-picture{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:12px} #fluxo-drive-ui .drive-folder-glyph{width:90px;height:80px;flex:none} #fluxo-drive-ui #fluxo-drive .drive-folder-open>strong{display:block;max-width:100%;padding:10px 8px 14px;box-sizing:border-box;font-size:12px;font-weight:400;line-height:1.4} #fluxo-drive-ui #fluxo-drive .drive-folder-card>.fluxo-dropdown{position:absolute;top:8px;right:8px;z-index:3} #fluxo-drive-ui #fluxo-drive .drive-folder-card:hover{background:var(--fluxo-surface-2,#202020)} #fluxo-drive-ui #fluxo-drive .drive-thumb{border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center} #fluxo-drive-ui #fluxo-drive .drive-card .drive-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:12px} #fluxo-drive-ui #fluxo-drive .drive-inspector-preview>.drive-folder-glyph{width:90px;height:80px} #fluxo-drive-ui #fluxo-drive .drive-inspector-preview img{border-radius:12px;object-fit:contain;object-position:center} #fluxo-drive-ui #fluxo-drive .drive-card .fluxo-dropdown>.fluxo-icon-button,#fluxo-drive-ui #fluxo-drive .drive-folder-card .fluxo-dropdown>.fluxo-icon-button{background:#151719e6;color:#fff;border:1px solid #ffffff30;border-radius:50%;font-size:18px} @media(hover:hover) and (pointer:fine){ #fluxo-drive-ui #fluxo-drive [data-drive-card] .fluxo-dropdown{opacity:0;pointer-events:none} #fluxo-drive-ui #fluxo-drive [data-drive-card]:hover .fluxo-dropdown,#fluxo-drive-ui #fluxo-drive [data-drive-card]:has(:focus-visible) .fluxo-dropdown{opacity:1;pointer-events:auto} } #fluxo-drive-ui #fluxo-drive .drive-menu{background:var(--fluxo-surface,#191b1c);border:1px solid var(--fluxo-line,#383a3b);color:var(--fluxo-text,#eee);box-shadow:0 12px 40px #0007} #fluxo-drive-ui #fluxo-drive .drive-context-menu{width:230px;inset:auto;transform:none;margin:0;padding:6px} #fluxo-drive-ui #fluxo-drive .drive-context-menu :is(button,a){font-size:12px;min-height:34px} #fluxo-drive-ui .drive-spinner{display:inline-block;width:24px;height:24px;border:2px solid #ffffff30;border-top-color:var(--fluxo-accent,#e71930);border-radius:50%;animation:drive-spin .7s linear infinite;box-sizing:border-box;flex:none} #fluxo-drive-ui #fluxo-drive .drive-thumb>.drive-spinner,#fluxo-drive-ui #fluxo-drive .drive-inspector-preview>.drive-spinner,#fluxo-drive-ui .drive-filmstrip-items>button>.drive-spinner{position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;z-index:2} #fluxo-drive-ui #fluxo-drive .drive-inspector-preview,#fluxo-drive-ui .drive-filmstrip-items>button{position:relative} #fluxo-drive-ui #fluxo-drive .drive-load-more{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px} #fluxo-drive-ui #fluxo-drive .drive-storage>div{min-width:0;flex:1} #fluxo-drive-ui #fluxo-drive .drive-space{font-size:10px;line-height:1.6;margin-bottom:0} #fluxo-drive-ui #fluxo-drive .drive-storage-track{display:block;height:4px;width:100%;margin:6px 0;border-radius:4px;background:var(--fluxo-surface-3,#343434);overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-storage-track>span{display:block;height:100%;border-radius:4px;background:var(--fluxo-accent,#e71930)} #fluxo-drive-ui #fluxo-drive .drive-file-table th:first-child{width:auto} #fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(2){width:130px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(3){width:80px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:nth-child(4){width:100px} #fluxo-drive-ui #fluxo-drive .drive-file-table th:last-child{width:42px} #fluxo-drive-ui #fluxo-drive .drive-table-name>.drive-folder-glyph{width:44px;height:36px} @keyframes drive-spin{to{transform:rotate(360deg)}} @media(max-width:680px){ #fluxo-drive-ui #fluxo-drive .drive-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #fluxo-drive-ui #fluxo-drive .drive-file-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) 34px} #fluxo-drive-ui #fluxo-drive .drive-file-table td:first-child{display:block;grid-column:1} #fluxo-drive-ui #fluxo-drive .drive-file-table td:nth-child(n+2):not(:last-child){display:none} #fluxo-drive-ui #fluxo-drive .drive-file-table td:last-child{display:block;grid-column:2} } @media(prefers-reduced-motion:reduce){#fluxo-drive-ui .drive-spinner{animation-duration:1.6s}} #fluxo-drive-ui #fluxo-drive .drive-loading-card>span{display:flex;align-items:center;justify-content:center} #fluxo-drive-ui #fluxo-drive .drive-loading-card .drive-spinner{width:24px;height:24px;background:transparent;border:2px solid #ffffff30;border-top-color:var(--fluxo-accent,#e71930);border-radius:50%} #fluxo-drive-ui #fluxo-drive .drive-card:is([data-kind=image],[data-kind=video],[data-kind=project]) .drive-thumb img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:12px;transform:none} /* Biblioteca unificada: grade estável, capas quadradas e uma fila compacta. */ #fluxo-drive-ui #fluxo-drive .drive-import-tabs{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-import-pane{padding:0;border:0;min-height:0;overflow:auto;flex:1} #fluxo-drive-ui #fluxo-drive .drive-import-pane[hidden],#fluxo-drive-ui #fluxo-drive .drive-sent-pane[hidden]{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-import-empty{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed var(--fluxo-line);border-radius:12px;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-import-empty>[data-fluxo-icon]{width:32px;height:32px;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-import-empty :is(h3,p){margin:0} #fluxo-drive-ui #fluxo-drive .drive-import-empty :is(p,small){color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-card{height:auto;align-self:stretch;display:grid;grid-template-rows:auto 82px} #fluxo-drive-ui #fluxo-drive .drive-card .drive-thumb{aspect-ratio:1/1;width:100%;height:auto;display:block;position:relative;overflow:hidden;border-radius:12px} #fluxo-drive-ui #fluxo-drive .drive-card:is([data-kind=image],[data-kind=video],[data-kind=project]) .drive-thumb img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:none;border-radius:12px} #fluxo-drive-ui #fluxo-drive .drive-card .drive-thumb>.drive-file-mark{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-card-body{height:82px;max-height:82px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;overflow:hidden;padding:10px} #fluxo-drive-ui #fluxo-drive .drive-grid{align-items:stretch;overflow-anchor:none} #fluxo-drive-ui #fluxo-drive .drive-content{overflow-anchor:none;scroll-behavior:auto} #fluxo-drive-ui #fluxo-drive .drive-item-top .fluxo-dropdown>.fluxo-icon-button,#fluxo-drive-ui #fluxo-drive .drive-folder-card .fluxo-dropdown>.fluxo-icon-button{border-radius:7px;background:#171717df;border:1px solid #ffffff35;width:30px;height:30px;padding:6px} #fluxo-drive-ui #fluxo-drive .drive-load-more{min-height:46px;margin:0;padding:10px} #fluxo-drive-ui #fluxo-drive .drive-cover-loading:after{display:none} #fluxo-drive-ui #fluxo-drive .drive-cover-indicator{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none} #fluxo-drive-ui .drive-progress-ring{display:inline-flex;width:28px;height:28px;color:var(--fluxo-accent,#e71930);flex:none;vertical-align:middle} #fluxo-drive-ui .drive-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible} #fluxo-drive-ui .drive-progress-ring circle{fill:none;stroke:var(--fluxo-line,#343434);stroke-width:2.3} #fluxo-drive-ui .drive-progress-ring .drive-progress-value{stroke:currentColor;stroke-linecap:round} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-internal,#fluxo-drive-ui #fluxo-drive .drive-transfer-internal{display:none!important} #fluxo-drive-ui .drive-transfer-dock [data-drive-queue],#fluxo-drive-ui #fluxo-drive .drive-transfer-dock [data-drive-queue]{padding:0;margin:0;border:0;background:transparent;display:block} #fluxo-drive-ui .drive-transfer-dock .drive-queue-list{max-height:280px;overflow:auto;display:block;scrollbar-width:thin} #fluxo-drive-ui .drive-transfer-dock .drive-queue-list[hidden]{display:none!important} #fluxo-drive-ui .drive-transfer-dock .drive-queue-item,#fluxo-drive-ui #fluxo-drive .drive-transfer-dock .drive-queue-item{padding:12px 14px;min-height:58px;display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--fluxo-line,#343434);box-sizing:border-box} #fluxo-drive-ui .drive-transfer-dock .drive-queue-item:last-child{border-bottom:0} #fluxo-drive-ui .drive-transfer-dock .drive-queue-item>[data-fluxo-icon]{width:18px;height:18px;color:var(--fluxo-accent,#e71930)} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-name{min-width:0;display:flex;flex-direction:column;gap:3px} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-name small{font-size:10px;color:var(--fluxo-muted,#aaa)} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-name small.drive-transfer-error{color:var(--fluxo-danger,#f66)} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-size{font-size:11px;color:var(--fluxo-muted,#aaa);white-space:nowrap} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-state{display:flex;align-items:center;justify-content:center;min-width:26px} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-done{color:var(--fluxo-success,#6bbd87);font-size:18px} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-retry{border:0;background:none;color:var(--fluxo-accent,#e71930);font-size:10px;padding:0;cursor:pointer;max-width:76px;text-decoration:underline} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-cancel{position:relative;border:0;background:none;padding:0;width:28px;height:28px;cursor:pointer;color:var(--fluxo-text,#eee)} #fluxo-drive-ui .drive-transfer-dock .drive-cancel-glyph{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:20px;background:var(--fluxo-surface-2,#232323);border-radius:50%} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-cancel:is(:hover,:focus-visible) .drive-cancel-glyph{display:flex} #fluxo-drive-ui .drive-transfer-dock .drive-dock-close{display:none} @media(max-width:680px){#fluxo-drive-ui .drive-transfer-dock .drive-queue-item{gap:7px;padding:10px}} #fluxo-drive-ui #fluxo-drive [data-drive-card] .fluxo-dropdown,#fluxo-drive-ui #fluxo-drive [data-drive-card] .fluxo-dropdown>button{pointer-events:auto} #fluxo-drive-ui #fluxo-drive:has(.drive-import-pane:not([hidden])) .drive-head>[data-drive-upload]{display:none} #fluxo-drive-ui #fluxo-drive .drive-context-menu .drive-cut-icon{flex:none} /* Detalhes de projeto no centro; fila compacta com controles próprios. */ #fluxo-drive-ui #fluxo-drive .drive-card{grid-template-rows:auto 60px} #fluxo-drive-ui #fluxo-drive .drive-card-body{height:60px;max-height:60px} #fluxo-drive-ui #fluxo-drive .drive-item-top>.drive-zip-status{margin:0;padding:4px 5px;font-size:8px;line-height:1.2;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#151515dd;border-color:#ffffff35;color:#ddd;align-self:center} #fluxo-drive-ui #fluxo-drive .drive-item-top>.drive-zip-status[data-installed=true]{color:var(--fluxo-success,#75b88c)} #fluxo-drive-ui .drive-folder-glyph .drive-folder-back{fill:color-mix(in srgb,var(--fluxo-accent,#e71930) 18%,var(--fluxo-surface,#181818));stroke:var(--fluxo-accent,#e71930)} #fluxo-drive-ui .drive-folder-glyph .drive-folder-front{fill:color-mix(in srgb,var(--fluxo-accent,#e71930) 38%,var(--fluxo-surface,#181818));stroke:var(--fluxo-accent,#e71930)} #fluxo-drive-ui .drive-transfer-dock .drive-queue-control{width:25px;height:26px;min-width:25px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;color:var(--fluxo-text,#eee);padding:3px;cursor:pointer} #fluxo-drive-ui .drive-transfer-dock .drive-queue-control:hover{color:var(--fluxo-accent,#e71930);background:none} #fluxo-drive-ui .drive-transfer-dock .drive-queue-control:focus-visible{outline:1px solid var(--fluxo-accent,#e71930);outline-offset:1px} #fluxo-drive-ui .drive-transfer-dock .drive-queue-control:disabled{opacity:.3;cursor:default} #fluxo-drive-ui .drive-transfer-dock .drive-queue-control>[data-fluxo-icon]{width:17px;height:17px} #fluxo-drive-ui .drive-transfer-dock .drive-queue-eye{opacity:0;pointer-events:none} #fluxo-drive-ui .drive-transfer-dock:is(:hover,:focus-within) .drive-queue-eye{opacity:1;pointer-events:auto} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-state{gap:6px} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;color:var(--fluxo-muted,#aaa);padding:0;width:20px;min-width:20px;height:26px;cursor:pointer} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-remove:hover{color:var(--fluxo-danger,#f66)} #fluxo-drive-ui #fluxo-drive .drive-import-pane{display:block;overflow:auto;scrollbar-width:thin;padding-bottom:12px} #fluxo-drive-ui #fluxo-drive .drive-import-summary{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;padding:12px 0} #fluxo-drive-ui #fluxo-drive .drive-import-summary h3{margin:0 0 5px;font-size:15px} #fluxo-drive-ui #fluxo-drive .drive-import-summary p{margin:0;font-size:12px;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-import-summary-actions{display:flex;gap:8px;flex-wrap:wrap} #fluxo-drive-ui #fluxo-drive .drive-project-views{display:flex;gap:6px;margin-bottom:12px} #fluxo-drive-ui #fluxo-drive .drive-project-views [aria-pressed=true]{border-color:var(--fluxo-accent,#e71930);color:var(--fluxo-accent,#e71930)} #fluxo-drive-ui #fluxo-drive .drive-project-list{display:flex;flex-direction:column;gap:12px;padding-bottom:12px} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start} #fluxo-drive-ui #fluxo-drive .drive-project-row{min-width:0;border:1px solid var(--fluxo-line);border-radius:10px;padding:16px;background:var(--fluxo-surface,#181818)} #fluxo-drive-ui #fluxo-drive .drive-project-row>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #fluxo-drive-ui #fluxo-drive .drive-project-row>header>div:first-of-type{min-width:120px;flex:1} #fluxo-drive-ui #fluxo-drive .drive-project-row h3{font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere} #fluxo-drive-ui #fluxo-drive .drive-project-row header p{font-size:11px;color:var(--fluxo-muted);margin:3px 0 0} #fluxo-drive-ui #fluxo-drive .drive-project-file-icon{display:flex;align-items:center;color:var(--fluxo-accent,#e71930)} #fluxo-drive-ui #fluxo-drive .drive-project-file-icon>[data-fluxo-icon]{width:24px;height:24px} #fluxo-drive-ui #fluxo-drive .drive-project-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} #fluxo-drive-ui #fluxo-drive .drive-project-actions .drive-transfer-done{color:var(--fluxo-success,#75b88c);font-size:20px} #fluxo-drive-ui #fluxo-drive .drive-project-phases{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0 10px;font-size:11px;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-project-phases .drive-phase-done{color:var(--fluxo-success,#75b88c)} #fluxo-drive-ui #fluxo-drive .drive-project-progress{display:flex;align-items:center;gap:12px;font-size:11px;margin:12px 0} #fluxo-drive-ui #fluxo-drive .drive-project-progress progress{flex:1;width:100%;height:5px;accent-color:var(--fluxo-accent,#e71930)} #fluxo-drive-ui #fluxo-drive .drive-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:12px 0 0} #fluxo-drive-ui #fluxo-drive .drive-project-facts>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;min-width:0} #fluxo-drive-ui #fluxo-drive .drive-project-facts dt{color:var(--fluxo-muted);flex:none} #fluxo-drive-ui #fluxo-drive .drive-project-facts dd{margin:0;overflow-wrap:anywhere;text-align:right} #fluxo-drive-ui #fluxo-drive .drive-project-error{color:var(--fluxo-danger,#f66);font-size:12px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere} @media(max-width:850px){#fluxo-drive-ui #fluxo-drive .drive-project-facts{grid-template-columns:1fr}#fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards]{grid-template-columns:minmax(0,1fr)}} @media(max-width:680px){#fluxo-drive-ui #fluxo-drive .drive-project-row{padding:12px}#fluxo-drive-ui #fluxo-drive .drive-project-actions{width:100%;justify-content:flex-end}} @media(hover:none){#fluxo-drive-ui .drive-transfer-dock .drive-queue-eye{opacity:1;pointer-events:auto}} #fluxo-drive-ui #fluxo-drive .drive-import-pane{max-height:none} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-facts{grid-template-columns:1fr} #fluxo-drive-ui #fluxo-drive .drive-operation-summary{flex:none;max-height:64px;margin:0 0 10px;padding:10px 12px;overflow:auto;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-operation-summary[hidden]{display:none!important} #fluxo-drive-ui #fluxo-drive,#fluxo-drive-ui #fluxo-drive *{user-select:none;-webkit-user-select:none} #fluxo-drive-ui #fluxo-drive :is(input,textarea,[contenteditable=true]){user-select:text;-webkit-user-select:text} #fluxo-drive-ui #fluxo-drive .drive-context-menu button{display:flex;align-items:center;gap:9px} #fluxo-drive-ui #fluxo-drive .drive-context-menu [data-fluxo-icon]{width:16px;height:16px;flex:none} #fluxo-drive-ui #fluxo-drive .drive-drop-target{outline:2px solid var(--fluxo-accent,#e71930)!important;outline-offset:-2px;background:color-mix(in srgb,var(--fluxo-accent,#e71930) 20%,var(--fluxo-surface,#181818))!important} #fluxo-drive-ui #fluxo-drive .drive-move-ghost{position:fixed;z-index:1000;pointer-events:none;padding:10px 14px;border:1px solid var(--fluxo-accent,#e71930);border-radius:8px;background:var(--fluxo-surface,#181818);color:var(--fluxo-text,#eee);box-shadow:0 4px 20px #0007;font-size:12px} #fluxo-drive-ui #fluxo-drive.drive-gesture-active{cursor:grabbing} #fluxo-drive-ui #fluxo-drive .drive-import-pane{flex:1 1 0;min-height:0;min-width:0;width:100%;max-height:none;overflow-x:hidden;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-import-pane.drive-import-is-empty{display:flex;align-items:center;justify-content:center} #fluxo-drive-ui #fluxo-drive .drive-import-is-empty .drive-import-empty{width:100%;height:100%;min-height:280px;box-sizing:border-box;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center} #fluxo-drive-ui #fluxo-drive .drive-project-list{min-width:0;width:100%} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards]{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:stretch} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-row{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:12px} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-row>header{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:12px} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-file-icon{height:108px;justify-content:center;border-radius:8px;background:var(--fluxo-bg,#111)} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-file-icon>[data-fluxo-icon]{width:42px;height:42px} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-actions{justify-content:flex-start;width:100%} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-row>:not(header){margin-left:16px;margin-right:16px} #fluxo-drive-ui #fluxo-drive .drive-project-list[data-layout=cards] .drive-project-facts{padding-bottom:16px} #fluxo-drive-ui #fluxo-drive .drive-project-progress progress::-webkit-progress-value{transition:width .25s linear;background:var(--fluxo-accent,#e71930)} #fluxo-drive-ui #fluxo-drive .drive-project-progress progress:not([value]){opacity:.65} #fluxo-drive-ui #fluxo-drive .drive-project-row>header>div:first-of-type{min-width:0} /* A prévia do arraste usa a capa e o formato do card de origem. */ #fluxo-drive-ui #fluxo-drive .drive-move-ghost{padding:0;width:144px;border-radius:10px;background:var(--fluxo-surface,#181818);opacity:.88;overflow:visible;isolation:isolate} #fluxo-drive-ui #fluxo-drive .drive-move-preview{display:flex;align-items:center;justify-content:center;width:142px;height:112px;border-radius:9px 9px 0 0;overflow:hidden;background:var(--fluxo-bg,#111)} #fluxo-drive-ui #fluxo-drive .drive-move-preview img{width:100%;height:100%;object-fit:cover;display:block} #fluxo-drive-ui #fluxo-drive .drive-move-preview .drive-file-mark{display:flex;flex-direction:column;align-items:center;gap:6px} #fluxo-drive-ui #fluxo-drive .drive-move-preview .drive-folder-glyph{width:72px;height:66px} #fluxo-drive-ui #fluxo-drive .drive-move-title{display:block;font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px 8px} #fluxo-drive-ui #fluxo-drive .drive-move-count{position:absolute;right:-7px;top:-9px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 4px;box-sizing:border-box;border-radius:20px;background:var(--fluxo-accent,#e71930);color:white;font-weight:600;font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-move-multiple:before,#fluxo-drive-ui #fluxo-drive .drive-move-multiple:after{content:'';position:absolute;inset:0;z-index:-1;border:1px solid var(--fluxo-accent,#e71930);border-radius:10px;background:var(--fluxo-surface,#181818);transform:translate(4px,4px)} #fluxo-drive-ui #fluxo-drive .drive-move-multiple:before{transform:translate(8px,8px)} #fluxo-drive-ui .drive-transfer-dock .drive-queue-list[hidden]{display:none!important} /* Ajustes aprovados: título, navegação, alinhamento e contorno único. */ #fluxo-drive-ui #fluxo-drive{--drive-highlight:#ff0033} #fluxo-drive-ui #fluxo-drive [data-drive-count]{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-brand h2{font-size:19px;font-weight:700;line-height:1.25} #fluxo-drive-ui #fluxo-drive .drive-sidebar-upload{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:38px;padding:9px 10px;margin:0 0 4px;font-size:12px;white-space:nowrap;box-sizing:border-box;border-radius:8px} #fluxo-drive-ui #fluxo-drive .drive-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-inspector-head .fluxo-icon-button{width:32px;height:32px;min-height:32px;padding:7px;flex:none} #fluxo-drive-ui #fluxo-drive .drive-toolbar{align-items:center;gap:8px} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.drive-search{margin:0;display:block;align-self:center} #fluxo-drive-ui #fluxo-drive .drive-search-control{display:block;height:38px} #fluxo-drive-ui #fluxo-drive .drive-search input{display:block;box-sizing:border-box;margin:0;height:38px;min-height:38px;line-height:20px} #fluxo-drive-ui #fluxo-drive .drive-toolbar>:is(.fluxo-icon-button,.drive-compact-dropdown,.drive-tools), #fluxo-drive-ui #fluxo-drive .drive-toolbar>:is(.drive-compact-dropdown,.drive-tools)>.fluxo-icon-button{height:38px;min-height:38px} #fluxo-drive-ui #fluxo-drive .drive-toolbar .fluxo-icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:9px;margin:0;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-table-name{position:relative} #fluxo-drive-ui #fluxo-drive .drive-table-name>.drive-cover-indicator{inset:auto;left:6px;top:50%;transform:translateY(-50%);width:44px;height:36px;display:grid;place-items:center;background:var(--fluxo-surface,#181818);pointer-events:none;border-radius:5px} #fluxo-drive-ui #fluxo-drive .drive-table-name>.drive-cover-indicator :is(.drive-spinner,.drive-progress-ring){width:20px;height:20px} #fluxo-drive-ui #fluxo-drive :is(.drive-search,.drive-search-control,.fluxo-field):focus-within{outline:none;box-shadow:none} #fluxo-drive-ui #fluxo-drive :is(input,select,textarea):focus{border-color:var(--drive-highlight);outline:none;box-shadow:none} #fluxo-drive-ui #fluxo-drive :is(button,a,summary,[tabindex]):focus-visible{outline:1px solid var(--drive-highlight);outline-offset:-1px;box-shadow:none} #fluxo-drive-ui #fluxo-drive:focus-visible{outline:none} #fluxo-drive-ui #fluxo-drive [data-drive-card].fluxo-card--selected{border-color:transparent;outline:1px solid var(--drive-highlight);outline-offset:-1px;box-shadow:none} #fluxo-drive-ui #fluxo-drive .drive-filter-active{color:var(--drive-highlight);border-color:var(--drive-highlight);outline:none;box-shadow:none} #fluxo-drive-ui #fluxo-drive .drive-drop-target{outline:1px solid var(--drive-highlight)!important;outline-offset:-1px;border-color:transparent;box-shadow:none} #fluxo-drive-ui #fluxo-drive .drive-marquee{border-color:var(--drive-highlight)} #fluxo-drive-ui #fluxo-drive .drive-move-ghost{left:0;top:0;border:1px solid var(--drive-highlight);opacity:1;will-change:transform} #fluxo-drive-ui #fluxo-drive .drive-project-views [aria-pressed=true]{border-color:var(--drive-highlight);color:var(--drive-highlight);box-shadow:none} @media(max-width:680px){ #fluxo-drive-ui #fluxo-drive .drive-toolbar{flex-wrap:wrap;gap:6px} #fluxo-drive-ui #fluxo-drive .drive-toolbar>.drive-search{flex:1 0 100%} #fluxo-drive-ui #fluxo-drive .drive-sidebar-upload{width:auto;flex:none;margin:0} } /* Criar/renomear pasta: foco vermelho de linha única; favoritos brancos. */ #fluxo-drive-ui .drive-form .fluxo-field:focus-within{outline:none;box-shadow:none} #fluxo-drive-ui .drive-form .fluxo-input:focus, #fluxo-drive-ui .drive-form .fluxo-input:focus-visible{border:1px solid #ff0033;outline:none;box-shadow:none} #fluxo-drive-ui #fluxo-drive .drive-favorite, #fluxo-drive-ui #fluxo-drive .drive-table-name>[data-fluxo-icon=star]{color:#fff} /* Preserva o botão primário ao mover Enviar arquivos para a navegação lateral. */ #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav>.drive-sidebar-upload{background:var(--fluxo-primary,#d9162b);border:1px solid var(--fluxo-primary,#d9162b);color:#fff} #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav>.drive-sidebar-upload:hover{background:color-mix(in srgb,var(--fluxo-primary,#d9162b) 88%,#000);border-color:color-mix(in srgb,var(--fluxo-primary,#d9162b) 88%,#000);color:#fff} #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav>.drive-sidebar-upload [data-fluxo-icon]{color:inherit} /* Categoria ativa com destaque cinza. */ #fluxo-drive-ui #fluxo-drive .drive-sidebar .fluxo-side-nav a[aria-current=page]{background:#303030;color:#fff;border-color:transparent;box-shadow:none} /* Biblioteca: ajustes da fila e do espaço de trabalho. */ #fluxo-drive-ui .drive-transfer-dock .drive-queue{display:block;width:100%;margin:0;padding:0;border:0;min-width:0} #fluxo-drive-ui .drive-transfer-dock .drive-queue-list{max-height:calc(var(--drive-dock-height,45dvh) - 44px);overflow:auto;overscroll-behavior:contain} #fluxo-drive-ui .drive-transfer-dock .drive-queue-item{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;padding:12px} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-name{min-width:0;overflow:hidden} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-size{white-space:nowrap;font-size:10px} #fluxo-drive-ui .drive-transfer-dock .drive-transfer-state{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:28px} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:42px;min-height:42px;padding:8px 12px;border:0;border-radius:9px;background:var(--fluxo-surface-2,#232323);color:var(--fluxo-text,#eee);font-size:12px;white-space:nowrap;cursor:pointer;box-sizing:border-box} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact [data-fluxo-icon]{width:18px;height:18px;flex:none} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact:focus-visible{outline:1px solid #ff0033;outline-offset:-1px} #fluxo-drive-ui #fluxo-drive .drive-layout, #fluxo-drive-ui #fluxo-drive .drive-main, #fluxo-drive-ui #fluxo-drive .drive-workspace, #fluxo-drive-ui #fluxo-drive .drive-sent-pane{min-width:0;min-height:0;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-main{max-width:100%;height:100%} #fluxo-drive-ui #fluxo-drive .drive-sent-pane{display:flex;flex-direction:column} #fluxo-drive-ui #fluxo-drive .drive-selection-space{margin-top:14px;padding-top:12px;border-top:1px solid var(--fluxo-line);font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-selection-space summary{cursor:pointer;margin-bottom:10px} #fluxo-drive-ui #fluxo-drive .drive-selection-space p{line-height:1.6} #fluxo-drive-ui #fluxo-drive .drive-compact-dropdown>.fluxo-icon-button{flex:none} /* O X mantém sua área clicável acima do conteúdo após trocar tema ou aba. */ #account-settings .account-modal-close{position:absolute!important;top:16px;right:16px;z-index:100;pointer-events:auto;touch-action:manipulation;display:grid;place-items:center} #account-settings .account-modal-close>*{pointer-events:none} #account-settings .account-modal-layout{position:relative;z-index:0;min-width:0} @media(max-width:850px){ #fluxo-drive-ui #fluxo-drive{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)} #fluxo-drive-ui #fluxo-drive .drive-import-summary{gap:12px;flex-wrap:wrap} #fluxo-drive-ui #fluxo-drive .drive-import-summary-actions{flex-wrap:wrap;gap:8px} } @media(max-width:680px){ #fluxo-drive-ui #fluxo-drive{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);margin:auto;border-radius:12px} #fluxo-drive-ui #fluxo-drive .drive-layout{display:block;height:100%;width:100%} #fluxo-drive-ui #fluxo-drive .drive-main{padding:12px;overflow:hidden;gap:10px} #fluxo-drive-ui #fluxo-drive .drive-heading{min-width:0;flex:1} #fluxo-drive-ui #fluxo-drive .drive-head{flex-wrap:nowrap} #fluxo-drive-ui #fluxo-drive .drive-head>.fluxo-icon-button{flex:none} #fluxo-drive-ui #fluxo-drive .drive-toolbar>[data-wb-info]{display:inline-flex} #fluxo-drive-ui #fluxo-drive .drive-favorite{display:inline-flex} #fluxo-drive-ui #fluxo-drive .drive-file-table .drive-list-mobile-meta{display:block} #fluxo-drive-ui #fluxo-drive .drive-import-summary h3{font-size:13px} #fluxo-drive-ui #fluxo-drive .drive-project-row{min-width:0;padding:12px} #fluxo-drive-ui #fluxo-drive .drive-project-row>header{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px} #fluxo-drive-ui #fluxo-drive .drive-project-row .drive-project-actions{grid-column:2;justify-content:flex-end;flex-wrap:wrap} #fluxo-drive-ui #fluxo-drive .drive-project-facts{grid-template-columns:minmax(0,1fr)} #fluxo-drive-ui #fluxo-drive .drive-project-facts>div{min-width:0;gap:12px} #fluxo-drive-ui #fluxo-drive .drive-project-facts dd{min-width:0;overflow-wrap:anywhere} #fluxo-drive-ui .drive-transfer-dock .drive-queue-item{gap:6px;padding:10px} #account-settings .account-modal-close{top:12px;right:12px} } @media(max-height:560px){ #fluxo-drive-ui #fluxo-drive{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)} #fluxo-drive-ui #fluxo-drive .drive-main{gap:8px;padding-top:10px;padding-bottom:8px} #fluxo-drive-ui #fluxo-drive .drive-location{min-height:16px} } #fluxo-drive-ui #fluxo-drive .drive-completed-history{margin-top:16px;border-top:1px solid var(--fluxo-line);padding-top:12px} #fluxo-drive-ui #fluxo-drive .drive-completed-history>summary{cursor:pointer;font-size:12px;margin-bottom:12px;color:var(--fluxo-muted)} @media(max-height:420px){ #fluxo-drive-ui #fluxo-drive .drive-sent-pane{overflow-y:auto} } /* Biblioteca: regras únicas do painel, da fila e do visualizador. */ #fluxo-drive-ui #fluxo-drive .drive-browser{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:minmax(0,1fr);gap:16px;flex:1 1 0;min-width:0;min-height:0;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-browser.drive-no-inspector{grid-template-columns:minmax(0,1fr);gap:0} #fluxo-drive-ui #fluxo-drive .drive-browser>.drive-content{width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:auto;overflow-anchor:none;scroll-behavior:auto} #fluxo-drive-ui #fluxo-drive .drive-inspector{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:100%;max-width:100%;min-width:0;min-height:0;padding:0 0 16px 16px;box-sizing:border-box;overflow:auto;border-left:1px solid var(--fluxo-line);background:var(--fluxo-surface);box-shadow:none;scrollbar-width:thin;container:driveinfo / inline-size} #fluxo-drive-ui #fluxo-drive .drive-inspector[hidden]{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-inspector details, #fluxo-drive-ui .drive-gallery-preview .drive-file-details{padding:14px 0;border-top:1px solid var(--fluxo-line);font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-inspector summary, #fluxo-drive-ui .drive-gallery-preview .drive-file-details summary{font-size:12px;font-weight:600;cursor:pointer} #fluxo-drive-ui .drive-inspector-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin:14px 0 18px;min-width:0;width:100%;box-sizing:border-box} #fluxo-drive-ui .drive-inspector-actions>.fluxo-button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:34px;min-height:34px;padding:6px 7px;border-radius:8px;font-size:11px;line-height:18px;box-sizing:border-box;white-space:nowrap;text-decoration:none} #fluxo-drive-ui .drive-inspector-actions>.fluxo-button>span:not([data-fluxo-icon]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} #fluxo-drive-ui .drive-inspector-actions>.fluxo-button>[data-fluxo-icon]{flex:none;width:14px;height:14px} #fluxo-drive-ui .drive-inspector-actions>.fluxo-dropdown{flex:none;margin:0} #fluxo-drive-ui .drive-inspector-actions>.fluxo-dropdown>.fluxo-icon-button{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:34px;min-height:34px;padding:6px;border-radius:8px} #fluxo-drive-ui #fluxo-drive .drive-selection-space{position:relative;margin-top:14px;padding-top:12px} #fluxo-drive-ui #fluxo-drive .drive-selection-space>summary{padding-right:78px;min-height:30px;line-height:30px;margin:0} #fluxo-drive-ui #fluxo-drive .drive-selection-space>[data-wb-space]{position:absolute;right:0;top:12px;min-height:28px;height:28px;padding:4px 9px;font-size:11px;border-radius:7px} #fluxo-drive-ui #fluxo-drive .drive-selection-space .drive-detail-list{margin:14px 0 12px} #fluxo-drive-ui #fluxo-drive .drive-selection-space .fluxo-help{font-size:11px;line-height:1.6;margin:0} #fluxo-drive-ui #fluxo-drive [data-wb-card-menu] [data-fluxo-icon]{display:inline-flex;width:16px;height:16px;flex:none;color:inherit} #fluxo-drive-ui #fluxo-drive [data-wb-card-menu] svg{display:block;width:16px;height:16px;opacity:1;visibility:visible} #fluxo-drive-ui .drive-transfer-dock, #fluxo-drive-ui #fluxo-drive .drive-transfer-dock{position:absolute;left:var(--drive-dock-left,216px)!important;right:auto!important;bottom:var(--drive-dock-bottom,46px)!important;width:var(--drive-dock-width,360px);max-width:calc(100% - 24px);max-height:var(--drive-dock-height,45dvh);padding:0;box-sizing:border-box;border:1px solid var(--fluxo-line);border-radius:10px;overflow:hidden;background:var(--fluxo-surface);color:var(--fluxo-text);box-shadow:0 8px 32px #0005;z-index:40} #fluxo-drive-ui .drive-transfer-dock.drive-dock-outside{position:fixed;left:var(--drive-dock-left,260px)!important;bottom:var(--drive-dock-bottom,16px)!important} #fluxo-drive-ui .drive-transfer-dock[hidden]{display:none!important} #fluxo-drive-ui .drive-transfer-dock.drive-dock-collapsed{max-height:44px} #fluxo-drive-ui .drive-transfer-dock .drive-queue-head{display:grid;grid-template-columns:minmax(0,1fr) 24px 24px 24px;align-items:center;gap:5px;width:100%;min-height:42px;height:auto;padding:8px 10px;box-sizing:border-box;border-bottom:1px solid var(--fluxo-line);background:var(--fluxo-surface-2)} #fluxo-drive-ui .drive-transfer-dock .drive-queue-head>strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:24px;font-weight:600} #fluxo-drive-ui .drive-transfer-dock .drive-queue-head>.drive-queue-control{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:4px;border:0;border-radius:4px;background:none;box-sizing:border-box;opacity:1} #fluxo-drive-ui .drive-gallery-preview{box-sizing:border-box;width:min(1160px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto;padding:0;border-radius:16px;overflow:hidden} #fluxo-drive-ui .drive-gallery-preview[open]{display:flex;flex-direction:column} #fluxo-drive-ui .drive-gallery-preview.drive-viewer-maximized{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)} #fluxo-drive-ui .drive-gallery-preview .drive-dialog-head{display:flex;align-items:center;gap:12px;padding:14px 18px;flex:none;border-bottom:1px solid var(--fluxo-line)} #fluxo-drive-ui .drive-gallery-preview .drive-dialog-head h2{display:flex;align-items:center;gap:9px;flex:1;min-width:0;margin:0;font-size:17px;line-height:1.4} #fluxo-drive-ui .drive-gallery-preview .drive-viewer-controls{display:flex;align-items:center;gap:8px;flex:none} #fluxo-drive-ui .drive-gallery-preview .drive-viewer-controls .fluxo-icon-button{display:flex;align-items:center;justify-content:center;width:34px;min-width:34px;min-height:34px;height:34px;padding:7px;border-radius:8px} #fluxo-drive-ui .drive-gallery-preview .drive-preview-columns{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:18px;padding:18px;flex:1;min-width:0;min-height:0;overflow:hidden} #fluxo-drive-ui .drive-gallery-preview .drive-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;margin:0;overflow:auto;border-radius:12px;background:#080808} #fluxo-drive-ui .drive-gallery-preview .drive-preview-stage>img, #fluxo-drive-ui .drive-gallery-preview .drive-preview-stage>video{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:0} #fluxo-drive-ui .drive-gallery-preview .drive-preview-stage>[role=alert]{position:absolute;bottom:12px;left:12px;right:12px;padding:10px;background:var(--fluxo-surface)} #fluxo-drive-ui .drive-gallery-preview .drive-preview-side{min-width:0;overflow:auto;scrollbar-width:thin;padding:0 4px 0 0;container:driveinfo / inline-size} #fluxo-drive-ui .drive-gallery-preview .drive-preview-side h3{font-size:13px;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere} #fluxo-drive-ui .drive-gallery-preview .drive-preview-zoom{display:flex;align-items:center;gap:6px;margin-top:14px} #fluxo-drive-ui .drive-gallery-preview .drive-preview-zoom :is(button,.fluxo-icon-button){height:32px;min-height:32px;padding:6px 9px;font-size:11px} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:start;gap:12px;padding:10px 18px 8px;border-top:1px solid var(--fluxo-line);flex:none;min-width:0} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip>.fluxo-icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:7px;margin:14px 0 0;border-radius:8px} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip-items{display:flex;justify-content:space-between;gap:8px;overflow-x:auto;overflow-y:hidden;min-width:0;padding:4px 4px 12px;scrollbar-width:thin;overscroll-behavior:contain} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip-items>button{position:relative;display:grid;place-items:center;padding:0;width:54px;height:54px;flex:0 0 54px;border:1px solid transparent;border-radius:9px;overflow:hidden;background:var(--fluxo-surface-2);color:var(--fluxo-muted);box-sizing:border-box} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip-items>button[aria-pressed=true]{border-color:#ff0033} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip-items img{width:100%;height:100%;object-fit:cover} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip-items .drive-file-mark small{display:none} #fluxo-drive-ui .drive-gallery-preview .drive-audio-preview{padding:24px;display:flex;flex-direction:column;gap:20px;align-items:center;max-width:100%;box-sizing:border-box} #fluxo-drive-ui .drive-gallery-preview .drive-audio-preview audio{max-width:100%} #fluxo-drive-ui .drive-gallery-preview :is(button,a,summary):focus-visible{outline:1px solid #ff0033;outline-offset:-1px;box-shadow:none} @container driveinfo (max-width:270px){#fluxo-drive-ui .drive-inspector-actions>.fluxo-button>[data-fluxo-icon]{display:none}} @media(max-width:1100px) and (min-width:851px){#fluxo-drive-ui #fluxo-drive .drive-browser:not(.drive-no-inspector){grid-template-columns:minmax(0,1fr) 250px;gap:12px}} @media(max-width:850px){ #fluxo-drive-ui #fluxo-drive .drive-browser:not(.drive-no-inspector){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) minmax(0,40%);gap:12px} #fluxo-drive-ui #fluxo-drive .drive-browser.drive-no-inspector{grid-template-rows:minmax(0,1fr)} #fluxo-drive-ui #fluxo-drive .drive-inspector{border-left:0;border-top:1px solid var(--fluxo-line);padding:12px 0} #fluxo-drive-ui .drive-gallery-preview .drive-preview-columns{grid-template-columns:minmax(0,1fr) 240px;gap:12px;padding:12px} } @media(max-width:680px){ #fluxo-drive-ui .drive-gallery-preview{width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:12px} #fluxo-drive-ui .drive-gallery-preview .drive-dialog-head{padding:12px} #fluxo-drive-ui .drive-gallery-preview .drive-preview-columns{display:flex;flex-direction:column;overflow:auto;gap:14px;padding:12px} #fluxo-drive-ui .drive-gallery-preview .drive-preview-stage{flex:1 0 42dvh;min-height:180px;overflow:hidden} #fluxo-drive-ui .drive-gallery-preview .drive-preview-side{flex:none;overflow:visible} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip{gap:8px;padding:8px 12px} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip-items>button{width:44px;height:44px;flex-basis:44px} #fluxo-drive-ui .drive-gallery-preview .drive-filmstrip>.fluxo-icon-button{margin-top:9px} } @media(max-height:420px){#fluxo-drive-ui #fluxo-drive .drive-browser{flex:none;min-height:260px}#fluxo-drive-ui .drive-gallery-preview .drive-preview-columns{overflow:auto}} /* Resumo da conta dentro da Lixeira, reutilizando a listagem da Biblioteca. */ #fluxo-drive-ui #fluxo-drive .drive-storage-manager{flex:none;min-width:0;padding:12px 14px;border:1px solid var(--fluxo-line);border-radius:10px;background:var(--fluxo-surface);font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-head>strong{font-size:13px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-head>.fluxo-icon-button{margin-left:auto;width:28px;height:28px;min-height:28px;padding:5px} #fluxo-drive-ui #fluxo-drive .drive-storage-segments{display:flex;align-items:stretch;width:100%;height:12px;border-radius:8px;overflow:hidden;background:var(--fluxo-surface-3)} #fluxo-drive-ui #fluxo-drive [data-storage-kind]{--storage-color:#a45770} #fluxo-drive-ui #fluxo-drive [data-storage-kind=zip]{--storage-color:#7953db} #fluxo-drive-ui #fluxo-drive [data-storage-kind=video]{--storage-color:#cc3b8c} #fluxo-drive-ui #fluxo-drive [data-storage-kind=image]{--storage-color:#3475d0} #fluxo-drive-ui #fluxo-drive [data-storage-kind=audio]{--storage-color:#128aa4} #fluxo-drive-ui #fluxo-drive [data-storage-kind=document]{--storage-color:#a87b0c} #fluxo-drive-ui #fluxo-drive .drive-storage-segment{display:block;flex-grow:0;flex-shrink:0;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:var(--storage-color);cursor:pointer} #fluxo-drive-ui #fluxo-drive .drive-storage-segment:hover{filter:brightness(1.15)} #fluxo-drive-ui #fluxo-drive .drive-storage-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;margin:10px 0} #fluxo-drive-ui #fluxo-drive .drive-storage-legend>button{display:inline-flex;align-items:center;gap:6px;padding:3px 0;border:0;background:none;color:var(--fluxo-text);font-size:11px;line-height:18px} #fluxo-drive-ui #fluxo-drive .drive-storage-legend>button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px} #fluxo-drive-ui #fluxo-drive .drive-storage-legend i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--storage-color)} #fluxo-drive-ui #fluxo-drive .drive-storage-legend strong{font-weight:400;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--fluxo-line);padding-top:8px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-foot .fluxo-help{font-size:11px;line-height:1.5;margin:0} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-foot button{flex:none;min-height:28px;padding:4px 8px;font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-compact-filter{display:block;width:min(320px,calc(100vw - 48px));max-height:min(65dvh,560px);overflow:auto;padding:0} #fluxo-drive-ui #fluxo-drive .drive-compact-filter>details{padding:12px;border-bottom:1px solid var(--fluxo-line)} #fluxo-drive-ui #fluxo-drive .drive-compact-filter>details>summary{font-size:12px;font-weight:600;cursor:pointer} #fluxo-drive-ui #fluxo-drive .drive-compact-filter>details>.fluxo-field{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:11px;color:var(--fluxo-muted)} #fluxo-drive-ui #fluxo-drive .drive-compact-filter>details>.fluxo-field>.fluxo-select, #fluxo-drive-ui #fluxo-drive .drive-compact-filter>details>.fluxo-field>.fluxo-input{width:100%;font-size:12px;color:var(--fluxo-text)} #fluxo-drive-ui #fluxo-drive .drive-filter-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--fluxo-surface);border-top:1px solid var(--fluxo-line);font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-filter-footer button{font-size:11px;padding:5px 8px;min-height:28px} #fluxo-drive-ui #fluxo-drive .drive-columns-options{display:flex;flex-direction:column;gap:12px;min-width:180px;padding:4px} #fluxo-drive-ui #fluxo-drive .drive-columns-options strong{font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-columns-options label{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer} #fluxo-drive-ui #fluxo-drive .drive-columns-options input{accent-color:var(--fluxo-action)} #fluxo-drive-ui #fluxo-drive [data-wb-column][hidden]{display:none!important} #fluxo-drive-ui #fluxo-drive .drive-menu :is([data-drive-action=trash],[data-drive-action=purge],[data-drive-bulk=trash],[data-drive-bulk=purge]){color:#f1939b} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-menu :is([data-drive-action=trash],[data-drive-action=purge],[data-drive-bulk=trash],[data-drive-bulk=purge]){color:#b6192a} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-menu :is([data-drive-action=trash],[data-drive-action=purge],[data-drive-bulk=trash],[data-drive-bulk=purge]):hover{background:#fff0f1} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-item-top>:is(.fluxo-badge,.drive-zip-status){background:var(--fluxo-surface);border-color:var(--fluxo-line);color:var(--fluxo-text);backdrop-filter:blur(6px)} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-item-top>.drive-zip-status[data-installed=true]{color:#286b42} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-folder-front{fill:#f8e8eb;stroke:#bd1730} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-folder-back{stroke:#bd1730} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-sidebar :is([data-drive-scope],[data-wb-import])[aria-current=page]{color:var(--fluxo-text);background:var(--fluxo-surface-3);box-shadow:inset 3px 0 var(--fluxo-action)} #fluxo-drive-ui [data-fluxo-theme=light] #fluxo-drive .drive-item-top [data-wb-card-menu]{background:var(--fluxo-surface);border-color:var(--fluxo-line);color:var(--fluxo-text)} @media(max-width:680px){ #fluxo-drive-ui #fluxo-drive .drive-storage-manager{padding:10px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-head{gap:6px 10px;margin-bottom:10px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-head>.fluxo-help{font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-storage-summary-foot{align-items:start} #fluxo-drive-ui #fluxo-drive .drive-storage-legend{gap:3px 12px;margin:6px 0} } @media(max-height:600px){ #fluxo-drive-ui #fluxo-drive.drive-storage-mode .drive-sent-pane{overflow-y:auto} #fluxo-drive-ui #fluxo-drive.drive-storage-mode .drive-browser{flex:none;min-height:240px;height:45dvh} } /* Filtros compactos dentro do menu, usando os controles Fluxo UI. */ #fluxo-drive-ui #fluxo-drive [data-wb-menu=filter]{width:280px;max-width:calc(100vw - 32px);padding:0;box-sizing:border-box;overflow:hidden} #fluxo-drive-ui #fluxo-drive .drive-control-popover:focus{outline:none;box-shadow:0 10px 30px #0003} #fluxo-drive-ui #fluxo-drive .drive-control-popover .drive-filters.drive-compact-filter{display:block;width:100%;max-width:100%;min-width:0;max-height:min(65dvh,440px);overflow:auto;margin:0;padding:0;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-control-popover .drive-compact-filter>details{display:block;width:100%;min-width:0;padding:10px 12px;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-control-popover .drive-compact-filter>details>summary{line-height:22px;font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-control-popover .drive-compact-filter .fluxo-field{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:6px 0 0;gap:4px} #fluxo-drive-ui #fluxo-drive .drive-control-popover .drive-compact-filter :is(.fluxo-input,.fluxo-select){display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;height:34px;min-height:34px;margin:0;padding:6px 9px;font-size:12px;border-radius:8px} #fluxo-drive-ui #fluxo-drive .drive-filter-footer{gap:8px;padding:8px 10px;font-size:10px;min-width:0;box-sizing:border-box} #fluxo-drive-ui #fluxo-drive .drive-filter-footer>span{min-width:0;flex:1} #fluxo-drive-ui #fluxo-drive .drive-filter-footer>button{flex:none;white-space:nowrap;font-size:10px;padding:5px 7px} /* Fechar a Biblioteca oculta a janela e preserva o processo. */ #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-close]{position:relative;z-index:3;pointer-events:auto;flex:none} #fluxo-drive-ui #fluxo-drive .drive-head>[data-drive-close]>*{pointer-events:none} #fluxo-drive-ui #fluxo-drive [data-trash-tools]{gap:8px;margin:0;padding:0;flex:none} #fluxo-drive-ui #fluxo-drive [data-trash-tools]>.fluxo-button{display:inline-flex;align-items:center;gap:7px;min-height:32px;height:32px;padding:6px 10px;border:1px solid var(--fluxo-line);border-radius:8px;background:var(--fluxo-surface-2);color:var(--fluxo-text);font-size:11px} #fluxo-drive-ui #fluxo-drive [data-trash-tools]>[data-trash-empty]{background:var(--fluxo-action,#c91723);color:#fff;border-color:var(--fluxo-action,#c91723)} #fluxo-drive-ui #fluxo-drive .drive-project-views .fluxo-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;height:32px;padding:6px 11px;border:1px solid var(--fluxo-line);border-radius:8px;background:var(--fluxo-surface-2);color:var(--fluxo-text);font-size:12px} #fluxo-drive-ui #fluxo-drive .drive-project-views .fluxo-button[aria-pressed=true]{background:var(--fluxo-action,#c91723);border-color:var(--fluxo-action,#c91723);color:#fff;box-shadow:none} #fluxo-drive-ui #fluxo-drive .drive-project-actions .fluxo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;height:32px;padding:6px 10px;border-radius:8px;font-size:11px} #fluxo-drive-ui #fluxo-drive .drive-project-actions [data-fluxo-icon], #fluxo-drive-ui #fluxo-drive .drive-project-views [data-fluxo-icon], #fluxo-drive-ui #fluxo-drive [data-trash-tools] [data-fluxo-icon]{display:inline-flex;flex:none;width:14px;height:14px;color:inherit} /* A fila ocupa o canto inferior disponível e minimiza como um único botão. */ #fluxo-drive-ui .drive-transfer-dock, #fluxo-drive-ui #fluxo-drive .drive-transfer-dock{bottom:var(--drive-dock-bottom,12px)!important;box-shadow:0 6px 22px #0003} #fluxo-drive-ui .drive-transfer-dock.drive-dock-outside{bottom:var(--drive-dock-bottom,12px)!important} #fluxo-drive-ui .drive-transfer-dock.drive-dock-collapsed{height:44px;min-height:44px;max-height:44px;border-radius:9px} #fluxo-drive-ui .drive-transfer-dock.drive-dock-collapsed .drive-queue{display:block;width:100%;height:100%;max-height:none;min-height:0;margin:0;padding:0;border:0;background:none;overflow:hidden} #fluxo-drive-ui .drive-transfer-dock.drive-dock-collapsed .drive-queue-compact{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:42px;min-height:42px;margin:0;padding:8px 10px;box-sizing:border-box;border:0;border-radius:0;background:var(--fluxo-surface-2);color:var(--fluxo-text);font-size:12px;line-height:20px;cursor:pointer} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact>span:not([data-fluxo-icon]):not(.drive-progress-ring){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact>strong{flex:none;font-size:11px;font-weight:500;color:var(--fluxo-muted)} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact>svg{flex:none;width:14px;height:14px;transform:rotate(90deg)} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact>.drive-progress-ring{flex:none;width:22px;height:22px} #fluxo-drive-ui .drive-transfer-dock .drive-queue-compact>.drive-progress-ring>svg{width:22px;height:22px} #fluxo-drive-ui .drive-transfer-dock .drive-queue-eye{opacity:1;pointer-events:auto} /* Vídeo gerado: capa, origem e ações fixas em uma única linha. */ #fluxo-drive-ui .drive-render-viewer .drive-preview-side{display:flex;flex-direction:column;gap:14px;padding-bottom:0;min-height:0;overflow-y:auto;scrollbar-width:thin} #fluxo-drive-ui .drive-render-cover{height:124px;flex:none;border-radius:10px;overflow:hidden;background:var(--fluxo-surface,#1e1e1e)} #fluxo-drive-ui .drive-render-cover img{width:100%;height:100%;object-fit:contain} #fluxo-drive-ui .drive-render-project{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--fluxo-border,#303030)} #fluxo-drive-ui .drive-render-project>img{width:54px;height:44px;object-fit:cover;border-radius:7px;flex:none} #fluxo-drive-ui .drive-render-project>div{min-width:0;display:grid;gap:4px} #fluxo-drive-ui .drive-render-project strong{font-size:12px;overflow-wrap:anywhere} #fluxo-drive-ui .drive-render-project small{font-size:10px;color:var(--fluxo-muted,#999)} #fluxo-drive-ui .drive-render-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:sticky;bottom:0;margin-top:auto;padding:12px 0;background:var(--fluxo-background,#131313);flex:none;border-top:1px solid var(--fluxo-border,#303030);z-index:2} #fluxo-drive-ui .drive-render-footer button{padding:7px 4px;min-width:0;gap:4px;font-size:10px;white-space:nowrap} #fluxo-drive-ui .drive-render-footer button [data-fluxo-icon]{width:15px;height:15px;flex:none} #fluxo-drive-ui .drive-render-space [role=status]{font-size:11px;color:var(--fluxo-muted,#999)} #fluxo-drive-ui .drive-render-viewer .rw-details{display:grid;grid-template-columns:1fr;font-size:11px;gap:6px} #fluxo-drive-ui .drive-render-viewer .rw-details>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--fluxo-border,#303030);padding:5px 0} #fluxo-drive-ui .drive-render-viewer .rw-details dt{color:var(--fluxo-muted,#999)} #fluxo-drive-ui .drive-render-viewer .rw-details dd{margin:0;text-align:right;overflow-wrap:anywhere} #fluxo-drive-ui .drive-render-viewer pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px} #fluxo-drive-ui .drive-render-viewer .drive-filmstrip[hidden]{display:none!important} body.light #fluxo-drive-ui .drive-render-footer{background:#fff;border-color:#ddd} /* Visualizador dos renders: vídeo e informações ocupam áreas independentes. */ #fluxo-drive-ui .drive-render-viewer .drive-preview-columns{grid-template-columns:minmax(0,1fr) 340px;gap:18px} #fluxo-drive-ui .drive-render-viewer .drive-preview-stage{align-self:stretch;overflow:hidden;min-width:0;min-height:0} #fluxo-drive-ui .drive-render-viewer .drive-preview-stage>video{width:100%;height:100%;max-height:100%;margin:0;object-fit:contain} #fluxo-drive-ui .drive-render-viewer .drive-preview-side{gap:12px;padding:0 4px 0 0;min-width:0;min-height:0;overflow:auto} #fluxo-drive-ui .drive-render-viewer .drive-preview-side h3{margin:0;font-size:15px;line-height:1.5} #fluxo-drive-ui .drive-render-viewer .drive-preview-side>details{border-top:1px solid var(--fluxo-line);padding-top:10px;font-size:12px} #fluxo-drive-ui .drive-render-viewer summary{cursor:pointer;line-height:1.5;padding:4px 0;overflow-wrap:anywhere} #fluxo-drive-ui .drive-render-viewer .drive-render-project{padding:10px 0 0;border-color:var(--fluxo-line);align-items:center} #fluxo-drive-ui .drive-render-viewer .drive-render-project>img{display:block;width:48px;height:48px;max-height:none;margin:0;object-fit:cover;object-position:center} #fluxo-drive-ui .drive-render-viewer .drive-render-footer{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0 0;margin-top:0;border-color:var(--fluxo-line);background:var(--fluxo-bg)} #fluxo-drive-ui .drive-render-viewer .drive-render-footer button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 10px;gap:7px;font-size:12px} #fluxo-drive-ui .drive-render-viewer .drive-render-footer button [data-fluxo-icon]{width:17px;height:17px} #fluxo-drive-ui .drive-render-viewer .drive-preview-side :is(dl,dd){min-width:0;overflow-wrap:anywhere} @media(max-width:1000px) and (min-width:701px){#fluxo-drive-ui .drive-render-viewer .drive-preview-columns{grid-template-columns:minmax(0,1fr) 260px;gap:12px}} @media(max-width:700px){ #fluxo-drive-ui .drive-render-viewer .drive-preview-columns{display:flex;flex-direction:column;gap:16px;overflow:auto;min-height:0;padding:12px;overscroll-behavior:contain} #fluxo-drive-ui .drive-render-viewer .drive-preview-stage{flex:0 0 auto;width:100%;height:clamp(200px,52dvh,520px);min-height:0;overflow:hidden} #fluxo-drive-ui .drive-render-viewer .drive-preview-stage>video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain} #fluxo-drive-ui .drive-render-viewer .drive-preview-side{display:flex;flex:0 0 auto;min-height:auto;overflow:visible;padding:0;gap:12px} #fluxo-drive-ui .drive-render-viewer .drive-render-footer{padding-top:12px;margin:0;position:static} #fluxo-drive-ui .drive-render-viewer .drive-render-footer button{min-height:44px} #fluxo-drive-ui .drive-render-viewer .drive-viewer-controls .fluxo-icon-button{width:40px;height:40px;min-height:40px} } @media(max-height:420px){#fluxo-drive-ui .drive-render-viewer .drive-preview-columns{overflow:auto}#fluxo-drive-ui .drive-render-viewer .drive-preview-stage{min-height:180px}#fluxo-drive-ui .drive-render-viewer .drive-preview-side{overflow:visible}} #fluxo-drive-ui .drive-render-viewer .drive-render-summary{margin:0;font-size:12px;line-height:1.5;color:var(--fluxo-muted);overflow-wrap:anywhere} /* Tema restrito à Biblioteca, inclusive quando aberta sobre o editor. */ #fluxo-drive-ui #fluxo-drive-surface{--fluxo-bg:var(--panel-bg);--fluxo-surface:var(--panel-surface);--fluxo-surface-2:var(--panel-raised);--fluxo-surface-3:var(--panel-raised);--fluxo-line:var(--panel-line);--fluxo-text:var(--panel-text);--fluxo-muted:var(--panel-muted);--fluxo-action:var(--panel-action);--fluxo-brand:var(--panel-action);--fluxo-focus:var(--panel-focus);--fluxo-font:var(--panel-font);font-family:var(--panel-font)} #fluxo-drive{font-family:var(--panel-font);background:var(--panel-bg);color:var(--panel-text);border-color:var(--panel-line)} #fluxo-drive .drive-sidebar{background:var(--panel-surface)} #fluxo-drive .drive-sidebar .fluxo-side-nav :is(a,button).active,#fluxo-drive .drive-sidebar .fluxo-side-nav [aria-current=page]{background:color-mix(in srgb,var(--panel-action) 11%,transparent);color:var(--panel-link);border-radius:12px} #fluxo-drive :is(.fluxo-button,.fluxo-input,.fluxo-select){border-radius:12px;font-family:var(--panel-font)} #fluxo-drive .drive-search input{min-height:40px;font-family:var(--panel-font);font-size:12px} #fluxo-drive .drive-title-line h2{font-size:25px;font-weight:650;letter-spacing:-.7px}