:root {
    --display-safe-inset-x: 0px;
    --display-safe-inset-y: 0px;
    --display-left: max(var(--display-safe-inset-x), env(safe-area-inset-left, 0px));
    --display-right: max(var(--display-safe-inset-x), env(safe-area-inset-right, 0px));
    --display-top: max(var(--display-safe-inset-y), env(safe-area-inset-top, 0px));
    --display-bottom: max(var(--display-safe-inset-y), env(safe-area-inset-bottom, 0px));
    --display-safe-width: calc(100dvw - var(--display-left) - var(--display-right));
    --display-safe-height: calc(100dvh - var(--display-top) - var(--display-bottom));
}
.display-shape-setting { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; min-width: 0; }
.display-shape-setting select { width: 100%; min-width: 0; min-height: 44px; padding: 8px; font: inherit; color: inherit; background: #102936; border: 1px solid #31accd; }
