/* 展示端画笔工具栏统一放在底部居中，画布仍覆盖整个屏幕。 */
.literally.tour-brush {
    position: fixed;
    inset: 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}

.tour-brush .lc-picker,
.tour-brush .lc-options {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    flex: 0 0 auto;
}

.tour-brush .lc-picker {
    width: auto;
}

.literally.tour-brush .lc-options {
    top: auto;
    order: -1;
    width: 150px;
}

/* 覆盖组件内置的左侧浮动定位，隐藏单画笔模式的占位按钮。 */
.tour-brush .lc-picker-contents > .toolbar-button.disabled {
    display: none;
}

.tour-brush .lc-picker-contents > div:last-child {
    position: static !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tour-brush .color-well {
    width: 40px;
    margin: 0;
    padding: 3px 0;
    line-height: 14px;
}
.tour-brush .color-well > label{
    display: none;
}
.tour-brush .color-well > br{
    display: none;
}

.tour-brush .lc-picker .fat-button {
    width: 42px;
    height: 30px;
    margin: 0;
    line-height: 26px;
}

.tour-brush .lc-options .square-toolbar-button {
    background-color: #000;
}

/* 调色板紧贴按钮向上展开，矮屏可滚动，并预留手机底部安全区域。 */
.tour-brush .color-picker-popup {
    left: auto;
    right: 0;
    bottom: 100%;
    width: 238px;
    max-height: calc(100vh - 90px - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 90px - env(safe-area-inset-bottom, 0px));
    overflow: auto;
}

.tour-brush .color-picker-popup .color-row {
    margin-left: auto;
    margin-right: auto;
}