.widget-box{padding:var(--icon-padding-y) var(--icon-padding-x)}.desktop-grid-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.desktop-grid-scroll-area{width:100%;flex:1;overflow-y:auto;overflow-x:hidden;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:11rem;display:flex;justify-content:center;position:absolute;inset:0;min-height:100%;transform:translateZ(0);backface-visibility:hidden}.desktop-grid-scroll-area::-webkit-scrollbar{width:6px;height:0px}.desktop-grid-scroll-area::-webkit-scrollbar-track{background:transparent}.desktop-grid-scroll-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.desktop-grid-layout{display:grid;gap:0;place-content:start;padding-top:1.5rem;grid-template-columns:repeat(var(--grid-cols, 10),var(--unit-size, 120px));grid-auto-rows:var(--unit-size, 120px);grid-auto-flow:dense;width:var(--grid-width)}.desktop-grid-layout>*{position:relative}.sortable-item-shell,.sortable-item-shell:focus,.sortable-item-shell:focus-visible{outline:none!important;box-shadow:none}.desktop-grid-layout>.reorder-target-before:before,.desktop-grid-layout>.reorder-target-after:after{content:"";position:absolute;top:16%;bottom:16%;width:3px;border-radius:9999px;background:#fffffff2;box-shadow:0 0 0 3px #3b82f659,0 6px 18px #00000047;pointer-events:none;z-index:40}.desktop-grid-layout>.reorder-target-before:before{left:2px}.desktop-grid-layout>.reorder-target-after:after{right:2px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dock-container{--dock-min-width: 320px;pointer-events:none;position:absolute;left:0;right:0;bottom:.6rem;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding-left:1.5rem;padding-right:1.5rem}.dock-bar{pointer-events:auto;width:-moz-fit-content;width:fit-content;max-width:1120px;min-width:var(--dock-min-width, 320px);border-radius:28px;border:1px solid;padding:.5rem 1.25rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:all .2s}.dock-bar-normal{border-color:#fff9;background-color:#ffffff4d;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dock-bar-over{border-color:#fffc;background-color:#ffffff73;box-shadow:0 25px 50px -12px #00000040}.dock-items-wrapper{display:flex;flex-wrap:nowrap;width:100%;min-height:72px;align-items:center;justify-content:center;gap:1rem;overflow:visible}.dock-item-icon{flex:0 0 auto;height:60px;width:60px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 2px 5px #0000001a;transition:transform .22s cubic-bezier(.25,1,.5,1),box-shadow .22s ease,filter .22s ease;transform-origin:center bottom;background-image:var(--icon-url, none);background-color:var(--bg-color, rgba(255, 255, 255, .7))}.dock-item-icon:hover,.group:hover .dock-item-icon{transform:translateY(-5px) scale(1.08);box-shadow:0 10px 20px -3px #00000038;filter:brightness(1.05)}.dock-item-icon:active,.group:active .dock-item-icon{transform:translateY(-1px) scale(1.02)}.dock-pos-top .dock-item-icon{transform-origin:center top}.dock-pos-top .dock-item-icon:hover,.dock-pos-top .group:hover .dock-item-icon{transform:translateY(5px) scale(1.08)}.dock-tooltip{pointer-events:none;position:absolute;top:-3.6rem;left:50%;z-index:10000;transform:translate(-50%) translateY(4px);opacity:0;transition:opacity .18s ease,transform .18s ease}.group:hover .dock-tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}.dock-pos-top .dock-tooltip{top:auto;bottom:-3.6rem;transform:translate(-50%) translateY(-4px)}.dock-pos-top .group:hover .dock-tooltip{transform:translate(-50%) translateY(2px)}.dock-pos-top .dock-tooltip-arrow{top:auto;bottom:100%;border-top:none;border-bottom:8px solid rgba(255,255,255,.85)}.dock-tooltip-content{position:relative;border-radius:10px;border:1px solid rgba(255,255,255,.7);background-color:#ffffffd9;padding:.25rem .75rem;font-size:12px;font-weight:500;color:#1e293b;box-shadow:0 10px 15px -3px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.dock-tooltip-arrow{position:absolute;left:50%;top:100%;height:0;width:0;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.85)}.dock-placeholder-item{flex:0 0 auto;border:2px dashed rgba(255,255,255,.85);background:#ffffff47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 12px #ffffff59,0 4px 14px #0000001f;display:flex;align-items:center;justify-content:center;animation:dock-placeholder-pulse 1.2s ease-in-out infinite;overflow:hidden;box-sizing:border-box;transition:all .2s cubic-bezier(.25,1,.5,1)}.dock-placeholder-preview{width:100%;height:100%;background-size:cover;background-position:center;opacity:.55;filter:grayscale(.15) brightness(1.1)}.dock-placeholder-inner{font-size:22px;font-weight:700;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3)}@keyframes dock-placeholder-pulse{0%,to{border-color:#fffffff2;background-color:#ffffff59;transform:scale(1.04)}50%{border-color:#ffffff73;background-color:#ffffff2e;transform:scale(.98)}}.drag-overlay-item{display:flex;align-items:center;justify-content:center;pointer-events:none;box-sizing:border-box!important;overflow:visible;max-width:100%}.drag-overlay-item svg,.drag-overlay-item img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.grid-item-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.widget-hover-transition{transition:transform .22s cubic-bezier(.25,1,.5,1),filter .22s ease;transform-origin:center center}.widget-hover-transition:hover{transform:translateY(-2px) scale(1.015)}.is-dragging-active .widget-hover-transition,.drag-overlay-item .widget-hover-transition{transform:none!important;transition:none!important}@keyframes desktop-jiggle{0%{transform:rotate(-1.3deg)}50%{transform:rotate(1.3deg)}to{transform:rotate(-1.3deg)}}.is-editing-home .editing-home-item{animation:desktop-jiggle .16s ease-in-out infinite;transform-origin:center}.is-editing-home .editing-home-item:nth-child(2n){animation-delay:.08s}.is-editing-home .editing-home-item .widget-hover-transition:hover{transform:none!important}.desktop-edit-remove{position:absolute;top:-7px;left:-7px;width:20px;height:20px;border-radius:9999px;border:1.5px solid rgba(255,255,255,.95);background:#ff3b30;color:#fff;display:flex;align-items:center;justify-content:center;z-index:40;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease}.desktop-edit-remove:hover{transform:scale(1.15)}.desktop-edit-remove:active{transform:scale(.92)}
