.message-view{white-space:pre-wrap;-webkit-user-select:none;user-select:none;flex:1;font-weight:700;display:flex}.message-view .background{background-image:radial-gradient(color-mix(in srgb, var(--color) 20%, transparent) 1px, transparent 0);background-position:-10px -10px;background-size:10px 10px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:10em;padding:1em;display:flex}.message-view em{color:color-mix(in srgb, var(--color) 40%, var(--bg-color));-webkit-user-select:none;user-select:none;filter:grayscale();font-size:64px}@media (width>=768px){.message-view em{font-size:96px}}@media (width>=1024px){.message-view em{font-size:128px}}@media (width>=1280px){.message-view em{font-size:148px}}.main-layout{flex-direction:column;flex:1;align-items:center;height:100%;max-height:100%;margin:0 8px;display:flex;overflow-x:hidden}@media (width>=768px){.main-layout{max-width:64ch}}@media (width>=1028px){.main-layout{max-width:96ch}}@media (width>=1370px){.main-layout{max-width:128ch}}.stepper-input{align-items:center;gap:8px;display:inline-flex}.stepper-input .stepper-value{border:2px solid #0000;border-bottom-color:var(--color);border-radius:var(--border-width);text-align:center;font-variant-numeric:tabular-nums;width:5ch;height:44px;padding:0;position:relative}.stepper-input .stepper-value:disabled{border-bottom-color:var(--neutral-20)}.stepper-popover{z-index:1000;border:1px solid var(--neutral-60);border-radius:var(--border-width);background:var(--bg-color);width:280px;color:var(--color);white-space:normal;overflow-wrap:anywhere;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;overflow:auto;box-shadow:0 8px 8px #0008}.stepper-popover p{color:var(--neutral-80);margin:0;font-size:.875rem}.stepper-popover form{flex-direction:column;gap:12px;display:flex}.stepper-editor-row{flex-wrap:wrap;gap:12px;display:flex}.stepper-editor-row input{width:100px;min-width:44px;min-height:44px;font:inherit;color:inherit;flex:100px;font-size:max(16px,1rem)}.stepper-editor-row button{flex:1 0 auto}.stepper-popover .stepper-restore{white-space:normal;width:100%}.stepper-announcement{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.stepper-value[data-modified]:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;background:currentColor;width:9px;height:9px;position:absolute;top:0;right:0}