/* V76 — BLB Smart Label Studio. Dedicated, accessible, progressive workspace.
   Scope every selector to the studio page. No changes to catalogue/header on other pages. */
body.blb-studio-v76{background:#eff4f7}
body.blb-studio-v76 #v75-appbar{border:0;border-radius:12px;padding:8px 14px;min-height:54px;gap:12px;box-shadow:0 3px 17px #102e4520}
body.blb-studio-v76 #v75-appbar .v75-app-actions{margin-left:auto}
body.blb-studio-v76 #v75-appbar #v75-toggle-focus{font:750 12px/1.3 Manrope,Arial,sans-serif;padding:11px 18px;min-height:40px;background:#98efdf;color:#0c354c;border-color:#98efdf;border-radius:9px;letter-spacing:0}
body.blb-studio-v76 .v75-app-identity strong{font-size:15px}
body.blb-studio-v76 #st-panel-designer .st-app-hint,body.blb-studio-v76 .st-roll-preview{display:none!important}
body.blb-studio-v76 .st-up-editor{padding:6px 12px;background:#f5fafb;border:1px solid #e1edf2}
body.blb-studio-v76 .st-design-topbar{box-shadow:none;border:1px solid #d8e7ed}
body.blb-studio-v76 .st-editor-grid{gap:10px}
body.blb-studio-v76 #st-sidebar-tools,body.blb-studio-v76 #st-sidebar-properties{background:#fff}
body.blb-studio-v76 .st-editor-grid>.st-card{border-color:#dce9ed;box-shadow:0 7px 32px #173a4b0d}
body.blb-studio-v76 #st-sidebar-tools>h2,body.blb-studio-v76 #st-sidebar-properties>h2{margin:0 0 7px;font-weight:800;font-size:14px;color:#123c55;letter-spacing:-.3px}
body.blb-studio-v76 #st-sidebar-tools .st-note{font-size:11px;line-height:1.5;color:#678494;margin:2px 0 12px}
body.blb-studio-v76 .st-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.blb-studio-v76 .st-tools button{font:750 11px/1.3 Manrope,Arial,sans-serif;min-height:47px;padding:8px 5px;border:1px solid #dbe8ef;border-radius:11px;background:#f5f9fb;color:#15445e;text-align:center}
body.blb-studio-v76 .st-tools button:hover,body.blb-studio-v76 .st-tools button:focus-visible{background:#e9fbf7;border-color:#75caba;outline-offset:2px}
body.blb-studio-v76 #st-remove-item{grid-column:1/-1;min-height:37px;color:#a73442;background:#fffafa;border-color:#f2dadd}
body.blb-studio-v76 #st-sidebar-tools .st-divider{margin:12px 0}
body.blb-studio-v76 #st-sidebar-tools .st-help{margin:12px 0;font-size:11px;padding:10px 11px;background:#edfaf8;color:#235e65;border:1px solid #cdeee8;border-radius:10px}
body.blb-studio-v76 #st-sidebar-tools h3{font-size:12px;margin:12px 0 7px}
body.blb-studio-v76 #st-sidebar-tools>.st-actions{display:flex;flex-wrap:wrap;gap:5px}
body.blb-studio-v76 #st-sidebar-tools>.st-actions button{padding:8px;font-size:11px}
body.blb-studio-v76 #st-panel-designer .st-workspace{background:#fff}
body.blb-studio-v76 #st-panel-designer .st-workspace .st-toolbar{gap:5px;padding-bottom:6px}
body.blb-studio-v76 #st-panel-designer .st-workspace .st-toolbar button{border-radius:9px}
body.blb-studio-v76 #st-panel-designer .st-workspace .st-toolbar .v76-save{margin-left:auto;border:1px solid #b0ded4;background:#eafff9;color:#00665f;font-weight:800;min-width:max-content}
body.blb-studio-v76 .st-canvas-shell{background-color:#e8f2f6;background-image:radial-gradient(#bdd2de 0.7px,transparent .9px);background-size:22px 22px;border:1px solid #d1e3ec;border-radius:12px}
body.blb-studio-v76 #st-design-svg{filter:drop-shadow(0 9px 13px #22465324)}
body.blb-studio-v76 #st-design-status{color:#527283;font-size:10px;line-height:1.5}
body.blb-studio-v76 #st-panel-designer .st-workspace>.st-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
body.blb-studio-v76 .v76-quick-export{display:inline-block;position:relative;margin-right:auto;order:2}
body.blb-studio-v76 .v76-quick-export summary{list-style:none;cursor:pointer;border:1px solid #dae7ec;border-radius:9px;padding:10px 12px;font:750 11px Manrope,Arial;background:#f4f8fa;color:#25566e;user-select:none;white-space:nowrap}
body.blb-studio-v76 .v76-quick-export summary::-webkit-details-marker{display:none}
body.blb-studio-v76 .v76-quick-export[open]{background:#f7fbfd;border-radius:9px;padding:0 4px 6px}
body.blb-studio-v76 .v76-quick-export .st-action{display:inline-flex;margin:6px 2px 0;min-height:32px;font-size:10px}
body.blb-studio-v76 #st-to-printer{order:1;margin-left:auto;background:#007e79;color:#fff;border-color:#007e79;font-size:12px;font-weight:800;min-height:39px}
body.blb-studio-v76 #st-sidebar-properties .v76-selection-help{border:1px solid #d0e9e5;background:#eaf9f6;border-radius:12px;color:#23596a;font-size:12px;line-height:1.6;padding:14px 12px;margin:4px 0 12px}
body.blb-studio-v76 [data-v76-control][hidden]{display:none!important}
body.blb-studio-v76 .v76-group-heading{grid-column:1/-1;font-size:12px;color:#274e63;font-weight:800;margin-top:2px}
body.blb-studio-v76 #st-sidebar-properties .st-inspector{gap:10px}
body.blb-studio-v76 #st-sidebar-properties .st-inspector>div:not(.v76-design-files){margin-bottom:5px}
body.blb-studio-v76 #st-sidebar-properties .st-inspector input,body.blb-studio-v76 #st-sidebar-properties .st-inspector select,body.blb-studio-v76 #st-sidebar-properties .st-inspector textarea{border-radius:10px}
body.blb-studio-v76 .v76-design-files{margin:16px 0 0;border-top:1px solid #e0ebef;padding-top:12px}
body.blb-studio-v76 .v76-design-files>summary{cursor:pointer;border:1px solid #bedbdc;background:#effaf8;color:#0d5f61;border-radius:10px;padding:12px;font:800 12px Manrope,Arial;list-style:none}
body.blb-studio-v76 .v76-design-files>summary:after{content:'⌄';float:right;color:#0b6773}
body.blb-studio-v76 .v76-design-files[open]>summary:after{content:'⌃'}
body.blb-studio-v76 .v76-design-files>summary::-webkit-details-marker{display:none}
body.blb-studio-v76 .v76-design-files>div,body.blb-studio-v76 .v76-design-files>p{margin-top:12px}
body.blb-studio-v76 .v76-design-files .st-actions{display:flex;flex-wrap:wrap;gap:5px}
body.blb-studio-v76 .v76-design-files .st-actions button{padding:8px 10px;font-size:11px}
body.blb-studio-v76 .st-status{font-size:10px}
body.blb-studio-v76 .st-tabs{gap:7px}
body.blb-studio-v76 .st-tab strong{letter-spacing:-.2px}
body.v75-focus.blb-studio-v76 #v75-appbar{min-height:50px;flex-basis:50px}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-editor-grid{grid-template-columns:minmax(174px,212px) minmax(0,1fr) minmax(240px,290px);gap:8px}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-editor-grid>.st-card{padding:12px}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace>.st-roll-preview{display:none!important}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace>.st-canvas-shell{flex:1;min-height:0;padding:12px}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-design-topbar{min-height:44px}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-up-editor{min-height:32px}
body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace>.st-actions{margin-top:5px}
@media(max-width:1150px) and (min-width:781px){body.v75-focus.blb-studio-v76 #st-panel-designer .st-editor-grid{grid-template-columns:172px minmax(0,1fr) 232px}body.blb-studio-v76 .st-tools button{font-size:10px;padding:7px 3px}}
@media(max-width:780px){
 body.blb-studio-v76 #v75-appbar{flex-wrap:nowrap;min-height:48px;padding:5px 7px}
 body.blb-studio-v76 #v75-appbar #v75-toggle-focus{display:inline-flex;white-space:nowrap;padding:9px 11px;min-height:35px;min-width:auto;font-size:10px;text-align:center}
 body.blb-studio-v76 #v75-appbar .v75-app-identity strong{font-size:11px}
 body.blb-studio-v76 #v75-appbar .v75-app-identity em{display:none}
 body.blb-studio-v76 #v75-appbar .v75-app-identity small{font-size:8px}
 body.v75-focus.blb-studio-v76 #v75-appbar{min-height:47px;flex-basis:47px}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-editor-grid{display:block;position:relative;min-height:0}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-editor-grid>.st-workspace{padding:8px 7px 70px;min-height:0;height:100%}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace>.st-canvas-shell{padding:5px;min-height:0;flex:1}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace>.st-actions{display:flex;flex-wrap:nowrap;gap:5px}
 body.v75-focus.blb-studio-v76 #st-to-printer{min-height:33px;padding:6px 10px;font-size:10px;max-width:none}
 body.v75-focus.blb-studio-v76 .v76-quick-export summary{padding:8px 7px;font-size:9px}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace>.st-actions .st-action{width:auto;min-height:32px;white-space:nowrap}
 body.v75-focus.blb-studio-v76 .v76-quick-export[open]{position:absolute;bottom:118px;left:9px;z-index:20;box-shadow:0 8px 25px #1b3d5430}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace .st-toolbar{gap:3px}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-workspace .st-toolbar .v76-save{padding:5px 8px;min-width:0;font-size:10px}
 body.v75-focus.blb-studio-v76 #st-panel-designer .st-up-editor>label{font-size:10px}
 body.blb-studio-v76 #st-sidebar-properties .v76-selection-help{font-size:12px}
 body.v75-focus.blb-studio-v76 .st-tab strong{font-size:10px}
 body.v75-focus.blb-studio-v76 .st-mobile-dock{display:flex}
}
@media(max-width:390px){body.blb-studio-v76 #v75-appbar .v75-app-identity small{display:none}body.blb-studio-v76 #v75-appbar .v75-app-logo{width:25px;height:25px}body.blb-studio-v76 #v75-appbar #v75-toggle-focus{font-size:9px;padding:8px}}

/* V76.1 — small responsive filename dialog for PNG and PDF, no studio layout changes. */
body.blb-studio-v76 .v761-export-dialog{border:0;padding:0;border-radius:18px;background:#fff;color:#183f54;width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(90dvh,650px);overflow:auto;box-shadow:0 25px 85px #082c4c4a;font-family:Manrope,Arial,sans-serif}
body.blb-studio-v76 .v761-export-dialog::backdrop{background:rgba(7,35,54,.58);backdrop-filter:blur(3px)}
body.blb-studio-v76 .v761-export-form{padding:26px;display:flex;flex-direction:column;gap:11px}
body.blb-studio-v76 .v761-export-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#006e68;background:#e6fbf6;font-size:22px;font-weight:800}
body.blb-studio-v76 .v761-export-form h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;color:#153f58;margin:2px 0 0}
body.blb-studio-v76 .v761-export-form p{font-size:12px;line-height:1.55;color:#607d8e;margin:0}
body.blb-studio-v76 .v761-export-size{font-weight:800;color:#087d78!important;background:#eef9f7;border-radius:9px;padding:9px 12px}
body.blb-studio-v76 .v761-export-form>label:not(.v761-export-size-option){font-size:12px;font-weight:800;color:#1d4257;margin:4px 0 -5px}
body.blb-studio-v76 .v761-export-form>input{width:100%;min-height:45px;border:1px solid #b9d4df;border-radius:10px;padding:10px 12px;font:600 14px Manrope,Arial,sans-serif;color:#193c53;background:#fff}
body.blb-studio-v76 .v761-export-form>input:focus{outline:3px solid #acede0;border-color:#0b8b83}
body.blb-studio-v76 .v761-export-size-option{display:flex;align-items:center;gap:9px;font-size:12px;color:#294f63;cursor:pointer;line-height:1.4}
body.blb-studio-v76 .v761-export-size-option input{width:17px;height:17px;accent-color:#008a7f;flex:0 0 auto}
body.blb-studio-v76 .v761-export-sample{padding:11px 12px;border:1px solid #d9e9ee;border-radius:11px;background:#f5f9fa;display:flex;flex-direction:column;gap:5px;min-width:0}
body.blb-studio-v76 .v761-export-sample span{font-size:10px;font-weight:700;color:#7b929c;text-transform:uppercase;letter-spacing:.6px}
body.blb-studio-v76 .v761-export-sample output{font-size:12px;color:#153b56;overflow-wrap:anywhere;font-weight:700}
body.blb-studio-v76 .v761-export-actions{display:flex;gap:9px;margin-top:5px;justify-content:flex-end}
body.blb-studio-v76 .v761-export-actions button{min-height:43px;border-radius:10px;border:1px solid #cddce4;background:#fff;color:#294c5c;font:800 12px Manrope,Arial,sans-serif;padding:10px 16px;cursor:pointer}
body.blb-studio-v76 .v761-export-actions button[type=submit]{background:#087a75;border-color:#087a75;color:#fff}
@media(max-width:480px){body.blb-studio-v76 .v761-export-form{padding:20px 17px}body.blb-studio-v76 .v761-export-actions button{flex:1}}
