.tool-shelves-module__cjVx0a__page{aspect-ratio:1920/1441;isolation:isolate;color:#727279;background:#f8f8f9;justify-content:center;align-items:center;padding:32px 28px;display:flex;overflow:clip}.tool-shelves-module__cjVx0a__scene{width:min(600px,100%);min-width:0;position:relative;container-type:inline-size}.tool-shelves-module__cjVx0a__bookshelf{flex-direction:column;gap:6.8cqw;padding-bottom:2.5cqw;display:flex}.tool-shelves-module__cjVx0a__shelfRow{height:16.65cqw;position:relative}.tool-shelves-module__cjVx0a__shelfSlots{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;display:grid;position:absolute;inset:0 10.8cqw auto}.tool-shelves-module__cjVx0a__slot{aspect-ratio:1;width:13.25cqw;position:relative}.tool-shelves-module__cjVx0a__emptySlot{opacity:0;filter:blur(.6cqw);background:#939bab;border-radius:50%;height:1.5cqw;transition:opacity .2s;position:absolute;inset:auto 17% -.7cqw}.tool-shelves-module__cjVx0a__slot[data-empty=true] .tool-shelves-module__cjVx0a__emptySlot{opacity:.09}.tool-shelves-module__cjVx0a__dropPlaceholder{z-index:2;border-radius:calc(34px * var(--squircle-scale));corner-shape:squircle;outline:var(--drop-stroke,1px) solid #76809252;outline-offset:var(--drop-offset,3px);pointer-events:none;transform-origin:50%;background:#848e9e0f;width:128px;height:128px;position:absolute;top:0;left:0}.tool-shelves-module__cjVx0a__shelf{height:5.4cqw;position:absolute;inset:auto 0 -.1cqw}.tool-shelves-module__cjVx0a__shelfGlass{filter:drop-shadow(0 .3cqw .45cqw #00000008)drop-shadow(0 .85cqw 1.1cqw #0000000a);width:100%;display:block;position:relative;overflow:visible}.tool-shelves-module__cjVx0a__shelfGlow{opacity:.2;filter:blur(1.5cqw);background:#dedfe3;border-radius:50%;position:absolute;inset:2.3cqw 3cqw -1.8cqw}.tool-shelves-module__cjVx0a__tileLayer{pointer-events:none;position:absolute;inset:0}.tool-shelves-module__cjVx0a__appTile{border-radius:calc(34px * var(--squircle-scale));corner-shape:squircle;transform-origin:50%;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:0;outline:none;width:128px;height:128px;padding:0;position:absolute;top:0;left:0}.tool-shelves-module__cjVx0a__appTile[data-occluded=true]{pointer-events:none}.tool-shelves-module__cjVx0a__appTile[data-dragging=true]{cursor:grabbing}.tool-shelves-module__cjVx0a__tileFace{border-radius:inherit;corner-shape:inherit;background:linear-gradient(145deg,#fff 8% 65%,#fefefe);place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:0 0 0 1px #0000000f,0 3px 5px -2px #0000001a,0 7px 12px -4px #00000017,0 16px 26px -10px #00000012}.tool-shelves-module__cjVx0a__appLogo{object-fit:contain;pointer-events:none;width:60px;height:60px;display:block}.tool-shelves-module__cjVx0a__appLogo[data-logo=figma]{width:64px;height:64px}.tool-shelves-module__cjVx0a__appLogo[data-logo=vercel]{width:59px;height:53px}.tool-shelves-module__cjVx0a__appLogo[data-logo=framer]{width:47px;height:61px}.tool-shelves-module__cjVx0a__appTile:focus-visible .tool-shelves-module__cjVx0a__tileFace{outline:var(--focus-width,2px) solid #7c88a6;outline-offset:var(--focus-offset,4px)}.tool-shelves-module__cjVx0a__picker{width:min(480px,82%);margin:5.7cqw auto 0;position:relative}.tool-shelves-module__cjVx0a__pickerBody{background:linear-gradient(#f1f2f5c7,#f6f6f873);border-radius:18px;position:relative;box-shadow:inset 0 1px 3px #2c313c0d,0 1px #ffffffe6}.tool-shelves-module__cjVx0a__pickerBody:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #353e4c0a,inset 0 -1px #ffffffd9}.tool-shelves-module__cjVx0a__pickerBody:before{content:"";z-index:7;pointer-events:none;opacity:0;border:1px solid #76809252;border-radius:21px;transition:opacity .12s cubic-bezier(.22,1,.36,1);position:absolute;inset:-3px}.tool-shelves-module__cjVx0a__pickerBody[data-drop-active=true]:before{opacity:1}.tool-shelves-module__cjVx0a__pickerFade{z-index:5;pointer-events:none;background:linear-gradient(#f3f3f6,#f7f7f9);width:32px;position:absolute;inset-block:0}.tool-shelves-module__cjVx0a__pickerFade[data-side=left]{border-radius:18px 0 0 18px;left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000f2 18%,#000000b3 42%,#00000047 70%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000000f2 18%,#000000b3 42%,#00000047 70%,#0000 100%)}.tool-shelves-module__cjVx0a__pickerFade[data-side=right]{border-radius:0 18px 18px 0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000000f2 18%,#000000b3 42%,#00000047 70%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#000000f2 18%,#000000b3 42%,#00000047 70%,#0000 100%)}.tool-shelves-module__cjVx0a__pickerRail{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y;gap:22px;padding:16px 20px;display:flex;position:relative;overflow:auto hidden}.tool-shelves-module__cjVx0a__pickerRail::-webkit-scrollbar{display:none}.tool-shelves-module__cjVx0a__pickerRail:focus-visible{outline-offset:4px;border-radius:inherit;outline:2px solid #7c88a6}.tool-shelves-module__cjVx0a__pickerItem{flex:0 0 48px;min-width:0}.tool-shelves-module__cjVx0a__pickerAnchor{width:48px;height:48px}@media (max-width:600px){.tool-shelves-module__cjVx0a__page{aspect-ratio:auto;padding:32px 18px}.tool-shelves-module__cjVx0a__scene{width:min(420px,100%)}.tool-shelves-module__cjVx0a__bookshelf{gap:9cqw}.tool-shelves-module__cjVx0a__shelfRow{height:19cqw}.tool-shelves-module__cjVx0a__shelfSlots{inset-inline:5cqw}.tool-shelves-module__cjVx0a__slot{width:17cqw}.tool-shelves-module__cjVx0a__shelf{bottom:-1.6cqw}.tool-shelves-module__cjVx0a__picker{width:calc(100% - 30px);margin-top:12cqw}.tool-shelves-module__cjVx0a__pickerRail{gap:22px;padding-inline:18px}}
