.creator-help-button{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:6px;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.creator-help-button svg{width:18px;height:18px;flex:none}
#helpSheet{box-sizing:border-box;position:fixed;inset:calc(env(safe-area-inset-top) + 12px) 0 calc(env(safe-area-inset-bottom) + 12px);margin:auto;width:min(560px,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);padding:30px clamp(16px,5vw,30px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 24px 70px #29251f35;font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}#helpSheet::backdrop{background:#29251f59}#helpSheet h2{margin:0 40px 10px 0;font:normal 30px/1.2 Georgia,serif}#helpSheet p{margin:8px 0 16px;color:var(--muted)}#helpSheet details{border-bottom:1px solid var(--line);padding:14px 0}#helpSheet summary{cursor:pointer;font-weight:600}#helpSheet a{color:var(--accent)}#helpClose{position:absolute;right:10px;top:10px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink);font:30px/1 Georgia,serif;cursor:pointer}.help-contact{margin:24px 0}.help-contact h3{font:normal 23px/1.2 Georgia,serif}.support-line{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-top:12px;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:6px;background:#fffdf9}#supportAddress{user-select:all;overflow-wrap:anywhere;color:var(--ink);font-size:15px;line-height:1.3}#supportCopyStatus{color:var(--muted);font-size:13px}
.gift-locale{border:0;margin:28px 0;padding:0;min-width:0}.gift-locale legend{font-size:14px;font-weight:650;margin-bottom:10px;padding:0}.gift-locale-options{display:flex;flex-wrap:wrap;gap:10px}.gift-locale-options label{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:24px;cursor:pointer}.gift-locale-options label:has(:checked){border-color:var(--accent);color:var(--accent);background:#f3ede3}.gift-locale-options input{accent-color:var(--accent);width:18px;height:18px;margin:0}.library-filters{margin:14px 0}.library-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.library-chips button{border:1px solid var(--line);border-radius:20px;padding:8px 12px;min-height:40px;background:none;color:var(--ink);font-size:13px}.library-chips button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#f3ede3}.library-section-title{font:normal 23px/1.2 Georgia,serif;margin:24px 0 6px}.library-tabs{display:flex;flex-wrap:wrap;gap:14px}.library-tabs button{min-height:44px;border:0;border-bottom:2px solid transparent;padding:8px 0;background:none;color:var(--muted);font:17px/1.2 Georgia,serif}.library-sheet{min-width:0;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}.library{padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px)}.library-head{flex:none;position:relative;z-index:1;background:var(--paper);border-bottom:1px solid var(--line)}.library-tabs button{margin-bottom:-1px}.library-body{min-height:0;padding-top:6px}.example-text{overflow-wrap:anywhere}
@media(max-width:560px){.header-inner{flex-wrap:wrap;gap:8px;padding:12px 16px}.header-tools{flex-wrap:wrap;gap:8px;justify-content:flex-end}.creator-header .header-inner>.wordmark{margin-right:auto}.header-tools .save-status{order:5;flex-basis:100%;font-size:12px}.header-tools #your-gifts{font-size:12px}.creator-header .wordmark img{width:140px}.memory-editor-head{flex-wrap:wrap}.library-head{padding:20px 16px 0}.library-body{padding-inline:16px}}
@media(max-width:359px){.creator-help-button span{display:none}.header-tools{gap:6px}.locale-button{padding-left:6px}.library-sheet{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}}
.locale{position:relative;flex:none}.locale-button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px;border:0;background:none;color:var(--ink);font:700 12px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}.locale-button svg{width:17px;height:17px;flex:none}.locale-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(250px,calc(100vw - 32px));padding:6px 0;border:1px solid var(--line);background:var(--paper);box-shadow:0 14px 34px #463a2e1f;z-index:25}.locale-menu[hidden]{display:none}.locale-menu button{display:flex;justify-content:space-between;width:100%;min-height:44px;padding:10px 16px;border:0;background:none;color:var(--ink);font:17px/1.2 Georgia,serif;cursor:pointer}.locale-menu button:disabled{color:var(--accent);opacity:1;cursor:default}.locale-menu button:disabled::after{content:'✓'}.locale-note{margin:4px 16px 10px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.45}
#helpSheet .help-legal{margin-top:22px;font-size:14px;color:#756e64}#helpSheet .help-legal a{color:inherit}
/* Small utility actions (Sign out, Copy): the site's own quiet outline, never the browser's (iOS paints an unstyled button's text blue). */
.utility-button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:8px 16px;border:1px solid #bdb4a8;border-radius:4px;background:transparent;color:var(--ink);font:600 13px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer}.utility-button:hover{border-color:var(--ink);background:#f3ede3}.utility-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* A page waiting for its data: one quiet line, read out once. */
.page-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38vh;color:var(--muted);font:italic 18px/1.4 Georgia,'Times New Roman',serif}.page-loading[hidden]{display:none}.loading-mark{flex:none;width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:loading-turn .9s linear infinite}@keyframes loading-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-mark{animation:none;border-top-color:var(--line)}}