.kit-panel{gap:var(--space-3);flex-direction:column;width:100%;max-width:280px;display:flex}.kit-panel__rows{gap:var(--space-3);flex-direction:column;display:flex}
.flower-toy{cursor:grab;height:100dvh;font-size:12px;display:flex}.flower-toy[data-panning]{cursor:grabbing}.flower-toy .panel{cursor:auto}.flower-toy .stage{z-index:0;flex-direction:column;flex:1;align-self:stretch;align-items:center;min-width:0;height:100%;min-height:0;display:flex;position:relative}.flower-toy .canvas-fit{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.flower-toy .stage-canvas{aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.flower-toy .stage-canvas.transparent{--checker:#ffffff12;background-color:#101014;background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.flower-toy .stage-canvas.cleaning{cursor:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2234%22 height%3D%2248%22 viewBox%3D%220 0 92.48 132.64%22%3E%3Cpath d%3D%22M90.86%2C121.12l-26.19-45.29c-.74-1.28-3.04-1.45-4.78-1.45l-5.03-7.6c2.16-4.1%2C20.88-34.18%2C20.88-64.62%2C0-.68-.77-2.15-1.64-2.15h-1.18s-26.68%2C51.94-26.68%2C51.94L19.56%2C0h-1.18c-.87%2C0-1.64%2C1.48-1.64%2C2.15%2C0%2C30.44%2C18.72%2C60.52%2C20.88%2C64.62l-5.03%2C7.6c-1.74%2C0-4.04.17-4.78%2C1.45L1.62%2C121.12c-6.2%2C7.86%2C7.14%2C16.43%2C11.11%2C8.11l25.94-44.93c1.41-2.43%2C2.03-3.39-.05-6.29l4.23-2.91c1.01.96%2C2.19%2C1.09%2C3.39%2C1.16%2C1.19-.07%2C2.37-.2%2C3.39-1.16l4.23%2C2.91c-2.08%2C2.9-1.46%2C3.86-.05%2C6.29l25.94%2C44.93c3.97%2C8.33%2C17.31-.25%2C11.11-8.11ZM46.24%2C71.28c-1.71%2C0-3.09-1.38-3.09-3.09s1.38-3.09%2C3.09-3.09%2C3.09%2C1.38%2C3.09%2C3.09-1.38%2C3.09-3.09%2C3.09Z%22 fill%3D%22%23f5f5f5%22 stroke%3D%22%231d1d1b%22 stroke-width%3D%223%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 17 25,crosshair}.flower-toy .loading{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;animation:flower-fade var(--motion-fade) var(--motion-ease);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.flower-toy .loading.err{color:var(--button-fill-tertiary)}@keyframes flower-fade{0%{opacity:0}to{opacity:1}}.flower-toy .sheet{display:contents}.flower-toy .sheet-grab,.flower-toy .sheet-bar{display:none}@media (max-width:900px){.flower-toy{gap:var(--space-3);padding:var(--space-3)}}@media (max-width:700px) and (min-height:521px){.flower-toy{padding-bottom:var(--peek);--grip-h:26px;--bar-h:46px;--peek:calc(var(--grip-h) + var(--bar-h));--sheet-h:86dvh;flex-direction:column}.flower-toy .sheet{z-index:2;height:var(--sheet-h);background:var(--background-secondary);border-top:var(--border-hairline) solid var(--stroke-primary);--sheet-travel:calc(var(--sheet-h) - var(--peek));--sheet-base:var(--sheet-travel);transform:translateY(clamp(0px, calc(var(--sheet-base) + var(--sheet-drag,0px)), var(--sheet-travel)));transition:transform var(--motion-sheet) var(--motion-sheet-ease);border-radius:14px 14px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.flower-toy .sheet.open{--sheet-base:0px}.flower-toy .sheet.dragging{transition:none}.flower-toy .sheet-grab{width:100%;height:var(--grip-h);cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;padding:0;display:block}.flower-toy .sheet-grab:after{content:"";background:var(--stroke-primary);border-radius:999px;width:36px;height:4px;margin:11px auto 0;display:block}.flower-toy .sheet-bar{height:var(--bar-h);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.flower-toy .sheet-bar .kit-toggle{flex:0 160px;min-width:56px}.flower-toy .sheet>.panel{background:0 0;flex:none;order:0;width:auto;max-height:none;padding:0 12px 12px}.flower-toy .sheet>.panel:last-child{flex:1;min-height:0}.flower-toy .sheet .panel-body{background:0 0;border:none;padding:0}.flower-toy .panel-byline,.flower-toy .kit-disclosure[data-name=tool]{display:none}.flower-toy .kit-disclosure[data-name=tool]+.kit-disclosure[data-level="2"]{border-top:none}}
.flower-toy{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--background-page);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:var(--tracking-sans)}.flower-toy .panel{z-index:1;gap:var(--space-4);width:300px;height:auto;max-height:100%;padding:var(--space-4);border-radius:var(--radius-pill);background:var(--background-secondary);font-family:var(--font-sans);letter-spacing:var(--tracking-sans);border-left:none;flex-direction:column;flex-shrink:0;display:flex;position:relative}.flower-toy .stage-bar__mark{font:inherit;border-radius:var(--radius-pill);background:var(--fill-button-secondary);flex-shrink:0;align-items:center;height:30px;margin:0;padding:0 16px;display:flex}.flower-toy .stage-bar__mark span{aspect-ratio:74/20;background:var(--button-fill-disabled);width:74px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .flower-toy .stage-bar__mark span{background:var(--fill-button-primary)}}:root[data-theme=night] .flower-toy .stage-bar__mark span{background:var(--fill-button-primary)}.flower-toy .panel-mode{justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline:var(--space-3);flex-shrink:0;display:flex}.flower-toy .panel-mode__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);overflow:hidden}.flower-toy .panel-mode .kit-toggle{flex:0 120px}.flower-toy .panel-byline{padding-top:var(--space-1);text-align:center;font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text-tertiary);flex-shrink:0;margin:0;font-size:9px}.flower-toy .panel-byline strong{font-weight:var(--font-weight-bold)}.flower-toy .stage-bar{z-index:1;align-items:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--background-secondary);flex:none;display:flex;position:relative}.flower-toy .stage-bar .kit-pager{justify-content:flex-start;min-width:0}.flower-toy .stage-bar__actions{gap:var(--space-3);flex-shrink:0;display:flex}.flower-toy .stage-bar__actions .kit-button{width:auto;padding-inline:var(--space-4)}.flower-toy .stage-bar__actions .kit-button:first-child{flex:0 250px;min-width:0;overflow:hidden}.flower-toy[data-dropping] .stage-canvas{outline:2px solid var(--text-accent-secondary);outline-offset:3px}.flower-toy .stage-canvas{border-radius:var(--radius-blade)}.flower-toy .panel-body{gap:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.flower-toy .panel-body .kit-panel{max-width:none}.flower-toy .seed-row{gap:var(--space-3);display:flex}.flower-toy .seed-row .kit-button{width:auto;padding-inline:var(--space-4);flex:0 auto}.flower-toy .seed-row .kit-text-item{flex:1;min-width:0}.flower-toy .size-fields{gap:var(--space-3);display:flex}.flower-toy .size-fields .kit-text-item{flex:1;min-width:0}@media (max-height:520px){.flower-toy .panel-byline{display:none}}.flower-toy .panel{position:relative}.flower-toy .panel-resizer{z-index:2;cursor:col-resize;touch-action:none;background:0 0;outline:none;width:8px;position:absolute;top:0;bottom:0}.flower-toy .panel-resizer:focus-visible{background:linear-gradient(var(--text-accent-secondary), var(--text-accent-secondary)) center / 2px 100% no-repeat}.flower-toy .panel-resizer{left:-4px}body[data-resizing-panel]{cursor:col-resize;-webkit-user-select:none;user-select:none}body[data-resizing-panel] *{cursor:col-resize!important}@media (max-width:700px) and (min-height:521px){.flower-toy .panel-resizer{display:none}.flower-toy .sheet>.panel{width:auto!important}}@media (max-width:700px){.flower-toy .stage-bar__mark{display:none}.flower-toy .stage-bar{gap:var(--space-3);padding-inline:var(--space-3)}.flower-toy .stage-bar__actions .kit-button{padding-inline:var(--space-3)}.flower-toy .stage-bar__actions .kit-button:first-child{flex:none}.flower-toy .stage-bar__actions .kit-button>:not(.kit-button__icon){display:none}}.flower-toy .bloom{position:absolute;inset:0}.flower-toy .bloom__silhouette{fill:var(--stroke-accent-tertiary)}.flower-toy .bloom__petal{fill:var(--button-fill-secondary)}.flower-toy .bloom__flower{width:calc(var(--control-height) * 23 / 24);aspect-ratio:1;translate:-50% -50%;rotate:var(--turn,0deg);opacity:0;transition:opacity var(--bloom-fade) var(--motion-ease), scale var(--bloom-fade) var(--motion-ease);position:absolute;scale:.4}.flower-toy .bloom__flower svg{width:100%;height:100%;display:block}.flower-toy .kit-button[data-pressed] .bloom__flower{opacity:1;transition-duration:var(--bloom-pop);transition-delay:calc(var(--i) * var(--bloom-step));scale:1}@media (prefers-reduced-motion:reduce){.flower-toy .bloom__flower,.flower-toy .kit-button[data-pressed] .bloom__flower{transition-duration:0s;transition-delay:0s}}
.flower-toy[data-mode=toy]{cursor:auto;gap:0;padding:0;display:block;position:relative;overflow:hidden}.flower-toy[data-mode=toy] .stage{height:auto;display:block;position:absolute;inset:0}.flower-toy[data-mode=toy] .canvas-fit{width:auto;display:block;position:absolute;inset:0}.flower-toy[data-mode=toy] .stage-canvas{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;aspect-ratio:auto!important}.toy-chrome{--edge:clamp(32px, 3.3vw, 67px);z-index:2;padding:calc(var(--edge) + env(safe-area-inset-top)) calc(var(--edge) + env(safe-area-inset-right)) calc(var(--edge) + env(safe-area-inset-bottom)) calc(var(--edge) + env(safe-area-inset-left));pointer-events:none;font-family:var(--font-sans);letter-spacing:var(--tracking-sans);font-size:var(--font-size-control);line-height:var(--line-height-control);color:var(--text-primary);grid-template:"brand mode"". ."1fr"dock save"/1fr auto;align-items:end;display:grid;position:fixed;inset:0}.toy-chrome>*{pointer-events:auto}.toy-chrome{--bar:46px;--dock:400px}.toy-bar{box-sizing:border-box;height:var(--bar);padding:0 var(--space-4);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-pill);background:var(--background-secondary);align-items:center;display:flex}.toy-brand{grid-area:brand;place-self:start;gap:28px}.toy-brand .stage-bar__mark{display:flex}.toy-byline{white-space:nowrap;color:var(--text-primary);margin:0}.toy-byline strong{font-weight:var(--font-weight-bold)}.toy-mode{place-self:start end;gap:var(--space-3);grid-area:mode}.toy-mode__label{padding-inline:var(--space-3);color:var(--text-secondary)}.toy-save{width:var(--dock);grid-area:save;justify-self:end;max-width:100%}.toy-save__buttons{gap:var(--space-3);flex:1;display:flex}.toy-save .kit-button{flex:1;width:auto}.toy-dock{flex-direction:column;grid-area:dock;justify-self:start;align-items:flex-start;gap:8px;display:flex}.toy-actions{width:var(--dock);gap:var(--space-4);max-width:100%}.toy-actions .stage-bar__actions{flex:1;min-width:0}.toy-actions .stage-bar__actions .kit-button:first-child{flex:1 1 0;min-width:0}.toy-tool{flex:none}.toy-tool .kit-toggle{zoom:1.2;width:133px}.toy-gardens{flex-shrink:0;width:211px;height:211px;margin-left:-26.5px;position:relative}.toy-cards{justify-content:flex-start;width:100%;height:100%;display:flex;position:relative}.toy-cards__group{flex:none;display:flex}.toy-slot{width:211px;height:211px;transition:width var(--motion-open) var(--motion-ease), margin var(--motion-open) var(--motion-ease), opacity var(--motion-open) var(--motion-ease);flex:none;margin-inline:3.5px;overflow:hidden}.toy-gardens:not([data-open]) .toy-slot:not([data-shown]){opacity:0;pointer-events:none;width:0;margin-inline:0}.toy-card{cursor:pointer;width:211px;height:211px;transition:opacity var(--motion-tint) var(--motion-ease);outline:none;display:block;position:relative}.toy-card__frame{border-radius:var(--radius-pill);width:166px;height:130px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--stroke-secondary) 40%, transparent);transition:box-shadow var(--motion-tint) var(--motion-ease);position:absolute;top:80px;left:23px}.toy-art{pointer-events:none;width:211px;height:211px;position:absolute;inset:0}.toy-card__label{width:160px;height:var(--control-height);padding-inline:var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-pill);background:var(--background-main);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;display:flex;position:absolute;bottom:5px;left:26px;overflow:hidden}.toy-gardens[data-open]:has([data-selected]) .toy-slot:not([data-selected]) .toy-card{opacity:.55}.toy-gardens:not([data-open]) .toy-slot[data-shown]:not([data-selected]) .toy-card{opacity:.65}.toy-gardens .toy-slot .toy-card[data-hovered],.toy-gardens .toy-slot .toy-card[data-focus-visible]{opacity:1}.toy-card[data-focus-visible] .toy-card__frame{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--stroke-secondary) 40%, transparent), 0 0 0 4px var(--text-accent-secondary)}.toy-chip{display:none}@media (max-width:1179px){.toy-chrome{--edge:32px;grid-template:"brand mode"". ."1fr"dock dock""save save"/1fr auto;align-items:stretch}.toy-brand,.toy-mode,.toy-save{background:0 0;border:none;height:auto;padding:0}.toy-byline,.toy-mode__label{display:none}.toy-dock{justify-self:stretch;align-items:stretch;gap:var(--space-4)}.toy-actions,.toy-save{--control-height:29px;--font-size-control:13px;--line-height-control:19.8px}.toy-actions{justify-content:space-between;gap:var(--space-3);width:auto}.toy-actions .toy-tool{order:2}.toy-tool .kit-toggle{width:150px}.toy-actions .stage-bar__actions{flex:none}.toy-actions .stage-bar__actions .kit-button:first-child{flex:none;min-width:102px}.toy-actions .stage-bar__actions .kit-button:last-child,.toy-actions .stage-bar__actions .kit-button>:not(.kit-button__icon){display:none}.toy-save{width:auto;margin-top:var(--space-3);justify-self:stretch}.toy-save__buttons{width:100%}.toy-save .kit-button{flex:1;width:auto}.toy-gardens{width:calc(100% + var(--edge) * 2);height:auto;margin-inline:calc(var(--edge) * -1);justify-content:center;display:flex}.toy-gardens[data-open]{height:211px}.toy-gardens:not([data-open]) .toy-cards{display:none}.toy-gardens:not([data-open]) .toy-chip{min-width:107px;height:29px;padding-inline:var(--space-4);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-pill);background:var(--background-main);color:var(--text-primary);font:inherit;cursor:pointer;outline:none;justify-content:center;align-items:center;font-size:13px;line-height:19.8px;display:flex}.toy-chip:focus-visible{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.toy-slot{transition:opacity var(--motion-open) var(--motion-ease)}.toy-gardens[data-open] .toy-cards{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:calc(50% - 109px);overflow-x:auto}.toy-gardens[data-open] .toy-cards::-webkit-scrollbar{display:none}.toy-gardens[data-open] .toy-slot{scroll-snap-align:center}}@media (max-height:520px){.toy-gardens[data-open]{zoom:.62}}