/* Extra pieces stay in one drawer so everyday building tools remain familiar. */
.more-blocks { margin: 16px 0 4px; border: 1px solid #c9bea6; border-radius: 6px; background: #fffcf0; }
.more-blocks>summary { min-height: 48px; padding: 12px 10px; cursor: pointer; font-size: 17px; font-weight: 750; color: #43556d; }
.more-blocks>p { margin: 0; padding: 0 10px 12px; font-size: 14px; color: #59677b; line-height: 1.4; }
.builder-workspace .more-blocks .block-palette-items { padding: 0 9px 12px; gap: 10px; grid-template-columns: 1fr; }
.builder-workspace .more-blocks .palette-block { min-height: 64px; flex-direction: row; justify-content: flex-start; text-align: left; gap: 10px; padding: 10px; font-size: 15px; }
.more-blocks .toolbox-symbol { width: 32px; height: 32px; flex-shrink: 0; }
.more-blocks .toolbox-symbol svg { width: 32px; height: 32px; }
.more-blocks .palette-block small { display: block; font-size: 12px; font-weight: 500; margin-top: 4px; line-height: 1.4; }
.builder-workspace .more-blocks .adventure-pages { width: calc(100% - 18px); margin: 0 9px 12px; text-align: left; font-size: 15px; }
.adventure-pages small { display: block; margin-top: 4px; font-size: 12px; font-weight: 500; }
.builder-workspace .my-pictures-button { margin-top: 10px; background: #fffdf5; }
.builder-workspace .tool-gallery,.builder-workspace .tool-compare { --tool-tint: #deedc4; --tool-edge: #b3c798; --tool-color: #3c622b; }
.builder-workspace .tool-card,.builder-workspace .tool-quiz { --tool-tint: #e8e1fb; --tool-edge: #c0aedf; --tool-color: #50417d; }
.builder-workspace .tool-timer,.builder-workspace .tool-meter { --tool-tint: #ffdac2; --tool-edge: #d9ae90; --tool-color: #8a4628; }
.rich-item { margin: 12px 0; padding: 0 10px 12px; border: 1px solid #d5cbb7; border-radius: 6px; background: #fffcf4; }
.rich-item>summary { min-height: 44px; padding: 12px 0; font-size: 15px; font-weight: 700; cursor: pointer; overflow-wrap: anywhere; }
.rich-picture-preview { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.rich-picture-preview img { width: 60px; height: 60px; object-fit: contain; background: #fff; border: 1px solid #ddd5c5; }
.rich-picture-preview span { min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
.rich-row-actions { display: flex; gap: 6px; }
.builder-workspace .rich-row-actions button { min-width: 44px; min-height: 44px; }
.rich-row-actions button:last-child { margin-left: auto; }
.rich-answer { display: flex; align-items: end; gap: 6px; margin-bottom: 14px; }
.rich-answer .builder-field { min-width: 0; flex: 1; margin-bottom: 0; }
.builder-workspace .rich-answer>button { min-width: 44px; height: 44px; padding: 6px; }
.block-inspector [data-rich-field] { width: 100%; min-width: 0; min-height: 44px; }
.block-inspector input[data-rich-field]:not([type=range]),.block-inspector textarea[data-rich-field] { padding: 10px; border: 1px solid #b9c3d1; border-radius: 5px; background: #fffef9; color: #233c60; font: inherit; font-size: 16px; line-height: 1.4; }
.section-picture-setting { margin: 16px 0; border-top: 1px solid #ddd5c5; padding-top: 16px; }
.section-picture-setting p { color: #59677b; font-size: 14px; line-height: 1.5; }
.section-picture-setting .rich-picture-preview { margin-top: 10px; }
.canvas-document .jr-block [data-jr-action],.canvas-document .jr-block input,.canvas-document .jr-block .jr-card-tabs { pointer-events: none; }
.more-blocks>summary:focus-visible,.rich-item>summary:focus-visible { outline: 3px solid #1f4fbf; outline-offset: 2px; }
@media(max-width:720px) {
  .builder-workspace .more-blocks .block-palette-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .builder-workspace .more-blocks .palette-block { font-size: 14px; }
  .more-blocks .palette-block small { font-size: 12px; }
}

/* Small paper objects make the tools recognizable before children read the label. */
.builder-workspace .toolbox-symbol { width: 44px; height: 42px; flex-shrink: 0; }
.builder-workspace .toolbox-symbol .paper-tool-icon { width: 100%; height: 100%; }
.builder-workspace .tool-divider .toolbox-symbol { width: 38px; height: 28px; }
.builder-workspace .more-blocks .toolbox-symbol { width: 36px; height: 38px; }
.builder-workspace .more-blocks .palette-block>span:last-child { min-width: 0; }
.builder-workspace .inspector-block-icon { background: none; border-radius: 0; box-shadow: none; }
.builder-workspace .inspector-block-icon .paper-tool-icon { width: 48px; height: 48px; }
@media (max-height:850px) and (min-width:721px) {
  .builder-workspace .toolbox-symbol { width: 36px; height: 32px; }
  .builder-workspace .tool-divider .toolbox-symbol { width: 34px; height: 25px; }
}
@media (min-width:721px) and (max-width:900px) {
  .builder-workspace .more-blocks .toolbox-symbol { width: 30px; height: 34px; }
  .builder-workspace .more-blocks .palette-block { flex-direction: column; gap: 6px; padding: 10px 5px; text-align: center; font-size: 14px; }
}