/* Approved monochrome interface. Existing appearance preference is retained. */
:root{--fm-bg:#f0f1f2;--fm-surface:#fff;--fm-soft:#eef0f2;--fm-text:#202326;--fm-muted:#60666d;--fm-border:#d9dde1;--fm-accent:#25282b;--fm-on-accent:#fff;--fm-hover:#e2e6ea;--fm-link:#3e5060;--fm-focus:#657a8e;--fm-selected:#f4f5f6;--fm-selected-border:#a2aab3;--blue-rail:#f4f5f6;--blue-rail-ink:#202326;color-scheme:light}
:root[data-appearance=dark]{--fm-bg:#151719;--fm-surface:#1d1f21;--fm-soft:#292c2f;--fm-text:#eeeeed;--fm-muted:#b6bac0;--fm-border:#3a3e42;--fm-accent:#f2f2f0;--fm-on-accent:#191b1d;--fm-hover:#343a40;--fm-link:#ccd8e2;--fm-focus:#bacbd9;--fm-selected:#282d31;--fm-selected-border:#7f8a94;--blue-rail:#202326;--blue-rail-ink:#eeeeed;color-scheme:dark}
html body.charcoal{background:radial-gradient(ellipse at top,#44484a24,transparent 65%),var(--fm-bg)!important}
html body.charcoal .app{grid-template-columns:190px minmax(0,1fr) 270px!important;max-width:1500px!important;box-shadow:0 18px 65px #0002!important;border-radius:20px!important}
.charcoal .blue-welcome{display:block!important;margin-bottom:22px!important}.charcoal .blue-welcome h1{font-size:30px!important;font-weight:500!important;letter-spacing:-.6px}.charcoal .blue-welcome p{margin:8px 0 18px!important;font-size:12px!important}.charcoal .blue-welcome .studio-search{max-width:none!important;width:100%!important;height:43px!important;margin-top:17px!important;border-radius:25px!important}
.charcoal .blue-content{display:block}.charcoal .blue-content #mediaLibrary{padding:0!important;border:0!important;border-radius:0!important}.charcoal .blue-content .library-title{margin-bottom:15px!important}.charcoal .blue-content .library-title h2{font-size:18px!important}.charcoal .blue-content .library-title p{display:none}.charcoal .blue-top-export{background:transparent!important;border:1px solid var(--fm-border)!important;border-radius:20px;padding:8px 12px!important;color:var(--fm-text)!important}
html[data-appearance] body.charcoal #gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}html[data-appearance] body.charcoal #gallery .media-card{border:1px solid var(--fm-border)!important;background:var(--fm-soft)!important;border-radius:15px!important;overflow:hidden!important}html[data-appearance] body.charcoal #gallery .thumb{aspect-ratio:3/4!important;border-radius:0!important;background:var(--fm-soft)!important}.charcoal #gallery .card-body{padding:11px!important;background:var(--fm-soft)!important}.charcoal #gallery .card-title{font-size:12px!important;font-weight:500!important;height:36px!important}.charcoal #gallery .card-meta{font-size:9px!important;margin-top:6px}.charcoal .studio-card-primary{margin:10px 0 0}.charcoal .card-more{margin:4px 0 0!important;font-size:10px}.charcoal .card-more>summary{padding:7px 0!important}
html[data-appearance] body.charcoal #mediaLibrary .studio-card-primary .find-product{background:var(--fm-accent)!important;color:var(--fm-on-accent)!important;border:0!important;border-radius:24px!important;font-size:11px!important;padding:11px 8px!important;min-height:37px!important}.media-download-control{margin-top:7px;min-width:0}html[data-appearance] body.charcoal #gallery .download-media{width:100%!important;min-height:32px!important;padding:7px 8px!important;background:transparent!important;border:1px solid var(--fm-border)!important;border-radius:20px!important;color:var(--fm-text)!important;font:500 10px Arial,sans-serif!important;cursor:pointer}.media-download-note{display:block;font-size:10px;line-height:1.6;overflow-wrap:anywhere;margin-top:4px;color:var(--fm-muted)!important}.media-download-note:empty{display:none}
.charcoal .blue-finder-banner{margin-top:24px!important;background:linear-gradient(120deg,var(--fm-soft),var(--fm-surface))!important;border-radius:16px!important}.charcoal .blue-finder-banner h1{font-size:22px!important;font-weight:500!important}.charcoal .blue-finder-banner #openManualEditor{background:var(--fm-accent)!important;color:var(--fm-on-accent)!important;border-radius:24px!important}.charcoal .blue-finder-banner .studio-hero-art{opacity:.8;mask-image:linear-gradient(to right,transparent,black 30%)}
html[data-appearance] body.charcoal .studio-rail{background:var(--blue-rail)!important;border-left:1px solid var(--fm-border)!important;padding:22px 15px;gap:16px}.charcoal .studio-account{display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;padding:14px!important;border:1px solid var(--fm-border)!important;border-radius:16px;background:linear-gradient(135deg,var(--fm-soft),var(--fm-surface))!important;gap:12px!important}.charcoal .studio-account .studio-avatar{width:55px;height:55px;flex:0 0 55px;border:1px solid var(--fm-border)!important;background:var(--fm-soft)!important;color:var(--fm-text)!important;box-shadow:none!important}.charcoal .studio-account strong{font-size:12px!important}.charcoal .studio-account .account-link{font-size:10px!important}.charcoal .studio-account .sync-last-backup{font-size:8px!important}.charcoal .profile-edit-link{color:var(--fm-text)!important;font-size:10px!important;text-decoration:none;border:1px solid var(--fm-border);border-radius:16px;padding:5px 10px;margin-top:8px}.charcoal .studio-utility .collector{border:1px solid var(--fm-border)!important;border-radius:16px!important;background:linear-gradient(130deg,var(--fm-soft),var(--fm-surface))!important}.charcoal .studio-utility .collect-btn{background:var(--fm-soft)!important;border:1px solid var(--fm-border)!important;border-radius:12px!important;box-shadow:none!important;color:var(--fm-text)!important}.charcoal .studio-utility .collect-btn.primary{background:var(--fm-accent)!important;color:var(--fm-on-accent)!important}.charcoal .blue-tool-drawer{border:1px solid var(--fm-border);border-radius:12px;background:var(--fm-soft)!important}.charcoal .collect-explanation{font-size:10px;line-height:1.7}.charcoal .studio-rail .studio-collections{padding:15px;border:1px solid var(--fm-border);border-radius:16px;background:var(--fm-surface)}.charcoal .studio-collections h2{font-size:14px;margin:0 0 13px}.charcoal .studio-folder-grid{grid-template-columns:1fr 1fr!important;gap:8px}.charcoal .studio-folder{padding:9px!important;min-width:0}.charcoal .studio-folder-icon{font-size:25px}.charcoal .studio-folder strong{font-size:10px;line-height:1.5}.charcoal .studio-folder small{font-size:9px}.charcoal .blue-folder-preview img{height:65px}.charcoal .blue-rail-art{display:none!important}
html[data-appearance] body.charcoal .studio-sidebar .studio-nav,html[data-appearance] body.charcoal .studio-sidebar .v30-tab{color:var(--fm-text)!important;font-size:12px!important;gap:10px!important}.charcoal .studio-sidebar .blue-nav-icon{color:var(--fm-muted)!important}.charcoal .studio-sidebar .v30-tab.active .blue-nav-icon{color:var(--fm-text)!important}html[data-appearance] body.charcoal .studio-sidebar .v30-tab.active{background:var(--fm-hover)!important;color:var(--fm-text)!important}.charcoal .studio-sidebar .studio-mark svg{stroke:var(--fm-text)}html[data-appearance] body.charcoal .studio-sidebar .appearance-toggle{background:var(--fm-soft)!important;border-radius:22px!important}.charcoal-quick-find{display:none!important}
@media(min-width:1000px) and (max-width:1199px){html body.charcoal .app{grid-template-columns:155px minmax(0,1fr) 230px!important}html[data-appearance] body.charcoal #gallery{gap:10px!important}.charcoal #gallery .card-body{padding:8px!important}.charcoal .studio-rail{padding:18px 12px!important}.charcoal .studio-account{gap:8px!important;padding:10px!important}.charcoal .studio-account .studio-avatar{width:40px;height:40px;flex-basis:40px}.charcoal .studio-sidebar .studio-nav{font-size:10px!important}.charcoal .studio-folder-grid{grid-template-columns:1fr!important}}
@media(max-width:999px){html body.charcoal .app{grid-template-columns:155px minmax(0,1fr)!important}html[data-appearance] body.charcoal #gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.charcoal .studio-rail{grid-column:2!important}.charcoal .studio-rail .studio-collections{margin-top:0}.charcoal .studio-folder-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:649px){html body.charcoal .app{display:flex!important}.charcoal .studio-sidebar{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:17px 18px!important}.charcoal .studio-sidebar>.studio-nav{display:none!important}.charcoal .studio-sidebar .appearance-toggle{margin:0!important;width:auto!important}.charcoal .studio-sidebar .studio-brand{margin:0!important}.charcoal .studio-sidebar .studio-mark{display:block}.charcoal .studio-sidebar .studio-brand strong{font-size:16px!important}.charcoal .studio-rail{padding:13px 18px 0!important;background:var(--fm-surface)!important;border:0!important}.charcoal .studio-account{padding:11px!important;gap:11px!important;width:100%}.charcoal .studio-account .studio-avatar{width:47px;height:47px;flex-basis:47px}.charcoal .studio-account .account-link{line-height:1.4}.charcoal .studio-account .sync-last-backup{font-size:8px!important}.charcoal .studio-account .profile-edit-link{padding:3px 8px;margin-top:5px}.charcoal .studio-main{padding:15px 18px 22px!important;display:flex;flex-direction:column}.charcoal-quick-find{display:block!important;order:-3!important;background:var(--fm-accent)!important;color:var(--fm-on-accent)!important;border:0!important;border-radius:25px;padding:13px 15px;font:600 12px Arial,sans-serif;margin:0 0 14px}.charcoal .studio-main>.v30-tabs{order:-2!important;display:flex!important;gap:8px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--fm-border)!important;border-radius:0!important;padding:0 0 8px!important;margin:0 0 13px!important}.charcoal .studio-main>.v30-tabs .v30-tab{background:transparent!important;color:var(--fm-muted)!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:35px!important;font-size:11px!important}.charcoal .studio-main>.v30-tabs .v30-tab.active{color:var(--fm-text)!important;border-bottom:2px solid var(--fm-text)!important}.charcoal .studio-main>.v30-tabs .blue-nav-icon{display:none}.charcoal .blue-welcome{order:-1!important;margin:0 0 15px!important}.charcoal .blue-welcome h1,.charcoal .blue-welcome p{display:none}.charcoal .blue-welcome .studio-search{margin:0!important}.charcoal .blue-finder-banner{display:none!important}.charcoal .blue-content{order:0}.charcoal #mediaLibrary .library-title{display:none!important}.charcoal .studio-main>#productLibrary{order:0}.charcoal .studio-main>.studio-collections{order:1;border:1px solid var(--fm-border);border-radius:13px;padding:13px;margin-top:16px}.charcoal .studio-main>.studio-utility{order:2;margin-top:15px}.charcoal .studio-main>footer{order:3}.charcoal .studio-main .studio-utility>summary{border:1px solid var(--fm-border);border-radius:13px;background:var(--fm-soft)!important;padding:13px}.charcoal .studio-main .studio-utility .collector{margin:12px 0!important}.charcoal .blue-top-export{display:none}.charcoal .filter-row{gap:6px!important}.charcoal #platformFilter{max-width:100px}.charcoal .studio-view-buttons{display:none!important}
html[data-appearance] body.charcoal #gallery{display:flex!important;flex-direction:column;gap:17px!important}html[data-appearance] body.charcoal #gallery .media-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;width:100%!important;min-height:128px;border:0!important;background:transparent!important;border-radius:10px!important;overflow:visible!important}html[data-appearance] body.charcoal #gallery .thumb{width:96px!important;height:128px!important;aspect-ratio:3/4!important;border-radius:10px!important;align-self:start}.charcoal #gallery .thumb .type-badge{font-size:7px!important;padding:3px!important;top:5px;left:5px}.charcoal #gallery .card-body{padding:0!important;min-width:0;background:transparent!important}.charcoal #gallery .card-title{font-size:11px!important;height:auto!important;max-height:35px;line-height:1.5!important;margin:0 0 5px!important}.charcoal #gallery .card-meta{font-size:8px!important;line-height:1.3}.charcoal #gallery .studio-card-primary{margin:7px 0 0!important}.charcoal #gallery .studio-card-primary .find-product{font-size:10px!important;min-height:32px!important;padding:9px 7px!important}.charcoal #gallery .download-media{font-size:9px!important;min-height:29px!important;padding:6px 7px!important}.charcoal #gallery .media-download-control{margin-top:5px}.charcoal #gallery .card-more{font-size:9px!important}.charcoal #gallery .card-more>summary{padding:5px 0!important}.charcoal .blue-content .gallery-header{margin:10px 0 14px!important}}

@media(max-width:649px){html[data-appearance] body.charcoal .app .studio-sidebar>.studio-nav{display:none!important}}

.charcoal .studio-rail .studio-folder-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important}.charcoal .studio-rail .studio-folder{display:block!important;width:100%;text-align:left}.charcoal .studio-rail .blue-folder-preview{width:100%}.charcoal #collectBoth .blue-nav-icon{color:var(--fm-on-accent)!important}
@media(max-width:649px){html[data-appearance] body.charcoal .app .charcoal-quick-find{background:var(--fm-accent)!important;color:var(--fm-on-accent)!important;border:0!important}html[data-appearance] body.charcoal .app .studio-main>.v30-tabs .v30-tab{background:transparent!important;color:var(--fm-muted)!important;border:0!important;border-radius:0!important;box-shadow:none!important}html[data-appearance] body.charcoal .app .studio-main>.v30-tabs .v30-tab.active{background:transparent!important;color:var(--fm-text)!important;border-bottom:2px solid var(--fm-text)!important}}

.charcoal .find-product,.charcoal .download-media{display:flex!important;align-items:center;justify-content:center;gap:6px}.charcoal .find-product svg,.charcoal .download-media svg{width:14px;height:14px;min-width:14px;flex-basis:14px;color:inherit!important}

.download-original{display:inline-block;margin:6px 0 0;font-size:10px;text-decoration:underline;color:var(--fm-link)!important}

html[data-appearance] body.charcoal #gallery .media-card.just-saved{outline:2px solid var(--fm-text)!important;outline-offset:5px}.saved-item-notice{font-size:12px;padding:10px 13px;border:1px solid var(--fm-border);border-radius:10px;background:var(--fm-soft);color:var(--fm-text)}

html[data-appearance] body #account .profile-editor{background:var(--fm-soft)!important;color:var(--fm-text)!important;border-color:var(--fm-border)!important;padding:22px;border-radius:16px}
html[data-appearance] #account .profile-editor :is(h3,label){color:var(--fm-text)!important}
html[data-appearance] #account .profile-editor :is(p,small){color:var(--fm-muted)!important}
html[data-appearance] #account .profile-editor input{background:var(--fm-surface)!important;color:var(--fm-text)!important;border:1px solid var(--fm-border)!important}
html[data-appearance] #account .profile-editor input::file-selector-button{background:var(--fm-soft);color:var(--fm-text);border:1px solid var(--fm-border);border-radius:8px;padding:8px 12px;margin-right:12px}
html[data-appearance] #account .profile-editor button{background:var(--fm-accent)!important;color:var(--fm-on-accent)!important;border-color:var(--fm-border)!important;border-radius:22px}
html[data-appearance] #account .profile-editor .secondary{background:var(--fm-surface)!important;color:var(--fm-text)!important}
@media(max-width:500px){html[data-appearance] body #account .profile-editor{padding:16px}#who{overflow-wrap:anywhere}}

html[data-appearance] .charcoal .studio-account .account-signin-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;padding:7px 20px!important;font-size:12px!important;font-weight:600;background:var(--fm-accent)!important;color:var(--fm-on-accent)!important;border-color:var(--fm-border)!important;text-decoration:none}
.facebook-access{font:inherit;display:block;margin:12px 0;padding:10px 14px;border:1px solid var(--fm-border);border-radius:18px;background:var(--fm-soft);color:var(--fm-text);cursor:pointer}.facebook-access-status{font-size:11px;color:var(--fm-muted)}

.facebook-setup{padding:12px!important;margin:12px 0!important;background:var(--fm-soft)!important;border:1px solid var(--fm-border)!important;border-radius:14px;color:var(--fm-text)}.facebook-setup .facebook-access{width:100%;margin:0 0 8px;font-weight:600;background:var(--fm-accent);color:var(--fm-on-accent)}.facebook-setup p{margin:0;line-height:1.6}.charcoal .studio-rail .facebook-setup{display:block!important}

@media(max-width:649px){.charcoal .studio-main>.studio-collections,.charcoal .studio-main>.studio-utility{order:-1!important;margin:0 0 14px!important}}

.media-card{position:relative}.media-card .quick-delete{position:absolute!important;top:9px!important;right:9px!important;z-index:5;display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:7px!important;border-radius:50%!important;background:#202326ed!important;color:#fff!important;border:1px solid #ffffff60!important;box-shadow:0 2px 8px #0004}.media-card .quick-delete:hover{background:#a72d3b!important}.media-card .quick-delete:focus-visible{outline:3px solid var(--fm-focus)!important;outline-offset:3px}
#videoStatus.video-busy{display:flex;align-items:center;gap:10px;min-height:28px}#videoStatus.video-busy::before{content:'';display:block;width:18px;height:18px;flex:0 0 18px;border:2px solid var(--fm-border);border-top-color:var(--fm-text);border-radius:50%;animation:fmc-video-spin .85s linear infinite}@keyframes fmc-video-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#videoStatus.video-busy::before{animation:none}}

/* Keep trash in the thumbnail area for horizontal cards, away from actions. */
@media(min-width:650px){html body.charcoal .app[data-library-layout=list] #gallery .media-card .quick-delete{left:78px!important;right:auto!important;top:7px!important;width:30px!important;height:30px!important;padding:6px!important}}
@media(max-width:649px){html body.charcoal #gallery .media-card .quick-delete{left:62px!important;right:auto!important;top:6px!important;width:28px!important;height:28px!important;padding:5px!important}html body.charcoal #gallery .media-card .quick-delete svg{width:16px;height:16px}html body.charcoal #gallery .card-body{padding:2px 0 5px!important}html body.charcoal #gallery .studio-card-primary{margin-top:9px!important}.charcoal #gallery .media-download-control{margin-top:7px!important}}