.hero-section[data-astro-cid-ge2uvauf]{text-align:center;padding-top:3.5rem;padding-bottom:2rem}.hero-container[data-astro-cid-ge2uvauf]{flex-direction:column;align-items:center;max-width:760px;margin:0 auto;display:flex}.hero-headline[data-astro-cid-ge2uvauf]{letter-spacing:-.03em;color:var(--color-text-main);margin-bottom:.75rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.15}.hero-subtext[data-astro-cid-ge2uvauf]{color:var(--color-text-muted);margin-bottom:2.25rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.5}.hero-upload-box[data-astro-cid-ge2uvauf]{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:620px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;padding:2.75rem 2rem;position:relative}.hero-upload-box[data-astro-cid-ge2uvauf]:hover,.hero-upload-box[data-astro-cid-ge2uvauf].dragover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background-color:#f0fdfa;transform:translateY(-2px)}.upload-inner[data-astro-cid-ge2uvauf]{flex-direction:column;align-items:center;gap:.875rem;display:flex}.upload-icon-circle[data-astro-cid-ge2uvauf]{background-color:var(--color-primary-light);width:56px;height:56px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.upload-btn[data-astro-cid-ge2uvauf]{box-shadow:var(--shadow-sm);padding:.75rem 1.75rem;font-size:1rem}.upload-instructions[data-astro-cid-ge2uvauf]{color:var(--color-text-main);margin-top:.25rem;font-size:.9375rem;font-weight:600}.upload-support-hint[data-astro-cid-ge2uvauf]{color:var(--color-text-light);font-size:.8125rem}.sample-try-row[data-astro-cid-ge2uvauf]{border-top:1px solid var(--color-border-subtle);width:100%;margin-top:.5rem;padding-top:.75rem}.sample-link[data-astro-cid-ge2uvauf]{color:var(--color-primary);text-underline-offset:3px;transition:color var(--transition-fast);font-size:.875rem;font-weight:600;text-decoration:underline}.sample-link[data-astro-cid-ge2uvauf]:hover{color:var(--color-primary-hover)}.hero-trust-message[data-astro-cid-ge2uvauf]{color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);align-items:center;gap:.5rem;margin-top:1.5rem;padding:.4rem 1rem;font-size:.8125rem;display:inline-flex}.hero-trust-message[data-astro-cid-ge2uvauf] svg[data-astro-cid-ge2uvauf]{color:var(--color-primary);flex-shrink:0}.mobile-only[data-astro-cid-ge2uvauf]{display:none!important}.upload-btn-text-mobile[data-astro-cid-ge2uvauf]{display:none}@media (width<=640px){.desktop-only[data-astro-cid-ge2uvauf]{display:none!important}.mobile-only[data-astro-cid-ge2uvauf]{display:flex!important}.upload-btn-text-desktop[data-astro-cid-ge2uvauf]{display:none}.upload-btn-text-mobile[data-astro-cid-ge2uvauf]{display:inline}.hero-section[data-astro-cid-ge2uvauf]{width:100%;padding-top:1.75rem;padding-bottom:1.5rem;overflow-x:hidden}.hero-container[data-astro-cid-ge2uvauf]{box-sizing:border-box;width:100%;padding-left:.875rem;padding-right:.875rem}.hero-headline[data-astro-cid-ge2uvauf]{margin-bottom:.5rem;font-size:1.85rem}.hero-subtext[data-astro-cid-ge2uvauf]{margin-bottom:1.25rem;padding:0 .5rem;font-size:.9375rem}.hero-upload-box[data-astro-cid-ge2uvauf]{border:2px dashed var(--color-primary);box-sizing:border-box;background:linear-gradient(#fff 0%,#f0fdfa 100%);border-radius:16px;width:100%;padding:1.625rem 1rem;box-shadow:0 4px 14px #0f766e14}.upload-icon-circle[data-astro-cid-ge2uvauf]{width:50px;height:50px;margin-bottom:0}.upload-btn[data-astro-cid-ge2uvauf]{border-radius:12px;justify-content:center;width:100%;max-width:320px;padding:.75rem 1rem;font-size:.9375rem;box-shadow:0 3px 8px #0f766e33}.upload-instructions[data-astro-cid-ge2uvauf]{color:var(--color-text-main);text-align:center;margin-top:.125rem;font-size:.8125rem}.mobile-features-row[data-astro-cid-ge2uvauf]{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.25rem;display:flex}.mobile-chip[data-astro-cid-ge2uvauf]{color:#0f766e;border-radius:var(--radius-full);background:#e6fffa;border:1px solid #99f6e4;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.hero-trust-message[data-astro-cid-ge2uvauf]{text-align:left;border-radius:var(--radius-md);box-sizing:border-box;width:100%;max-width:100%;margin-top:1rem;padding:.5rem .75rem;font-size:.75rem}}.studio-root{margin-top:1rem;margin-bottom:3rem}.studio-panels{min-height:720px;transition:all var(--transition-normal);grid-template-columns:1fr 360px;gap:1.25rem;display:grid}.studio-root.sidebar-collapsed .studio-panels{grid-template-columns:1fr}.studio-root.sidebar-collapsed .panel-sidebar{display:none}.panel-canvas-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.canvas-toolbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}#btn-before-after.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.canvas-top-formatting-bar{z-index:40;user-select:none;background:#fff;border:1px solid #e2e8f0e6;border-radius:50px;justify-content:center;align-items:center;gap:.25rem;max-width:fit-content;margin:.5rem auto;padding:.35rem .65rem;display:flex;position:sticky;top:8px;box-shadow:0 4px 18px #0f172a14,0 1px 3px #0f172a0a}.fmt-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;height:30px;padding:0 .45rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.fmt-btn:hover{color:#0f172a;background-color:#f1f5f9}.fmt-btn.active{color:#2563eb;background-color:#eff6ff;font-weight:700}.fmt-font-name{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:.8125rem;font-weight:600;overflow:hidden}.fmt-val{font-size:.75rem;font-weight:700}.fmt-chevron{color:#94a3b8}.fmt-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:18px;margin:0 .1rem}.fmt-dropdown-wrap{position:relative}.fmt-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:170px;padding:.5rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000001f}.font-family-menu{min-width:210px;max-height:280px;overflow-y:auto}.fmt-menu-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.45rem .65rem;font-size:.8125rem;transition:all .12s;display:flex}.fmt-menu-item:hover{color:#0f172a;background-color:#f8fafc}.fmt-menu-item.active{color:#2563eb;background-color:#eff6ff;font-weight:700}.font-tag{color:#94a3b8;font-size:.6875rem}.font-roboto{font-family:Roboto,sans-serif}.font-montserrat{font-family:Montserrat,sans-serif}.font-oswald{font-family:Oswald,sans-serif}.font-playfair{font-family:Playfair Display,serif}.font-bebas{font-family:Bebas Neue,sans-serif}.font-merriweather{font-family:Merriweather,serif}.font-pacifico{font-family:Pacifico,cursive}.font-roboto-mono{font-family:Roboto Mono,monospace}.font-arial{font-family:Arial,sans-serif}.font-anton{font-family:Anton,sans-serif}.popover-menu{min-width:190px}.popover-row{color:#475569;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:flex}.popover-presets{gap:.25rem;margin-top:.4rem;display:flex}.size-preset-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;flex:1;padding:.2rem 0;font-size:.6875rem}.size-preset-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.rotation-preset-btn{color:#475569;cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:.25rem .2rem;font-size:.6875rem;transition:all .15s}.rotation-preset-btn:hover,.rotation-preset-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:600}.fmt-color-indicator{border-radius:3px;width:14px;height:14px}.fmt-text-color-preview{border-bottom:3px solid #2563eb;font-size:.85rem;font-weight:800;line-height:1}.popover-header{color:#1e293b;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.popover-checkbox{color:#334155;cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.popover-palette{grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:.4rem;display:grid}.color-dot{cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;transition:transform .1s}.color-dot:hover,.color-dot.active{outline-offset:1px;outline:2px solid #2563eb;transform:scale(1.15)}.custom-color-row{color:#475569;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.35rem;padding-top:.35rem;font-size:.75rem;display:flex}.custom-color-row input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px}.fmt-btn-danger:hover{color:#dc2626;background-color:#fee2e2}.fmt-btn-templates{color:#0f766e;background-color:#f0fdfa;border:1px solid #ccfbf1}.fmt-btn-templates:hover{color:#0f766e;background-color:#ccfbf1}.more-menu{min-width:200px}.edit-text-popover{min-width:290px;max-width:340px;padding:.65rem .75rem}.edit-text-textarea{resize:vertical;color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:52px;max-height:120px;margin-bottom:.45rem;padding:.5rem .65rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;transition:border-color .15s,box-shadow .15s}.edit-text-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.quick-var-chips{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.55rem;display:flex}.var-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;transition:all .12s}.var-chip:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.popover-actions{justify-content:flex-end;display:flex}.more-menu-section{border-bottom:1px solid #f1f5f9;padding:.35rem 0}.more-menu-section:last-child{border-bottom:none;padding-bottom:0}.more-menu-title{text-transform:uppercase;color:#94a3b8;margin-bottom:.35rem;font-size:.6875rem;font-weight:700;display:block}.canvas-viewport{position:relative}.filmstrip-add-btn{background-color:var(--color-primary,#2563eb)!important;color:#fff!important;border-radius:var(--radius-md,8px)!important;cursor:pointer!important;transition:all var(--transition-fast,.15s ease)!important;border:none!important;align-items:center!important;gap:.375rem!important;padding:.38rem .875rem!important;font-size:.8125rem!important;font-weight:600!important;display:inline-flex!important;box-shadow:0 2px 8px #2563eb4d!important}.filmstrip-add-btn:hover{background-color:#1d4ed8!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #2563eb73!important}.filmstrip-add-btn:active{transform:translateY(0)scale(.98)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.streamlined-modal-overlay{backdrop-filter:blur(4px);z-index:200;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.streamlined-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.streamlined-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.streamlined-modal-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.streamlined-modal-sub{color:#64748b;font-size:.75rem}.streamlined-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.streamlined-close-btn:hover{color:#0f172a;background:#f1f5f9}.streamlined-controls-row{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem .5rem;display:flex}.streamlined-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.streamlined-search-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.streamlined-category-chips{scrollbar-width:none;gap:.35rem;padding-bottom:2px;display:flex;overflow-x:auto}.s-chip{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.s-chip.active,.s-chip:hover{color:#fff;background:#0f766e;border-color:#0f766e}.streamlined-templates-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;max-height:480px;padding:1rem 1.25rem;display:grid;overflow-y:auto}.s-tmpl-card{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.35rem;padding:.5rem;transition:all .2s;display:flex}.s-tmpl-card:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 10px #2563eb1a}.s-tmpl-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb}.s-tmpl-thumb-wrap{aspect-ratio:16/10;background-color:#0f172a;background-image:url(/background.avif);background-position:50%;background-size:cover;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:140px;position:relative;overflow:hidden}.s-tmpl-img{object-fit:cover;width:100%;height:100%}.streamlined-modal-footer{background:#fafbfd;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;padding:.65rem 1.25rem;display:flex}.streamlined-skip-link{color:#94a3b8;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:underline;transition:color .15s,background-color .15s}.streamlined-skip-link:hover{color:#475569;background-color:#f1f5f9}.streamlined-skip-link:active{color:#0f172a;transform:scale(.98)}.s-tmpl-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.s-tmpl-badge{color:#64748b;font-size:.65rem}.type-choice-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.15rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.type-choice-btn:hover{background:#f8fafc;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb14}.type-choice-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s;display:flex}.type-choice-btn:hover .type-choice-icon{transform:scale(1.06)}.type-choice-content{flex:1;min-width:0}.type-choice-arrow{color:#94a3b8;transition:transform .15s,color .15s}.type-choice-btn:hover .type-choice-arrow{color:#2563eb;transform:translate(3px)}.preset-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2563eb1a;background:#eff6ff!important;border-color:#2563eb!important}#dropzone-logo-upload:hover{background:#eff6ff!important;border-color:#2563eb!important}.toolbar-left,.toolbar-right{align-items:center;gap:.5rem;display:flex}.image-meta{color:var(--color-text-light);background-color:var(--color-bg);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:600}.override-control-wrap{border-left:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;margin-left:.25rem;padding-left:.75rem;display:flex}.per-image-toggle{color:var(--color-text-main);cursor:pointer;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.per-image-toggle input{cursor:pointer}.btn-xs{border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.canvas-viewport{user-select:none;flex:1;justify-content:center;align-items:center;min-height:480px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.canvas-checkerboard{background-color:#e2e8f0;background-image:linear-gradient(45deg,#cbd5e1 25%,#0000 25%),linear-gradient(-45deg,#cbd5e1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cbd5e1 75%),linear-gradient(-45deg,#0000 75%,#cbd5e1 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.preview-canvas{object-fit:contain;max-width:100%;max-height:520px;box-shadow:var(--shadow-lg);cursor:grab;transition:box-shadow var(--transition-fast);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:4px}.preview-canvas:active{cursor:grabbing}.canvas-drop-overlay{z-index:50;background-color:#0f766ee6;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.drop-modal-box{border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xl);background-color:#fff;padding:2rem}.filmstrip-container{background-color:var(--color-surface);border-top:1px solid var(--color-border-subtle);padding:.75rem 1rem}.filmstrip-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.filmstrip-title-row{align-items:center;gap:.75rem;display:flex}.filmstrip-title{color:var(--color-text-main);font-size:.8125rem;font-weight:700}.filmstrip-sub{color:var(--color-text-light);font-size:.75rem}.sub-mobile{display:none}.filmstrip-scroll{scrollbar-width:thin;gap:.625rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.thumb-card{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:82px;transition:all var(--transition-fast);flex-shrink:0;position:relative;overflow:hidden}.thumb-card:hover{border-color:var(--color-text-muted)}.thumb-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #0f766e4d}.thumb-img{object-fit:cover;width:100%;height:54px;display:block}.thumb-label{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-main);background-color:var(--color-surface);padding:3px 4px;font-size:.625rem;overflow:hidden}.thumb-remove{color:#fff;background-color:#0f172abf;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6875rem;line-height:1;display:flex;position:absolute;top:2px;right:2px}.thumb-remove:hover{background-color:#ef4444}.thumb-edited-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);letter-spacing:.02em;padding:1px 4px;font-size:.5625rem;font-weight:700;position:absolute;bottom:20px;left:4px;box-shadow:0 1px 2px #0003}.panel-sidebar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;max-height:840px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--color-border-subtle);padding:.875rem 1.125rem}.sidebar-title-wrap{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-title{color:var(--color-text-main);font-size:1rem;font-weight:700}.active-template-pill{color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;max-width:170px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;overflow:hidden}.sidebar-content{flex-direction:column;flex:1;gap:1.125rem;padding:1rem 1.125rem;display:flex;overflow-y:auto}.quick-controls-section{flex-direction:column;gap:.875rem;display:flex}.control-row{flex-direction:column;gap:.35rem;display:flex}.control-label-row{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--color-text-main);font-size:.8125rem;font-weight:600}.link-btn{color:var(--color-primary);transition:color var(--transition-fast);padding:0;font-size:.75rem;font-weight:600}.link-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.quick-templates-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.quick-tmpl-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);box-sizing:border-box;flex-direction:column;padding:3px;display:flex;position:relative;overflow:hidden}.quick-tmpl-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-tmpl-card.active{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary)}.quick-tmpl-thumb-wrap{aspect-ratio:16/10;border-radius:calc(var(--radius-md) - 3px);background-color:#0f172a;background-image:url(/background.avif);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:auto;min-height:75px;display:flex;position:relative;overflow:hidden}.quick-tmpl-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .25s;display:block}.quick-tmpl-card:hover .quick-tmpl-img{transform:scale(1.05)}.quick-tmpl-mode-badge{text-transform:uppercase;color:#fff;backdrop-filter:blur(4px);z-index:2;background:#0f172abf;border-radius:3px;padding:1px 4px;font-size:.5625rem;font-weight:700;line-height:1.2;position:absolute;bottom:3px;left:3px}.quick-tmpl-mode-badge.tile{background:#0f766ed9}.quick-tmpl-check{background-color:var(--color-primary);color:#fff;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;line-height:1;display:none;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0000004d}.quick-tmpl-card.active .quick-tmpl-check{display:flex}.quick-tmpl-caption{flex-direction:column;gap:1px;min-width:0;padding:.35rem .25rem .15rem;display:flex}.quick-tmpl-name{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;line-height:1.2;overflow:hidden}.quick-tmpl-card.active .quick-tmpl-name{color:var(--color-primary)}.quick-tmpl-style{color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;line-height:1.2;overflow:hidden}.slider-container{width:100%}.slider-container input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}.slider-value{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.quick-rotations{gap:.35rem;margin-top:.15rem;display:flex}.rot-chip{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:.15rem .45rem;font-size:.6875rem}.rot-chip:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.position-control-box{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem;display:flex}.position-grid{flex-shrink:0;grid-template-rows:repeat(3,26px);grid-template-columns:repeat(3,26px);gap:3px;display:grid}.pos-btn{width:26px;height:26px;color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.pos-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.pos-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.position-tip-text{color:var(--color-text-muted);font-size:.6875rem;line-height:1.35}.more-settings-header{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);border-bottom:1px solid var(--color-border-subtle);margin-top:.25rem;padding-bottom:.375rem;font-size:.6875rem;font-weight:800}.accordion-group{flex-direction:column;gap:.5rem;display:flex}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast);overflow:hidden}.accordion-item.open{border-color:var(--color-primary)}.accordion-trigger{background-color:var(--color-surface);width:100%;color:var(--color-text-main);text-align:left;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.accordion-trigger:hover{background-color:var(--color-bg)}.accordion-item.open .accordion-trigger{border-bottom:1px solid var(--color-border-subtle);background-color:#f8fafc}.chevron-icon{transition:transform var(--transition-normal);color:var(--color-text-light)}.accordion-item.open .chevron-icon{transform:rotate(180deg)}.accordion-body{background-color:#fff;padding:.875rem;display:none}.accordion-item.open .accordion-body{display:block}.form-group{margin-bottom:.75rem}.form-group:last-child{margin-bottom:0}.form-label{color:var(--color-text-main);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);width:100%;padding:.45rem .65rem;font-size:.8125rem}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0f766e26}.form-row{gap:.625rem;display:flex}.col-half{flex:1}.variable-chips{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.var-chip-label{color:var(--color-text-light);font-size:.6875rem;font-weight:600}.chip-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);padding:1px 5px;font-family:monospace;font-size:.6875rem}.chip-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.color-picker-wrap{align-items:center;gap:.4rem;display:flex}.color-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;padding:1px}.form-input-sm{padding:.35rem .5rem;font-size:.75rem}.btn-group-segmented{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.btn-seg{color:var(--color-text-muted);background-color:var(--color-surface);transition:all var(--transition-fast);border-right:1px solid var(--color-border);flex:1;padding:.35rem;font-size:.75rem;font-weight:600}.btn-seg:last-child{border-right:none}.btn-seg:hover{background-color:var(--color-bg)}.btn-seg.active{background-color:var(--color-primary);color:#fff}.logo-upload-box{align-items:center;gap:.5rem;display:flex}.icon-presets-grid{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.icon-preset-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background-color:var(--color-bg);transition:all var(--transition-fast);padding:.35rem;font-size:.6875rem;font-weight:600}.icon-preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.icon-preset-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.effect-box{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:.625rem}.effect-body{margin-top:.5rem}.checkbox-label{color:var(--color-text-main);cursor:pointer;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.primary-apply-wrap{margin-top:auto;padding-top:.5rem}.primary-apply-btn{width:100%;box-shadow:var(--shadow-sm);padding:.75rem;font-size:.9375rem;font-weight:700}.templates-modal-window{background-color:var(--color-surface);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:1100px;height:88vh;max-height:88vh;padding:0;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000f}.modal-window-header{border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.75rem;display:flex}.modal-header-left{align-items:center;gap:.75rem;display:flex}.modal-header-actions{align-items:center;gap:.5rem;display:flex}.modal-close-btn{color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;font-size:1.5rem;line-height:1;display:flex}.modal-close-btn:hover{color:var(--color-text-main);background-color:var(--color-bg)}.modal-search-bar{background-color:var(--color-surface);flex-shrink:0;padding:1rem 1.75rem .5rem;position:relative}.modal-search-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);width:100%;height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem 1rem .5rem 2.6rem;font-size:.9375rem}.modal-search-input:focus{border-color:var(--color-primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px #0f766e26}.modal-search-bar .search-icon{color:var(--color-text-light);pointer-events:none;position:absolute;top:55%;left:2.5rem;transform:translateY(-50%)}.modal-categories{border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.45rem;padding:.5rem 1.75rem .875rem;display:flex}.cat-pill{height:34px;color:var(--color-text-muted);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;user-select:none;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:.4rem .95rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.cat-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.cat-pill.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 4px #0f766e40}.modal-template-grid{background-color:var(--color-bg);flex:auto;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:1.25rem;min-height:0;padding:1.5rem 1.75rem 2.5rem;display:grid;overflow-y:auto}.template-modal-card{background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);user-select:none;flex-direction:column;flex-shrink:0;min-height:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.template-modal-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 12px 24px -4px #0f766e29,0 4px 6px -2px #0000000d}.template-modal-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary), 0 8px 20px #0f766e33}.tmpl-card-thumb-wrap{aspect-ratio:16/10;background-color:#0f172a;background-image:url(/background.avif);background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;min-height:150px;max-height:180px;display:flex;position:relative;overflow:hidden}.tmpl-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.template-modal-card:hover .tmpl-card-img{transform:scale(1.04)}.tmpl-card-thumb-wrap .mode-badge{backdrop-filter:blur(6px);z-index:2;position:absolute;top:.5rem;left:.5rem;box-shadow:0 1px 3px #0006}.tmpl-card-thumb-wrap .fav-btn{backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:2;width:28px;height:28px;transition:background var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);background:#0f172aa6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:.45rem;right:.45rem}.tmpl-card-thumb-wrap .fav-btn:hover{background:#0f172ae6;transform:scale(1.15)}.tmpl-card-thumb-wrap .fav-btn.is-fav{color:#f59e0b;background:#0f172ad9;border-color:#f59e0b80}.tmpl-card-thumb-wrap .del-custom-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;z-index:2;transition:background var(--transition-fast);background:#ef4444e0;border:none;padding:3px 7px;font-size:.75rem;position:absolute;bottom:.5rem;right:.5rem}.tmpl-card-thumb-wrap .del-custom-btn:hover{background:#dc2626}.tmpl-card-content{background-color:var(--color-surface);flex-direction:column;flex:1;justify-content:space-between;gap:.35rem;padding:.75rem .875rem .875rem;display:flex}.tmpl-card-header-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tmpl-card-title{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;line-height:1.25;overflow:hidden}.tmpl-card-cat-badge{color:var(--color-text-light);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);flex-shrink:0;padding:2px 6px;font-size:.625rem;font-weight:600}.tmpl-card-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.tmpl-card-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:.4rem;padding-top:.4rem;display:flex}.tmpl-card-detail-pill{color:var(--color-text-light);font-size:.6875rem;font-weight:500}.tmpl-card-action-text{color:var(--color-primary);font-size:.75rem;font-weight:700}.tmpl-card-action-text.active-text{color:#0f766e;background-color:var(--color-primary-light);border-radius:var(--radius-sm);padding:2px 6px}.mode-badge{text-transform:uppercase;border-radius:var(--radius-sm);letter-spacing:.04em;padding:2px 6px;font-size:.625rem;font-weight:700}.mode-badge.single{color:#334155;background-color:#e2e8f0f2}.mode-badge.tile{color:#0f766e;background-color:#ccfbf1f2}.modal-overlay{backdrop-filter:blur(4px);z-index:999;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);text-align:center;padding:2.25rem 2rem}.modal-title{color:var(--color-text-main);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.modal-subtitle{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.875rem}.modal-progress-track{background-color:var(--color-border-subtle);border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}.modal-progress-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:100%;transition:width .15s}.modal-current-file{color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1rem;font-size:.75rem;overflow:hidden}.modal-checklist{text-align:left;background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);max-height:130px;margin-bottom:1.25rem;padding:.5rem;font-size:.75rem;overflow-y:auto}.checklist-item{white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;overflow:hidden}.checklist-item.done{color:var(--color-success)}.checklist-item.error{color:var(--color-error)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.completion-content{max-width:580px}.completion-icon-wrap{background-color:var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.completion-download-primary{margin-bottom:1.25rem}.completion-files-section{text-align:left;margin-bottom:1.5rem}.section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.completion-files-list{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);max-height:180px;padding:.5rem;overflow-y:auto}.comp-file-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.75rem;display:flex}.comp-file-row:last-child{border-bottom:none}.comp-file-info{align-items:center;gap:.5rem;display:flex;overflow:hidden}.comp-file-thumb{object-fit:cover;border-radius:4px;width:28px;height:28px}.comp-file-name{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.completion-actions-row{justify-content:center;gap:1rem;display:flex}@media (width<=992px){.studio-panels{grid-template-columns:1fr}.panel-sidebar{max-height:none}.canvas-viewport{min-height:360px}}@media (width<=640px){.studio-root{box-sizing:border-box;width:100%;max-width:100%;margin-top:.5rem;margin-bottom:2rem;overflow-x:hidden}.panel-canvas-area{box-sizing:border-box;width:100%;min-width:0}.canvas-toolbar{box-sizing:border-box;flex-flow:wrap;justify-content:space-between;align-items:center;gap:.375rem;width:100%;padding:.375rem .625rem;display:flex}.toolbar-left,.toolbar-right{display:contents}#btn-before-after{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);width:32px;min-width:32px;height:32px;color:var(--color-text-main);flex-shrink:0;order:1;justify-content:center;align-items:center;margin:0 .2rem 0 0;display:inline-flex;gap:0!important;padding:0!important}#btn-before-after.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}#btn-undo{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);width:30px;min-width:30px;height:30px;color:var(--color-text-muted);flex-shrink:0;order:2;justify-content:center;align-items:center;margin:0;display:inline-flex;gap:0!important;padding:0!important}#btn-redo{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);width:30px;min-width:30px;height:30px;color:var(--color-text-muted);flex-shrink:0;order:3;justify-content:center;align-items:center;margin:0;display:inline-flex;gap:0!important;padding:0!important}#btn-reset-pos{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);width:30px;min-width:30px;height:30px;color:var(--color-text-muted);flex-shrink:0;order:4;justify-content:center;align-items:center;margin:0;display:inline-flex;gap:0!important;padding:0!important}#btn-undo:hover,#btn-undo:active,#btn-redo:hover,#btn-redo:active,#btn-reset-pos:hover,#btn-reset-pos:active{background-color:var(--color-surface-hover);color:var(--color-text-main);border-color:var(--color-border)}.btn-text-desktop{display:none!important}.image-meta{color:var(--color-text-light);background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;order:5;max-width:140px;margin-left:auto;padding:.2rem .45rem;font-size:.6875rem;font-weight:600;overflow:hidden}.override-control-wrap{display:none!important}.canvas-top-formatting-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;justify-content:flex-start;gap:.15rem;width:max-content;max-width:calc(100% - 1rem);margin:.35rem auto .5rem;padding:.25rem .5rem;overflow:auto visible;box-shadow:0 2px 10px #0f172a14}.canvas-top-formatting-bar::-webkit-scrollbar{display:none}.canvas-top-formatting-bar>*{flex-shrink:0}.fmt-btn{gap:.15rem;height:28px;padding:0 .35rem;font-size:.75rem}.fmt-font-name{max-width:60px;font-size:.75rem}.fmt-val{font-size:.6875rem}.fmt-divider{height:15px;margin:0 .05rem}.canvas-viewport{box-sizing:border-box;touch-action:manipulation;width:100%;min-height:240px;padding:.5rem}.preview-canvas{touch-action:none;max-width:100%;max-height:380px}.filmstrip-container{box-sizing:border-box;width:100%;padding:.5rem .75rem;overflow-x:hidden}.filmstrip-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.filmstrip-title-row{flex-direction:column;flex:1;align-items:flex-start;gap:.1rem;min-width:0;display:flex}.filmstrip-title{font-size:.75rem;font-weight:700;line-height:1.2}.sub-desktop{display:none!important}.sub-mobile{display:inline!important}.filmstrip-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;line-height:1.2;overflow:hidden}.filmstrip-actions{flex-shrink:0;align-items:center;display:flex;gap:.35rem!important}#btn-clear-batch{white-space:nowrap!important;border-radius:6px!important;flex-shrink:0!important;height:28px!important;padding:.25rem .5rem!important;font-size:.7rem!important;line-height:1!important}.filmstrip-add-btn{white-space:nowrap!important;border-radius:6px!important;flex-shrink:0!important;gap:.25rem!important;height:28px!important;padding:.25rem .6rem!important;font-size:.72rem!important;line-height:1!important;box-shadow:0 1px 4px #2563eb40!important}.filmstrip-add-btn svg{width:13px!important;height:13px!important}.filmstrip-scroll{box-sizing:border-box;width:100%}.panel-sidebar{box-sizing:border-box;width:100%;min-width:0}.templates-modal-window{border-radius:var(--radius-lg);height:94vh;max-height:94vh}.modal-window-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.modal-header-actions{flex-wrap:wrap}.modal-search-bar{padding:.625rem 1rem .5rem}.modal-categories{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-wrap:nowrap;padding:.35rem 1rem .75rem;overflow-x:auto}.modal-categories::-webkit-scrollbar{height:4px}.modal-categories::-webkit-scrollbar-track{background:0 0}.modal-categories::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.modal-template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;padding:1rem}.streamlined-modal-overlay{-webkit-backdrop-filter:blur(4px);align-items:center;padding:.75rem}.watermark-type-card{box-sizing:border-box!important;border-radius:14px!important;max-width:100%!important;padding:1.15rem .95rem!important}.type-choice-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px!important;gap:.75rem!important;padding:.75rem .85rem!important}.type-choice-btn:active{transform:scale(.98);background:#eff6ff!important}.type-choice-icon{border-radius:8px!important;flex-shrink:0!important;width:40px!important;height:40px!important}.type-choice-title{color:#0f172a!important;margin-bottom:.15rem!important;font-size:.9375rem!important;font-weight:700!important}.type-choice-desc{color:#64748b!important;font-size:.75rem!important;line-height:1.3!important}.text-input-modal-card,.icon-input-modal-card{box-sizing:border-box!important;border-radius:14px!important;max-width:100%!important;padding:1.15rem .95rem!important}#input-new-watermark-text,.streamlined-search-wrap input{font-size:16px!important}#preset-icons-grid{gap:.45rem!important}.preset-icon-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.5rem .25rem!important}.preset-icon-btn span{font-size:.625rem!important}.preset-icon-btn svg{width:20px!important;height:20px!important}.streamlined-templates-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;max-height:52vh!important;padding:.75rem!important}.s-tmpl-thumb-wrap{aspect-ratio:16/10!important;min-height:95px!important}.streamlined-modal-footer{padding:.5rem .75rem!important}.streamlined-skip-link{font-size:.75rem!important}}.text-center[data-astro-cid-lcdefpme]{text-align:center}.section-header[data-astro-cid-lcdefpme]{margin-bottom:3rem}.section-title[data-astro-cid-lcdefpme]{color:var(--color-text-main);margin-top:.75rem;margin-bottom:.5rem;font-size:2rem;font-weight:800}.section-subtext[data-astro-cid-lcdefpme]{color:var(--color-text-muted);font-size:1.05rem}.how-it-works-section[data-astro-cid-lcdefpme]{padding:4.5rem 0}.steps-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.step-card[data-astro-cid-lcdefpme]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);padding:2rem 1.5rem;position:relative}.step-card[data-astro-cid-lcdefpme]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-num[data-astro-cid-lcdefpme]{color:#cbd5e1;font-size:1.25rem;font-weight:800;position:absolute;top:1.25rem;right:1.25rem}.step-icon[data-astro-cid-lcdefpme]{border-radius:var(--radius-md);background-color:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.step-title[data-astro-cid-lcdefpme]{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.step-desc[data-astro-cid-lcdefpme]{color:var(--color-text-muted);font-size:.875rem;line-height:1.55}.privacy-spotlight-section[data-astro-cid-lcdefpme]{padding:2rem 0 4rem}.privacy-box[data-astro-cid-lcdefpme]{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#0f172a,#1e293b);padding:3.5rem 2.5rem}.privacy-box-content[data-astro-cid-lcdefpme]{text-align:center;max-width:760px;margin:0 auto}.privacy-badge[data-astro-cid-lcdefpme]{border-radius:var(--radius-full);color:var(--color-accent);background-color:#14b8a626;border:1px solid #14b8a64d;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.privacy-box[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.privacy-box[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:#94a3b8;margin-bottom:2rem;font-size:1.05rem;line-height:1.65}.privacy-checklist[data-astro-cid-lcdefpme]{color:#e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;font-size:.9rem;font-weight:600;display:flex}.p-check[data-astro-cid-lcdefpme]{align-items:center;gap:.5rem;display:flex}@media (width<=640px){.section-title[data-astro-cid-lcdefpme]{font-size:1.5rem}.how-it-works-section[data-astro-cid-lcdefpme]{padding:2.5rem 0}.steps-grid[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:1rem}.step-card[data-astro-cid-lcdefpme]{padding:1.5rem 1.25rem}.privacy-spotlight-section[data-astro-cid-lcdefpme]{padding:1rem 0 2.5rem}.privacy-box[data-astro-cid-lcdefpme]{border-radius:var(--radius-lg);padding:2rem 1.25rem}.privacy-box[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{font-size:1.5rem}.privacy-checklist[data-astro-cid-lcdefpme]{flex-direction:column;align-items:flex-start;gap:.75rem}}