:root{--paper:#f6f0df;--paper-deep:#eadfc5;--ink:#2e2a1f;--muted:#756d58;--olive:#536346;--moss:#7b8461;--clay:#a06f43;--sepia:#5f4934;--cream:#fffaf0;--line:#473d2a2e;--line-strong:#473d2a57;--danger:#934938;--shadow:0 18px 50px #4236211a;--layout-max:100%;--hero-max:min(1060px, 100%);--controls-max:min(880px, 100%);--page-gutter:clamp(52px, calc(40px + 1.5vw), 60px);--section-gap:clamp(72px, 14vw, 150px);--decor-left-x:0px;--decor-left-y:0px;--decor-right-x:0px;--decor-right-y:0px;--decor-left-opacity:1;--decor-right-opacity:1;--serif:"Iowan Old Style", "Baskerville", "Libre Baskerville", "Songti SC", "STSong", Georgia, serif;--sans:"Avenir Next", "Gill Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:linear-gradient(#53634608 1px, transparent 1px), linear-gradient(90deg, #53634607 1px, transparent 1px), radial-gradient(circle at 16% 10%, #c6b38038, transparent 28%), radial-gradient(circle at 86% 8%, #7a84612e, transparent 26%), var(--paper);color:var(--ink);font-family:var(--sans);background-size:34px 34px,34px 34px,auto,auto,auto;margin:0;overflow-x:clip}body:before{z-index:-1;pointer-events:none;content:"";opacity:.38;mix-blend-mode:multiply;background-image:radial-gradient(circle at 22px 18px,#52422a1f 0 1px,#0000 1.4px),radial-gradient(circle at 70px 64px,#52422a17 0 1px,#0000 1.2px);background-size:96px 96px;position:fixed;inset:0}button,input{font:inherit}button{border:0}.page-shell{isolation:isolate;width:100%;max-width:100%;min-height:100vh;padding:clamp(32px, 6vw, 72px) var(--page-gutter) clamp(40px, 8vw, 80px);margin:0 auto;position:relative}.page-shell:before,.page-shell:after{z-index:0;pointer-events:none;content:"";will-change:opacity, transform;background-repeat:no-repeat;background-size:contain;position:fixed}.page-shell:before{opacity:var(--decor-left-opacity);width:clamp(310px,46vw,620px);height:clamp(365px,54vw,730px);transform:translate3d(var(--decor-left-x), var(--decor-left-y), 0);background-image:url(/background-slice-left.png?v=4);background-position:0 0;top:0;left:0}.page-shell:after{opacity:var(--decor-right-opacity);width:clamp(320px,46vw,620px);height:clamp(377px,54vw,730px);transform:translate3d(var(--decor-right-x), var(--decor-right-y), 0);background-image:url(/background-slice-right.png?v=4);background-position:100% 0;top:calc(clamp(104px,22vh,220px) - 150px);right:0}.page-shell>*{z-index:1;position:relative}.daily-quota{top:clamp(24px,4vw,40px);right:var(--page-gutter);z-index:10;color:var(--muted);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:clamp(13px,1.8vw,15px);display:inline-flex;position:absolute}.sparkle-icon{flex-shrink:0;width:26px;height:26px;display:inline-block;-webkit-mask-image:url(/quota-sparkle-icon.png);mask-image:url(/quota-sparkle-icon.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sparkle-icon--muted{background-color:var(--muted)}.sparkle-icon--white{background-color:#fffaf0}.sparkle-icon--loading{background-color:var(--olive);width:48px;height:48px}.home-hero{width:min(100%, var(--hero-max));text-align:center;gap:0;margin:0 auto;padding-top:clamp(24px,5vw,56px);display:grid}.hero-controls{width:min(100%, var(--controls-max));text-align:left;gap:14px;margin:0 auto;padding-bottom:20px;display:grid}.home-hero h1{width:min(100%,960px);font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;background:linear-gradient(180deg, #141210 0%, var(--olive) 58%, #3f5240 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:clamp(48px,10vw,100px) auto clamp(14px,.8vw,18px);font-size:clamp(48px,7vw,96px);font-style:normal;font-weight:600;line-height:1.04}.home-hero-subtitle{width:min(100%,420px);color:var(--muted);font-family:var(--serif);justify-content:center;align-items:center;gap:clamp(14px,2.4vw,22px);margin:0 auto clamp(30px,8vw,54px);font-size:clamp(15px,2.2vw,20px);font-weight:500;line-height:1.5;display:flex}.home-hero-subtitle-line{background:var(--line-strong);flex:1 1 0;max-width:140px;height:1px}.home-hero-subtitle-text{letter-spacing:.12em;flex:none}.generator-bar{background:var(--cream);width:100%;max-width:100%;box-shadow:none;border:none;border-radius:999px;align-items:center;gap:clamp(8px,2vw,10px);margin:0;padding:10px;display:flex}.generator-actions{flex:none;align-self:stretch;align-items:stretch;gap:clamp(8px,2vw,10px);display:flex}.generator-input-wrap{flex:1;min-width:0}.generator-input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;border-radius:999px;outline:none;padding:clamp(14px,3vw,19px) clamp(16px,3vw,22px);font-size:clamp(15px,2.4vw,17px);display:block}.generator-input-wrap input::placeholder{color:#756d58d1}.generator-input-wrap input:focus{background:0 0}.generator-actions>button[type=submit]{background:linear-gradient(180deg, #ffffff14, transparent), var(--olive);color:#fffaf0;cursor:pointer;letter-spacing:.03em;border:none;border-radius:999px;flex:0 0 clamp(112px,22vw,150px);justify-content:center;align-self:stretch;align-items:center;gap:7px;padding:0 clamp(12px,2vw,18px);font-size:clamp(14px,2.4vw,17px);font-weight:800;display:inline-flex}.generator-actions>button[type=submit]:hover,.category-tabs button:hover{transform:translateY(-1px)}.generator-actions>button[type=submit]:disabled{cursor:not-allowed;opacity:.56;transform:none}.ratio-select-root{flex:none;align-self:center;position:relative}.ratio-select-label{align-items:center;gap:6px;display:inline-flex}.ratio-select-label__text{line-height:1}.ratio-shape-icon{flex-shrink:0;display:block}.ratio-select-trigger{min-width:108px;color:var(--olive);cursor:pointer;font:inherit;box-shadow:none;background-color:#e2ead6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23536346' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;border:none;border-radius:999px;align-items:center;padding:9px 30px 9px 11px;transition:background-color .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.ratio-select-trigger.is-open{background-color:#d8e3cc}.ratio-select-trigger:disabled{cursor:not-allowed;opacity:.56}.ratio-select-menu{z-index:20;background:var(--cream);min-width:100%;box-shadow:var(--shadow);opacity:0;transform-origin:100% 0;pointer-events:none;visibility:hidden;border:none;border-radius:18px;margin:0;padding:6px;list-style:none;transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.97)}.ratio-select-menu.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),visibility;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.ratio-select-menu,.ratio-select-menu.is-open,.ratio-select-trigger{transition:none}.modal-canvas-shimmer,.modal-canvas-shimmer:before,.modal-canvas-shimmer:after{animation:none}.modal-canvas:has(.modal-canvas-shimmer) .sparkle-icon--loading{animation:none}.modal-canvas-shimmer:before{opacity:.35;background-position:50% 0}.modal-body,.modal-footer-slot,.modal-footer-slot .modal-footer{transition:none}.modal-footer-slot .modal-footer,.modal-footer-slot.is-open .modal-footer{opacity:1;transform:none}}.ratio-select-menu button{width:100%;color:var(--sepia);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;transition:background .16s,color .16s;display:flex}.ratio-select-menu button:hover,.ratio-select-menu button.active{background:var(--olive);color:#fffaf0}.ratio-select-menu button:hover .ratio-shape-icon__rect,.ratio-select-menu button.active .ratio-shape-icon__rect{fill:#d8e3cc;stroke:#fffaf0}.category-tabs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.category-tabs button{color:var(--sepia);cursor:pointer;background:#fffaf0ad;border:none;border-radius:999px;padding:10px 17px;font-size:14px;font-weight:800;transition:transform .16s,background .16s,color .16s}.category-tabs button.active{background:var(--olive);color:#fffaf0}.gallery-section{width:var(--layout-max);max-width:100%;margin:var(--section-gap) auto 0;gap:30px;display:grid}.gallery-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:2px;display:flex}.gallery-toolbar h2{font-family:var(--serif);letter-spacing:-.02em;flex:none;margin:0;padding-left:16px;font-size:clamp(26px,4vw,32px);font-style:normal;font-weight:600}.gallery-toolbar .category-tabs{flex:0 auto;justify-content:flex-start;gap:8px}.gallery-toolbar .category-tabs button{padding:10px 14px;font-size:13px;line-height:1}.gallery-card img{filter:saturate(.82)contrast(1.03);width:100%;max-width:100%;height:auto;display:block}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:800}.primary-button{background:linear-gradient(180deg, #ffffff14, transparent), var(--olive);color:#fffaf0}.primary-button:disabled{cursor:not-allowed;opacity:.62}.secondary-button{color:var(--sepia);background:#fffaf0e0}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2e2a1f6b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{width:min(100%,760px);max-width:calc(100vw - 2 * var(--page-gutter));background:linear-gradient(135deg, #fffaf0f5, #eee5cdb8), var(--cream);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border:none;border-radius:32px;padding:28px;position:relative;overflow:auto}.modal-panel--generate{--modal-canvas-height:min(676px, calc(100vh - 120px));box-sizing:border-box;flex-direction:column;flex-shrink:0;width:min(1120px,100vw - 32px);max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 32px);margin-block:auto;display:flex;overflow:hidden}.modal-panel--generate.modal-panel--ready{overflow:hidden auto}.modal-quota-footer-notes{width:100%}.modal-footer--quota-exhausted{justify-items:center;width:100%;padding-top:4px}.modal-state{text-align:center;min-height:200px;color:var(--muted);place-items:center;gap:14px;padding:24px 12px;display:grid}.modal-state h2{font-family:var(--serif);color:var(--ink);margin:0;font-size:32px;font-weight:600}.modal-state p{max-width:420px;margin:0;line-height:1.7}.modal-body{grid-template-rows:var(--modal-canvas-height) 0fr;gap:0;width:100%;min-height:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),gap .45s cubic-bezier(.22,1,.36,1);display:grid}.modal-body--with-footer{grid-template-rows:var(--modal-canvas-height) auto;gap:16px}.modal-body--fit-image{grid-template-rows:minmax(0,auto) 0fr}.modal-body--fit-image.modal-body--with-footer{grid-template-rows:minmax(0,auto) auto}.modal-canvas{width:100%;height:var(--modal-canvas-height);background:0 0;border-radius:22px;flex:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.modal-body--fit-image .modal-canvas{height:auto;max-height:var(--modal-canvas-height)}.modal-canvas-shimmer{z-index:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(108deg,#0000 0% 32%,#fffffc17 50%,#0000 68% 100%);background-size:420% 100%;animation:14s linear infinite modal-shimmer-drift;position:absolute;inset:0;overflow:hidden}.modal-canvas-shimmer:after{content:"";background:linear-gradient(155deg,#e2ead680 0%,#f6f0dfdb 52%,#eadfc594 100%);animation:7s ease-in-out infinite alternate modal-plane-breathe;position:absolute;inset:0}.modal-canvas-shimmer:before{content:"";opacity:.82;filter:blur(16px);background:linear-gradient(102deg,#0000 0% 28%,#fffcf814 38%,#fffffc3d 50%,#e4eeda1f 62%,#0000 72% 100%) 0 0/380% 100%;animation:9s linear infinite modal-shimmer;position:absolute;inset:-10%}.modal-canvas--has-image{background:0 0}.modal-canvas:has(.modal-canvas-shimmer) .sparkle-icon--loading{animation:3.6s linear infinite sparkle-spin,3.6s ease-in-out infinite loader-breathe}@keyframes modal-shimmer{0%{background-position:380% 0}to{background-position:-380% 0}}@keyframes modal-shimmer-drift{0%{background-position:420% 0}to{background-position:-420% 0}}@keyframes modal-plane-breathe{0%{opacity:.94}to{opacity:1}}@keyframes loader-breathe{0%,to{opacity:.78}50%{opacity:1}}.modal-canvas-media{z-index:0;grid-area:1/1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;position:relative}.modal-body--fit-image .modal-canvas-media{height:auto}.modal-canvas-media img{width:auto;max-width:100%;height:auto;max-height:var(--modal-canvas-height);object-fit:contain;object-position:center;display:block}.modal-canvas-state{z-index:2;width:100%;height:100%;min-height:inherit;box-sizing:border-box;text-align:center;color:var(--muted);flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:14px;margin:0;padding:24px;display:flex;position:relative}.modal-canvas-state h2{font-family:var(--serif);color:var(--ink);margin:0;font-size:32px;font-weight:600}.modal-canvas-state p{max-width:420px;margin:0;line-height:1.7}.modal-footer-slot{grid-template-rows:0fr;min-height:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}.modal-footer-slot.is-open{grid-template-rows:1fr}.modal-footer-slot.is-open .modal-footer{opacity:1;transform:translateY(0)}.modal-footer-slot .modal-footer{opacity:0;transition:opacity .35s 80ms,transform .45s cubic-bezier(.22,1,.36,1) 80ms;transform:translateY(8px)}.modal-footer-inner{min-height:0;overflow:hidden}.modal-footer{align-content:start;justify-items:center;gap:12px;width:100%;display:grid}.modal-actions{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex}.modal-actions .primary-button,.modal-actions .secondary-button{text-align:center;flex:200px;min-width:200px;max-width:260px;padding:13px 32px}.modal-hint{color:var(--muted);margin:0;font-size:14px}.state-message{min-height:320px;color:var(--muted);text-align:center;place-items:center;display:grid}.state-message p{margin:0;font-size:17px;line-height:1.6}.error-message{color:var(--danger)}@keyframes sparkle-spin{to{transform:rotate(360deg)}}.gallery-empty{color:var(--muted);text-align:center;background:#fffaf08c;border:none;border-radius:24px;margin:0;padding:48px 16px;font-size:16px;line-height:1.7}:is(body:has(.modal-overlay),body:has(.image-preview-overlay),body:has(.support-overlay)){overflow:hidden}.support-overlay{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2e2a1f61;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.support-panel{background:linear-gradient(135deg, #fffaf0fa, #eee5cde0), var(--cream);width:min(100%,520px);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border:none;border-radius:28px;padding:28px 24px 24px;position:relative;overflow-y:auto}.support-panel-close{width:36px;height:36px;color:var(--sepia);cursor:pointer;background:#fffaf0e6;border:none;border-radius:999px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.support-panel-header{box-sizing:border-box;text-align:center;width:100%;padding:0 36px}.support-panel-header h2{width:100%;font-family:var(--serif);color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 10px;font-size:clamp(26px,4vw,32px);font-weight:600;display:flex}.support-panel-header p{width:100%;max-width:400px;color:var(--muted);text-align:center;margin:0 auto;font-size:14px;line-height:1.7}.support-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.support-tier-card{color:var(--sepia);cursor:pointer;font:inherit;text-align:center;background:#fffaf0b8;border:none;border-radius:18px;gap:6px;padding:16px 10px 14px;transition:background .16s,color .16s,transform .16s;display:grid}.support-tier-card:hover{background:#e2ead68c}.support-tier-card.active{background:var(--olive);color:#fffaf0;transform:translateY(-1px)}.support-tier-card__emoji{font-size:clamp(34px,9vw,42px);line-height:1}.support-tier-card__name{letter-spacing:.02em;font-size:14px;font-weight:700}.support-tier-card__amount{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.1}.support-tier-card__subtitle{opacity:.88;font-size:12px;line-height:1.4}.support-qr-block{background:#f6f0dfb8;border-radius:20px;justify-items:center;gap:8px;margin-top:22px;padding:18px;display:grid}.support-qr-image{background:#fff;border-radius:12px;width:min(220px,72vw);height:auto;display:block}.support-qr-hint{width:100%;color:var(--muted);letter-spacing:.03em;text-align:center;margin:0;font-size:13px}.modal-footer-notes{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;width:100%;display:flex}.modal-footer-notes .modal-hint{margin:0}.modal-support-link{color:var(--olive);cursor:pointer;font:inherit;background:0 0;border:none;justify-content:center;align-items:center;margin:0 auto;padding:0;display:inline-flex}.modal-support-link__pill{letter-spacing:.04em;background:#e2ead685;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:15px;line-height:1.2;transition:background .16s,color .16s;display:inline-flex}.modal-support-link__label{font-weight:600}.modal-support-link:hover{color:var(--sepia)}.modal-support-link:hover .modal-support-link__pill{background:#d8e3ccb8}.support-emoji-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.modal-support-link .support-emoji-icon{width:1.35em;height:1.35em;font-size:18px}.support-emoji-icon--panel{vertical-align:-.12em;margin-right:6px;font-size:22px}.publish-toast{z-index:60;color:#fffaf0;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#3f5240;border-radius:999px;margin:0;padding:12px 22px;font-size:15px;animation:.22s cubic-bezier(.22,1,.36,1) toast-in;position:fixed;top:clamp(20px,4vw,32px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #2e2a1f38}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.masonry-grid{align-items:flex-start;gap:clamp(12px,1.6vw,18px);width:100%;display:flex}.masonry-column{flex-direction:column;flex:1 1 0;gap:clamp(12px,1.6vw,18px);min-width:0;display:flex}.gallery-card-wrap{position:relative}.gallery-card-delete{z-index:2;color:#fffaf0;letter-spacing:.04em;cursor:pointer;background:#934938eb;border:none;border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;top:12px;right:12px;box-shadow:0 8px 20px #4236212e}.gallery-card-delete:disabled{opacity:.7;cursor:wait}.gallery-card-delete:hover:not(:disabled){background:#7a3a2cf5}.gallery-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fffaf0d1;border:none;border-radius:24px;margin:0;padding:0;transition:transform .16s,box-shadow .16s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 34px #42362114}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #4236211f}.gallery-card:focus-visible{outline:none}.gallery-card img{background:var(--paper-deep)}.image-preview-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2e2a1fc7;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.image-preview-close{z-index:51;width:44px;height:44px;color:var(--sepia);cursor:pointer;background:#fffaf0eb;border:none;border-radius:999px;font-size:26px;line-height:1;position:fixed;top:20px;right:20px}.image-preview-photo{object-fit:contain;border-radius:16px;width:auto;max-width:min(96vw,1200px);height:auto;max-height:92vh;display:block;box-shadow:0 24px 60px #14100a47}@media (max-width:720px){.generator-bar{flex-direction:column;align-items:stretch}.generator-input-wrap,.generator-actions{width:100%}.generator-actions>button[type=submit]{flex:auto;width:100%;min-height:52px}.modal-overlay{padding:12px}.modal-panel{max-height:calc(100vh - 24px);padding:20px}.modal-panel--generate{--modal-canvas-height:min(676px, calc(100vh - 96px));width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}@media (max-width:480px){.home-hero h1{letter-spacing:-.03em;font-size:clamp(36px,11vw,44px)}.ratio-select-trigger{min-width:76px;padding:9px 26px 9px 11px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.image-preview-overlay{padding:16px}.image-preview-close{top:12px;right:12px}.support-tier-grid{grid-template-columns:1fr}.support-panel{padding:24px 18px 20px}}