:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3eee6;--ink:#1c1916;--muted:#6f675d;--panel:#fffcf7eb;--line:#1c19161f;--accent:#c45c26;--shadow:0 10px 30px #281c1014;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(1200px 700px at 10% -10%, #fff8ee 0%, transparent 55%), radial-gradient(900px 600px at 100% 0%, #e7f0ea 0%, transparent 45%), var(--bg);width:100%;max-width:100%;height:100%;color:var(--ink);margin:0}html.is-coloring{overscroll-behavior-x:none;overscroll-behavior-y:auto;-webkit-text-size-adjust:100%;height:100%;overflow:hidden auto}html.is-coloring body{overscroll-behavior-x:none;overscroll-behavior-y:auto;height:100%;overflow:hidden auto}html.is-coloring #app{overscroll-behavior-x:none;overscroll-behavior-y:auto;height:100%;overflow:hidden}html.is-gallery,html.is-gallery body{overscroll-behavior-x:none;overscroll-behavior-y:auto;-webkit-user-select:text;user-select:text;height:auto;min-height:100%;overflow:hidden auto}html.is-gallery #app{overscroll-behavior-x:none;overscroll-behavior-y:auto;height:auto;min-height:100%;overflow:visible}.shell{grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;max-width:100%;height:100dvh;display:grid;overflow:hidden}.topbar{touch-action:pan-y;min-width:0;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 10px max(12px, env(safe-area-inset-left,0px));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back brand brand""tools tools account";align-items:center;gap:8px;display:grid}.brand{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:auto;grid-area:brand;min-width:0;font-size:1.2rem;font-weight:700;overflow:hidden}.topbar__tools{flex:0 auto;grid-area:tools;justify-content:flex-start;justify-self:start;align-items:center;gap:8px;min-width:0;display:flex}.topbar>[data-account]{flex-wrap:nowrap;grid-area:account;justify-self:end;min-width:0;max-width:100%}.topbar>[data-account]:has(.account-bar__dev){flex-wrap:wrap}.zoom-controls{flex:none;gap:6px;display:flex}.btn{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);min-width:40px;height:36px;font:inherit;cursor:pointer;box-shadow:var(--shadow);touch-action:manipulation;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--back{white-space:nowrap;flex:none;grid-area:back;gap:.25em}.btn--back__label{pointer-events:none}.account-bar__login-short{display:none}.stage{min-width:0;min-height:0;margin:0 max(12px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));border:1px solid var(--line);touch-action:none;box-shadow:var(--shadow);background:linear-gradient(#ffffff8c,#fff3),#efe8de;border-radius:18px;position:relative;overflow:hidden}.stage__canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.loader{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f3eee6b8;place-items:center;display:grid;position:absolute;inset:0}.loader[hidden]{display:none}.loader__card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;justify-items:center;gap:12px;padding:22px 26px;display:grid}.loader__spinner{border:3px solid #1c19161f;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.loader__text{color:var(--muted);margin:0;font-size:.95rem}.loader--error .loader__spinner{display:none}.loader--error .loader__text{color:#b42318;text-align:center;max-width:280px}.loader--error .loader__text a{color:var(--accent);font-weight:600}.dock{min-width:0;min-height:0;padding:10px max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}.palette{touch-action:manipulation;background:var(--panel);border:1px solid var(--line);width:100%;max-width:100%;box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(7,minmax(0,1fr));place-items:center;gap:8px 6px;padding:10px 8px;display:grid;overflow:visible}.palette__swatch{appearance:none;aspect-ratio:1;background:var(--swatch);cursor:pointer;touch-action:manipulation;border:2px solid #1c19162e;border-radius:50%;width:min(48px,100%);min-width:0;height:auto;transition:transform .15s,box-shadow .15s}.palette__swatch--light{box-shadow:inset 0 0 0 1px #1c19161f}.palette__swatch.is-active{border-color:var(--ink);transform:scale(1.12);box-shadow:0 0 0 3px #1c19162e}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=899px){.brand{font-size:1.05rem}.btn{min-width:36px;height:34px;padding:0 10px}.btn--back{padding:0 10px;font-size:.9rem}.topbar .account-bar__name{max-width:6rem}.palette{gap:8px 6px;padding:8px 6px}}@media (width<=519px){.btn--back{padding:0 8px}.btn--back__label,.topbar .account-bar__name,.topbar .account-bar__login-full{display:none}.topbar .account-bar__login-short{display:inline}.topbar .account-bar__dev-hint{display:none}.topbar>[data-account]:has(.account-bar__dev){max-width:9.5rem}}@media (width>=900px) and (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 92px}.topbar{flex-wrap:nowrap;grid-column:1/-1;gap:10px 12px;padding:12px 16px;display:flex}.brand{text-align:center}.topbar__tools{justify-content:flex-end;justify-self:auto;min-width:7.5rem;display:flex}.topbar>[data-account]{justify-self:auto}.btn--back{min-width:7.5rem}.stage{margin:0 0 12px 12px}.dock{align-items:stretch;padding:0 12px 12px 0;display:flex}.palette{overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:thin;flex-flow:column;align-items:center;gap:10px;width:auto;height:100%;padding:14px 10px;display:flex;overflow:hidden auto}.palette__swatch{aspect-ratio:auto;flex:none;width:40px;height:40px}}.gallery{max-width:1100px;padding:calc(20px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));margin:0 auto}.gallery__header{touch-action:pan-y;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:12px;display:flex}.gallery__header .brand{text-align:left;flex:0 auto;min-width:0;overflow:visible}.brand__logo{width:min(100%,10.5rem);height:auto;display:block}.gallery__lead{color:var(--muted);margin:0 0 16px;font-size:1rem}.gallery__lead--error{color:#b42318}.gallery__filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.gallery__filters .btn.is-active{border-color:var(--accent);background:#c45c261f}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--accent{background:var(--accent);color:#fff;border-color:#0000}.btn--danger-soft{color:#7a2e33;white-space:nowrap;background:#f8d4d6;border-color:#e8b6ba}.btn--danger-soft:hover,.btn--danger-soft:focus-visible{background:#f3c4c8;border-color:#d99aa0}.btn.gallery__sort{aspect-ratio:1;width:auto;min-width:0;margin-inline-start:4px;padding:0}.btn.gallery__add{margin-inline-start:22px;position:relative}.gallery__add-badge{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;top:5px;right:5px}.gallery__add-badge[hidden]{display:none}.account-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-bar__who{align-items:center;gap:8px;min-width:0;display:inline-flex}.account-bar__avatar,.account-bar__initial{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.account-bar__initial{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.account-bar__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:10rem;font-size:.9rem;font-weight:600;overflow:hidden}.topbar .account-bar__name{max-width:8rem}.account-bar__dev{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.share-box{gap:8px;display:grid}.share-box__lead{color:var(--muted);margin:0;font-size:.8rem}.share-box__form{gap:6px;display:flex}.share-box__form input{min-width:0;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;flex:auto;padding:6px 8px}.share-box__form input:read-only{cursor:text;background:#fff}.share-box__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.share-box__list li{justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.loader__login{margin-top:12px}.gallery__status{color:var(--muted);font-size:.95rem}.gallery__status--error{color:#b42318}.gallery__grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:14px;display:grid}.gallery__cell{min-width:0;position:relative}.gallery__tile{color:inherit;gap:8px;min-width:0;text-decoration:none;transition:transform .15s;display:grid}.gallery__tile:hover{transform:translateY(-2px)}.gallery__tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:14px}.gallery__share{z-index:2;border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:8px;right:8px}.gallery__share:hover,.gallery__share:focus-visible{border-color:var(--accent);color:var(--accent)}.gallery__share--bar{flex:none;width:36px;height:36px;position:static}.modal{z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal__backdrop{background:#1c191673;position:absolute;inset:0}.modal__card{z-index:1;border:1px solid var(--line);width:min(100%,22rem);box-shadow:var(--shadow);background:#fffcf7;border-radius:16px;gap:12px;padding:16px;display:grid;position:relative}.modal__card--confirm{width:min(100%,28rem)}.modal__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal__title{letter-spacing:-.02em;margin:0;font-size:1.05rem;line-height:1.3}.modal__body{color:var(--ink);margin:0;font-size:.95rem;line-height:1.45}.modal__status{color:#b42318;margin:0;font-size:.9rem}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.gallery__thumb-wrap{aspect-ratio:1;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;display:block;overflow:hidden}.gallery__thumb{object-fit:contain;background:linear-gradient(#fff,#f3eee6);width:100%;height:100%;display:block}.gallery__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width<=900px){.gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=520px){.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand__logo{width:min(100%,8.6rem)}}@media (pointer:coarse){.btn{min-width:44px;height:44px}.gallery__share,.topbar .gallery__share--bar{width:44px;height:44px}}.generate{max-width:1100px;padding:calc(20px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));margin:0 auto}.generate .brand{display:block;overflow:visible}.generate__body{gap:16px;display:grid}.generate__status,.generate__hint,.generate__filename{color:var(--muted);margin:0;font-size:.95rem}.generate__error,.generate__card-error{color:#b42318;margin:0;font-size:.9rem}.generate__gate{justify-items:start;gap:12px;display:grid}.generate__gate p{color:var(--muted);margin:0}.generate__drop{border:1px dashed var(--line);background:var(--panel);cursor:pointer;text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:48px 20px;display:grid}.generate__drop.is-over,.generate__drop:hover{border-color:var(--accent)}.generate__drop-title{font-weight:700}.generate__drop-hint{color:var(--muted);font-size:.9rem}.generate__layout{gap:24px;display:grid}.generate__source{align-items:start;gap:12px;display:grid}.generate__source img,.generate__card img{border:1px solid var(--line);width:min(100%,420px);height:auto;box-shadow:var(--shadow);background:#fff;border-radius:14px;display:block}.generate__source-meta,.generate__actions,.generate__card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.generate__source-meta{gap:8px;display:grid}.generate__variants{gap:16px;margin:0;padding:0;list-style:none;display:grid}.generate__card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:16px;justify-items:start;gap:10px;padding:14px;display:grid}.generate__placeholder{min-height:48px;color:var(--muted);align-items:center;gap:10px;display:flex}.generate__placeholder p{margin:0}@media (width>=720px){.generate__source{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start}}