.home{display:grid;place-items:center;background:#fff}.home-logo{display:block;width:min(82vw,70dvh,560px);height:auto;aspect-ratio:1;overflow:visible}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:var(--default-canvas-background)}body{overflow:hidden}main{position:relative;width:100%;height:100%;height:100dvh;overflow:clip;background:var(--canvas-background, var(--default-canvas-background));isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.background-tabs{--background-tabs-height: min(calc(var(--background-tab-height) * var(--background-tab-count) + var(--background-tab-gap) * (var(--background-tab-count) - 1)), calc(100dvh - 16px) );position:absolute;top:clamp(calc(var(--background-tabs-height) / 2 + 8px),var(--background-tabs-center-y),calc(100dvh - var(--background-tabs-height) / 2 - 8px));max-height:var(--background-tabs-height);overflow-y:auto;scrollbar-width:none;left:0;z-index:20;display:flex;flex-direction:column;gap:var(--background-tab-gap);width:calc(var(--background-tab-visible) + var(--background-tab-selected-shift));translate:0 -50%}.background-tab{position:relative;left:calc(var(--background-tab-visible) - var(--background-tab-width));z-index:1;flex:0 0 auto;width:var(--background-tab-width);height:var(--background-tab-height);padding:0;overflow:hidden;border:0;border-radius:0;background:var(--background-tab-body-color);cursor:pointer;transform:translate(0);transition:transform var(--background-tab-selection-ms) ease;-webkit-tap-highlight-color:transparent}.background-tab-color{position:absolute;inset:0 0 0 auto;width:var(--background-tab-color-width);background:var(--tab-color);pointer-events:none}.background-tab.selected{z-index:2;transform:translate(var(--background-tab-selected-shift))}.background-tab:focus-visible{outline:2px solid var(--control-ink);outline-offset:-2px}.sheets{--sheet-height-ratio: calc(.968 + var(--header-height-scale) / var(--header-aspect-ratio));--sheet-width: min(var(--sheet-preferred-width), calc((100vw - var(--sheet-side-padding) * 2 - var(--sheet-gap) * (var(--sheet-count) - 1)) / var(--sheet-count)), calc(var(--sheet-max-height) / var(--sheet-height-ratio)));position:absolute;left:50%;bottom:max(var(--sheet-bottom),env(safe-area-inset-bottom));display:flex;align-items:flex-start;gap:var(--sheet-gap);width:max-content;transform:translate(-50%,var(--sheet-offset-y));pointer-events:none}.sheet{position:relative;flex:0 0 var(--sheet-width);width:var(--sheet-width);border:0;padding:0;background:transparent;color:var(--control-ink);cursor:pointer;pointer-events:auto;z-index:var(--layer);-webkit-tap-highlight-color:transparent}.sheet.selected{z-index:10}.sheet:after,.background-tab:after{content:"";position:absolute;inset:0;border:var(--sticker-outline-width) solid var(--sticker-outline-color);pointer-events:none;z-index:3}.sheet:focus-visible{outline:2px solid var(--control-ink);outline-offset:5px}.paper-body{position:relative;overflow:visible}.sheet-paper{width:100%;background:var(--sheet-body-color);overflow:hidden}.sheet header{width:100%;height:calc(var(--sheet-width) / var(--header-aspect-ratio) * var(--header-height-scale));display:flex;align-items:center;justify-content:center;background:var(--color)}.brand-logo{display:block;width:var(--logo-width);height:72%;object-fit:contain;object-position:center}.sheet-dots{display:grid;gap:calc(var(--sheet-width) * .025);padding:calc(var(--sheet-width) * .038) calc(var(--sheet-width) * .07) calc(var(--sheet-width) * .07)}.sheet-dot{display:block;aspect-ratio:1;border-radius:50%;background:var(--color);box-shadow:inset 0 0 0 var(--sticker-outline-width) var(--sticker-outline-color)}.dropping-paper{position:absolute;inset:0;z-index:2;display:block;background:var(--sheet-body-color);pointer-events:none;transform-origin:50% 0;animation:drop-used-sheet var(--replacement-ms) cubic-bezier(.4,0,.82,.55) both}.sheet:has(.dropping-paper){z-index:30}@keyframes drop-used-sheet{0%{transform:translate(0) rotate(0)}to{transform:translate(110%,135%) rotate(8deg)}}.utility-controls{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:20;display:flex;gap:6px}.utility-button{width:40px;height:40px;display:grid;place-items:center;padding:9px;border:0;background:transparent;color:var(--control-ink);cursor:pointer;border-radius:50%}.utility-button svg{width:22px;height:22px}.utility-button:hover:not(:disabled){background:var(--control-hover)}.utility-button:focus-visible{outline:2px solid var(--control-ink);outline-offset:2px}.utility-button:disabled{cursor:default;opacity:.3}.reset-backdrop{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:var(--dialog-backdrop)}.reset-dialog{width:min(320px,100%);padding:24px;background:var(--dialog-background);border:1px solid var(--dialog-border);color:var(--dialog-text);text-align:center}.reset-dialog p{margin:0 0 22px;font:500 16px/1.5 system-ui,sans-serif}.reset-actions{display:flex;justify-content:center;gap:10px}.reset-actions button{min-width:76px;padding:9px 14px;border:1px solid var(--dialog-button-border);background:var(--dialog-background);color:var(--dialog-button-text);font:500 14px/1.2 system-ui,sans-serif;cursor:pointer}.reset-actions button:hover{background:var(--control-hover)}.reset-actions .destructive{border-color:var(--destructive-background);background:var(--destructive-background);color:var(--destructive-text)}.reset-actions button:focus-visible{outline:2px solid var(--control-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sheet,.background-tab{transition:none}.dropping-paper{display:none;animation:none}}.page-navigation{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10;font:14px sans-serif}.page-navigation a{color:#232222;background:#fff}