.support-page{background:#f4f7fc;color:#142e68}.support-main{max-width:1160px;padding-block:48px 64px}.editor-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.editor-heading .eyebrow{font-size:.875rem;color:#176c39;letter-spacing:.13em;margin-bottom:12px}.editor-heading h1{font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.04em;margin:0}.editor-heading h1 br{display:initial}.editor-heading h1 em{color:#2464a7}.editor-heading>p{max-width:340px;font-size:1rem;line-height:1.6;margin:0 0 4px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);gap:56px;align-items:start}.preview-panel{min-width:0;position:sticky;top:125px}.preview-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:14px}.preview-bar>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.preview-bar i{width:8px;height:8px;background:#25822d;border-radius:50%}.preview-bar>span:last-child{color:#56657c}.photo-stage{position:relative;aspect-ratio:1;overflow:hidden;background:#dfe8f5;border-radius:16px;box-shadow:0 20px 50px #142e6814;isolation:isolate}.photo-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px}.photo-stage.has-photo canvas{touch-action:none;cursor:grab}.photo-stage.has-photo canvas:active{cursor:grabbing}.frame-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.empty-prompt{position:absolute;top:12%;left:12%;width:76%;height:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #5275a570;background:#ffffff80;border-radius:16px;color:#142e68;font:inherit;cursor:pointer}.empty-prompt svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.5;margin-bottom:2px}.empty-prompt strong{font-size:1.2rem;font-weight:700}.empty-prompt span{font-size:.875rem;color:#455c7b}.empty-prompt:hover{background:#ffffffc9}.preview-help{text-align:center;font-size:.875rem;line-height:1.5;color:#53627a;margin:16px 0 0}.editor-controls{padding-top:0;min-width:0}.control-step{display:flex;gap:14px;align-items:flex-start}.step-number{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2eaf5;font-size:.875rem;font-weight:700;margin-top:2px}.control-step h2{font-size:1.4rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 7px;font-weight:800}.control-step p{font-size:1rem;line-height:1.55;color:#53627a;margin:0}.choose-button,.download-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;border-radius:12px;border:0;font:700 1rem var(--font);cursor:pointer;transition:background .18s,transform .18s;margin-top:18px}.choose-button{background:#142e68;color:#fff}.choose-button>span:first-child{font-size:1.5rem;font-weight:400}.choose-button:hover{background:#214785}.download-button{background:#ffc931;color:#142e68;justify-content:space-between;padding:16px 23px}.download-button:hover:not(:disabled){background:#ffdc74}.download-button>span{font-size:1.5rem;line-height:1}.format-note{font-size:.875rem;color:#59677c;margin:9px 0 0;text-align:center}.control-divider{height:1px;background:#d5dfed;margin:24px 0}.editor-controls fieldset{border:0;margin:18px 0 0;padding:0;min-width:0}.editor-controls fieldset:disabled{opacity:.5}.zoom-label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;margin-bottom:8px}.zoom-label output{font-variant-numeric:tabular-nums;color:#53627a}.zoom-control{display:flex;align-items:center;gap:14px}.zoom-control button{width:44px;height:44px;flex-shrink:0;font:400 1.5rem var(--font);color:#142e68;background:#fff;border:1px solid #cbd6e6;border-radius:10px;cursor:pointer}.zoom-control input{width:100%;min-width:0;accent-color:#2464a7;height:44px;cursor:pointer}.adjust-buttons{display:flex;gap:10px;margin-top:12px}.adjust-buttons button{flex:1;padding:10px 6px;min-height:44px;border:1px solid #cbd6e6;border-radius:10px;background:transparent;color:#142e68;font:500 .875rem var(--font);cursor:pointer}.adjust-buttons button span{font-size:1.25rem;margin-right:5px}.adjust-buttons button:hover:not(:disabled){background:#e4edf8}.editor-status{font-size:.875rem;color:#53627a;line-height:1.5;margin:12px 0 0;min-height:21px}.editor-status.is-error{color:#a42323}.download-button:disabled{background:#e0e6ef;color:#66758d;cursor:not-allowed}.privacy-note{display:flex;gap:10px;align-items:start;font-size:.875rem;line-height:1.6;color:#53627a;margin:22px 0 0}.privacy-note svg{width:23px;height:23px;flex-shrink:0;stroke:#176c39;stroke-width:1.6}.privacy-note a,.download-result a{text-decoration:underline;text-underline-offset:3px;color:#174b86}.download-result{font-size:.875rem;line-height:1.6;margin-top:10px}.download-result a{display:block;width:fit-content;margin-top:5px}.support-footer{background:#142e68;color:#dce7f8;padding:28px 0}.support-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:.875rem;line-height:1.6}.support-footer p{margin:0}.support-footer a{color:#fff}.support-footer a:hover{text-decoration:underline}.support-page :focus-visible{outline:3px solid #2584dd;outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{border:1px solid #a42323;padding:18px;border-radius:12px}.support-page [hidden]{display:none!important}
@media(max-width:960px){.support-main{padding-top:32px}.editor-heading{gap:22px}.editor-heading h1 br{display:block}.editor-heading>p{max-width:300px}.editor-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.support-footer .wrap{flex-wrap:wrap}.support-footer p{order:3;flex-basis:100%}}
@media(max-width:680px){.support-main{padding-block:27px 40px}.editor-heading{display:block;margin-bottom:23px}.editor-heading h1{font-size:42px}.editor-heading h1 br{display:initial}.editor-heading>p{max-width:none;margin:14px 0 0;font-size:1rem}.editor-heading .eyebrow{font-size:.875rem}.editor-layout{grid-template-columns:1fr;gap:28px}.preview-panel{position:static}.photo-stage{border-radius:12px}.preview-bar{margin-bottom:10px}.preview-help{margin-top:10px}.empty-prompt strong{font-size:1rem}.empty-prompt svg{width:30px;height:30px}.control-step h2{font-size:1.3rem}.choose-button,.download-button{min-height:58px}.support-footer .wrap{font-size:.875rem;gap:16px}.support-footer p{font-size:.875rem}.support-page .nav-action{display:none}.support-page .nav{justify-content:space-between}}