:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f2f2f7;--bg-elevated:#fff;--bg-grouped:#fff;--fill:#7878801f;--fill-strong:#78788033;--label:#000;--label-2:#3c3c439e;--label-3:#3c3c4352;--separator:#3c3c432e;--tint:#1aa260;--tint-press:#148a51;--on-tint:#fff;--danger:#ff3b30;--material:#f9f9f9b8;--material-edge:#ffffff80;--scrim:#00000052;--checker-a:#fff;--checker-b:#ececf1;--shadow-card:0 1px 2px #0000000a, 0 4px 16px #0000000a;--shadow-sheet:0 -8px 40px #0000001f;--radius-card:1.25rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color:var(--label);background:var(--bg);font:100%/1.4 -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--bg-elevated:#1c1c1e;--bg-grouped:#1c1c1e;--fill:#7676803d;--fill-strong:#7676805c;--label:#fff;--label-2:#ebebf59e;--label-3:#ebebf54d;--separator:#54545899;--tint:#30d17c;--tint-press:#27b56a;--on-tint:#002912;--danger:#ff453a;--material:#1e1e1eb8;--material-edge:#ffffff14;--scrim:#00000080;--checker-a:#2c2c2e;--checker-b:#232325;--shadow-card:none;--shadow-sheet:0 -8px 40px #00000080}}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.t-large-title{letter-spacing:-.022em;font-size:2.125rem;font-weight:700;line-height:1.12}.t-title2{letter-spacing:-.016em;font-size:1.375rem;font-weight:700;line-height:1.2}.t-headline{letter-spacing:-.008em;font-size:1.0625rem;font-weight:600;line-height:1.3}.t-body{letter-spacing:-.006em;font-size:1.0625rem}.t-subhead{letter-spacing:-.004em;color:var(--label-2);font-size:.9375rem}.t-footnote{letter-spacing:0;color:var(--label-2);font-size:.8125rem}.t-caption{letter-spacing:.01em;color:var(--label-2);font-size:.75rem}.screen{background:var(--bg);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;position:absolute;inset:0;overflow:hidden auto}.screen-content{padding:calc(var(--safe-top) + 3.25rem) 1rem calc(var(--safe-bottom) + 7rem);max-width:44rem;margin:0 auto}.navbar{z-index:10;padding-top:var(--safe-top);pointer-events:none;position:fixed;top:0;left:0;right:0}.navbar-material{background:var(--material);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);opacity:0;transition:opacity .16s ease-out;position:absolute;inset:0}.navbar-material:after{content:"";background:var(--separator);height:.5px;position:absolute;bottom:0;left:0;right:0}.navbar[data-scrolled=true] .navbar-material{opacity:1}.navbar-row{pointer-events:auto;grid-template-columns:1fr auto 1fr;align-items:center;max-width:44rem;height:2.75rem;margin:0 auto;padding:0 .5rem;display:grid;position:relative}.navbar-title{opacity:0;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;transition:opacity .16s ease-out;overflow:hidden}.navbar[data-scrolled=true] .navbar-title{opacity:1}.navbar-leading{justify-self:start;display:flex}.navbar-trailing{justify-self:end;gap:.25rem;display:flex}.large-title{margin:.25rem .25rem 1rem}.press{transition:transform .12s ease-out,opacity .12s ease-out,background-color .12s ease-out}.press:active{transform:scale(.97)}.btn-bar{min-width:2.75rem;height:2.75rem;color:var(--tint);letter-spacing:-.006em;border-radius:.75rem;align-items:center;gap:.25rem;padding:0 .5rem;font-size:1.0625rem;display:inline-flex}.btn-bar:active{opacity:.45}.btn-bar[data-strong=true]{font-weight:600}.btn-bar:disabled{color:var(--label-3)}.btn{letter-spacing:-.008em;background:var(--fill);width:100%;min-height:3.25rem;color:var(--tint);border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:1.0625rem;font-weight:600;display:flex}.btn[data-variant=primary]{background:var(--tint);color:var(--on-tint)}.btn[data-variant=primary]:active{background:var(--tint-press)}.btn[data-variant=danger]{color:var(--danger)}.btn:disabled{opacity:.4;pointer-events:none}.icon-btn{width:2.75rem;height:2.75rem;color:var(--tint);border-radius:50%;place-items:center;display:grid}.icon-btn:active{opacity:.45}.group{background:var(--bg-grouped);border-radius:.75rem;overflow:hidden}.group-header{text-transform:uppercase;margin:1.5rem 1rem .375rem}.group-footer{margin:.375rem 1rem 0}.row{text-align:left;letter-spacing:-.006em;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:.625rem 1rem;font-size:1.0625rem;display:flex;position:relative}.row+.row:before{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:1rem;right:0}button.row:active{background:var(--fill)}.row-icon{color:#fff;border-radius:.4375rem;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.row-label{flex:1;min-width:0}.row[data-tone=tint]{color:var(--tint)}.row[data-tone=danger]{color:var(--danger)}.row-input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:1.0625rem}.row-input::placeholder{color:var(--label-3)}.pack-card{background:var(--bg-elevated);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card);text-align:left;align-items:center;gap:.875rem;padding:.875rem;display:flex}.pack-card+.pack-card{margin-top:.625rem}.pack-tray{background:var(--fill);border-radius:.875rem;flex:none;place-items:center;width:3.5rem;height:3.5rem;display:grid;overflow:hidden}.pack-tray img{object-fit:contain;width:100%;height:100%}.pack-strip{gap:.25rem;margin-top:.375rem;display:flex}.pack-strip img{object-fit:contain;width:1.75rem;height:1.75rem}.badge{background:var(--fill);letter-spacing:.01em;color:var(--label-2);border-radius:1rem;align-items:center;gap:.25rem;padding:.0625rem .4375rem;font-size:.75rem;font-weight:600;display:inline-flex}.empty{text-align:center;justify-items:center;gap:.5rem;padding:3rem 1.5rem;display:grid}.empty-art{margin-bottom:.5rem;font-size:3.5rem;line-height:1}.banner{background:var(--bg-elevated);box-shadow:var(--shadow-card);border-radius:1rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.dock{left:50%;bottom:calc(var(--safe-bottom) + 1rem);z-index:20;background:var(--material);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);box-shadow:0 8px 32px #00000024, inset 0 .5px 0 var(--material-edge);border-radius:1.75rem;gap:.375rem;padding:.375rem;display:flex;position:fixed;transform:translate(-50%)}.dock-btn{letter-spacing:-.006em;height:3rem;color:var(--label);white-space:nowrap;border-radius:1.5rem;align-items:center;gap:.5rem;padding:0 1.125rem;font-size:1rem;font-weight:600;display:flex}.dock-btn[data-variant=primary]{background:var(--tint);color:var(--on-tint)}.dock-btn:active{transform:scale(.96)}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(5.75rem,1fr));gap:.5rem;display:grid}.sticker-cell{aspect-ratio:1;background:var(--bg-elevated);box-shadow:var(--shadow-card);border-radius:1rem;place-items:center;display:grid;position:relative;overflow:hidden}.sticker-cell img{object-fit:contain;width:86%;height:86%}.sticker-cell[data-add=true]{background:var(--fill);box-shadow:none;color:var(--tint)}.sticker-cell-emoji{font-size:.8125rem;position:absolute;bottom:.25rem;right:.375rem}.pack-hero{align-items:center;gap:1rem;margin:.25rem .25rem 1.25rem;display:flex}.pack-hero .pack-tray{border-radius:1.125rem;width:4.5rem;height:4.5rem}.progress-track{background:var(--fill);border-radius:1rem;height:.25rem;overflow:hidden}.progress-fill{background:var(--tint);border-radius:inherit;height:100%;transition:width .2s ease-out}.actions-row{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.action-tile{background:var(--bg-elevated);box-shadow:var(--shadow-card);color:var(--tint);border-radius:.875rem;justify-items:center;gap:.25rem;padding:.75rem .25rem .625rem;font-size:.8125rem;font-weight:500;display:grid}.action-tile:disabled{color:var(--label-3)}.scrim{z-index:100;background:var(--scrim);position:fixed;inset:0}.sheet{z-index:101;max-width:34rem;max-height:calc(100% - var(--safe-top) - .75rem);background:var(--bg);box-shadow:var(--shadow-sheet);touch-action:none;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-grabber{cursor:grab;flex:none;place-items:center;height:1.25rem;display:grid}.sheet-grabber:before{content:"";background:var(--label-3);border-radius:1rem;width:2.25rem;height:.3125rem}.sheet-header{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 .5rem .25rem;display:grid}.sheet-body{padding:.25rem 1rem calc(var(--safe-bottom) + 1.25rem);touch-action:pan-y;overscroll-behavior:contain;overflow-y:auto}.toast-wrap{left:0;right:0;bottom:calc(var(--safe-bottom) + 5.5rem);z-index:200;pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);color:#fff;letter-spacing:0;background:#1e1e1edb;border-radius:1.5rem;align-items:center;gap:.75rem;max-width:calc(100% - 2rem);padding:.75rem .75rem .75rem 1.125rem;font-size:.9375rem;font-weight:500;display:flex;box-shadow:0 8px 28px #00000040}.toast button{color:#5ee59b;padding:.25rem .5rem;font-weight:600}.editor{z-index:50;color:#fff;--label-2:#ebebf59e;--label-3:#ebebf54d;--fill:#76768047;--tint:#30d17c;--on-tint:#002912;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.editor-top{padding:calc(var(--safe-top) + .25rem) .5rem .25rem;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.editor-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.625rem;min-height:0;padding:.5rem 1rem;display:flex}.frame-actions{gap:.5rem;display:flex}.frame-actions .chip:disabled{opacity:.4}.snap-guide{opacity:0;pointer-events:none;background:#ffd60a;transition:opacity 90ms ease-out;position:absolute}.snap-guide[data-on=true]{opacity:.9}.snap-guide[data-axis=vertical]{width:1px;top:0;bottom:0;left:calc(50% - .5px)}.snap-guide[data-axis=horizontal]{height:1px;top:calc(50% - .5px);left:0;right:0}.canvas-wrap{aspect-ratio:1;touch-action:none;background-color:#2c2c2e;background-image:conic-gradient(#3a3a3c 25%, transparent 0 50%, #3a3a3c 0 75%, transparent 0);background-size:1.5rem 1.5rem;border-radius:1.25rem;flex:none;width:min(100%,100vw - 2rem,30rem,100dvh - 22rem);position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-guide{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.selection-box{pointer-events:none;border:1.5px dashed #ffffffd9;border-radius:.5rem;position:absolute}.editor-panel{flex:none;min-height:4.5rem;padding:.5rem 1rem .25rem}.editor-tools{padding:.375rem .5rem calc(var(--safe-bottom) + .5rem);flex:none;justify-content:space-around;display:flex}.tool{letter-spacing:.01em;color:#ffffffd9;border-radius:.875rem;justify-items:center;gap:.25rem;min-width:3.75rem;padding:.375rem .25rem;font-size:.6875rem;font-weight:500;display:grid}.tool[data-active=true]{color:var(--tint)}.tool:disabled{color:#ffffff4d}.tool:active{transform:scale(.94)}.swatches{scrollbar-width:none;gap:.5rem;padding:.25rem .125rem;display:flex;overflow-x:auto}.swatches::-webkit-scrollbar{display:none}.swatch{border-radius:50%;flex:none;width:2rem;height:2rem;box-shadow:inset 0 0 0 1px #ffffff40}.swatch[data-selected=true]{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.chip{background:var(--fill);white-space:nowrap;border-radius:1rem;flex:none;height:2rem;padding:0 .875rem;font-size:.875rem;font-weight:500}.chip[data-selected=true]{color:#000;background:#fff}.slider-row{color:var(--label-2);align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.slider-row input[type=range]{accent-color:var(--tint);flex:1}.panel-row{align-items:center;gap:.5rem;display:flex}.panel-row+.panel-row{margin-top:.5rem}.segmented{background:var(--fill);border-radius:.5625rem;padding:.125rem;display:flex}.segmented button{border-radius:.4375rem;flex:1;height:1.875rem;padding:0 .75rem;font-size:.8125rem;font-weight:500}.segmented button[data-selected=true]{background:#636366;font-weight:600;box-shadow:0 2px 8px #0000001f}.text-overlay{z-index:60;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0000008c;flex-direction:column;display:flex;position:fixed;inset:0}.text-overlay textarea{resize:none;text-align:center;background:0 0;border:0;outline:none;flex:1;width:100%;padding:2rem 1.5rem;font-size:2.25rem;line-height:1.15}.busy{z-index:300;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.busy-card{background:var(--material);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);text-align:center;width:min(17rem,80vw);color:var(--label);border-radius:1.25rem;justify-items:center;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;display:grid}.spinner{border:2.5px solid var(--fill-strong);border-top-color:var(--label);border-radius:50%;width:1.75rem;height:1.75rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sticker-preview{aspect-ratio:1;background-color:var(--checker-a);background-image:conic-gradient(var(--checker-b) 25%, transparent 0 50%, var(--checker-b) 0 75%, transparent 0);background-size:1.25rem 1.25rem;border-radius:1.5rem;place-items:center;width:min(15rem,60vw);margin:.5rem auto 1.25rem;display:grid}.sticker-preview img{object-fit:contain;width:92%;height:92%}.stack{gap:.625rem;display:grid}.btn-pair{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.hint{text-align:center;margin-top:.75rem}.emoji-input{letter-spacing:.2em;font-size:1.5rem}@media (prefers-reduced-motion:reduce){.press:active,.dock-btn:active,.tool:active{transform:none}.spinner{animation-duration:2.4s}}@media (prefers-reduced-transparency:reduce){:root{--material:var(--bg-elevated)}.navbar-material,.dock,.toast,.busy-card,.text-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.text-overlay{background:#000}}@media (prefers-contrast:more){:root{--separator:#3c3c4380}.dock,.pack-card,.sticker-cell{outline:1px solid var(--separator)}}