.layouts-section{z-index:1;background:var(--paper);flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(2.5rem,5vw,4.5rem);display:flex;position:relative}.layouts-header{text-align:center;width:100%;max-width:54rem}.layouts-header h2{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,3.2vw,2.45rem);line-height:1.25}.layouts-header p{color:var(--muted);margin-top:.65rem;font-size:.98rem;line-height:1.6}.layouts-header p a{color:var(--purple);white-space:nowrap;font-weight:700}.deck-hardware-chassis{-webkit-user-select:none;user-select:none;background:linear-gradient(155deg,#fbf9f5 0%,#ece5d7 55%,#ded3be 100%);border:1px solid #b9ac9999;border-radius:clamp(1.5rem,3vw,2.25rem);grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);align-items:center;gap:clamp(1.5rem,3.5vw,3rem);width:100%;max-width:58rem;margin:0 auto;padding:clamp(1.35rem,3vw,2.25rem);display:grid;position:relative;box-shadow:0 28px 65px -14px #2d231438,0 10px 24px -6px #2d23141a,inset 0 2px 3px #fffffff2,inset 0 -3px 6px #2d231426}.deck-controls-bay{flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2.2vw,1.45rem);width:100%;min-width:0;display:flex}.deck-lcd-screen{width:100%;max-width:24rem}.lcd-screen-glass{color:#101c10;background:radial-gradient(at 50% 25%,#9db698 0%,#8ca686 60%,#7d9677 100%);border:2px solid #242c22;border-radius:.75rem;padding:clamp(.7rem,1.5vw,.95rem) clamp(.85rem,1.8vw,1.15rem);font-family:ui-monospace,SF Mono,Courier Prime,Cascadia Code,Lucida Console,monospace;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0006,inset 0 0 1px #00000080,0 2px 6px #00000014}.lcd-screen-glass:before{content:"";pointer-events:none;opacity:.75;background:repeating-linear-gradient(0deg,#0000 0 2px,#121c1114 2px 3px);position:absolute;inset:0}.lcd-screen-header{z-index:1;border-bottom:1.5px dashed #121e1159;justify-content:space-between;align-items:center;padding-bottom:.35rem;display:flex;position:relative}.lcd-header-tags{align-items:center;gap:.3rem;display:flex}.lcd-tag{letter-spacing:.04em;color:#101c10;background:#121e111f;border:1px solid #121e1166;border-radius:2px;padding:.08rem .3rem;font-size:.58rem;font-weight:800;box-shadow:inset 0 1px 1px #0000001f}.lcd-screen-index{color:#0c160b;letter-spacing:.06em;text-shadow:1px 1px #00000014;font-size:.82rem;font-weight:900}.lcd-screen-body{z-index:1;flex-direction:column;gap:.18rem;margin-top:.45rem;display:flex;position:relative}.lcd-screen-name{color:#081207;letter-spacing:-.01em;text-shadow:1px 1px #00000014;font-size:1.22rem;font-weight:900}.lcd-screen-desc{color:#121f11;text-shadow:.5px .5px #0000000f;margin-top:.12rem;font-size:.81rem;font-weight:600;line-height:1.46}.lcd-screen-footer{z-index:1;align-items:center;margin-top:.48rem;display:flex;position:relative}.lcd-screen-link{color:#0d170c;letter-spacing:.04em;background:#121e1114;border:1.5px solid #232b21;border-radius:3px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.74rem;font-weight:900;text-decoration:none;transition:all .18s;display:inline-flex}.lcd-screen-link:hover{color:#9db698;background:#142013;border-color:#142013;transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.deck-dial-unit{justify-content:center;align-items:center;display:flex;position:relative}.knob-rotary-mount{justify-content:center;align-items:center;width:clamp(140px,16vw,175px);height:clamp(140px,16vw,175px);display:flex;position:relative}.knob-dial{cursor:grab;touch-action:none;z-index:2;border-radius:50%;outline:none;width:clamp(125px,14.5vw,155px);height:clamp(125px,14.5vw,155px);transition:transform .14s cubic-bezier(.16,1,.3,1);position:relative}.knob-dial:active{cursor:grabbing;transform:scale(.96)}.knob-dial:focus-visible{box-shadow:0 0 0 3px var(--purple), 0 10px 24px #2d231433}@keyframes knob-invite-wiggle{0%{transform:rotate(0)}12%{transform:rotate(-12deg)}24%{transform:rotate(12deg)}36%{transform:rotate(-6deg)}48%{transform:rotate(6deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.knob-dial.is-inviting .knob-dial-body{animation:3.4s ease-in-out infinite knob-invite-wiggle}.knob-dial-body{transform-origin:50%;will-change:transform;background:radial-gradient(circle at 35% 30%,#fff 0%,#ede7dc 55%,#cbc1af 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 12px 24px #2d231429,0 3px 6px #2d231414,inset 0 2px 4px #fffffff2,inset 0 -3px 6px #372d1e40,0 0 0 1px #211f1a1f}.knob-grooves{pointer-events:none;border:1px dashed #211f1a1a;border-radius:50%;position:absolute;inset:5px}.knob-pointer-needle{pointer-events:none;background:linear-gradient(#6455df 0%,#4639ad 100%);border-radius:3px;width:5px;height:18px;position:absolute;top:5px;left:calc(50% - 2.5px);box-shadow:0 2px 6px #6455df99,inset 0 1px 1px #ffffffb3}.knob-center-hub{pointer-events:none;z-index:3;background:radial-gradient(circle at 45% 38%,#fcfaf5 0%,#e6dfd4 100%);border:1px solid #211f1a17;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:62%;height:62%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px #fffffff2,0 3px 9px #2d231424,inset 0 -1px 3px #00000014}.knob-hub-icon{object-fit:contain;width:1.85rem;height:1.85rem;transition:transform .22s cubic-bezier(.16,1,.3,1)}.knob-hub-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-size:.88rem;font-weight:900;line-height:1.1;overflow:hidden}.deck-screen-bay{place-items:center;width:100%;min-width:0;display:grid}.deck-screen-bezel{background:radial-gradient(circle at 50% 30%,#e2d8c7 0%,#cdbfab 100%);border:1px solid #00000014;border-radius:clamp(1.4rem,2.5vw,1.95rem);place-items:center;padding:clamp(.5rem,1.2vw,.85rem);display:grid;position:relative;box-shadow:inset 0 2px 6px #0000002e,inset 0 0 2px #00000040,0 1px 1px #fffc}.layout-preview-frame{touch-action:pan-y;transition:transform .25s cubic-bezier(.16,1,.3,1);display:block;position:relative}.layout-preview-frame:hover{transform:translateY(-.25rem)}.layout-preview-frame img{aspect-ratio:1206/2622;object-fit:contain;border:1px solid #0000001f;border-radius:1.25rem;width:auto;max-width:100%;height:auto;max-height:min(52svh,30rem);display:block;box-shadow:0 12px 28px #0003}@media (width<=56.25rem){.layouts-section{gap:1.25rem;padding-top:1.75rem;padding-bottom:2rem}.layouts-header h2{font-size:clamp(1.15rem,4.2vw,1.55rem);line-height:1.25}.layouts-header p{margin-top:.35rem;font-size:clamp(.78rem,2.6vw,.88rem);line-height:1.4}.deck-hardware-chassis{border-radius:1.35rem;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(.65rem,2vw,1.15rem);padding:clamp(.85rem,2.5vw,1.25rem)}.deck-controls-bay{gap:.65rem}.deck-lcd-screen{max-width:100%}.lcd-screen-glass{border-radius:.55rem;padding:.45rem .65rem}.lcd-screen-header{padding-bottom:.25rem}.lcd-tag{padding:.05rem .22rem;font-size:.52rem}.lcd-screen-index{font-size:.72rem}.lcd-screen-body{gap:.1rem;margin-top:.28rem}.lcd-screen-name{font-size:.96rem}.lcd-screen-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.lcd-screen-footer{margin-top:.35rem}.lcd-screen-link{padding:.18rem .48rem;font-size:.65rem}.knob-rotary-mount{width:clamp(95px,24vw,125px);height:clamp(95px,24vw,125px)}.knob-dial{width:clamp(82px,21vw,110px);height:clamp(82px,21vw,110px)}.knob-pointer-needle{width:3.5px;height:13px;top:4px;left:calc(50% - 1.5px)}.knob-hub-icon{width:1.35rem;height:1.35rem}.knob-hub-name{font-size:.76rem}.deck-screen-bezel{border-radius:1.15rem;padding:.35rem}.layout-preview-frame img{border-radius:.85rem;max-height:min(34svh,235px)}}@media (width<=24rem){.deck-hardware-chassis{gap:.5rem;padding:.65rem}.knob-rotary-mount{width:88px;height:88px}.knob-dial{width:76px;height:76px}.layout-preview-frame img{max-height:min(26svh,175px)}}