:root{--sticker-ink:#1d2440;--sticker-paper:#f7fafc;--sticker-coral:#e64f58;--sticker-cyan:#087e7a;--sticker-yellow:#ffd65a;--sticker-line:#d8deea;--sticker-surface:#fff;--sticker-muted:#59647a}
.zf-header-logo-img{max-width:170px!important}
.sticker-page{background:var(--sticker-paper);color:var(--sticker-ink);font-family:"Trebuchet MS",Arial,sans-serif}.sticker-shell{width:min(1160px,calc(100% - 32px));margin:0 auto}.maker-hero{padding:48px 0 72px;background:linear-gradient(180deg,#eefafa 0,var(--sticker-paper) 52%)}.maker-intro{max-width:820px;margin-bottom:32px}.sticker-kicker{margin:0 0 10px;color:var(--sticker-cyan);font:800 .78rem/1 "Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:0}.maker-intro h1{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:4.5rem;line-height:1.02;letter-spacing:0}.maker-intro>p:last-child{max-width:720px;margin:18px 0 0;color:var(--sticker-muted);font-size:1.08rem;line-height:1.7}
.maker-workspace{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);min-height:650px;border:1px solid var(--sticker-line);border-radius:8px;overflow:hidden;background:var(--sticker-surface);box-shadow:0 24px 60px rgba(29,36,64,.12)}.maker-controls{display:flex;min-width:0;flex-direction:column;gap:18px;padding:28px;border-right:1px solid var(--sticker-line);background:var(--sticker-surface)}.upload-zone{position:relative;display:flex;min-height:158px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #a6b2ca;border-radius:8px;padding:20px;text-align:center;cursor:pointer;background:#f8fbff}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-dragging{border-color:var(--sticker-cyan);background:#eefafa;outline:3px solid rgba(8,126,122,.2)}.upload-zone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-zone strong{margin:8px 0 4px}.upload-zone>span:not(.upload-icon){color:#69748a;font-size:.86rem;line-height:1.45}.upload-zone small{margin-top:7px;color:#778196;font-size:.75rem}.upload-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--sticker-yellow);font-size:1.5rem;font-weight:900}.file-bar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sticker-line);padding-bottom:14px}.file-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sticker-muted);font-size:.8rem}.file-bar button{flex:none;border:0;padding:4px;background:transparent;color:var(--sticker-cyan);font-weight:800;cursor:pointer}.file-bar button:focus-visible{outline:3px solid rgba(8,126,122,.2);outline-offset:2px}
.control-group{display:grid;min-width:0;gap:8px;margin:0;border:0;padding:0}.control-group legend,.control-group>span{font-size:.84rem;font-weight:800}.segment-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #bfc8d8;border-radius:6px}.segment-control-two{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-control label{position:relative;min-width:0}.segment-control input{position:absolute;opacity:0}.segment-control span{display:grid;min-height:42px;place-items:center;border-right:1px solid #bfc8d8;padding:4px 8px;text-align:center;font-size:.78rem;cursor:pointer}.segment-control label:last-child span{border-right:0}.segment-control input:checked+span{background:var(--sticker-ink);color:#fff}.segment-control input:focus-visible+span{outline:3px solid rgba(8,126,122,.25);outline-offset:-3px}.color-field{grid-template-columns:1fr 54px;align-items:center}.color-field input{width:54px;height:38px;border:1px solid #bfc8d8;border-radius:6px;background:transparent;padding:3px;cursor:pointer}.privacy-note{margin:0;color:var(--sticker-muted);font-size:.78rem;line-height:1.55}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{display:flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--sticker-ink);border-radius:6px;padding:0 14px;font-weight:800;cursor:pointer}.button-primary{margin-top:auto;background:var(--sticker-ink);color:#fff}.button-secondary{background:var(--sticker-surface);color:var(--sticker-ink)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--sticker-yellow)}.button:focus-visible{outline:3px solid var(--sticker-cyan);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.42}.maker-status{min-height:20px;margin:0;color:var(--sticker-muted);font-size:.8rem;line-height:1.45}
.preview-panel{display:flex;min-width:0;flex-direction:column;padding:24px;background:#edf1f7}.preview-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#647087;font-size:.78rem;font-weight:800;text-transform:uppercase}.canvas-stage{position:relative;display:grid;min-height:520px;flex:1;place-items:center;overflow:hidden;border:1px solid #c7d0de;border-radius:8px;background-color:#fff;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.canvas-stage canvas{display:none;width:min(86%,600px);height:auto;aspect-ratio:1;filter:drop-shadow(0 18px 22px rgba(29,36,64,.2))}.canvas-stage.has-image canvas{display:block}.preview-empty{text-align:center;color:#647087}.preview-empty span{display:grid;width:106px;height:82px;place-items:center;margin:0 auto 10px;border:2px solid #9aa7bd;border-radius:6px;font-weight:900;transform:rotate(-3deg)}.preview-empty p{margin:0}.canvas-stage.has-image .preview-empty{display:none}.preview-loading{position:absolute;inset:auto;border:1px solid var(--sticker-line);border-radius:6px;padding:12px 16px;background:var(--sticker-surface);color:var(--sticker-ink);font-weight:800;box-shadow:0 8px 24px rgba(29,36,64,.15)}
.sticker-section{padding:76px 0}.process-section{border-block:1px solid var(--sticker-line);background:var(--sticker-surface)}.section-heading{max-width:640px}.section-heading h2{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:3rem;line-height:1.08;letter-spacing:0}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:28px 0 0;padding:0;list-style:none;background:var(--sticker-line)}.process-grid li{min-height:250px;padding:30px;background:var(--sticker-surface)}.process-grid li>span{display:inline-block;margin-bottom:50px;color:var(--sticker-coral);font-weight:900}.process-grid h3{margin:0 0 14px;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:1.35rem;line-height:1.25;letter-spacing:0}.process-grid p{margin:0;color:var(--sticker-muted);line-height:1.7}.features-section{background:var(--sticker-paper)}.feature-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:0;background:var(--sticker-line);list-style:none}.feature-list li{min-height:110px;padding:28px;background:var(--sticker-surface);font-size:1rem;font-weight:800;line-height:1.45}.feature-list li:before{display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:var(--sticker-coral);content:""}.faq-section{background:var(--sticker-ink);color:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-section .sticker-kicker{color:var(--sticker-yellow)}.faq-list details{border-bottom:1px solid rgba(255,255,255,.2)}.faq-list summary{padding:22px 34px 22px 0;font-weight:800;cursor:pointer}.faq-list p{max-width:700px;margin:-6px 0 22px;color:#cbd3e4;line-height:1.7}
.article-page{padding:70px 0 90px}.article-shell{max-width:820px}.article-shell h1{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:4.2rem;line-height:1.02;letter-spacing:0}.article-lead{margin:24px 0 48px;color:var(--sticker-muted);font-size:1.18rem;line-height:1.8}.article-shell h2{margin:38px 0 12px;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:1.55rem;letter-spacing:0}.article-shell>p:not(.sticker-kicker){color:var(--sticker-muted);line-height:1.85}.article-shell a{color:var(--sticker-cyan);font-weight:800}.article-shell aside{margin-top:48px;border-left:6px solid var(--sticker-yellow);padding:22px 26px;background:var(--sticker-surface)}.article-shell aside p{margin:8px 0 0;line-height:1.7}
@media(max-width:800px){.maker-hero{padding:30px 0 52px}.maker-intro h1{font-size:3.1rem}.maker-workspace{grid-template-columns:1fr}.maker-controls{border-right:0;border-bottom:1px solid var(--sticker-line)}.preview-panel{min-height:420px}.canvas-stage{min-height:360px}.process-grid,.feature-layout,.faq-layout{grid-template-columns:1fr}.feature-layout,.faq-layout{gap:30px}.process-grid li{min-height:0}.process-grid li>span{margin-bottom:28px}.section-heading h2{font-size:2.35rem}}
@media(max-width:480px){.sticker-shell{width:min(calc(100% - 20px),1160px)}.maker-intro h1{font-size:2.45rem}.maker-controls,.preview-panel{padding:18px}.segment-control span{font-size:.72rem}.canvas-stage{min-height:300px}.sticker-section{padding:56px 0}.process-grid li,.feature-list li{padding:22px}.feature-list{grid-template-columns:1fr}.preview-label{font-size:.68rem}.action-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.button{transition:none!important}}
html[data-theme-mode=dark] .sticker-page,html.dark .sticker-page{--sticker-paper:#111726;--sticker-ink:#f5f7fb;--sticker-line:#35405a;--sticker-surface:#1b2438;--sticker-muted:#b9c3d7;background:#111726;color:#f5f7fb}html[data-theme-mode=dark] .maker-hero,html.dark .maker-hero{background:#131c2e}html[data-theme-mode=dark] .upload-zone,html.dark .upload-zone{border-color:#536078;background:#111827;color:#f5f7fb}html[data-theme-mode=dark] .upload-zone:hover,html[data-theme-mode=dark] .upload-zone:focus-visible,html[data-theme-mode=dark] .upload-zone.is-dragging,html.dark .upload-zone:hover,html.dark .upload-zone:focus-visible,html.dark .upload-zone.is-dragging{background:#152a32}html[data-theme-mode=dark] .segment-control,html[data-theme-mode=dark] .segment-control span,html[data-theme-mode=dark] .color-field input,html.dark .segment-control,html.dark .segment-control span,html.dark .color-field input{border-color:#536078}html[data-theme-mode=dark] .segment-control input:checked+span,html.dark .segment-control input:checked+span{background:#f5f7fb;color:#1d2440}html[data-theme-mode=dark] .preview-panel,html.dark .preview-panel{background:#111827}