.cyber-template-compose .cyber-template-upload.is-full { display: none; }
.cyber-panel .cyber-resolutions button { min-width: 0; min-height: 76px; padding: 9px 4px; }
.cyber-panel .cyber-resolutions button small { max-width: 100%; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; font-size: 11px; }
.cyber-panel .cyber-ratios { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
.cyber-panel .cyber-ratios button { min-width: 0; height: 104px; padding: 8px 3px; gap: 5px; font-size: 12px; display: grid; grid-template-rows: 32px 16px 16px; justify-items: center; align-content: center; }
.cyber-panel .cyber-ratios button > span:not(.cyber-ratio-preview) { line-height: 1.25; white-space: nowrap; }
.cyber-panel .cyber-ratios button > small { color: var(--muted); font-size: 11px; line-height: 1.25; white-space: nowrap; }
.cyber-panel .cyber-ratio-preview { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; }
.cyber-panel .cyber-ratio-icon { display: block; flex-shrink: 0; box-sizing: border-box; border: 1.5px solid currentColor; border-radius: 2px; }
.cyber-panel .cyber-ratio-9-16 { width: 15.75px; height: 28px; }
.cyber-panel .cyber-ratio-16-9 { width: 28px; height: 15.75px; }
.cyber-panel .cyber-ratio-4-3 { width: 28px; height: 21px; }
.cyber-panel .cyber-ratio-1-1 { width: 24px; height: 24px; }
.cyber-panel .cyber-ratio-3-4 { width: 21px; height: 28px; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)) > i { display: none; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview))::before { content: ''; grid-row: 1; align-self: center; box-sizing: border-box; display: block; width: 15.75px; height: 28px; border: 1.5px solid currentColor; border-radius: 2px; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview))::after { content: ' 竖屏'; grid-row: 3; color: var(--muted); font-size: 11px; line-height: 16px; font-weight: 400; white-space: nowrap; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(2)::before { width: 28px; height: 15.75px; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(3)::before { width: 28px; height: 21px; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(4)::before { width: 24px; height: 24px; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(5)::before { width: 21px; height: 28px; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(2)::after,
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(3)::after { content: ' 横屏'; }
.cyber-panel .cyber-ratios button:not(:has(.cyber-ratio-preview)):nth-child(4)::after { content: ' 方形'; }