.open-when-create-page .builder-copy,.open-when-create-page .form-column{position:relative}.open-when-create-page .look-panel.editor-collapsed,.open-when-create-page .write-panel.editor-collapsed{grid-template-columns:minmax(0,1fr)}.open-when-create-page .editor-hide-toggle{color:#5e51bd;background:#fff;border:1px solid #ded8ea;border-radius:100px;align-items:center;gap:.35rem;padding:7px 13px;font-size:.76rem;font-weight:750;display:inline-flex;position:absolute;top:0;right:0}.open-when-create-page .editor-hide-toggle:hover{background:#f4f1fd}.open-when-create-page .editor-mode-switch{border:1px solid #ded8ea;border-radius:100px;font-size:.72rem;font-weight:750;display:inline-flex;position:absolute;top:0;right:132px;overflow:hidden}.open-when-create-page .editor-mode-switch button{color:#8a8390;background:#fff;padding:7px 11px}.open-when-create-page .editor-mode-switch button.active{color:#5e51bd;background:#eeebff}@media (max-width:720px){.open-when-create-page .editor-mode-switch{margin-top:8px;position:static}}.open-when-create-page .look-panel.editor-drawer-collapsed,.open-when-create-page .write-panel.editor-drawer-collapsed{grid-template-columns:auto minmax(0,1fr)}.open-when-create-page .editor-drawer-rail{color:#8071e9;background:#faf9ff;border:1px solid #ded8ea;border-radius:16px;justify-content:center;align-self:stretch;align-items:center;width:40px;display:flex}.open-when-create-page .editor-drawer-rail:hover{background:#f4f1fd}@media (max-width:720px){.open-when-create-page .look-panel.editor-drawer-collapsed,.open-when-create-page .write-panel.editor-drawer-collapsed{grid-template-columns:minmax(0,1fr)}.open-when-create-page .editor-drawer-rail{width:100%;height:36px}}.open-when-create-page .progress-row{justify-content:center;align-items:center;gap:14px;margin:0 auto 20px;display:flex}.open-when-create-page .progress-row .builder-progress{margin:0}.open-when-create-page .editor-reopen-trigger{color:#fff;background:#6f5ce6;border:0;border-radius:100px;flex-shrink:0;align-items:center;gap:.45rem;padding:10px 16px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #46357447}.open-when-create-page .editor-reopen-trigger:hover{background:#5e4dd1}@media (max-width:640px){.open-when-create-page .progress-row{flex-direction:column;gap:10px}}.open-when-create-page .editor-modal-backdrop{z-index:56;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c162675;animation:.18s ease-out open-when-editor-fade;position:fixed;inset:0}.open-when-create-page .builder-copy.as-editor-modal,.open-when-create-page .form-column.as-editor-modal{z-index:57;-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;width:min(560px,100vw - 32px);max-height:min(84vh,760px);margin:0 0 16px;animation:.22s cubic-bezier(.2,.8,.3,1) open-when-editor-rise;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -8px 30px #1c162647}.open-when-create-page .builder-copy.as-editor-modal .editor-hide-toggle,.open-when-create-page .form-column.as-editor-modal .editor-hide-toggle{float:right;position:sticky;top:0}@media (min-width:640px){.open-when-create-page .builder-copy.as-editor-modal,.open-when-create-page .form-column.as-editor-modal{top:50%;bottom:auto;transform:translate(-50%,-50%)}}@keyframes open-when-editor-fade{0%{opacity:0}to{opacity:1}}@keyframes open-when-editor-rise{0%{opacity:0;transform:translate(-50%)translateY(18px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.open-when-create-page .sticker-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140f1e8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.open-when-create-page .sticker-modal{background:#fff;border-radius:22px;width:min(480px,100%);max-height:82vh;padding:22px;overflow:auto;box-shadow:0 30px 70px #00000047}.open-when-create-page .sticker-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.open-when-create-page .sticker-modal-head strong{color:#2c2733;font-size:1.02rem;display:block}.open-when-create-page .sticker-modal-head small{color:#8a8390;margin-top:2px;font-size:.76rem;display:block}.open-when-create-page .sticker-modal-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.open-when-create-page .sticker-modal-item{aspect-ratio:1;background:#faf9ff;border:1px solid #ede8f4;border-radius:12px;place-items:center;padding:6px;display:grid}.open-when-create-page .sticker-modal-item:hover{background:#f2effc;border-color:#cfc7e6}.open-when-create-page .sticker-modal-item img{object-fit:contain;max-width:100%;max-height:100%}.open-when-create-page .letter-side-preview article{position:relative}.open-when-create-page .placed-sticker{cursor:grab;touch-action:none;padding:4px;position:absolute;transform:translate(-50%,-50%)}.open-when-create-page .placed-sticker:active{cursor:grabbing}.open-when-create-page .placed-sticker img{pointer-events:none;filter:drop-shadow(0 4px 8px #2819372e);width:100%;height:auto;display:block}.open-when-create-page .placed-sticker.selected img{outline-offset:4px;border-radius:6px;outline:2px dashed #8071e9}.open-when-create-page .placed-sticker-toolbar{z-index:40;background:#fff;border:1px solid #ebe6f2;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;box-shadow:0 10px 24px #28193724}.open-when-create-page .placed-sticker-toolbar button{color:#57505f;background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.open-when-create-page .placed-sticker-toolbar button:hover{color:#5e51bd;background:#eeebff}.open-when-create-page .placed-sticker-rotate{color:#8071e9;cursor:grab;touch-action:none;background:#fff;border:1px solid #ded8ea;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #28193729}.open-when-create-page .placed-sticker-rotate:active{cursor:grabbing}.open-when-create-page .open-when-field{background:#faf9ff;border:1px solid #ebe6f2;border-radius:16px;margin-top:18px;padding:14px 16px 16px}.open-when-create-page .open-when-field-head{letter-spacing:.08em;color:#6d5dd4;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800;display:flex}.open-when-create-page .open-when-field-head small{color:#a39cae;letter-spacing:0;font-weight:600}.open-when-create-page .open-when-field input{background:#fff;border:1px solid #ded8ea;border-radius:10px;width:100%;margin-top:8px;padding:11px 13px;font-size:.92rem}.open-when-create-page .letter-canvas-elements-panel{background:#faf9ff;border:1px solid #ebe6f2;border-radius:14px;margin-top:8px;padding:10px 8px}.open-when-create-page .letter-canvas-panel-label{text-align:center;color:#8a8390;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.63rem;font-weight:800}.open-when-create-page .letter-canvas-element-buttons{grid-template-columns:repeat(3,52px);justify-content:center;gap:6px;display:grid}.open-when-create-page .letter-canvas-element-buttons button,.open-when-create-page .letter-canvas-element-buttons label{aspect-ratio:1;color:#5e51bd;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #ebe6f2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:52px;height:52px;margin:0;padding:3px;font-size:.52rem;font-weight:750;display:flex}.open-when-create-page .letter-canvas-element-buttons button.recording{color:#c23a4d;background:#fff1f2;border-color:#e05c6f}.open-when-create-page .letter-canvas-element-buttons button:hover,.open-when-create-page .letter-canvas-element-buttons label:hover{background:#f4f1fd}.open-when-create-page .letter-canvas-element-buttons input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.open-when-create-page .form-column h2{margin-bottom:14px;font-size:clamp(1.5rem,2.4vw,2.1rem)}.open-when-create-page .form-column .builder-next{padding:12px 15px;font-size:.86rem}.open-when-create-page .write-panel{grid-template-columns:minmax(0,.78fr) minmax(380px,1.05fr)}@media (max-width:900px){.open-when-create-page .write-panel{grid-template-columns:minmax(0,1fr)}}.open-when-create-page .letter-canvas-page-wrap{background-color:#f6f1fc;border-radius:24px;padding:24px;position:relative}.open-when-create-page .letter-canvas-page-tabs{justify-content:center;align-items:center;gap:6px;margin-bottom:14px;display:flex}.open-when-create-page .letter-canvas-page-tabs button{color:#6b6473;background:#fff;border:1px solid #ded8ea;border-radius:99px;padding:6px 14px;font-size:.76rem;font-weight:700}.open-when-create-page .letter-canvas-page-tabs button.active{color:#5e51bd;background:#eeebff;border-color:#8071e9}.open-when-create-page .letter-canvas-page-tab{display:inline-flex;position:relative}.open-when-create-page .letter-canvas-page-tabs .letter-canvas-page-delete{color:#a39cae;background:#fff;border:1px solid #ded8ea;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.open-when-create-page .letter-canvas-page-tabs .letter-canvas-page-delete:hover{color:#c23a4d;background:#fff1f2;border-color:#e05c6f}.open-when-create-page .letter-canvas-page-add{color:#8071e9;background:#fff;border:1px dashed #c9c0da;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.open-when-create-page .letter-canvas-page{aspect-ratio:3/5.6;touch-action:none;background:repeating-linear-gradient(#fffdf8,#fffdf8 34px,#f1ebe3 35px);border-radius:16px;width:100%;max-height:1040px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 40px #3f2e5b24}.open-when-create-page .letter-canvas-element{cursor:grab;justify-content:center;align-items:center;display:flex;position:absolute}.open-when-create-page .letter-canvas-element:active{cursor:grabbing}.open-when-create-page .letter-canvas-element.selected{outline-offset:3px;outline:1.5px dashed #8071e9}.open-when-create-page .letter-canvas-text{word-break:break-word;white-space:pre-wrap;outline:none;width:100%;line-height:1.3}.open-when-create-page .letter-canvas-text-input{resize:none;width:100%;height:100%;font:inherit;cursor:text;background:0 0;border:none;margin:0;padding:0;line-height:1.3}.open-when-create-page .letter-canvas-text-input:focus{outline:none}.open-when-create-page .letter-canvas-link-pill{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:0 14px;font-weight:700;display:flex;overflow:hidden}.open-when-create-page .letter-canvas-link-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140f1e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.open-when-create-page .letter-canvas-link-modal{background:#fff;border-radius:18px;width:min(360px,100%);padding:22px;box-shadow:0 30px 70px #00000038}.open-when-create-page .letter-canvas-link-modal strong{color:#2c2733;margin-bottom:16px;font-size:1rem;display:block}.open-when-create-page .letter-canvas-link-modal label{color:#6b6473;margin-top:14px;font-size:.74rem;font-weight:700;display:block}.open-when-create-page .letter-canvas-link-modal label small{float:right;color:#a39cae;font-weight:600}.open-when-create-page .letter-canvas-link-modal input{box-sizing:border-box;border:1px solid #ded8ea;border-radius:10px;width:100%;margin-top:6px;padding:10px 12px;font-size:.86rem}.open-when-create-page .letter-canvas-link-modal>button{color:#fff;background:#2c2733;border:0;border-radius:10px;width:100%;margin-top:20px;padding:11px;font-weight:800}.open-when-create-page .letter-canvas-link-modal>button:disabled{opacity:.45}.open-when-create-page .letter-canvas-image{object-fit:cover;pointer-events:none;border-radius:8px;width:100%;height:100%}.open-when-create-page .letter-canvas-video{object-fit:cover;background:#000;border-radius:8px;width:100%;height:100%}.open-when-create-page .letter-canvas-audio-chip{color:#5e51bd;background:#eeebff;border-radius:99px;align-items:center;gap:8px;width:100%;height:100%;padding:0 10px;display:flex;overflow:hidden}.open-when-create-page .letter-canvas-audio-chip audio{flex:1;min-width:0;height:32px}.open-when-create-page .letter-canvas-handle{pointer-events:auto;background:#fff;border:2px solid #8071e9;border-radius:50%;width:11px;height:11px;position:absolute}.open-when-create-page .handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.open-when-create-page .handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.open-when-create-page .handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.open-when-create-page .handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.open-when-create-page .letter-canvas-rotate-handle{color:#8071e9;cursor:grab;background:#fff;border:1px solid #ded8ea;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #28193729}.open-when-create-page .letter-canvas-rotate-handle:active{cursor:grabbing}.open-when-create-page .letter-canvas-toolbar{z-index:40;background:#fff;border:1px solid #ebe6f2;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 10px 24px #28193724}.open-when-create-page .letter-canvas-toolbar button{color:#57505f;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.open-when-create-page .letter-canvas-toolbar button:hover,.open-when-create-page .letter-canvas-toolbar button.active{color:#5e51bd;background:#eeebff}.open-when-create-page .letter-canvas-toolbar select{border:1px solid #ebe6f2;border-radius:8px;max-width:110px;padding:4px 6px;font-size:.76rem}.open-when-create-page .letter-canvas-toolbar input[type=color]{cursor:pointer;border-radius:7px;width:26px;height:26px;padding:2px}.open-when-create-page .letter-canvas-toolbar-divider{background:#ebe6f2;width:1px;height:20px}.open-when-create-page .letter-canvas-layer-group{position:relative}.open-when-create-page .letter-canvas-layer-menu{white-space:nowrap;background:#fff;border:1px solid #ebe6f2;border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #28193724}.open-when-create-page .letter-canvas-layer-menu button{color:#443f4d;border-radius:6px;width:auto;height:auto;padding:6px 10px;font-size:.76rem;font-weight:700}.open-when-create-page .letter-canvas-layer-menu button:hover{background:#f4f1fd}.open-when-create-page .letter-canvas-bg-field{margin-top:15px}.open-when-create-page .letter-canvas-bg-modal{width:min(480px,100%)}.open-when-create-page .letter-canvas-bg-modal-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.open-when-create-page .letter-canvas-bg-tile{aspect-ratio:1;background:#f1ede9;border:2px solid #0000;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 0 0 1px #e5dfd8}.open-when-create-page .letter-canvas-bg-tile img{object-fit:cover;width:100%;height:100%;display:block}.open-when-create-page .letter-canvas-bg-tile.active{border-color:#8071e9}.open-when-create-page .letter-canvas-bg-tile.letter-canvas-bg-default{color:#8a8390;background:repeating-linear-gradient(#fffdf8,#fffdf8 6px,#f1ebe3 7px);place-items:center;font-size:.72rem;font-weight:750;display:grid}.open-when-create-page .create-guide{gap:3.4rem;max-width:68rem;margin:5rem auto 0;display:grid}.open-when-create-page .create-guide section{content-visibility:auto;contain-intrinsic-size:auto 26rem}.open-when-create-page .create-guide h2{letter-spacing:-.045em;color:var(--ink);margin:0 0 .85rem;font-size:clamp(1.65rem,3.2vw,2.4rem);line-height:1.12}.open-when-create-page .create-guide>section>p{max-width:46rem;color:var(--muted);margin:0 0 .9rem;font-size:1.02rem;line-height:1.72}.open-when-create-page .create-guide>section>p:last-child{margin-bottom:0}.open-when-create-page .create-lede{border-top:1px solid var(--line);padding-top:2.6rem}.open-when-create-page .create-card{border:1px solid var(--line);background:#ffffffb8;border-radius:1.25rem;padding:1.35rem 1.45rem}.open-when-create-page .create-card h3{color:var(--ink);margin:0;font-size:1.02rem;line-height:1.35}.open-when-create-page .create-card p{color:var(--muted);margin:.5rem 0 0;font-size:.92rem;line-height:1.62}.open-when-create-page .create-steps{counter-reset:create-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.open-when-create-page .create-steps li{counter-increment:create-step}.open-when-create-page .create-steps li:before{content:"STEP " counter(create-step);color:var(--violet);letter-spacing:.16em;margin-bottom:.6rem;font-size:.68rem;font-weight:800;display:block}.open-when-create-page .create-inside{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.open-when-create-page .create-ideas ul{gap:.55rem;margin:1.3rem 0 0;padding:0;list-style:none;display:grid}.open-when-create-page .create-ideas li{border-left:2px solid var(--line);color:var(--muted);padding:.25rem 0 .25rem .95rem;font-size:.95rem;line-height:1.6}.open-when-create-page .create-ideas li strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.open-when-create-page .create-tips ol{counter-reset:create-tip;gap:1.1rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.open-when-create-page .create-tips li{counter-increment:create-tip;grid-template-columns:1.9rem minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.open-when-create-page .create-tips li:before{content:counter(create-tip, decimal-leading-zero);color:#5b4bd0;background:#eeebff;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;font-size:.72rem;font-weight:800;display:grid}.open-when-create-page .create-tips strong{color:var(--ink);font-size:.98rem;display:block}.open-when-create-page .create-tips span{color:var(--muted);margin-top:.28rem;font-size:.93rem;line-height:1.62;display:block}.open-when-create-page .create-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.5rem;display:grid}.open-when-create-page .create-cta{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2.4rem;display:flex}.open-when-create-page .create-cta p{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.open-when-create-page .create-cta span{color:var(--muted);margin-top:.4rem;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;display:block}.open-when-create-page .create-cta a{background:var(--violet);color:#fff;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:.95rem 1.25rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.open-when-create-page .create-cta a:hover{filter:brightness(1.06)}.open-when-create-page .create-guide a:not(.create-cta a){color:#5d55bd;border-bottom:1px solid #5d55bd59;font-weight:700;text-decoration:none}.dark .open-when-create-page .create-card{background:#24212d}.dark .open-when-create-page .create-tips li:before{color:#c3b9ff;background:#2f2a44}.dark .open-when-create-page .create-guide a:not(.create-cta a){color:#b7abff;border-bottom-color:#b7abff59}@media (max-width:860px){.open-when-create-page .create-guide{gap:2.6rem;margin-top:3.5rem}.open-when-create-page .create-steps,.open-when-create-page .create-inside,.open-when-create-page .create-faq-list{grid-template-columns:1fr}.open-when-create-page .create-cta{flex-direction:column;align-items:flex-start}}