.mode-tabs{max-width:100%;display:flex;width:max-content}.mode-tabs button{white-space:nowrap}.wallpaper-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.wallpaper-template{background:#f8f9fc;border:1px solid var(--line);border-radius:10px;padding:7px;color:var(--muted);font-size:13px}.wallpaper-template[aria-pressed=true]{border-color:#9aaff8;color:var(--blue);background:#f5f7ff}.wallpaper-template canvas{width:100%;height:auto;display:block;border-radius:6px;margin-bottom:7px}.wallpaper-stage{padding:20px;min-height:0}#wallpaper-canvas{width:100%;max-width:400px;height:auto;display:block;touch-action:none;border-radius:8px}.wallpaper-hint{font-size:14px;line-height:1.65;color:var(--muted);margin:12px 0}.wallpaper-file{font-size:14px;overflow-wrap:anywhere;margin-top:10px}.wallpaper-downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.wallpaper-downloads .primary{min-width:0;padding:12px 10px}.wallpaper-secondary{color:var(--blue);background:#eef2ff}.wallpaper-secondary:hover{background:#e3eaff}.wallpaper-controls .field select{min-width:0;max-width:65%}.wallpaper-controls .range-field{margin:13px 0}.wallpaper-loading{color:var(--muted);font-size:14px}
@media(max-width:680px){.mode-tabs{width:100%}.mode-tabs button{flex:1;padding:9px 8px;font-size:14px}.wallpaper-stage{padding:12px}.wallpaper-downloads{grid-template-columns:1fr}.wallpaper-template{font-size:13px}.wallpaper-controls .palette{gap:8px}}

[hidden]{display:none!important}