/* Leonardo Workshop 0.2 — precision tools and neutral paper styling */
:root{--coral:#eb6464;--redwood:#663535;--yellow:#ebdd64;--olive:#666335;--lime:#7deb64;--forest:#376635;--blue:#262626;--navy:#262626;--black:#262626;--cream:#faf9f5;--accent:#262626;--ink:#262626;--focus:#262626}
body{color:#262626}.top .brand,.top .account-btn,.top .icon-btn{color:var(--navy);border-color:var(--navy)}
.top{box-shadow:0 2px 10px #0000000e}.section-head{color:#fff}.bench-card,.new-tile{border-radius:22px}.bench-card:hover,.new-tile:hover{box-shadow:0 12px 30px #00000022}
.sidebar{color:#262626}.aside-head button,.aside-bottom button{color:#262626}.aside-hint{color:#786e60}.aside-divider{background:#d0c4b2}
.tools button,.quick-tools button{color:#fff;background:#d5ccba;border-radius:22px}.tools button{height:54px;transition:background .15s}.tools button:hover,.quick-tools button:hover{background:#c5baa7;filter:none}.tools button i{background:#c5baa7;border-radius:16px;height:45px;width:40px}.tools button small{color:#564d42}
.utility button,#navigation button{color:#262626;background:#e8dbc7;border-color:#d6cab7;border-radius:12px;font-weight:600}.utility button:hover{background:#d9ccb9}
.aside-bottom{border-color:#d3c8b4}.stage-bottom{background:#f2e7d4;color:#262626}.stage-bottom button{color:#262626}
/* Canvas tool has no permanent wrapper or outline. Selection is a subtle interaction cue. */
.item .item-body{border:0;box-shadow:none}.item.selected .item-body{outline:1.5px solid #26262688;outline-offset:3px}
.item.document{width:500px!important;height:707px!important}.item.document .item-body{background:#fff;box-shadow:none!important;overflow:visible}
.item.document.multipage .item-body{box-shadow:4px 5px 0 #f1efeb,8px 10px 0 #e1dcd4,0 12px 20px #00000015!important}
.item.document.multipage .page-tabs{top:-26px;right:0}.item.document .page-tabs button{background:#fff;border-radius:4px 4px 0 0;box-shadow:0 2px 6px #00000012;color:#706458;padding:4px 10px;min-width:28px}
.item.document .page-tabs button.active{background:#262626;color:#fff}
.item.notebook .item-body{background:#faf9f5;box-shadow:4px 5px 0 #ffffffb5!important}
.item.spreadsheet .item-body{background:#faf9f5;overflow:visible}
.item.label .item-body{background:transparent!important;box-shadow:none!important;overflow:visible}
.item.label .label-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.item.label .label-svg path{fill:currentColor}.item.label .label-svg circle{fill:#e0d6c3}
.item.label .simple-editor{position:absolute;inset:0;width:79%;height:100%;padding:15px 22px;display:flex;align-items:center;overflow:hidden;background:transparent;z-index:2;font-weight:600}
.item.text .item-body{background:transparent;box-shadow:none}
.item.text .simple-editor{background:transparent}
.item.sketchbook .item-body{background:#faf9f5;box-shadow:none!important}
.item.canvas .item-body{border:none;border-radius:22px;background:#f2e7d4;color:#262626;box-shadow:0 8px 15px #473f3520}
.item.arrow .item-body{background:transparent;overflow:visible}.item.arrow .arrow-svg{display:block;overflow:visible}
.item.document .size-grip{display:none!important}
.item .drag-corner{width:25px;height:25px;display:none;color:#262626;background:#f2e7d4e8;border-radius:0 0 11px 0;border:0;box-shadow:0 2px 4px #00000020;touch-action:none}
.item:hover .drag-corner,.item.selected .drag-corner{display:block}
.item .size-grip{background:linear-gradient(135deg,transparent 45%,#262626 46%,#262626 58%,transparent 59%);width:17px;height:17px}
.item.document .doc-editor{padding:55px;overflow:auto;max-height:100%;line-height:1.7;scrollbar-width:thin}
.item.notebook .simple-editor{padding:35px;overflow:auto}
.item [contenteditable="true"]:empty::before{content:attr(data-placeholder);opacity:.45;pointer-events:none}
/* Spreadsheet is a scalable whole block, never an internally scrolled viewport. */
.item.spreadsheet .item-body{border-radius:2px;overflow:hidden}
.sheet-table.full-grid{border-collapse:collapse;width:100%;height:100%;table-layout:fixed;background:#faf9f5;color:#262626}
.sheet-table.full-grid th,.sheet-table.full-grid td{min-width:0!important;width:auto;padding:0;border:1px solid #d5ccba;height:auto;font-size:12px;line-height:1.2;position:relative}
.sheet-table.full-grid th{background:#f2e7d4;color:#262626;font-weight:700}
.sheet-table.full-grid thead tr{height:29px}
.sheet-table.full-grid .row-number{width:39px;min-width:39px!important;background:#f2e7d4}
.sheet-table.full-grid td.current{box-shadow:inset 0 0 0 1.5px #262626}
.sheet-table.full-grid td input:not([type="checkbox"]),.sheet-table.full-grid td select{width:100%;height:100%;min-height:20px;background:transparent;border:0;color:inherit;padding:2px 6px;outline:0;font-size:12px;text-overflow:ellipsis}
.sheet-table.full-grid td input[type="checkbox"]{width:18px;height:18px;display:block;margin:auto;accent-color:#376635}
.sheet-table.full-grid td select{font-size:11px;cursor:pointer}
.sheet-table.full-grid td input:focus{box-shadow:inset 0 0 0 1px #262626}
.sheet-table.full-grid td{background:transparent}
/* Sidebar is designed as tool-specific workspace, not a stack of unrelated buttons. */
#inspectorView{scrollbar-width:thin;scrollbar-color:#bbb09c transparent}
.inspector-header{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#262626;padding-bottom:14px;border-bottom:1px solid #d5ccba}
.inspector-header span{font-size:9px;color:#958675}
.inspector-section{padding:17px 0;border-bottom:1px solid #d7cab7}
.inspector-section h3{font-size:11px;letter-spacing:1.1px;color:#262626;font-weight:800;margin:0 0 13px;display:flex;justify-content:space-between}
.inspector-section h3 span{color:#8b7b65}
.inspect-field{font-size:10px;color:#746653;letter-spacing:.7px;font-weight:700;min-width:0}
.inspect-field input,.inspect-field select,.inspect-field textarea{border-radius:11px;border:1px solid #d2c5b2;background:#faf9f5;color:#262626;padding:9px;font-size:12px;min-width:0}
.inspect-field input[type="color"]{padding:2px;height:37px;cursor:pointer}
.row2>*{min-width:0}
.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.control-grid button,.text-format-grid button,.page-index button{border:1px solid #d5ccba;background:#eadfce;color:#262626;border-radius:11px;padding:10px 4px;font-size:10px;font-weight:700;min-height:37px}
.control-grid button:hover,.text-format-grid button:hover,.page-index button:hover{background:#d5ccba}
.control-grid button.active,.text-format-grid button.active,.page-index button.chosen{background:#262626;color:#faf9f5;border-color:#262626}
.control-grid button.danger{background:#663535;color:#fff}
.text-format-grid{display:flex;gap:5px;margin-bottom:7px;flex-wrap:wrap}.text-format-grid button{min-width:34px;flex:1;font-size:12px}.text-format-grid.alt button{font-size:10px}
.page-index{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.page-index button{min-width:32px}
.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}
.palette button{height:27px;min-width:0;border:2px solid transparent;border-radius:7px;position:relative;box-shadow:inset 0 0 0 1px #6a625130}
.palette button.chosen:after{content:'✓';position:absolute;inset:-4px;border:2px solid #262626;border-radius:10px;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;font-size:10px}
.sheet-active{display:flex;align-items:center;gap:8px;margin:0 0 16px}.sheet-active strong{background:#262626;color:#fff;border-radius:8px;padding:10px 8px;font-size:11px}
.sheet-active input{min-width:0;flex:1;border:1px solid #d5ccba;border-radius:10px;background:#faf9f5;padding:10px;color:#262626;font-size:12px}
.layers-list .layer-row{color:#262626;border-bottom-color:#d5ccba;border-radius:8px}
.layers-list .layer-row.active{background:#e1d6c4}
.layers-list .layer-row button{color:#262626;border-color:#d5ccba}
.dialog{background:#f2e7d4}.dialog-top{color:#262626}.icon-btn{font-size:19px}
@media(max-width:750px){.palette{grid-template-columns:repeat(5,1fr)}.item .drag-corner{display:block}.doc-editor{font-size:15px}}
.item.notebook .item-body{box-shadow:0 9px 19px #504c4222!important}
.item.spreadsheet .full-grid th,.item.spreadsheet .full-grid td,.item.spreadsheet .full-grid input:not([type="checkbox"]){font-size:calc(12px * var(--grid-scale,1))}
.item.spreadsheet .full-grid td select{font-size:calc(11px * var(--grid-scale,1))}
.item.spreadsheet .full-grid .row-number{width:calc(39px * var(--grid-scale,1))}
.item.spreadsheet .sheet-table.full-grid{background:var(--grid-bg,#faf9f5)}
.document-header,.document-footer{position:absolute;left:55px;right:55px;color:#837e76;font-size:11px;letter-spacing:.6px;pointer-events:none}
.document-header{top:22px}.document-footer{bottom:20px;text-align:right}
.item.label .label-svg circle{fill:black}
.item.label .simple-editor{font-size:calc(19px * var(--label-scale,1))}
.item.label .item-body{border:0}
.item.label .size-grip{background:none}
.item.label .size-grip:after{content:'◢';color:#262626;position:absolute;right:2px;bottom:0;font-size:12px}
.group{border-radius:22px;border-color:#262626}.group-title{background:#262626!important;color:#faf9f5;border-radius:22px 22px 0 0}
.sheet-table.full-grid{color:var(--grid-fg,#262626)}
.sheet-table.full-grid td{color:var(--grid-fg,#262626)}