/* LEONARDO WORKSHOP Studio 0.9 — stable panels, page management and icons */
:root{--workshop-sidebar-text:#262626;--workshop-sidebar-line:#d5ccba}
/* The entire Tools + Workbench Tools area scrolls as ONE view. No density scaling. */
#sidebar{min-height:0}
#sidebar #toolsView{
  flex:1 1 0;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-color:#b8a58c transparent;scrollbar-width:thin;
  padding-bottom:12px;
}
#toolsView>.panel-scaler{width:100%!important;transform:none!important;height:auto!important;overflow:visible!important}
#toolsView>.panel-scaler>*{max-width:100%}
#sidebar #inspectorView{flex:1 1 0;min-height:0;overflow:hidden!important}
#inspectorView>.property-nav{flex:0 0 auto}
#inspectorView>.property-pages{
 flex:1 1 0;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;
 scrollbar-color:#b8a58c transparent;scrollbar-width:thin;padding-right:3px;
}
#inspectorView .property-page{transform:none!important;width:100%!important}
#sidebar #layersPanel{max-height:none!important;min-height:125px!important;flex-shrink:0;}
#sidebar #layersPanel .hierarchy{overflow-y:auto!important;max-height:none!important}
#sidebar #toolsView::-webkit-scrollbar,#sidebar .property-pages::-webkit-scrollbar,#sidebar .hierarchy::-webkit-scrollbar{width:6px}
#sidebar #toolsView::-webkit-scrollbar-thumb,#sidebar .property-pages::-webkit-scrollbar-thumb,#sidebar .hierarchy::-webkit-scrollbar-thumb{background:#b7a78f;border-radius:99px}
#sidebar #toolsView::-webkit-scrollbar-track,#sidebar .property-pages::-webkit-scrollbar-track,#sidebar .hierarchy::-webkit-scrollbar-track{background:transparent}
#sidebar #layersPanel .layers-heading-main{flex:0 0 auto}
/* Group layers rename in place without re-rendering on the first click. */
#navigation .layer-rename-input{
 flex:1;min-width:0;max-width:100%;height:27px;line-height:23px;padding:2px 6px;
 background:#faf9f5;border:1px solid #262626;border-radius:6px;color:#262626;
 font-family:Arial,sans-serif;font-size:12px;outline:2px solid #2626263a;box-sizing:border-box;
}
/* Document page navigation has a CONSTANT width, even at hundreds of pages. */
.item.document .page-tabs{
 position:absolute;top:-33px;right:0;display:flex;align-items:center;gap:0;
 width:124px;min-height:31px;border-radius:9px 9px 0 0;
 background:#f2e7d4;box-shadow:0 2px 6px #26262618;z-index:80;
 overflow:hidden;box-sizing:border-box;
}
.item.document .page-tabs button{
 flex:0 0 31px;height:31px;padding:0!important;display:grid;place-items:center;
 color:#262626;background:transparent;border:0;font-family:Arial,sans-serif;
 font-size:20px;line-height:1;box-shadow:none;cursor:pointer;
}
.item.document .page-tabs button:disabled{opacity:.28;cursor:default}
.item.document .page-tabs button:not(:disabled):hover{background:#e0d6c3}
.item.document .page-tabs select.page-jump{
 flex:1 1 0;width:62px;min-width:0;height:31px;padding:0 2px;border:0;
 text-align:center;text-align-last:center;border-radius:0;background:#f2e7d4;
 color:#262626;font-size:10px;font-weight:750;appearance:none;-webkit-appearance:none;
}
.item.document .page-tabs select.page-jump:hover{background:#e8ddcb}
.item.document .page-tabs select.page-jump:focus-visible{outline:2px solid #262626;outline-offset:-2px}
/* Page library in Properties: compact visual page stack; delete on hover or keyboard focus. */
#inspectorView .page-index.page-library{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;
 max-height:214px;overflow-y:auto;overflow-x:hidden;padding:2px 4px 5px 1px;
 scrollbar-width:thin;scrollbar-color:#b8a58c transparent;
}
#inspectorView .page-library .page-entry{
 position:relative;display:grid;min-width:0;min-height:43px;
 border:1px solid #d5c6b3;border-radius:10px;background:#ebe1d1;
}
#inspectorView .page-library .page-entry.active{border-color:#262626;background:#e0d8ca}
#inspectorView .page-library .page-select{
 display:block;min-width:0;width:100%;height:43px;padding:0;
 background:transparent!important;border:0!important;border-radius:10px;
 font-size:12px!important;font-weight:700;color:#262626!important;
}
#inspectorView .page-library .page-entry.active .page-select{color:#262626!important}
#inspectorView .page-library .page-delete{
 position:absolute;top:-5px;right:-4px;display:grid;place-items:center;
 width:21px;height:21px;min-height:0;padding:3px;border:1px solid #bda99c;
 border-radius:6px;background:#faf9f5;color:#663535;
 opacity:0;pointer-events:none;transition:opacity .14s ease;
}
#inspectorView .page-library .page-entry:hover .page-delete,
#inspectorView .page-library .page-entry:focus-within .page-delete{opacity:1;pointer-events:auto}
#inspectorView .page-library .page-delete:disabled{opacity:0;pointer-events:none}
#inspectorView .page-library .page-delete svg{width:15px;height:15px}
#inspectorView .page-library .page-entry:focus-within{outline:2px solid #262626;outline-offset:1px}
/* Icon-only commands always display accessible tooltips and labels. */
#inspectorView .icon-tool-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#inspectorView .icon-tool-actions button{min-height:47px;display:grid;place-items:center}
#inspectorView .icon-tool-actions svg{width:20px;height:20px;stroke-width:1.8}
#inspectorView .icon-tool-actions button:disabled{opacity:.32;cursor:not-allowed}
/* Clean, deliberately recognisable vector pictograms for the 3 small tools. */
#toolsView .quick-tools button{display:grid;place-items:center;height:42px;border-radius:16px}
#toolsView .quick-tools button svg{width:22px;height:22px;fill:none;stroke:#262626;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#toolsView .quick-tools button:focus-visible{outline:2px solid #262626;outline-offset:3px}
/* Canvas cards use their chosen colour, without hardcoded white copy. */
.item.canvas .item-body{border-color:#c8b89f!important}
.item.canvas .item-body h3,.item.canvas .item-body small,.item.canvas .item-body p{color:inherit}
@media(max-width:750px){#sidebar #layersPanel{max-height:none!important}#sidebar #toolsView{padding-bottom:10px}}

#inspectorView .page-library .page-delete{z-index:3}