/* BASKIBU Designer 0.25.64 — Finder-level refinement.
   Visual chrome exclusively. Canvas, art/template swatches, production guides,
   UI structure, dimensions, sizing and commerce JS are intentionally unchanged.
*/
.bbd-app.bbd-finder-ui-v02564 {
 --bbd-finder-ink:#162443;
 --bbd-finder-muted:#718096;
 --bbd-finder-navy:#15254a;
 --bbd-finder-yellow:#ffcf24;
 --bbd-finder-surface:#f5f7fa;
 --bbd-finder-line:#e4e8ef;
 --bbd-finder-ring:rgba(255,207,36,.46);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
 -webkit-font-smoothing:antialiased;
}
/* Finder-esque chrome, no layout or canvas width changes */
.bbd-app.bbd-finder-ui-v02564 .bbd-topbar {
 background:rgba(253,254,255,.95)!important;
 border-bottom:1px solid #e1e7ef!important;
 box-shadow:0 1px 0 rgba(255,255,255,.94),0 5px 18px rgba(24,38,64,.045)!important;
}
.bbd-app.bbd-finder-ui-v02564 .bbd-topbar :is(.bbd-icon-button, .bbd-workspace-mode-tabs button) {
 transition:background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.bbd-app.bbd-finder-ui-v02564 .bbd-topbar :is(.bbd-icon-button,.bbd-workspace-mode-tabs button):hover:not(:disabled){transform:none!important}
/* Navigation rail: tidy Mac-like selected list item rather than colored blocks */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar{
 background:linear-gradient(180deg,#f8fafc,#f5f7fa)!important;
 border-right:1px solid #e0e6ee!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool:not([hidden]){
 position:relative!important;
 border-radius:12px!important;
 border:1px solid transparent!important;
 background:transparent!important;
 color:#4e607d!important;
 box-shadow:none!important;
 transition:background .15s ease,border-color .15s ease,color .15s ease!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool:not(.is-active):not([aria-current="page"]):hover:not(:disabled){
 background:#e9eef5!important;
 color:#14254a!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool.is-active,
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool[aria-current="page"]{
 background:var(--bbd-finder-navy)!important;
 color:#fff!important;
 border-color:#15254a!important;
 box-shadow:0 2px 8px rgba(17,30,62,.16),inset 0 1px rgba(255,255,255,.13)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool.is-active :is(svg,.bbd-v70-nav-svg),
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool[aria-current="page"] :is(svg,.bbd-v70-nav-svg){
 color:var(--bbd-finder-yellow)!important;
 stroke:currentColor!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool.is-active :is(span,.bbd-v70-nav-label),
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool[aria-current="page"] :is(span,.bbd-v70-nav-label){color:#fff!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar .bbd-sidebar-active-indicator{
 background:#ffcf24!important;border-color:#ffcf24!important;box-shadow:none!important;
}
/* Finder content column and typography */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel{
 background:var(--bbd-finder-surface)!important;
 border-right:1px solid #e1e6ee!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-panel-section{ color:var(--bbd-finder-ink); }
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(h2,.bbd-panel-heading h2){
 color:#142443!important;font-weight:760!important;letter-spacing:-.035em!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-help,.bbd-type48-head small,.bbd-type-gallery-head small){
 color:#758398!important;
}
/* Text composer: distinct editing group as on Finder inspector panes */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel [data-panel-content="text"] .bbd-type-composer{
 padding:13px!important;
 border:1px solid var(--bbd-finder-line)!important;
 border-radius:15px!important;
 background:#fff!important;
 box-shadow:0 1px 3px rgba(17,31,62,.035)!important;
 gap:9px!important;
 margin:0 0 13px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer label{
 color:#2b3b59!important;font-size:12px!important;font-weight:740!important;letter-spacing:-.015em!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer textarea{
 min-height:72px!important;
 border:1px solid #dce3ed!important;
 border-radius:11px!important;
 padding:12px!important;
 background:#fdfefe!important;
 color:#142443!important;
 box-shadow:inset 0 1px 2px rgba(19,32,55,.025)!important;
 font-size:13px!important;line-height:1.5!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button{
 min-height:43px!important;
 border:1px solid #17274e!important;
 border-radius:11px!important;
 background:#17274e!important;
 color:#fff!important;
 box-shadow:0 2px 6px rgba(17,30,62,.12)!important;
 font-size:12px!important;font-weight:720!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button svg{color:var(--bbd-finder-yellow)!important;stroke:currentColor!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button:hover:not(:disabled){background:#253861!important}
/* Search bar: Finder search field with magnifier, improves recognition */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field{position:relative!important;margin:0 0 14px!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field::before{
 content:"";position:absolute;left:13px;top:50%;width:12px;height:12px;
 border:1.7px solid #8492a8;border-radius:50%;transform:translateY(-65%);z-index:1;
 pointer-events:none;box-sizing:border-box;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field::after{
 content:"";position:absolute;left:24px;top:calc(50% + 3px);width:6px;height:1.7px;
 background:#8492a8;transform:rotate(48deg);transform-origin:left center;z-index:1;pointer-events:none;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field input{
 padding-left:36px!important;min-height:40px!important;
 border:1px solid #e0e6ee!important;border-radius:11px!important;
 background:#fff!important;font-size:12px!important;color:#25344f!important;
 box-shadow:0 1px 3px rgba(17,31,62,.035)!important;
}
/* Content heading + type filtering resemble macOS Finder segmented pickers */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-studio{margin-top:5px!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-head{margin:0 0 13px!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-head strong{
 color:#1a2a4b!important;font-size:13px!important;font-weight:760!important;letter-spacing:-.025em!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-head small{
 color:#77869a!important;font-size:10px!important;font-weight:520!important;line-height:1.5!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats{
 display:flex!important;gap:5px!important;scrollbar-width:none!important;
 padding:3px 1px 10px!important;margin-bottom:3px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats button{
 min-height:29px!important;padding:0 11px!important;
 background:#fff!important;border:1px solid #dfe6ef!important;border-radius:9px!important;
 color:#6a788e!important;font-size:10px!important;font-weight:660!important;
 transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats button[aria-pressed="true"]{
 background:#fff4cd!important;border-color:#f5d975!important;color:#17274e!important;
 box-shadow:inset 0 0 0 1px rgba(255,207,36,.1)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats button:hover:not([aria-pressed="true"]){
 background:#eaf0f6!important;color:#263753!important;
}
/* Card library: uniform graphic thumbnails, typographic hierarchy; leave artwork colors intact. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-grid{gap:10px!important;padding:2px 1px 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel button.bbd-type48-card{
 border:1px solid #e1e7ef!important;border-radius:13px!important;
 box-shadow:0 1px 2px rgba(19,37,69,.045)!important;
 background:#fff!important;overflow:hidden!important;
 transition:border-color .15s ease,box-shadow .15s ease!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel button.bbd-type48-card:hover{
 border-color:#dfb738!important;box-shadow:0 3px 12px rgba(25,38,66,.095)!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta{
 border-top:1px solid #edf0f5!important;align-items:flex-start!important;flex-direction:column!important;
 gap:3px!important;padding:9px!important;background:#fff!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta strong{
 color:#1a2947!important;font-size:10.5px!important;font-weight:740!important;line-height:1.3!important;
 max-width:100%!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta small{
 color:#8794a8!important;font-size:9px!important;font-weight:570!important;
}
/* General editor fields, selectors and card groups */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-field input:not([type="color"]),.bbd-field select,.bbd-field textarea,.bbd-02560-custom-size__fields input){
 border:1px solid #dee5ee!important;border-radius:11px!important;
 background:#fff!important;color:#1b2d4e!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-v81-group,.bbd-02560-custom-size,.bbd-upload-card,.bbd-product-identity){
 border-radius:14px!important;border-color:#e3e8f0!important;
 box-shadow:0 1px 3px rgba(17,31,62,.03)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-v81-option,.bbd-action-card,.bbd-02560-custom-size__apply,.bbd-upload-tabs button){
 border-radius:11px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__apply{
 background:var(--bbd-finder-yellow)!important;color:var(--bbd-finder-navy)!important;
 border-color:#e7bb20!important;
}
/* Subtle WebKit/Firefox scrollbars; no touch or snap interception */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel{scrollbar-width:thin;scrollbar-color:#c8d0dc transparent}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel ::-webkit-scrollbar{width:7px;height:7px}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel ::-webkit-scrollbar-thumb{border-radius:9px;background:#c8d0dc;border:2px solid transparent;background-clip:padding-box}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel ::-webkit-scrollbar-track{background:transparent}
/* Inspector and main CTA — feel part of the same native-like workspace */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(#bbd-inspector,.bbd-v2349-inspector){
 background:#f8fafd!important;border-color:#e4e9f0!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-save{background:#18284e!important;border-color:#18284e!important;color:#fff!important;box-shadow:inset 3px 0 #ffcf24,0 2px 9px rgba(17,30,62,.14)!important;}
/* Accessible focus; no focus or hover animation that shifts canvas interactions */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(button,input,textarea,select)[class]:focus-visible{
 outline:2px solid #d9a800!important;outline-offset:2px!important;
}
@media (prefers-reduced-motion:reduce){
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(button,input,textarea,select){transition:none!important;}
}
@media(max-width:767px){
 /* Preserve existing bottom sheet/mobile navigation; avoid limiting touch targets. */
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-grid{gap:8px!important}
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta strong{font-size:10px!important}
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer{padding:11px!important}
}