.mobile-disclosure-trigger{text-align:left;width:100%}.mobile-control-sheet{width:100vw;max-width:100vw;max-height:calc(100dvh - 24px);padding:12px 20px var(--mobile-action-bottom,calc(12px + env(safe-area-inset-bottom,0px)));color:var(--color-ink);background:#fff;border:0;border-radius:20px 20px 0 0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.mobile-control-sheet::backdrop{background:#0f172a73}.mobile-control-sheet>header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.mobile-control-sheet h2{font-size:18px;font-weight:650}.mobile-control-sheet .icon-button{width:44px;height:44px}.mobile-sheet-done{width:100%;min-height:44px;margin-top:20px}.mobile-sheet-options{gap:6px;display:grid}.mobile-sheet-options button{text-align:left;min-height:48px;color:var(--color-ink);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.mobile-sheet-options button:hover,.mobile-sheet-options button[aria-pressed=true]{background:var(--color-soft);font-weight:600}.mobile-sheet-options svg{width:20px;height:20px}@media (width<=640px){dialog.restore-classes-dialog,dialog.download-thanks-dialog,dialog.design-preview-dialog,dialog.design-preview-dialog[data-device],dialog.import-success-dialog,dialog.wallpaper-viewer{border-radius:20px 20px 0 0;width:100vw;max-width:100vw;max-height:calc(100dvh - 16px);margin:0;position:fixed;inset:auto 0 0}dialog.restore-classes-dialog,dialog.download-thanks-dialog,dialog.import-success-dialog{padding-bottom:var(--mobile-action-bottom,calc(12px + env(safe-area-inset-bottom,0px)))}dialog.wallpaper-viewer{height:calc(100dvh - 16px)}dialog.design-preview-dialog footer{padding-bottom:var(--mobile-action-bottom,calc(12px + env(safe-area-inset-bottom,0px)))}}.mobile-control-sheet:not(.mobile-appearance-editor)[open]{flex-direction:column;min-height:min(320px,75dvh);max-height:75dvh;display:flex;overflow:hidden}.mobile-control-sheet:not(.mobile-appearance-editor)>header,.mobile-control-sheet:not(.mobile-appearance-editor)>.mobile-sheet-done{flex-shrink:0}.mobile-control-sheet:not(.mobile-appearance-editor)>.mobile-sheet-content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.mobile-control-sheet:not(.mobile-appearance-editor)>.mobile-sheet-done{min-height:44px;margin-top:12px}.popup-picker{width:100%;min-width:0}.popup-picker-trigger{border:1px solid var(--color-line);background:var(--color-paper);width:100%;min-height:44px;color:var(--color-ink);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.popup-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.popup-picker svg{flex-shrink:0;width:16px;height:16px}.popup-picker-trigger:disabled{opacity:.45}.popup-picker-menu{overscroll-behavior:contain;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink);border-radius:12px;margin:0;padding:6px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 6px 20px #0f172a1f}.popup-picker-menu:popover-open{display:grid}.popup-picker-menu::backdrop{pointer-events:none;background:0 0}.popup-picker-menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.popup-picker-menu button>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.popup-picker-menu button svg{flex-shrink:0;width:16px;height:16px}.popup-picker-menu button:hover,.popup-picker-menu button[aria-pressed=true]{background:var(--color-soft)}.popup-picker-menu button:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}@media (width<=640px){.template-settings .appearance-row>.popup-picker{justify-self:end;max-width:144px}}.fine-slider{width:100%;min-width:0;padding-bottom:24px;position:relative}.fine-slider-rail{background:var(--color-line);pointer-events:none;border-radius:2px;height:4px;position:absolute;top:20px;left:8px;right:8px}.fine-slider-rail>span{width:var(--slider-progress);border-radius:inherit;background:var(--color-ink);height:100%;display:block}.template-settings .fine-slider>input[type=range]{appearance:none;width:100%;height:44px;min-height:44px;box-shadow:none;cursor:ew-resize;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative}.fine-slider>input::-webkit-slider-runnable-track{background:0 0;height:4px}.fine-slider>input::-moz-range-track{background:0 0;height:4px}.fine-slider>input::-moz-range-progress{background:0 0}.fine-slider>input::-webkit-slider-thumb{appearance:none;background:var(--color-ink);width:16px;height:16px;box-shadow:none;border:0;border-radius:50%;margin-top:-6px}.fine-slider>input::-moz-range-thumb{background:var(--color-ink);width:16px;height:16px;box-shadow:none;border:0;border-radius:50%}.fine-slider>input:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:4px}.fine-slider-stops{pointer-events:none;height:0;position:absolute;top:22px;left:8px;right:8px}.fine-slider-stop{touch-action:pan-y;pointer-events:auto;width:24px;height:48px;color:var(--color-muted);background:0 0;border:0;border-radius:4px;padding:0;position:absolute;top:-12px;transform:translate(-50%)}.fine-slider-dot{background:var(--color-muted);pointer-events:none;border:0;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:9px}.fine-slider-number{font-variant-numeric:tabular-nums;pointer-events:none;font-size:12px;line-height:16px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.fine-slider-stop:first-child .fine-slider-number{left:4px;transform:none}.fine-slider-stop:last-child .fine-slider-number{left:auto;right:4px;transform:none}.fine-slider-stop[data-filled=true] .fine-slider-dot{background:var(--color-ink)}.fine-slider-stop[aria-pressed=true] .fine-slider-dot{visibility:hidden}.fine-slider-stop[aria-pressed=true],.fine-slider-stop:hover{color:var(--color-ink)}.fine-slider-stop:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.fine-slider:has(input:disabled){opacity:.45}.template-settings .position-axis>.fine-slider{grid-area:2/1/auto/-1}
