.dev-options-wrapper{z-index:9999;flex-direction:column;align-items:center;width:min(480px,96vw);display:flex;position:fixed;bottom:0;left:50%;translate:-50%}.dev-trigger{background:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));border:1px solid color-mix(in srgb,var(--text-color)15%,transparent);border-radius:var(--radius-out)var(--radius-out)0 0;color:var(--text-color);font-family:var(--font-family);cursor:pointer;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-bottom:none;align-items:center;gap:.5em;padding:.55em 1.2em;font-size:.78rem;transition:all .25s;display:flex}.dev-trigger:hover{background:color-mix(in srgb,var(--primary-color)20%,var(--background-color-tr))}.dev-trigger .material-symbols-rounded{color:var(--primary-color);font-size:1.1rem}.dev-trigger-label{font-weight:600}.dev-chevron{opacity:.6;transition:transform .3s;font-size:1rem!important}.dev-chevron.rotated{transform:rotate(180deg)}.dev-panel{opacity:0;background:var(--background-color-tr);width:100%;max-height:0;-webkit-backdrop-filter:blur(var(--blur));border:1px solid color-mix(in srgb,var(--text-color)15%,transparent);border-radius:var(--radius-out)var(--radius-out)0 0;border-bottom:none;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(15px)}.dev-open .dev-panel{opacity:1;max-height:500px;transform:translateY(0)}.dev-panel-inner{flex-direction:column;gap:1.2em;padding:1.2em 1.4em .8em;display:flex}.dev-section{flex-direction:column;gap:.6em;display:flex}.dev-section-label{letter-spacing:.08em;text-transform:uppercase;opacity:.6;align-items:center;gap:.4em;margin:0;font-size:.72rem;font-weight:700;display:flex}.dev-section-label .material-symbols-rounded{font-size:.9rem}.dev-wallpaper-grid{flex-wrap:wrap;gap:.7em;display:flex}.dev-wp-btn{border-radius:var(--radius-in);cursor:pointer;font-family:var(--font-family);color:var(--text-color);background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3em;padding:.3em;transition:all .2s;display:flex;position:relative}.dev-wp-btn:hover{border-color:color-mix(in srgb,var(--primary-color)50%,transparent);background:color-mix(in srgb,var(--primary-color)10%,transparent)}.dev-wp-active{border-color:var(--primary-color)!important;background:color-mix(in srgb,var(--primary-color)15%,transparent)!important}.dev-wp-preview{object-fit:cover;border-radius:8px;width:64px;height:40px;display:block}.dev-wp-none{background:color-mix(in srgb,var(--text-color)8%,transparent);border:1px dashed color-mix(in srgb,var(--text-color)20%,transparent);justify-content:center;align-items:center;display:flex}.dev-wp-none .material-symbols-rounded{opacity:.4;font-size:1.1rem}.dev-wp-name{opacity:.7;font-size:.65rem}.dev-wp-check{color:var(--primary-color);background:var(--background-color-primary);border-radius:50%;position:absolute;top:-6px;right:-6px;font-size:1rem!important}.dev-accent-row{gap:.8em;display:flex}.dev-accent-chip{background:color-mix(in srgb,var(--text-color)5%,transparent);border-radius:var(--radius-in);border:1px solid color-mix(in srgb,var(--text-color)10%,transparent);flex:1;align-items:center;gap:.6em;padding:.5em .7em;display:flex}.dev-accent-swatch{border:2px solid color-mix(in srgb,var(--text-color)15%,transparent);border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:background .3s}.dev-accent-info{flex-direction:column;gap:.1em;display:flex;overflow:hidden}.dev-accent-mode{letter-spacing:.06em;text-transform:uppercase;opacity:.55;font-size:.62rem;font-weight:700}.dev-accent-value{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.65rem;overflow:hidden}.dev-footer-note{opacity:.4;justify-content:center;align-items:center;gap:.35em;margin:0;font-size:.65rem;display:flex}.dev-footer-note .material-symbols-rounded{font-size:.85rem}@media (max-width:500px){.dev-options-wrapper{width:100vw}.dev-trigger{border-radius:0;justify-content:center;width:100%}.dev-panel{border-left:none;border-right:none;border-radius:0}}