*{box-sizing:border-box}:root{--bg:#dbedda;--surface:#fff;--muted:#6b6b6b;--text:#1d1d1f;--border:#1018280f;--accent:#1d1d1f;--toolbar-section-gap:.75rem;--icon-button-size:2.75rem;--icon-button-radius:.4rem;--toolbar-svg-size:1.6rem;--toolbar-gap:.5rem;--variant-min-width:5rem;--variant-padding-x:1rem;--variant-svg-left:.7rem}.home-screen{text-align:center;align-content:center;place-items:center;gap:1.5rem;min-height:100dvh;padding:2rem 1.25rem;display:grid}.home-screen[hidden]{display:none}.home-brand{justify-items:center;gap:.5rem;display:grid}.home-brand__title{letter-spacing:.08em;font-size:clamp(2rem,6vw,4rem);font-weight:900;line-height:.95}.home-actions{gap:.75rem;width:min(100%,24rem);display:grid}.home-button{border:1px solid var(--border);background:var(--surface);min-height:3.25rem;color:var(--text);font:inherit;border-radius:.5rem;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #1018280a}.home-button--link{color:var(--text)}.home-button:focus-visible{outline:0;box-shadow:0 0 0 4px #1d1d1f14}.home-footer{color:var(--text-muted,#6b7280);margin-top:.5rem;font-size:.875rem}.home-footer a{color:inherit;text-decoration:none}.home-footer a:hover{text-decoration:underline}.toolbar-svg{width:var(--toolbar-svg-size);height:var(--toolbar-svg-size);flex-shrink:0;display:block}.toolbar-svg--adaptive{fill:currentColor}.toolbar-svg--static{opacity:1}.toolbar-svg--variant{margin-right:.35rem}html.is-loading,html.is-loading body{overflow:hidden}html.is-loading .app-shell{opacity:0;pointer-events:none}.loading-overlay{color:#1d1d1f;z-index:9999;background:#def9e7;place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.loading-overlay__panel{text-align:center;justify-items:center;gap:.75rem;font-family:Arial,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.loading-overlay__spinner{border:2px solid #1d1d1f24;border-top-color:#1d1d1f;border-radius:999px;width:2rem;height:2rem;animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}html:not(.is-loading) .loading-overlay{opacity:0;visibility:hidden;pointer-events:none}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Noto Sans HK,Arial,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100dvh}.app-shell{grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:center;gap:1rem;min-height:100dvh;padding:.8rem;display:grid;overflow:visible}.app-shell[hidden]{display:none}.app-shell.is-review-step{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.app-shell.is-compose-step .form-section,.app-shell.is-compose-step #export-jpg,.app-shell.is-compose-step #back-step,.app-shell.is-review-step .toolbar,.app-shell.is-review-step #continue-step{display:none}.app-shell.is-compose-step .text-toolbar{display:flex}.app-shell.is-compose-step .editor-textarea,.app-shell.is-compose-step #overflow-warning:not([hidden]){display:block}.app-shell.is-review-step .left-column,.app-shell.is-review-step .right-column{display:contents}.app-shell.is-review-step .stage{order:0}.app-shell.is-review-step .form-section{order:1}.app-shell.is-review-step .bottom-toolbar{order:2;gap:1rem;display:flex}.app-shell.is-review-step #back-step{display:inline-flex}.app-shell.is-review-step .bottom-toolbar .button{flex:1 1 0;width:auto}.app-shell.is-compose-step .bottom-toolbar{gap:.6rem;display:flex}.app-shell.is-compose-step .bottom-toolbar .button{flex:1 1 0;width:auto}.left-column,.right-column{justify-items:center;gap:1rem;width:100%;display:grid}.left-column{justify-items:stretch}.toolbar{gap:var(--toolbar-section-gap);width:min(100%,28rem);display:grid}.text-toolbar{align-items:center;gap:var(--toolbar-gap);flex-wrap:wrap;display:flex}.image-upload{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{width:var(--icon-button-size);height:var(--icon-button-size);border-radius:var(--icon-button-radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:0;font-size:.88rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 4px 10px #1018280a}.icon-button--variant{min-width:var(--variant-min-width);width:auto;padding-left:var(--variant-padding-x);padding-right:var(--variant-padding-x);letter-spacing:.02em;flex:1;justify-content:center;font-size:.8rem;font-weight:600;position:relative}.icon-button__label{display:inline-block}.icon-button--variant .toolbar-svg{left:var(--variant-svg-left);z-index:1;color:currentColor;position:absolute;top:50%;transform:translateY(-50%)}.icon-button--variant .icon-button__label{z-index:0;position:relative}.icon-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.icon-button--color{background:var(--surface);border-color:var(--border);color:#1d1d1f}.icon-button--color[aria-pressed=true]{border-color:#0000}.icon-button--color.icon-button--color-0{background:#1d1d1f;border-color:#1d1d1f}.icon-button--color.icon-button--color-0 .toolbar-svg--static path{fill:#fff}.icon-button--color.icon-button--color-1{background:#6b7280;border-color:#6b7280}.icon-button--color.icon-button--color-2{background:#dc2626;border-color:#dc2626}.icon-button:focus-visible{outline:0;box-shadow:0 0 0 4px #1d1d1f14}.bottom-toolbar{width:min(100%,28rem)}.bottom-toolbar #image-upload-btn,.bottom-toolbar #page-add-inline,.bottom-toolbar #page-delete-inline{flex:none;align-self:center}.app-shell.is-review-step #image-upload-btn{display:none}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:.4rem;gap:.75rem;width:min(100%,28rem);padding:.9rem 1rem;display:grid;box-shadow:0 6px 18px #1018280a}.form-field{border:0;gap:.5rem;margin:0;padding:0;display:grid}#form-q1 .form-options{margin-top:1rem}.form-field+.form-field{border-top:2px solid var(--border);padding-top:1rem}.form-label{color:var(--text);font-size:.9rem;font-weight:600}.form-options{flex-wrap:wrap;gap:.5rem;display:flex}.form-option{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9rem;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.form-option:has(input:checked){background:var(--accent);border-color:var(--accent);color:#fff}.form-option input[type=radio]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-option--form{gap:0;padding:0;position:relative}.form-pill-content{pointer-events:none;z-index:1;align-items:center;gap:.15rem;padding:.5rem .6rem .5rem 1rem;display:flex;position:relative}.form-value-display{text-align:center;min-width:1.5rem}.form-option-select{opacity:.01;cursor:pointer;width:100%;height:100%;font:inherit;border:none;outline:none;margin:0;position:absolute;inset:0}.form-chevron{opacity:.6;flex-shrink:0}.form-option:has(input:checked) .form-chevron{opacity:1}.form-expand-btn{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;transition:background .12s,border-color .12s;display:flex}.form-expand-btn:hover{background:#f5f5f5;border-color:#1018281f}.form-expand-btn[hidden],#form-q3-wrapper[hidden]{display:none}#form-q3-wrapper{border-top:2px solid var(--border);padding-top:1rem}.form-input{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:.4rem;outline:none;padding:.65rem .8rem;line-height:1.25;box-shadow:0 4px 12px #1018280a}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #1d1d1f0a}.editor-textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;min-height:8rem;color:inherit;font:inherit;border-radius:.4rem;outline:none;padding:.9rem 1rem;line-height:1.25;box-shadow:0 6px 18px #1018280a}@media (width<=1025px){.left-column,.right-column{display:contents}.app-shell{--mobile-vertical-gap:.5rem;--toolbar-section-gap:var(--mobile-vertical-gap);gap:var(--mobile-vertical-gap);grid-template-rows:auto auto auto;align-content:start}.app-shell.is-review-step{gap:.5rem}.toolbar{order:1}.stage{order:2}.form-section{order:5}.bottom-toolbar{order:6}.toolbar,.bottom-toolbar,.canvas-frame,.form-section{width:min(100%,34rem,80dvh - 5.6rem)}.toolbar{gap:var(--toolbar-section-gap)}.stage{align-items:flex-start}.editor-textarea{min-height:3.2rem;max-height:4.4rem;overflow:auto}}.editor-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #1d1d1f0a}.editor-textarea.is-overflow{border-color:#d92027;box-shadow:0 0 0 4px #d920271f}.warning-text{color:#d92027;margin:0;font-size:.87rem;line-height:1.35}.button{border:1px solid var(--border);background:var(--surface);width:100%;min-height:3rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;gap:0;padding:.6rem .9rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 4px 10px #1018280a}.button--secondary{width:auto;min-height:2.5rem;padding:.4rem .8rem}.button:focus-visible{outline:0;box-shadow:0 0 0 4px #1d1d1f14}.button:disabled,.button[disabled]{cursor:not-allowed;opacity:.6}.consent-overlay{z-index:10000;background:#1d1d1f47;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.consent-overlay[hidden]{display:none}.consent-panel{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;gap:.9rem;width:min(90vw,26rem);padding:1rem 1.1rem 1.15rem;display:grid;box-shadow:0 16px 40px #1018281f}.consent-text{color:var(--text);margin:0;font-size:.95rem;line-height:1.45}.consent-title{font-weight:600}.consent-list{color:var(--text);gap:.35rem;margin:.5rem 0 0;padding-left:1.1rem;display:grid}.consent-list li{line-height:1.45}.consent-agree{color:#fff;background:#1b8841;border-color:#1b8841;width:100%}.delete-confirm-agree{color:#fff;background:#d92027;border-color:#d92027;justify-content:center;align-items:center;gap:.4rem;width:100%;display:inline-flex}.delete-confirm-agree svg{flex-shrink:0}#delete-confirm-overlay{align-items:end}#delete-confirm-overlay .consent-panel{width:min(100%,34rem)}.stage{justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.canvas-frame{aspect-ratio:1080/1350;background:var(--surface);width:min(100%,34rem,80dvh - 5.6rem);box-shadow:none;border:1px solid var(--border);pointer-events:auto;border-radius:.4rem;max-height:100%;position:relative;overflow:hidden}.template-switcher{background:var(--surface);border:1px solid var(--border);width:auto;min-width:0;height:var(--icon-button-size);-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:.4rem;flex:50 1 0;justify-content:center;align-items:center;gap:.1rem;padding:0 .8rem;display:flex;box-shadow:0 6px 18px #1018280a}.template-switcher[hidden]{display:none}.template-switcher .template-name{text-align:center;color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 .1rem;font-weight:600;overflow:hidden}.template-switcher .icon-button{width:2rem;height:2rem;box-shadow:none;color:var(--text);background:0 0;border:none;border-radius:999px;padding:0}#page-add-inline[hidden],#page-delete-inline[hidden]{display:none}#page-delete-inline{color:#fff;background:#d92027;border-color:#d92027}#page-delete-inline:disabled{color:#d92027;cursor:not-allowed;background:#fff;border-color:#d92027}.template-switcher{height:var(--icon-button-size);min-height:var(--icon-button-size)}.template-switcher:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px #1d1d1f0a}.canvas-frame .canvas-container{transform-origin:0 0;top:0;left:0;position:absolute!important}.page-nav{z-index:6;width:3rem;height:3rem;color:var(--text);cursor:pointer;pointer-events:auto;background:#ffffffb3;border:1px solid #10182814;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 16px #10182829}.page-nav--prev{left:.75rem}.page-nav--next{right:.75rem}.page-nav:focus-visible{outline:0;box-shadow:0 0 0 4px #1d1d1f1f}.page-nav[hidden],.page-nav-label[hidden]{display:none}.page-nav-label{z-index:6;color:#fff;letter-spacing:.02em;pointer-events:none;background:#1d1d1f99;border-radius:999px;padding:.35rem .9rem;font-size:.82rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.delete-zone{color:#d92027;white-space:nowrap;pointer-events:none;z-index:5;background:#ffffffe6;border:2px solid #d92027;border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;display:none;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px 16px #1018281a}.delete-zone[hidden]{display:none}.canvas-frame.is-image-editing .delete-zone:not([hidden]){display:flex}.delete-zone__icon{flex-shrink:0;place-items:center;display:grid}.delete-zone__icon svg{width:20px;height:20px}.delete-zone.is-active{color:#fff;background:#d92027;border-color:#d92027}.delete-zone__label{letter-spacing:.02em;text-align:center;white-space:nowrap;color:inherit;font-size:.8rem;font-weight:900}.image-delete-cover{pointer-events:none;z-index:4;background:#d920278c;position:absolute;top:0;left:0}.canvas-frame:not(.is-image-editing),.canvas-frame:not(.is-image-editing) .canvas-container,.canvas-frame:not(.is-image-editing) canvas,.canvas-frame:not(.is-image-editing) .canvas-container canvas{pointer-events:none!important;touch-action:auto!important}.canvas-frame.is-image-editing,.canvas-frame.is-image-editing .canvas-container,.canvas-frame.is-image-editing canvas,.canvas-frame.is-image-editing .canvas-container canvas{pointer-events:auto!important;touch-action:none!important}.hiddenTextarea,.canvas-container textarea,textarea[data-fabric-hiddentextarea]{font-size:16px!important}@media (width>=1025px){html,body{height:100%;overflow:auto}.app-shell{grid-template-rows:auto;grid-template-columns:26rem minmax(0,1fr);align-content:start;place-items:start stretch;height:100dvh;overflow:visible}.left-column{grid-column:1}.right-column{grid-column:2}.app-shell.is-review-step{grid-template-rows:auto;grid-template-columns:26rem minmax(0,1fr);align-content:start;place-items:start stretch;display:grid}.app-shell.is-review-step .left-column,.app-shell.is-review-step .right-column{align-content:start;align-self:start;justify-items:stretch;gap:1rem;display:grid}.app-shell.is-review-step .left-column{grid-area:1/1}.app-shell.is-review-step .right-column{grid-area:1/2}.app-shell.is-review-step .stage{grid-column:1}}#export-jpg,#continue-step{color:#fff;background:#1b8841;border-color:#1b8841}#export-jpg:hover:not(:disabled),#continue-step:hover:not(:disabled),#export-jpg:focus-visible,#continue-step:focus-visible{background:#157033;border-color:#157033;box-shadow:0 0 0 4px #1570331f}#export-jpg:disabled,#export-jpg[disabled],#continue-step:disabled,#continue-step[disabled]{cursor:not-allowed;color:#f7f7f7;box-shadow:none;opacity:1;background:#b8b8b8;border-color:#b8b8b8}#turnstile-widget{width:300px;height:65px;position:absolute;top:0;left:-10000px}.submit-status{text-align:center;margin:0;padding:0;font-size:.85rem;line-height:1.4}.submit-status.is-error{color:#b3261e}.submit-status.is-success{color:#157033}@media (width<=508px){#image-upload-btn,#page-add-inline,#page-delete-inline{gap:.3rem;font-size:.85rem}}