@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@font-face{font-family:Pangolin;src:url(/assets/Pangolin-Cyrillic-Ext-BlFLb9D5.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pangolin;src:url(/assets/Pangolin-Cyrillic-B2KpSGEQ.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pangolin;src:url(/assets/Pangolin-Vietnamese-CCz4y3bL.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pangolin;src:url(/assets/Pangolin-Latin-Ext-BFemPPf9.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pangolin;src:url(/assets/Pangolin-Latin-m8jKOiJo.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:HandFont;src:url(/assets/HandFont-DH6GgzGF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--paper: rgb(244, 242, 240);--ink: rgb(87, 83, 78);--muted: rgba(87, 83, 78, .72);--surface-subtle: rgba(87, 83, 78, .04);--surface-muted: rgba(87, 83, 78, .08);--surface-hover: rgba(87, 83, 78, .12);--line: rgba(87, 83, 78, .14);--line-strong: rgba(87, 83, 78, .24);color-scheme:light;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 24px 50px}.page.editor-page{padding-bottom:100px}.mobile-app-promo{width:calc(100% + 48px);min-height:36px;margin:-24px -24px 0;padding:8px 16px;border-radius:0;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--ink);color:var(--paper);font-size:13px;line-height:1}.mobile-app-promo:hover:not(:disabled){transform:none}.mobile-app-promo svg{flex:0 0 auto}.mobile-app-promo .app-store-icon{width:22px;height:22px;margin-right:2px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;padding:64px 12px}.hero h1{margin:0 0 10px;font-size:24px;font-weight:600;letter-spacing:.02em}.hero .brand-headline{display:flex;flex-direction:column;align-items:center;margin:0 0 20px;font-size:37px;font-weight:500;line-height:1.1;letter-spacing:0}.hero p{margin:0;width:400px;color:var(--ink);font-size:16px;line-height:1.5}.hero .buttons{margin-top:24px}.hero-actions{position:relative;display:inline-flex;align-items:center;gap:0}.hero-actions .done-btn{width:0;padding-left:0;padding-right:0;margin-right:0;opacity:0;transform:translate(18px);overflow:hidden;transition:width .3s ease,padding .3s ease,margin .3s ease,opacity .2s ease,transform .3s ease}.hero-actions.dirty .done-btn{width:auto;padding-left:18px;padding-right:18px;margin-right:8px;opacity:1;transform:translate(0)}.hero-actions .clear-btn{position:relative;z-index:1}.name-actions{position:relative;margin-top:24px;display:inline-flex;gap:12px;align-items:center}.name-input-wrap{position:relative}.name-input{min-width:220px;border:1px solid rgba(87,83,78,.18);border-radius:24px;corner-shape:squircle;padding:9px 16px 9px 32px;font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);outline:none}.name-input::placeholder{color:var(--muted);opacity:1}.name-back{position:absolute;top:1px;bottom:1px;left:4px;width:28px;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted)}.name-back:hover:not(:disabled){transform:none}.name-back:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.result-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px;align-items:center}.share-link{padding:10px 16px;border-radius:999px;border:1px dashed var(--line-strong);background:var(--surface-subtle);font-size:13px;color:var(--ink)}.card{border-radius:12px;display:flex;flex-direction:column;background:var(--surface-muted)}.card-header{padding:6px;height:55px;width:100%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.share-header{padding:16px 20px;height:auto;flex-wrap:wrap;gap:8px}.share-actions{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px}.share-link-row{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.share-link-row span{padding:8px 14px;border-radius:999px;border:1px dashed var(--line-strong)}.share-action{width:35px;height:35px;padding:6px;border:1px dashed var(--line-strong);background:transparent;color:var(--ink);display:grid;place-items:center}.share-action svg{width:20px;height:20px}.recent-letters-link{display:none;margin-top:18px;color:var(--ink);font-size:14px;text-decoration:underline;text-underline-offset:3px}.recent-list{width:min(520px,100%);display:flex;flex-direction:column;border-top:1px solid var(--line)}.recent-letter-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.recent-letter-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-letter-id{flex:none;color:var(--muted);font-size:12px}.recent-empty{margin:0;padding:24px 0;color:var(--muted);text-align:center}.copy-btn{width:36px;height:36px;border-radius:999px;padding:0;display:grid;place-items:center;background:var(--ink);color:var(--paper)}.copy-btn svg{width:18px;height:18px;fill:currentColor}.canvas-wrap{width:100%;display:flex;justify-content:center;align-items:center;padding:40px;position:relative;-webkit-font-smoothing:auto}.canvas-viewport{position:relative;display:inline-block;max-width:100%;max-height:100%}.canvas-hint{position:absolute;top:-20px;right:81px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:500}.canvas-hint span{font-family:HandFont,Pangolin,sans-serif;position:absolute;white-space:nowrap;top:-32px;right:-39px;font-size:16px}.hint-mobile{display:none}.canvas-hint svg{width:44px;height:44px}.canvas-hint path{fill:none;stroke:var(--muted);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.canvas-stage{position:absolute;top:0;left:0;width:544px;height:718px;cursor:text;border-radius:16px;background:var(--paper);background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:16px 16px;overflow:hidden;box-shadow:#57534e24 0 4px 12px;transform-origin:top left;touch-action:none}.share-page .canvas-stage,.page .canvas-stage img{touch-action:pan-y}.share-page .canvas-stage img{aspect-ratio:544 / 718}.canvas-stage img{width:100%;height:100%;border-radius:16px;display:block}.canvas-text{position:absolute;transform:translateY(-1px);padding:0;border:none;margin:0;box-sizing:content-box;background:transparent;font-size:20px;font-family:HandFont,Pangolin,sans-serif;color:var(--ink);caret-color:var(--ink);line-height:1.3;min-width:2px;outline:none;box-shadow:none;z-index:1;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-fill-color:var(--ink);resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:none}.canvas-text.readonly{-webkit-user-select:none;user-select:none;cursor:move}.canvas-text.editing{cursor:text;z-index:2}.canvas-text.selected{box-shadow:0 0 0 1px #4081ff80;border-radius:0}.canvas-text.dragging{box-shadow:none}.canvas-sticker{position:absolute;border:none;background:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:move;z-index:1}.canvas-sticker.dragging{opacity:.8}.canvas-sticker.selected{box-shadow:0 0 0 1px #4081ff80;border-radius:0}.element-dialog{width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:20px;border:0;border-radius:16px;background:var(--paper);color:var(--ink);box-sizing:border-box}.element-dialog.add-dialog{width:min(480px,calc(100% - 32px))}.element-dialog[open]{animation:element-dialog-in .18s ease both}.element-dialog::backdrop{background:#57534e6b}.element-dialog.closing{animation:element-dialog-out .18s ease both}@keyframes element-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes element-dialog-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.97)}}.dialog-close{display:grid;place-items:center;width:32px;height:32px;padding:0}.element-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.element-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;background:var(--surface-muted);color:var(--ink);text-align:left}.element-options svg{flex-shrink:0}.element-options button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.element-options .element-option-pro{position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:154px;padding:44px 14px 14px;gap:12px;background:var(--pro-background);color:var(--pro-ink)}.element-option-audio{--pro-background: #dfedda;--pro-ink: #3b583e}.element-option-video{--pro-background: #f3dfe5;--pro-ink: #864b60}.element-pro-badge{position:absolute;top:12px;right:12px;padding:3px 7px;border-radius:6px;background:var(--pro-ink);color:var(--pro-background);font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase}.element-option-label{font-weight:500;line-height:1.3}.element-option-copy{display:flex;flex-direction:column;gap:4px}.pro-audio-preview{display:flex;align-items:center;gap:8px;width:100%;height:56px}.pro-mic{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:12px;corner-shape:squircle;background:var(--pro-ink);color:var(--pro-background)}.pro-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;flex:1;min-width:0;height:40px}.pro-wave-bar{flex:1;max-width:4px;border-radius:2px;background:currentColor}.pro-video-preview{position:relative;display:grid;place-items:center;width:64px;height:64px;box-sizing:border-box;margin-left:4px;border:2px solid var(--paper);border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px #864b602e;transition:transform .18s ease}.pro-video-preview video{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}.element-option-audio:is(:hover,:focus-visible) .pro-wave-bar{animation:pro-wave-pulse .9s ease-in-out infinite alternate}.element-option-video:is(:hover,:focus-visible) .pro-video-preview{transform:scale(1.05)}@keyframes pro-wave-pulse{0%{transform:scaleY(.65)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.element-option-audio:is(:hover,:focus-visible) .pro-wave-bar{animation:none}.pro-video-preview{transition:none}.element-option-video:is(:hover,:focus-visible) .pro-video-preview{transform:none}}.video-recorder{--video-ink: #864b60;--video-preview-size: 232px;margin-bottom:16px;padding:20px 16px;padding-bottom:max(20px,calc((100% - var(--video-preview-size)) / 2));border-radius:8px;background:#f3dfe5;color:var(--video-ink)}.video-recorder-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.recording-preview.video{position:relative;width:min(100%,var(--video-preview-size));aspect-ratio:1;margin:0 auto;border:3px solid var(--paper);border-radius:50%;overflow:hidden;background:var(--paper);transition:border-color .18s ease}.recording-preview video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-recorder-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--paper)}.video-recorder-placeholder svg{opacity:.65}.video-recorder[data-status=recording] .recording-preview{border-color:var(--video-ink)}.audio-recorder{--voice-ink: #3b583e;--voice-muted: rgba(59, 88, 62, .28);margin-bottom:16px;padding:20px 16px;border-radius:8px;background:#e5eddf;color:var(--voice-ink)}.audio-recorder-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-recorder-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.audio-status-dot,.video-status-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor}.audio-recorder-time,.video-recorder-time{margin:20px 0 12px;font-size:36px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.audio-recorder-time span,.video-recorder-time span{font-size:14px;font-weight:400;opacity:.65}.video-recorder-time{margin:8px 0 20px}.audio-recorder-player{display:flex;align-items:center;gap:14px;height:64px}.audio-recorder-play{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;padding:0;border-radius:18px;corner-shape:squircle;background:var(--voice-ink);color:#e5eddf}.audio-recorder .audio-waveform{height:64px}.audio-recorder .audio-wave-bar{background:var(--voice-muted);transition:height .1s linear,background-color .15s ease}.audio-recorder .audio-wave-bar.played,.audio-recorder[data-status=recording] .audio-wave-bar{background:var(--voice-ink)}.audio-recorder[data-status=recording] .audio-status-dot,.video-recorder[data-status=recording] .video-status-dot{background:#b54843;animation:audio-recording-pulse 1.2s ease-in-out infinite}.audio-recorder audio{display:none}.recording-actions.recorder-actions button{min-height:48px;padding:12px}.audio-recorder-play:focus-visible,.recorder-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.recording-spinner{animation:recording-spin 1s linear infinite}@keyframes recording-spin{to{transform:rotate(360deg)}}@keyframes audio-recording-pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.audio-recorder .audio-wave-bar,.recording-preview.video{transition:none}.recording-spinner,.audio-recorder[data-status=recording] .audio-status-dot,.video-recorder[data-status=recording] .video-status-dot{animation:none}}.recording-actions{display:flex;flex-wrap:wrap;gap:8px}.recording-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;white-space:nowrap}.recording-actions svg{flex-shrink:0}.canvas-media{position:absolute;z-index:2;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;background:var(--ink);color:var(--paper);cursor:move}.canvas-media.selected{outline:2px solid rgb(64,129,255);outline-offset:3px}.canvas-media.audio-message{padding:10px;background:transparent;color:var(--ink)}.canvas-media.video-circle{border-radius:50%;overflow:hidden}.canvas-media video{width:100%;height:100%;object-fit:cover;display:block}.canvas-media audio{display:none}.media-controls{display:flex;align-items:center;gap:8px;height:100%;cursor:default}.media-controls .media-play{display:grid;place-items:center;width:32px;height:32px;padding:0;flex-shrink:0;background:var(--paper);color:var(--ink);border-radius:50%}.audio-message .media-controls{gap:12px;cursor:inherit}.audio-message .media-play{width:36px;height:36px;border-radius:14px;background:var(--ink);color:var(--paper)}.audio-message .media-play:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.audio-waveform{position:relative;flex:1;min-width:0;height:40px}.audio-wave-bars{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));align-items:center;gap:3px;height:100%}.audio-wave-bar{border-radius:2px;background:var(--muted)}.audio-wave-bar.played{background:var(--ink)}.share-page .canvas-media{cursor:default;touch-action:pan-y}@media (prefers-reduced-motion: reduce){.element-dialog[open],.element-dialog.closing{animation:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#57534e6b;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-card{width:min(520px,100%);background:var(--paper);border-radius:16px;padding:20px;transform:translateY(12px) scale(.98);transition:transform .25s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-overlay.open .modal-card{transform:translateY(0) scale(1)}.confirmation-modal .modal-card{width:min(400px,100%)}.confirmation-modal h3{margin:0;font-size:20px;font-family:HandFont,Pangolin,sans-serif}.confirmation-modal p{margin:10px 0 20px;color:var(--ink);line-height:1.5}.confirmation-actions{display:flex;justify-content:flex-end;gap:8px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{margin:0;font-size:18px;font-family:HandFont,Pangolin,sans-serif}.sticker-pack-tabs{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.sticker-pack-tabs button{flex:0 0 auto;padding:10px 0;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}.sticker-pack-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:currentColor}.sticker-pack-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;max-height:min(360px,calc(100dvh - 260px));overflow-y:auto;padding-right:6px}.sticker-item{border-radius:12px;padding:16px;background:var(--surface-subtle);display:grid;place-items:center;min-height:96px}.sticker-item img{width:64px;height:64px}.konva-export{position:absolute;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden}.buttons{display:flex;align-items:center;margin-top:24px}.footer{margin-top:50px;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;font-size:16px;color:var(--ink);text-align:center}.footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.footer>a{top:1px;position:relative}.footer-mobile-break{display:none}.footer-language{position:relative;display:inline-flex}.language-toggle{display:inline-flex;align-items:center;gap:4px;min-height:0;padding:0 0 2px;border-radius:0;background:transparent;color:inherit;font-size:inherit;line-height:inherit}.language-toggle svg{width:14px;height:14px;transition:transform .15s ease}.language-toggle[aria-expanded=true] svg{transform:rotate(180deg)}button.language-toggle:hover:not(:disabled){transform:none}.language-toggle:focus-visible,.footer a.language-option:focus-visible{outline:2px solid var(--line-strong);outline-offset:3px}.language-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;min-width:190px;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:#f4f2f0f5;box-shadow:0 16px 40px #57534e29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.footer a.language-option{display:flex;align-items:center;width:100%;padding:8px 10px;border-bottom:0;border-radius:8px;color:var(--ink);font-size:14px;line-height:1.2;text-align:left}.footer a.language-option:hover,.footer a.language-option.active{background:var(--surface-hover);color:var(--ink)}button{border:none;border-radius:24px;corner-shape:squircle;padding:10px 18px;font-size:14px;font-family:inherit;color:var(--ink);cursor:pointer;transition:transform .15s ease;-webkit-font-smoothing:auto}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px)}a.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:24px;corner-shape:squircle;padding:10px 18px;font-size:14px;font-family:inherit;cursor:pointer;transition:transform .15s ease;text-decoration:none}a.button-link:hover{transform:translateY(-1px)}a.button-link.primary{background:var(--ink);color:var(--paper)}a.button-link.ghost{background:var(--surface-muted);color:var(--ink)}.bottom-panel{position:fixed;left:0;right:0;bottom:0;display:flex;width:min(100%,624px);margin:0 auto;gap:12px;padding:12px 16px 18px;z-index:15}.bottom-panel button{flex:1;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-top:10px;padding-bottom:10px}.bottom-panel button.icon-button{padding-left:18px;padding-right:18px}.bottom-panel button.icon-button svg{width:16px;height:16px;display:block}.bottom-add-control{position:relative;width:100%;height:39px;margin:0 auto}.bottom-add-control .add-trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:1;transform:scale(1);transition:opacity .16s ease,transform .24s ease}button.ghost{background:var(--surface-muted);color:var(--ink)}button.primary{background:var(--ink);color:var(--paper)}button.danger{background:#f2d8dc;color:#e11d48}button.danger:disabled{background:#f2e1e3;color:#e11d4873;opacity:1}.seo-template-details,.template-directory{width:min(100%,624px)}.seo-template-details{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}.seo-template-intro h2,.seo-related h2{margin:0;font-size:18px;font-weight:600}.seo-template-intro p{margin:10px 0 0;color:var(--ink);line-height:1.6}.seo-template-copy{margin-top:28px;padding:0 2px;font-family:Pangolin,HandFont,sans-serif;font-size:17px;line-height:1.65}.seo-template-copy p{margin:0}.seo-template-copy br{display:block;content:"";height:14px}.seo-related{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.seo-related-list{margin-top:14px}.templates-page .hero{padding-bottom:36px}.template-directory-list{border-top:1px solid var(--line)}.template-directory-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 2px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.template-directory-list a:hover span:first-child{text-decoration:underline;text-underline-offset:3px}.template-directory-list a span:last-child{color:var(--muted)}.share-header h2{margin:0 0 4px;font-size:22px}.share-header p{margin:0;color:var(--muted)}.error{color:#b00020;font-weight:500}@media (max-width: 640px){.confirmation-actions{flex-direction:column}.footer-mobile-break{display:block;flex-basis:100%;height:0}.page{padding:16px 16px 50px}.mobile-app-promo{width:calc(100% + 32px);margin:-16px -16px 0}.hero{padding:28px 8px}.hero.has-payment-note{padding-bottom:64px}.hero h1{font-size:20px}.hero .brand-headline{font-size:24px}.hero p{width:100%;font-size:14px}.name-actions{flex-direction:column;width:100%}.name-input-wrap{width:100%}.name-input{width:100%;min-width:0;font-size:16px}.card{width:100%}.canvas-wrap{padding:20px 12px 28px}.canvas-hint{top:-27px;right:40px}.canvas-hint span{top:-26px;right:-8px}.hint-desktop{display:none}.hint-mobile{display:inline}.share-header{flex-wrap:nowrap}.share-link-row{min-width:0;flex:1 1 auto;flex-wrap:nowrap;gap:8px;text-align:center}.share-link-row span{width:100%;text-align:center;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.share-actions{width:auto;flex:none}.buttons{max-width:100%;justify-content:space-between}.seo-template-details{margin-top:48px;padding-top:28px}}.envelope-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;animation:env-away .45s ease 5.05s both}.env-canvas{position:absolute}.env-shadow{position:absolute;left:30%;right:30%;top:63.5%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(87,83,78,.2),transparent 72%);animation:env-shadow-in .6s ease 2.4s both,env-away .6s ease 4.45s both}.intro-playing .canvas-stage{animation:intro-fade-in .5s ease 4.95s both}.intro-playing .card{animation:intro-card-bg .7s ease 1.9s both}.intro-playing .hero{animation:intro-rise-in .8s cubic-bezier(.22,1,.36,1) 4.85s both}.intro-playing .footer{animation:intro-fade-in .8s ease 5.05s both}@keyframes env-shadow-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes env-away{to{opacity:0}}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes intro-card-bg{0%{background-color:transparent}}.element-pro-price{font-size:12px;font-weight:400;opacity:.75}.pro-payment-note,.checkout-status{max-width:440px;margin:12px auto 20px;text-align:center;font-size:12px;line-height:1.5}.pro-payment-note{position:absolute;top:calc(100% + 8px);left:50%;width:100%;margin:0;transform:translate(-50%)}.checkout-status .buttons{justify-content:center;flex-wrap:wrap;gap:8px}