.ix-page{--ix-paper:#FFFCF6;--ix-kraft:#E9D3B0;--ix-shadow:0 1px 1px rgba(80,60,30,0.12),0 6px 16px rgba(80,60,30,0.12);--ix-lift:0 2px 2px rgba(80,60,30,0.14),0 14px 26px rgba(80,60,30,0.18);--ix-drop:drop-shadow(0 1px 1px rgba(80,60,30,0.16)) drop-shadow(0 5px 8px rgba(80,60,30,0.14));--ix-torn:polygon(98% 50%,99.1% 57.1%,96.4% 63.6%,95.3% 70.7%,90.9% 76.3%,86.2% 81.3%,82.6% 87.7%,76.3% 91%,70.7% 95.4%,63.8% 96.9%,56.9% 98.1%,50% 99.8%,43% 98.4%,36.5% 95.9%,29.4% 95.2%,23.9% 90.6%,18.3% 86.6%,14.1% 81.1%,9.2% 76.2%,5.5% 70.3%,5.6% 63%,0.6% 57.1%,2.2% 50%,1.3% 43%,2.4% 36%,5.9% 29.9%,8.6% 23.4%,13.8% 18.6%,17.6% 12.6%,23.8% 9.2%,30.4% 7.1%,36.2% 3%,43.1% 1.9%,50% 0.2%,57.1% 0.7%,63.6% 3.7%,70% 6.1%,76.4% 8.9%,82.2% 12.8%,86.6% 18.3%,90.1% 24.3%,94.8% 29.6%,96% 36.5%,97.7% 43.1%);--ix-cut:14px 18px 12px 20px/18px 12px 20px 14px}.ix-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ix-hero{text-align:center;margin:-8px 0 16px}.ix-hero h1{display:inline-block;position:relative;z-index:0;font-family:var(--display);font-weight:700;font-size:clamp(34px,6vw,52px);margin:0;padding:2px 22px 6px;letter-spacing:-.01em}.ix-hero h1:before{content:"";position:absolute;inset:16% 0 0;z-index:-1;background:#F8DFA0 var(--grain);border-radius:var(--ix-cut);transform:rotate(-1.2deg);box-shadow:var(--ix-shadow)}.ix-hero p{margin:10px 0 12px;color:var(--ink-soft);font-size:18px}.ix-hero.is-compact{margin-bottom:10px}.ix-hero.is-compact h1{font-size:clamp(28px,4.5vw,40px)}.ix-page .btn,.ix-paperbtn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:6px 16px;border:0;border-radius:var(--ix-cut);background:var(--ix-paper) var(--grain);color:var(--ink);font:inherit;font-weight:800;text-decoration:none;box-shadow:var(--ix-shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.ix-page .btn:hover,.ix-paperbtn:hover{color:var(--ink);transform:translateY(-2px) rotate(-.8deg);box-shadow:var(--ix-lift)}.ix-page .btn:active,.ix-paperbtn:active{transform:translateY(1px);box-shadow:0 1px 1px rgba(80,60,30,.2)}.ix-page .btn.primary{background-color:#F6927F}.ix-page .btn.danger{background-color:#FBD3CB;color:var(--coral-deep)}.ix-page .btn:disabled{opacity:.55;transform:none;box-shadow:var(--ix-shadow);cursor:progress}.ix-paperbtn.is-mustard{background-color:#F8DFA0}.ix-paperbtn.is-on{background-color:#CFE5F2}.ix-page select{min-height:38px;padding:4px 10px;border:0;border-radius:var(--ix-cut);background:var(--ix-paper) var(--grain);box-shadow:var(--ix-shadow);font:inherit;font-weight:700;color:var(--ink)}.ix-page input[type=range]{padding:0;border:0;background:none;box-shadow:none;accent-color:var(--coral)}.ix-page label.ix-set,.ix-page label.ix-vol{display:inline-flex;flex-direction:row;align-items:center;font-size:inherit;font-weight:inherit}.ix-svg{display:block;width:100%;height:auto;overflow:visible;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ix-page .is-pic .ix-draw{filter:url(#ix-paper)}.ix-play .ix-svg{filter:drop-shadow(0 1px 1px rgba(80,60,30,.2)) drop-shadow(0 7px 9px rgba(80,60,30,.16))}.ix-play{position:relative}.ix-play .ix-svg{touch-action:none;cursor:pointer;outline:none}.ix-play .ix-svg:focus-visible{outline:3px dashed var(--sky);outline-offset:6px;border-radius:24px}.ix-draw.is-ghost{opacity:0}.ix-z{transform-box:fill-box;transform-origin:center}.ix-z.ix-bell{transform-origin:50% 0}.ix-vib{transform-box:fill-box;transform-origin:center}.ix-z.is-off{opacity:.32}.ix-z.is-on{filter:brightness(.9);transform:translateY(2px)}.ix-fx{pointer-events:none}.ix-ring{fill:none;stroke:var(--fam,var(--coral));stroke-width:3;stroke-dasharray:5 4;transform-box:fill-box;transform-origin:center}.ix-note{fill:var(--fam,var(--coral));stroke:var(--fam,var(--coral))}.ix-turn{transform:rotate(var(--turn,0deg));transition:transform .15s ease-out}.ix-plunger{transform:translateX(var(--slide,0));transition:transform .08s linear}.ix-beads{transform:translate(var(--bx,0),var(--by,0));transition:transform .7s cubic-bezier(.3,.7,.4,1)}.ix-glow{opacity:0;transition:opacity 1.2s ease;transform-box:fill-box;transform-origin:center}.is-singing .ix-glow{opacity:1;animation:ix-glow 2.2s ease-in-out infinite}@keyframes ix-glow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ix-play--rain-stick .ix-svg{transition:transform .75s cubic-bezier(.4,1.3,.5,1)}.ix-play--rain-stick.is-flipped .ix-svg{transform:rotate(180deg)}.ix-play--steady-beat:not(.is-beating) [data-zone=toggle]{filter:saturate(.55) brightness(1.05)}.ix-play.is-picked{animation:ix-picked .8s ease-in-out 4}@keyframes ix-picked{0%,to{filter:drop-shadow(0 0 0 transparent);transform:scale(1) rotate(0)}50%{filter:drop-shadow(0 0 16px var(--fam));transform:scale(1.07) rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.is-singing .ix-glow,.ix-play.is-picked{animation:none}.ix-play.is-picked{filter:drop-shadow(0 0 12px var(--fam))}.ix-beads,.ix-play--rain-stick .ix-svg,.ix-turn{transition:none}}.ix{--fam:var(--coral);display:grid;grid-gap:14px;gap:14px}.ix-families{display:flex;gap:8px;overflow-x:auto;padding:6px 4px 10px;justify-content:safe center;scrollbar-width:thin}.ix-family{flex:none;display:grid;justify-items:center;grid-gap:6px;gap:6px;width:104px;padding:6px 4px 8px;background:none;border:0;cursor:pointer;font:inherit;color:var(--ink)}.ix-family-pic{position:relative;display:grid;place-items:center;width:78px;height:78px;filter:var(--ix-drop);transition:transform .18s ease}.ix-family-pic:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--c) 26%,var(--ix-paper)) var(--grain);-webkit-clip-path:var(--ix-torn);clip-path:var(--ix-torn)}.ix-family-pic .ix-svg{position:relative;width:60px}.ix-family-name{font-family:var(--display);font-weight:600;font-size:14px;line-height:1.15;text-align:center;padding:0 6px;border-radius:3px}.ix-family:hover .ix-family-pic{transform:translateY(-3px) rotate(-4deg)}.ix-family.is-on .ix-family-pic{transform:translateY(-4px) rotate(3deg) scale(1.06)}.ix-family.is-on .ix-family-pic:before{background-color:color-mix(in srgb,var(--c) 55%,var(--ix-paper))}.ix-family.is-on .ix-family-name{background:rgba(242,181,68,.6);transform:rotate(-2deg)}.ix-family:focus-visible{outline:3px dashed var(--sky);outline-offset:2px;border-radius:12px}.ix-shelf{position:relative;display:flex;gap:14px;overflow-x:auto;padding:14px 12px;justify-content:safe center;background:var(--ix-kraft) var(--grain);box-shadow:inset 0 -6px 0 rgba(80,60,30,.1),var(--ix-shadow);border-radius:2px;scrollbar-width:thin}.ix-thumb{position:relative;flex:none;display:grid;justify-items:center;grid-gap:2px;gap:2px;width:104px;padding:10px 6px 8px;background:var(--ix-paper) var(--grain);border:0;border-radius:3px;box-shadow:var(--ix-shadow);cursor:pointer;font:inherit;color:var(--ink);transform:rotate(-1.2deg);transition:transform .15s ease,box-shadow .15s ease}.ix-thumb:nth-child(2n){transform:rotate(1.4deg)}.ix-thumb:nth-child(3n){transform:rotate(-.4deg)}.ix-thumb .ix-svg{width:74px}.ix-thumb span{font-size:13px;font-weight:700;line-height:1.15;text-align:center}.ix-thumb:hover{transform:translateY(-4px) rotate(0deg);box-shadow:var(--ix-lift)}.ix-thumb.is-on{transform:translateY(-3px) rotate(0deg);box-shadow:var(--ix-lift);background-color:color-mix(in srgb,var(--fam) 16%,var(--ix-paper))}.ix-thumb.is-on:before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:16px;margin-left:-23px;background:rgba(242,181,68,.75);transform:rotate(-4deg);-webkit-clip-path:polygon(0 10%,4% 0,9% 12%,14% 2%,100% 0,96% 50%,100% 100%,8% 92%,3% 100%,0 88%);clip-path:polygon(0 10%,4% 0,9% 12%,14% 2%,100% 0,96% 50%,100% 100%,8% 92%,3% 100%,0 88%)}.ix-thumb:focus-visible{outline:3px dashed var(--sky);outline-offset:3px}.ix-stage{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px minmax(240px,.7fr);align-items:center;grid-gap:8px 12px;gap:8px 12px;margin:12px 0;padding:18px;background:var(--ix-paper) var(--grain);box-shadow:var(--ix-shadow)}.ix-stage:after,.ix-stage:before{content:"";position:absolute;left:0;right:0;height:12px;background:var(--ix-paper);-webkit-mask:var(--deckle) left bottom /480px 12px repeat-x;mask:var(--deckle) left bottom /480px 12px repeat-x;pointer-events:none}.ix-stage:before{top:-11px}.ix-stage:after{bottom:-11px;transform:scaleY(-1)}.ix-spot{position:relative;z-index:0;display:grid;place-items:center;aspect-ratio:1;margin:0 auto;width:min(100%,58vh,540px)}.ix-spot:before{inset:5%;z-index:-1;background:color-mix(in srgb,var(--fam) 26%,var(--ix-paper)) var(--grain);transform:rotate(-6deg);transition:background-color .3s ease}.ix-spot:after,.ix-spot:before{content:"";position:absolute;-webkit-clip-path:var(--ix-torn);clip-path:var(--ix-torn)}.ix-spot:after{inset:10% 6% 2% 12%;z-index:-2;background:color-mix(in srgb,var(--fam) 12%,var(--ix-paper));transform:rotate(14deg)}.ix-hero-play{position:relative;width:88%;max-width:520px}.ix-arrow{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;filter:var(--ix-drop);transition:transform .15s ease}.ix-arrow:before{content:"";position:absolute;inset:0;background:#F8DFA0 var(--grain);-webkit-clip-path:var(--ix-torn);clip-path:var(--ix-torn)}.ix-arrow svg{position:relative}.ix-arrow:hover{transform:scale(1.08) rotate(-6deg)}.ix-arrow:active{transform:scale(.95)}.ix-plate{position:relative;align-self:center;padding:8px 6px}.ix-plate h2{font-weight:700;font-size:clamp(32px,4.4vw,48px);line-height:1;margin:0}.ix-alt,.ix-plate h2{font-family:var(--display)}.ix-alt{margin:8px 0 0;font-size:20px;color:var(--ink-soft)}.ix-how{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:6px 16px 6px 12px;background:color-mix(in srgb,var(--fam) 26%,var(--ix-paper)) var(--grain);border-radius:var(--ix-cut);box-shadow:var(--ix-shadow);font-weight:800;transform:rotate(-1.5deg)}.ix-fact{margin:16px 0 0;font-size:18px;line-height:1.4;max-width:28ch}.ix-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px}.ix-lang{display:inline-flex;padding:4px;gap:2px;border:0;border-radius:var(--ix-cut);background:var(--ix-paper) var(--grain);box-shadow:var(--ix-shadow);cursor:pointer;font:inherit;font-weight:800;color:var(--ink)}.ix-lang span{padding:4px 10px;border-radius:6px;font-size:13px}.ix-lang span.is-on{background:#CFE5F2}.ix-vol{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft)}.ix-vol input{width:140px}@media (max-width:860px){.ix-stage{grid-template-columns:44px minmax(0,1fr) 44px;padding:12px}.ix-arrow{width:40px;height:40px}.ix-plate{grid-column:1/-1;text-align:center}.ix-fact{margin-inline:auto}.ix-families,.ix-shelf{justify-content:flex-start}}.ix-fullbar{top:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.ix-fullbar,.ix-unlock{position:fixed;right:14px;z-index:20}.ix-unlock{bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:var(--ix-cut);background:rgba(255,252,246,.85) var(--grain);box-shadow:var(--ix-shadow);color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer;overflow:hidden;opacity:.6;transition:opacity .2s ease;isolation:isolate}.ix-unlock.is-holding,.ix-unlock:hover{opacity:1}.ix-unlock:after{content:"";position:absolute;inset:0;background:#F8DFA0;transform:scaleX(0);transform-origin:left;z-index:-1}.ix-unlock.is-holding:after{transform:scaleX(1);transition:transform 1s linear}.ix.is-full{position:fixed;inset:0;z-index:100;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;padding:14px 16px 12px;background:var(--cream) var(--grain);overflow:auto}.ix.is-full .ix-families{padding-right:200px}.ix.is-full .ix-family-pic{width:64px;height:64px}.ix.is-full .ix-family-pic .ix-svg{width:50px}.ix.is-full .ix-shelf{padding:10px 12px}.ix.is-full .ix-thumb{width:92px;padding:8px 4px 6px}.ix.is-full .ix-thumb .ix-svg{width:60px}.ix.is-full .ix-stage{min-height:0;margin:8px 0}.ix.is-full .ix-spot{width:min(100%,max(260px,calc(100dvh - 340px)),760px)}.ix.is-full .ix-hero-play{max-width:none}.ix.is-locked{grid-template-rows:minmax(0,1fr);padding:24px 16px}.ix.is-locked .ix-arrow,.ix.is-locked .ix-controls,.ix.is-locked .ix-families,.ix.is-locked .ix-shelf{display:none}.ix.is-locked .ix-stage{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);margin:0}.ix.is-locked .ix-spot{width:min(100%,calc(100dvh - 110px),860px)}body:has(.ix.is-full){overflow:hidden}@media (max-width:860px){.ix.is-full .ix-families{padding-right:4px;margin-top:52px}.ix.is-full .ix-spot{width:min(100%,max(220px,calc(100dvh - 540px)))}.ix.is-full .ix-plate{padding:0}.ix.is-full .ix-plate h2{font-size:30px}.ix.is-full .ix-how{margin-top:8px}.ix.is-full .ix-fact{display:none}.ix.is-locked .ix-families{margin-top:0}.ix.is-locked .ix-stage{grid-template-columns:minmax(0,1fr)}.ix.is-locked .ix-spot{width:min(100%,calc(100dvh - 240px))}}.ix-builder{display:grid;grid-gap:14px;gap:14px}.ix-builder.is-dragging,.ix-builder.is-dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.ix-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.ix-title{flex:1 1 240px;max-width:420px}.ix-title input{width:100%;font-family:var(--display);font-weight:700;font-size:22px;padding:6px 14px;background:#F8DFA0 var(--grain);border:0;border-radius:var(--ix-cut);box-shadow:var(--ix-shadow);color:var(--ink);transform:rotate(-.8deg)}.ix-title input:focus{outline:3px dashed var(--coral);outline-offset:3px;box-shadow:var(--ix-shadow)}.ix-top-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.ix-bubble{flex-basis:100%;margin:0;padding:10px 16px;background:var(--ix-paper) var(--grain);border-radius:var(--ix-cut);box-shadow:var(--ix-shadow);font-weight:600}.ix-bubble.is-error{color:var(--coral-deep);background-color:#FDE7E2}.ix-drawer{padding:16px;background:var(--ix-kraft) var(--grain);box-shadow:var(--ix-shadow);border-radius:3px}.ix-drawer p{margin:4px}.ix-drawer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:16px;gap:16px}.ix-drawer li{position:relative;padding:8px;background:var(--ix-paper) var(--grain);border-radius:3px;box-shadow:var(--ix-shadow);transform:rotate(-.8deg)}.ix-drawer li:nth-child(2n){transform:rotate(.9deg)}.ix-drawer li.is-on{background-color:#FFF3D6}.ix-mini-link{display:grid;grid-gap:6px;gap:6px;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.ix-mini-del{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border:0;border-radius:999px;background:var(--ix-paper);box-shadow:var(--ix-shadow);cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:var(--ink)}.ix-mini-del.is-armed{background:var(--coral);color:#fff}.ix-mini{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:2px;overflow:hidden}.ix-mini>span{position:absolute;transform:translate(-50%,-50%)}.ix-work{display:grid;grid-template-columns:232px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.ix-tray{display:grid;grid-gap:10px;gap:10px;padding:12px;background:var(--ix-paper) var(--grain);box-shadow:var(--ix-shadow);border-radius:3px;position:-webkit-sticky;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}.ix-tray-tabs{display:flex;flex-wrap:wrap;gap:5px;padding-top:2px}.ix-tray-tab{padding:3px 9px;border:0;border-radius:3px;background:color-mix(in srgb,var(--c) 22%,var(--ix-paper));cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:var(--ink);transition:transform .12s ease,box-shadow .12s ease}.ix-tray-tab:nth-child(2n){transform:rotate(1deg)}.ix-tray-tab:nth-child(odd){transform:rotate(-1deg)}.ix-tray-tab.is-on{background:color-mix(in srgb,var(--c) 50%,var(--ix-paper));box-shadow:var(--ix-shadow);transform:translateY(-2px) rotate(-2deg)}.ix-tray-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.ix-tray-item{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 4px 6px;background:var(--cream) var(--grain);border:0;border-radius:3px;box-shadow:0 1px 2px rgba(80,60,30,.16);cursor:-webkit-grab;cursor:grab;touch-action:none;font:inherit;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.ix-tray-item .ix-svg{width:70px;pointer-events:none}.ix-tray-item span{font-size:12px;font-weight:700;line-height:1.15;text-align:center}.ix-tray-item:hover{transform:translateY(-3px) rotate(-2deg);box-shadow:var(--ix-lift)}.ix-tray-item:focus-visible{outline:3px dashed var(--sky)}.ix-tray-hint{margin:0;font-size:12px;color:var(--ink-soft);text-align:center}.ix-canvas-col{display:grid;grid-gap:22px;gap:22px;min-width:0}.ix-canvas-wrap{position:relative;padding:10px;background:var(--ix-paper) var(--grain);box-shadow:var(--ix-shadow);border-radius:3px}.ix-board{position:relative;aspect-ratio:16/10;border-radius:2px;box-shadow:inset 0 1px 3px rgba(80,60,30,.25);overflow:hidden;container-type:inline-size;outline:none}.ix-board:after{content:"";position:absolute;inset:0;background-image:var(--grain);pointer-events:none}.ix-board:focus-visible{outline:3px dashed var(--sky);outline-offset:4px}.ix-board.is-target:after{box-shadow:inset 0 0 0 4px var(--coral)}.ix-backdrop{position:absolute;inset:0;width:100%;height:100%;background-image:var(--grain);pointer-events:none}.ix-bd-layer{filter:drop-shadow(0 -2px 3px rgba(60,40,20,.14))}.ix-item{position:absolute;z-index:1;width:calc(var(--s, 1) * 15cqw);transform:translate(-50%,-50%)}.ix-item:before{content:"";position:absolute;inset:-6%;border:2px dashed transparent;border-radius:24px;pointer-events:none;transition:border-color .15s ease}.ix-item.is-selected:before{border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.ix-board.is-night .ix-item.is-selected:before{border-color:rgba(251,246,238,.65)}.ix-grip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%) rotate(-1deg);display:none;gap:2px;padding:3px;background:var(--ix-paper) var(--grain);border-radius:var(--ix-cut);box-shadow:var(--ix-lift);z-index:3;white-space:nowrap}.ix-item.is-selected .ix-grip,.ix-item:hover .ix-grip{display:flex}.ix-item.is-selected{z-index:2}.ix-grip button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--ink);cursor:pointer}.ix-grip button:hover{background:var(--cream)}.ix-grip button:disabled{opacity:.3;cursor:default}.ix-grip-move{cursor:-webkit-grab!important;cursor:grab!important;touch-action:none;background:#F8DFA0!important}.ix-grip-del:hover{color:var(--coral-deep)}@media (hover:none){.ix-item:hover:not(.is-selected) .ix-grip{display:none}}.ix-empty{position:absolute;inset:0;z-index:1;display:grid;align-content:center;justify-items:center;grid-gap:14px;gap:14px;padding:18px;text-align:center}.ix-empty-hint{margin:0;padding:4px 14px;font-family:var(--display);font-size:clamp(16px,2.2cqw,22px);background:var(--ix-paper) var(--grain);border-radius:var(--ix-cut);box-shadow:var(--ix-shadow);transform:rotate(-1deg)}.ix-starters{display:grid;grid-template-columns:repeat(4,minmax(0,170px));grid-gap:14px;gap:14px}.ix-starter{display:grid;grid-gap:6px;gap:6px;padding:7px 7px 9px;background:var(--ix-paper) var(--grain);border:0;border-radius:3px;box-shadow:var(--ix-shadow);cursor:pointer;font:inherit;font-weight:700;color:var(--ink);transform:rotate(-1.5deg);transition:transform .15s ease,box-shadow .15s ease}.ix-starter:nth-child(2n){transform:rotate(1.5deg)}.ix-starter:hover{transform:translateY(-4px) rotate(0);box-shadow:var(--ix-lift)}@container (max-width: 560px){.ix-starters{grid-template-columns:repeat(2,minmax(0,150px))}}.ix-ghost{position:fixed;width:110px;pointer-events:none;transform:translate(-50%,-50%) rotate(-6deg) scale(1.05);filter:drop-shadow(4px 8px 6px rgba(80,60,30,.25));z-index:60}.ix-settings{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:10px 16px;background:var(--ix-kraft) var(--grain);box-shadow:var(--ix-shadow)}.ix-settings:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px;background:var(--ix-kraft);-webkit-mask:var(--deckle) left bottom /480px 12px repeat-x;mask:var(--deckle) left bottom /480px 12px repeat-x;pointer-events:none}.ix-set{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--ink)}.ix-swatch{position:relative;width:30px;height:30px;padding:0;border:0;background:none!important;cursor:pointer;filter:var(--ix-drop);transition:transform .15s ease}.ix-swatch:before{content:"";position:absolute;inset:0;background:var(--sw) var(--grain);-webkit-clip-path:var(--ix-torn);clip-path:var(--ix-torn)}.ix-swatch.is-on{transform:scale(1.22) rotate(10deg)}.ix-swatch.is-on:after{content:"";position:absolute;left:50%;bottom:-9px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--ink)}.ix-sel{margin-left:auto;font-weight:700}.ix-sel-dot{width:12px;height:12px;border-radius:50%}.ix-freeze{position:absolute;inset:0;display:grid;place-items:center;background:rgba(31,42,55,.1);pointer-events:none;z-index:4;animation:ix-freeze 1.4s ease forwards}.ix-freeze svg{fill:var(--ix-paper);stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;padding:24px;background:#F6927F var(--grain);-webkit-clip-path:var(--ix-torn);clip-path:var(--ix-torn);width:min(170px,26cqw);height:auto}@keyframes ix-freeze{0%{opacity:0;transform:scale(.8) rotate(-8deg)}15%{opacity:1;transform:scale(1) rotate(0)}75%{opacity:1}to{opacity:0}}.ix-builder.is-full{position:fixed;inset:0;z-index:100;display:block;background:var(--cream)}.ix-builder.is-full .ix-drawer,.ix-builder.is-full .ix-top{display:none}.ix-builder.is-full .ix-canvas-col,.ix-builder.is-full .ix-canvas-wrap,.ix-builder.is-full .ix-work{position:absolute;inset:0;display:block;padding:0;box-shadow:none}.ix-builder.is-full .ix-board{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;box-shadow:none;container-type:size}.ix-builder.is-full .ix-item{width:calc(var(--s, 1) * min(15cqw, 24cqh))}.ix-builder.is-full .ix-tray{position:fixed;left:14px;top:66px;bottom:90px;width:232px;z-index:15;max-height:none;align-content:start;box-shadow:var(--ix-lift);transform:translateX(calc(-100% - 40px)) rotate(-3deg);transition:transform .3s cubic-bezier(.3,1.2,.5,1)}.ix-builder.is-full.is-tray-open .ix-tray{transform:rotate(-.6deg)}.ix-builder.is-full .ix-settings{position:fixed;left:50%;bottom:14px;z-index:15;transform:translateX(-50%) rotate(-.4deg);width:max-content;max-width:calc(100vw - 28px);box-shadow:var(--ix-lift);border-radius:2px}.ix-builder.is-full .ix-settings:before,.ix-builder.is-locked .ix-grip,.ix-builder.is-locked .ix-item:before,.ix-builder.is-locked .ix-settings,.ix-builder.is-locked .ix-tray{display:none}body:has(.ix-builder.is-full){overflow:hidden}@media (max-width:860px){.ix-work{grid-template-columns:1fr}.ix-tray{position:static;max-height:none}.ix-tray-grid{display:flex;overflow-x:auto;padding-bottom:6px}.ix-tray-item{flex:none;width:92px}.ix-tray-tabs{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px}.ix-tray-tab{flex:none}.ix-top-actions{margin-left:0}.ix-builder.is-full .ix-tray{right:14px;width:auto;top:auto;bottom:160px}}