body.generator-page{--bench-bg: #f6f4ef;--bench-card: #ffffff;--bench-sunken: #efede7;--bench-line: #e5e1d8;--bench-line-strong: #d8d3c6;--bench-ink: #211f28;--bench-text: #4f4c5c;--bench-muted: #6b6774;--bench-accent: #e60023;--bench-accent-deep: #c10020;--bench-accent-soft: #fdedf0;--bench-accent-line: #f6c9d1;--bench-ok: #1a8a54;--bench-radius-card: 16px;--bench-radius-ctl: 10px;--bench-shadow-card: 0 1px 2px rgba(32, 28, 40, 0.04), 0 10px 28px rgba(32, 28, 40, 0.05);--bench-shadow-pop: 0 2px 6px rgba(32, 28, 40, 0.08), 0 18px 44px rgba(32, 28, 40, 0.12);--bench-font-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bench-font-body: "Bricolage Grotesque", "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bench-bg)}[data-theme=dark] body.generator-page,body.generator-page[data-theme=dark]{--bench-bg: #121212;--bench-card: #1e1e1e;--bench-sunken: #0e0e0e;--bench-line: #2e2e2e;--bench-line-strong: #3a3a3a;--bench-ink: #f5f5f5;--bench-text: #b0b0b0;--bench-muted: #787878;--bench-accent: #ff4d6a;--bench-accent-deep: #e60023;--bench-accent-soft: #2c141a;--bench-accent-line: #4b2029;--bench-ok: #34c98e;--bench-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px rgba(0, 0, 0, 0.25);--bench-shadow-pop: 0 2px 6px rgba(0, 0, 0, 0.4), 0 18px 44px rgba(0, 0, 0, 0.5)}body.generator-page .page-body{background:var(--bench-bg)}body.generator-page :is(button,input,select,textarea,[role=button],a.nav-link,.toolbar-donate-link):focus-visible{outline:2px solid var(--bench-accent);outline-offset:2px;border-radius:6px}body.generator-page .sidebar{background:var(--bench-bg);border-right:1px solid var(--bench-line);padding:14px 16px 12px}body.generator-page .customization-panel{background:var(--bench-card);border:1px solid var(--bench-line);border-radius:var(--bench-radius-card);box-shadow:var(--bench-shadow-card);padding:14px}body.generator-page .panel-tab-bar{position:static;backdrop-filter:none;-webkit-backdrop-filter:none;gap:0;padding:0;background:var(--bench-sunken);border:1px solid var(--bench-line);border-radius:12px 12px 0 0;overflow:visible;flex-shrink:0}body.generator-page .panel-tab{gap:5px;padding:10px 4px;border-radius:0;border-bottom:2px solid transparent;font-family:var(--bench-font-display);font-size:0.74rem;font-weight:700;letter-spacing:0.01em;color:var(--bench-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.generator-page .panel-tab:hover{background:transparent;color:var(--bench-ink)}body.generator-page .panel-tab.active{background:var(--bench-card);color:var(--bench-accent);border-bottom-color:var(--bench-accent);box-shadow:none}body.generator-page .tab-panel{padding:0}body.generator-page .sidebar-section{background:var(--bench-card);border:1px solid var(--bench-line);border-radius:var(--bench-radius-card);box-shadow:none;padding:14px}body.generator-page .custom-card-header{border-bottom:none;padding-bottom:2px;margin-bottom:2px}body.generator-page .custom-card-title{font-family:var(--bench-font-display);font-size:0.86rem;font-weight:700;letter-spacing:-0.005em;text-transform:none;color:var(--bench-ink);display:inline-flex;align-items:center;gap:8px}body.generator-page .custom-card-title i{color:var(--bench-accent);font-size:0.8rem;width:auto;height:auto}body.generator-page .form-group>label,body.generator-page .form-group .label-row label{font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--bench-muted)}body.generator-page .sidebar-section input[type=text],body.generator-page .sidebar-section textarea,body.generator-page .sidebar-section select{background:var(--bench-card);border:1px solid var(--bench-line-strong);border-radius:var(--bench-radius-ctl);color:var(--bench-ink);font-family:var(--bench-font-body);transition:border-color 0.15s,box-shadow 0.15s}body.generator-page .sidebar-section input[type=text]:hover,body.generator-page .sidebar-section textarea:hover,body.generator-page .sidebar-section select:hover{border-color:var(--bench-muted)}body.generator-page .sidebar-section input[type=text]:focus,body.generator-page .sidebar-section textarea:focus,body.generator-page .sidebar-section select:focus{border-color:var(--bench-accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.14);outline:none}body.generator-page .sidebar-section input[type=range]{accent-color:var(--bench-accent)}body.generator-page .preset-chips{gap:6px}body.generator-page .preset-chip{background:var(--bench-card);border:1px solid var(--bench-line-strong);border-radius:999px;color:var(--bench-text);font-weight:600;transition:border-color 0.15s,background 0.15s,color 0.15s}body.generator-page .preset-chip:hover{border-color:var(--bench-muted);color:var(--bench-ink)}body.generator-page .preset-chip.active{background:var(--bench-ink);border-color:var(--bench-ink);color:var(--bench-card)}body.generator-page .preset-dot::after{inset:-4px}body.generator-page .color-swatch-btn{border-radius:var(--bench-radius-ctl);border:1px solid var(--bench-line-strong);box-shadow:none}body.generator-page .chip-toggle .chip-toggle-pill{border:1px solid var(--bench-line-strong);background:var(--bench-sunken)}body.generator-page .chip-toggle[aria-checked=true] .chip-toggle-pill,body.generator-page .chip-toggle.active .chip-toggle-pill{background:var(--bench-accent);border-color:var(--bench-accent)}body.generator-page .advanced-toggle{border:1px dashed var(--bench-line-strong);border-radius:var(--bench-radius-ctl);background:transparent;color:var(--bench-text);font-weight:600}body.generator-page .advanced-toggle:hover{border-color:var(--bench-accent);color:var(--bench-ink);background:var(--bench-accent-soft)}body.generator-page .accordion-content:not(.collapsed){border-left:2px solid var(--bench-accent-line)}body.generator-page .adv-subsection{background:var(--bench-sunken);border:1px solid var(--bench-line);border-radius:12px}body.generator-page .adv-subsection-title{color:var(--bench-ink);font-weight:700}body.generator-page .adv-subsection-title i{color:var(--bench-accent)}body.generator-page .advanced-group-hint{color:var(--bench-muted)}body.generator-page .section-reset-btn{color:var(--bench-muted);border:1px solid transparent;border-radius:8px}body.generator-page .section-reset-btn:hover{color:var(--bench-accent-deep);background:var(--bench-accent-soft)}body.generator-page .btn-primary{background:var(--bench-accent);border:none;border-radius:12px;box-shadow:0 1px 2px rgba(160,0,28,0.3);font-weight:700;transition:background 0.15s,transform 0.1s}body.generator-page .btn-primary:hover{background:var(--bench-accent-deep);transform:none}body.generator-page .btn-primary:active{transform:scale(0.99)}body.generator-page .btn-secondary{background:transparent;border:1px solid var(--bench-line-strong);border-radius:12px;color:var(--bench-text);font-weight:600}body.generator-page .btn-secondary:hover{border-color:var(--bench-muted);color:var(--bench-ink);background:var(--bench-card)}body.generator-page .sidebar-footer{background:transparent;border-top:none;padding:10px 2px 4px}body.generator-page .workspace{background:var(--bench-bg)}body.generator-page .workspace-toolbar{background:transparent;border:none;box-shadow:none;min-height:52px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}body.generator-page .toolbar-left{display:flex;align-items:center;gap:10px}body.generator-page .toolbar-donate-link,body.generator-page .support-us-btn{color:var(--bench-text);border:1px solid var(--bench-line-strong);border-radius:999px;padding:8px 16px;font-weight:600;text-decoration:none;transition:background 0.2s,border-color 0.2s,color 0.2s,transform 0.2s,box-shadow 0.2s}body.generator-page .toolbar-donate-link:hover,body.generator-page .support-us-btn:hover{background:var(--bench-accent-soft);border-color:var(--bench-accent);color:var(--bench-accent-deep);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);filter:none}body.generator-page .canvas-container{background:radial-gradient(circle at 50% 34%,rgba(var(--accent-rgb),0.035),transparent 55%),var(--bench-card);border:1px solid var(--bench-line);border-radius:20px;box-shadow:var(--bench-shadow-card)}body.generator-page .generated-title-text{font-family:var(--bench-font-display);font-weight:700;letter-spacing:-0.02em;color:var(--bench-ink)}body.generator-page .empty-workspace{--bench-empty-chrome: 76px;border:1.5px dashed var(--bench-line-strong);border-radius:20px;background:transparent;padding:60px 32px;min-height:calc(100vh - var(--header-height) - var(--bench-empty-chrome));min-height:calc(100svh - var(--header-height) - var(--bench-empty-chrome))}@media(min-width:1025px)and (max-width:1100px){body.generator-page .empty-workspace{--bench-empty-chrome: 210px}}@media(max-width:1024px){body.generator-page .empty-workspace{--bench-empty-chrome: 146px}}@media(max-width:768px){body.generator-page .empty-workspace{--bench-empty-chrome: 138px}}@media(max-width:480px){body.generator-page .empty-workspace{--bench-empty-chrome: 134px}}body.generator-page .canvas-container:has(.empty-workspace) .pins-grid{flex:1 0 auto}body.generator-page .empty-workspace h2{font-family:var(--bench-font-display);font-weight:700;letter-spacing:-0.02em;color:var(--bench-ink);font-size:1.3rem}body.generator-page .ew-subtitle{color:var(--bench-muted);font-size:0.9rem;margin:0 0 30px}body.generator-page .ew-stepper{background:var(--bench-card, #fff);border:1px solid var(--bench-line);border-radius:var(--bench-radius-card, 16px);box-shadow:0 1px 2px rgba(32,28,40,0.06),0 12px 32px rgba(32,28,40,0.07);padding:28px 30px 26px;max-width:424px}body.generator-page .ew-step-right{gap:12px;padding-bottom:34px}body.generator-page .ew-step[data-action=upload],body.generator-page .ew-step[data-action=generate]:has(.ew-generate-btn:not(:disabled)){cursor:pointer}body.generator-page .ew-step-label{color:var(--bench-muted);font-size:0.72rem;letter-spacing:0.06em}body.generator-page .ew-step-num{background:var(--bench-accent);box-shadow:0 2px 6px rgba(230,0,35,0.25);font-size:0.78rem}body.generator-page .ew-step.is-done .ew-step-num{background:var(--bench-ok);box-shadow:0 2px 6px rgba(26,138,84,0.3);animation:ews-pop 0.28s cubic-bezier(0.34,1.56,0.64,1)}body.generator-page .ew-step.is-done .ew-step-num i{font-size:0.68rem;line-height:1}@keyframes ews-pop{0%{transform:scale(0.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}body.generator-page .ew-step-line{background:var(--bench-line);width:2px}body.generator-page .ew-step.is-done .ew-step-line{background:var(--bench-ok);opacity:0.35}body.generator-page .ew-upload-btn{border:1.5px solid var(--bench-line);background:var(--bench-sunken);color:var(--bench-text);border-radius:var(--bench-radius-ctl, 10px);font-size:0.88rem;gap:9px;transition:border-color 0.15s,color 0.15s,background 0.15s}body.generator-page .ew-upload-btn:hover{border-color:var(--bench-accent);color:var(--bench-accent);background:var(--bench-card)}body.generator-page .ew-upload-btn:focus-visible{outline:2px solid var(--bench-accent);outline-offset:2px}body.generator-page .ew-upload-btn.has-image{border-color:rgba(26,138,84,0.45);border-style:dashed;background:rgba(26,138,84,0.06);color:var(--bench-ok)}body.generator-page .ew-headline-input{border:1.5px solid var(--bench-line);background:var(--bench-sunken);color:var(--bench-ink);border-radius:var(--bench-radius-ctl, 10px);font-size:0.9rem;padding:13px 14px}body.generator-page .ew-headline-input:focus{border-color:var(--bench-accent);box-shadow:0 0 0 3px rgba(230,0,35,0.1);background:var(--bench-card)}body.generator-page .ew-headline-input.has-text{border-color:rgba(26,138,84,0.45)}body.generator-page .ew-generate-btn{border-radius:12px;font-size:0.95rem;gap:10px;transition:background 0.15s,box-shadow 0.15s,transform 0.15s}body.generator-page .ew-generate-btn:disabled{background:var(--bench-sunken);color:var(--bench-muted);opacity:1;cursor:not-allowed;box-shadow:none;transform:none}body.generator-page .ew-generate-btn:not(:disabled){background:var(--bench-accent);color:#fff;box-shadow:0 6px 18px rgba(230,0,35,0.28)}body.generator-page .ew-generate-btn:not(:disabled):hover{background:color-mix(in srgb,var(--bench-accent) 85%,#000);box-shadow:0 10px 24px rgba(230,0,35,0.35);transform:translateY(-1px)}body.generator-page .ew-generate-btn:not(:disabled):active{transform:translateY(0)}body.generator-page .ew-generate-btn:focus-visible{outline:2px solid var(--bench-accent);outline-offset:2px}body.generator-page .ew-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;font-size:0.78rem;color:var(--bench-muted)}body.generator-page .ew-privacy i{font-size:0.8rem;color:var(--bench-ok)}body.generator-page .pin-card-wrapper{border-radius:14px;background:var(--bench-card);border:1px solid var(--bench-line);box-shadow:0 1px 2px rgba(32,28,40,0.05)}body.generator-page .pin-card-wrapper:hover{border-color:var(--bench-accent-line);box-shadow:0 2px 6px rgba(32,28,40,0.07),0 14px 34px rgba(32,28,40,0.1)}body.generator-page .pins-page-btn{background:var(--bench-card);border:1px solid var(--bench-line-strong);border-radius:999px;color:var(--bench-text);font-weight:600}body.generator-page .pins-page-btn:hover{border-color:var(--bench-accent);color:var(--bench-accent-deep)}body.generator-page .pins-page-btn.active{background:var(--bench-accent);border-color:var(--bench-accent);color:#fff}body.generator-page .full-preview-popup{background:var(--bench-card);border:1px solid var(--bench-line);border-radius:18px;box-shadow:var(--bench-shadow-pop)}body.generator-page .full-preview-title{font-family:var(--bench-font-display);font-weight:700;color:var(--bench-ink)}body.generator-page .full-preview-btn{border:1px solid var(--bench-line-strong);border-radius:10px;color:var(--bench-text);background:transparent}body.generator-page .full-preview-btn:hover{border-color:var(--bench-accent);color:var(--bench-accent-deep)}body.generator-page .confirm-dialog{background:var(--bench-card);border:1px solid var(--bench-line);border-radius:18px;box-shadow:var(--bench-shadow-pop)}body.generator-page .mobile-nav-bar{background:var(--bench-bg);border-bottom:1px solid var(--bench-line)}body.generator-page .mobile-tabs{background:var(--bench-sunken);border:1px solid var(--bench-line);border-radius:12px;padding:4px;gap:4px}body.generator-page .mobile-tab-btn{border-radius:9px;color:var(--bench-muted);font-weight:700}body.generator-page .mobile-tab-btn.active{background:var(--bench-card);color:var(--bench-ink);box-shadow:0 1px 3px rgba(32,28,40,0.1)}body.generator-page .mobile-bottom-bar{background:var(--bench-bg);border-top:1px solid var(--bench-line);box-shadow:none}body.generator-page .pin-count-badge{background:var(--bench-accent);color:#fff;border-radius:999px}body.generator-page .canvas-seo-badge{background:var(--bench-accent-soft);color:var(--bench-accent-deep);border:1px solid var(--bench-accent-line);border-radius:999px}body.generator-page .canvas-seo-title{font-family:var(--bench-font-display);font-weight:700;letter-spacing:-0.02em;color:var(--bench-ink)}body.generator-page .canvas-seo-subtitle{font-family:var(--bench-font-display);font-weight:700;letter-spacing:-0.01em;color:var(--bench-ink)}body.generator-page .cscard{background:var(--bench-card);border:1px solid var(--bench-line);border-radius:14px;box-shadow:none}body.generator-page .cscard i{color:var(--bench-accent)}body.generator-page .cstat-num{font-family:var(--bench-font-display);font-weight:700;color:var(--bench-accent)}@media(max-width:560px){body.generator-page .sidebar{padding:10px 10px 8px}body.generator-page .customization-panel{padding:10px}body.generator-page .panel-tab .deck-num{display:none}body.generator-page .workspace-toolbar{padding:4px 2px}}@media(prefers-reduced-motion:reduce){body.generator-page .pin-card-wrapper,body.generator-page .preset-chip,body.generator-page .btn-primary{transition:none}}body.generator-page .sidebar-footer{background:var(--bench-bg);border-top:1px solid var(--bench-line);padding:10px 2px 8px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}body.generator-page .headline-radio{accent-color:var(--bench-accent)}body.generator-page .sidebar-section input[type=checkbox],body.generator-page .sidebar-section input[type=radio]{accent-color:var(--bench-accent)}body.generator-page .toolbar-donate-link,body.generator-page .support-us-btn{background:var(--bench-card);border:1px solid var(--bench-line-strong);color:var(--bench-text);box-shadow:none;padding:8px 16px;transition:background 0.2s,border-color 0.2s,color 0.2s,transform 0.2s,box-shadow 0.2s}body.generator-page .toolbar-donate-link:hover,body.generator-page .support-us-btn:hover{background:var(--bench-accent-soft);border-color:var(--bench-accent);color:var(--bench-accent-deep);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px rgba(var(--accent-rgb, 230, 0, 35),0.18);filter:none}body.generator-page .support-us-btn:active{transform:translateY(0) scale(0.98);box-shadow:0 1px 4px rgba(0,0,0,0.1)}body.generator-page .toolbar-donate-link i,body.generator-page .support-us-btn i{color:var(--bench-accent)}body.generator-page .custom-card-header .aspect-ratio-dims{margin-top:0;border:none;background:none;padding:0}body.generator-page .field-counter{font-family:var(--bench-font-display);font-size:0.75rem;font-weight:700;color:var(--bench-muted)}body.generator-page .field-counter.is-warn{color:var(--warning, #f59e0b)}body.generator-page .field-counter.is-max{color:var(--error)}body.generator-page .font-picker-grid{display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:0}body.generator-page .font-picker-section{min-height:0;overflow:hidden}body.generator-page .font-picker-section-label{font-family:var(--bench-font-display);font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--bench-muted);margin-bottom:4px}body.generator-page .font-picker-built-grid,body.generator-page .font-picker-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:150px;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--bench-line-strong) transparent}body.generator-page .font-picker-built-grid::-webkit-scrollbar,body.generator-page .font-picker-custom-grid::-webkit-scrollbar{width:4px}body.generator-page .font-picker-built-grid::-webkit-scrollbar-thumb,body.generator-page .font-picker-custom-grid::-webkit-scrollbar-thumb{background:var(--bench-line-strong);border-radius:4px}body.generator-page .font-picker-tile{position:relative;padding:8px 6px;border:1px solid var(--bench-line-strong);border-radius:8px;text-align:center;cursor:pointer;transition:border-color 0.15s,background 0.15s,box-shadow 0.15s;background:var(--bench-card)}body.generator-page .font-picker-tile:hover{border-color:var(--bench-muted)}body.generator-page .font-picker-tile.active{border-color:var(--bench-accent);background:var(--bench-accent-soft);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 230, 0, 35),0.12)}body.generator-page .font-picker-tile-name{font-family:var(--bench-font-display);font-size:0.65rem;font-weight:700;color:var(--bench-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.generator-page .font-picker-tile-preview{font-size:0.95rem;margin-top:2px;color:var(--bench-ink);line-height:1.2}body.generator-page .font-picker-tile-delete{position:absolute;top:2px;right:4px;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--bench-muted);font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1;padding:0}body.generator-page .font-picker-tile:hover .font-picker-tile-delete{display:flex}body.generator-page .font-picker-tile-delete:hover{color:var(--error);background:rgba(var(--error-rgb, 220, 38, 38),0.1)}body.generator-page .font-upload-btn{width:100%;margin-top:8px;padding:8px 12px;border:1px dashed var(--bench-line-strong);border-radius:8px;background:transparent;color:var(--bench-muted);font-family:var(--bench-font-display);font-size:0.75rem;font-weight:600;cursor:pointer;transition:border-color 0.15s,color 0.15s,background 0.15s;display:flex;align-items:center;justify-content:center;gap:6px}body.generator-page .font-upload-btn:hover{border-color:var(--bench-accent);color:var(--bench-accent);background:var(--bench-accent-soft)}body.generator-page .adv-subsection{position:relative}body.generator-page .adv-subsection::before{content:"";position:absolute;top:10px;bottom:10px;left:-1px;width:3px;border-radius:0 3px 3px 0;background:var(--bench-accent);opacity:0;transition:opacity 0.25s;pointer-events:none}body.generator-page .adv-subsection:hover::before{opacity:0.8}body.generator-page #sectionTypography:hover::before{opacity:0}body.generator-page .adv-subsection-title{font-family:var(--bench-font-display);letter-spacing:0.02em}body.generator-page .mobile-tab-btn{font-family:var(--bench-font-display)}body.generator-page .support-us-btn{font-family:var(--bench-font-display)}body.generator-page #btnGenerate{font-family:var(--bench-font-display)}body.generator-page .mobile-bottom-actions .btn{font-family:var(--bench-font-display)}body.generator-page .ew-title,body.generator-page .ew-step-label,body.generator-page .ew-upload-btn,body.generator-page .ew-generate-btn{font-family:var(--bench-font-display)}body.generator-page .tool-h1{font-size:1.1rem;font-weight:700;color:var(--bench-text);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:var(--bench-text);background-clip:unset;opacity:1;letter-spacing:-0.02em;line-height:1;margin:0;padding:0;white-space:nowrap}body.generator-page .sidebar{overflow:hidden}body.generator-page .customization-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}body.generator-page .customization-panel{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}body.generator-page .customization-panel::-webkit-scrollbar{width:4px}body.generator-page .customization-panel::-webkit-scrollbar-thumb{background:var(--bench-line-strong);border-radius:99px}body.generator-page .panel-tab-bar{position:sticky;top:0;z-index:10;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}body.generator-page .panel-tab-bar::-webkit-scrollbar{display:none}body.generator-page .label-row .field-counter:only-child{margin-left:auto}body.generator-page .sidebar-section{background:transparent;border:none;border-bottom:1px solid var(--bench-line);border-radius:0;box-shadow:none;padding:12px 2px;margin-bottom:0}body.generator-page .sidebar-section:last-child{border-bottom:none}body.generator-page .sidebar-section:hover{background:transparent;border-color:var(--bench-line);box-shadow:none}body.generator-page .sidebar-section::before{display:none}body.generator-page .custom-card-header{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--bench-line)}body.generator-page .image-upload-section{border-color:var(--bench-line);background:transparent}body.generator-page .image-upload-section:hover{background:transparent}body.generator-page .adv-subsection{background:var(--bench-sunken);border:1px solid var(--bench-line);border-radius:10px;padding:10px 12px}body.generator-page .sub-controls{background:var(--bench-sunken);border:1px solid var(--bench-line);border-radius:10px;padding:10px 12px}body.generator-page .sidebar{flex:0 0 30%}body.generator-page .sidebar-footer{background:var(--bench-bg);border-top:1px solid var(--bench-line);padding:10px 2px 4px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}body.generator-page .sidebar-footer .btn-primary{padding:11px 16px;font-size:0.85rem;border-radius:10px}body.generator-page .sidebar-footer .btn-secondary{padding:8px 16px;font-size:0.75rem;border-radius:10px}@media(max-width:1024px){body.generator-page .customization-panel{overflow-y:visible}body.generator-page .panel-tab-bar{position:sticky;top:0;z-index:10;overflow-x:auto;scrollbar-width:none}body.generator-page .panel-tab-bar::-webkit-scrollbar{display:none}}@media(max-width:1024px){body.generator-page .panel-tab{font-size:0.82rem;padding:12px 14px;gap:6px}body.generator-page .preset-dot{width:28px;height:28px;border-width:2px}body.generator-page .preset-dot::after{inset:-6px}body.generator-page .preset-dot:hover{transform:scale(1.2)}body.generator-page .color-grid{gap:12px}body.generator-page .preset-chips{gap:8px}body.generator-page .preset-chip{min-height:36px;padding:8px 10px;font-size:0.78rem}body.generator-page .custom-card-title{font-size:0.92rem}body.generator-page .custom-card-title i{font-size:0.85rem}body.generator-page .form-group>label,body.generator-page .form-group .label-row label{font-size:0.75rem}body.generator-page .sidebar-section input[type=text],body.generator-page .sidebar-section textarea,body.generator-page .sidebar-section select{font-size:0.92rem;padding:10px 12px}body.generator-page .sidebar-section{padding:14px 4px}body.generator-page .preset-chip{min-height:40px;font-size:0.82rem}body.generator-page #pinDescription{min-height:60px}body.generator-page .font-picker-tile{padding:10px 8px}body.generator-page .font-picker-tile-name{font-size:0.72rem}body.generator-page .font-picker-tile-preview{font-size:1.05rem}body.generator-page .font-upload-btn{padding:10px 12px;font-size:0.82rem}}@media(max-width:1024px){body.generator-page .mobile-nav-bar{display:none!important}body.generator-page .mobile-bottom-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--bench-bg);border-top:1px solid var(--bench-line);box-shadow:0 -2px 12px rgba(0,0,0,0.08);padding:0}body.generator-page .mobile-bottom-actions{display:flex;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}body.generator-page .mobile-bottom-actions .btn{flex:1;min-height:46px;font-size:0.85rem;font-weight:700;border-radius:12px;padding:0 12px}body.generator-page.app-container.show-sidebar{transform:none}body.generator-page.app-container.show-workspace{transform:none}body.generator-page .workspace{display:block!important;opacity:1!important;pointer-events:auto!important}body.generator-page .app-container{padding-bottom:70px}body.generator-page .workspace,body.generator-page .sidebar{min-height:0!important}body.generator-page .canvas-seo{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}body.generator-page .app-container.show-workspace .workspace{max-height:calc(100vh - var(--header-height) - 70px - env(safe-area-inset-bottom,0px))!important;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}body.generator-page .app-container.show-sidebar .sidebar{max-height:calc(100vh - var(--header-height) - 70px - env(safe-area-inset-bottom,0px))!important;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}}.mobile-controls-overlay{display:none}.mobile-bottom-bar{display:none}.mco-backdrop{display:none}@keyframes mcoSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mcoSheetDown{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes mcoBackdropIn{from{opacity:0}to{opacity:1}}@keyframes mcoBackdropOut{from{opacity:1}to{opacity:0}}@media(max-width:1024px){.mco-backdrop{display:none}.mobile-controls-overlay{position:fixed;left:0;right:0;bottom:0;height:50vh;min-height:280px;max-height:85vh;z-index:1000;background:var(--bench-bg);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px rgba(0,0,0,0.18);transform:translateY(100%);will-change:transform}.mobile-controls-overlay.is-open{display:flex;animation:mcoSheetUp 0.3s cubic-bezier(0.32,0.72,0,1) forwards}.mobile-controls-overlay.is-hiding{display:flex;animation:mcoSheetDown 0.25s cubic-bezier(0.32,0.72,0,1) forwards}.mobile-controls-overlay.is-dragging{animation:none!important;transition:none!important}.mco-header{display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border-bottom:none;flex-shrink:0;touch-action:none;cursor:grab}.mco-drag-handle{display:flex;justify-content:center;padding:8px 0 6px}.mco-drag-handle::after{content:"";display:block;width:32px;height:3px;border-radius:2px;background:var(--bench-line-strong);opacity:0.5}.mco-header-row{display:none}.mco-title{display:none}.mco-close{display:none}.mco-body{flex:1;overflow:hidden;padding:0}.mobile-controls-overlay .sidebar{display:flex!important;flex-direction:column;height:100%!important;opacity:1!important;pointer-events:auto!important;position:static!important;width:100%!important;max-height:none!important;overflow:hidden!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.mobile-controls-overlay .customization-panel{display:flex!important;flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 14px 8px}.mobile-controls-overlay .panel-tab-bar{position:sticky;top:0;z-index:10;flex-shrink:0;margin:0 -14px 8px;padding:0 14px;border-radius:0;border:none;border-bottom:1px solid var(--bench-line);background:var(--bench-bg);overflow-x:auto;scrollbar-width:none}.mobile-controls-overlay .panel-tab-bar::-webkit-scrollbar{display:none}.mobile-controls-overlay .panel-tab{flex:1;justify-content:center;padding:12px 8px;font-size:0.82rem;border-bottom:2px solid transparent;color:var(--bench-text-muted)}.mobile-controls-overlay .panel-tab:hover{background:var(--bench-accent-alpha);color:var(--bench-text)}.mobile-controls-overlay .panel-tab.active{border-bottom-color:var(--bench-accent);color:var(--bench-accent);background:var(--bench-accent-alpha)}.mco-footer{display:flex;gap:8px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--bench-bg);border-top:1px solid var(--bench-line);flex-shrink:0}.mco-footer .btn{flex:1;min-height:44px;font-size:0.85rem;font-weight:700;border-radius:12px}.mco-footer .btn-primary{background:var(--bench-accent);color:#fff;border:none}.mco-footer .btn-secondary{background:var(--bench-sunken);color:var(--bench-ink);border:1px solid var(--bench-line)}}@media(max-width:1024px){body.generator-page .app-container.show-workspace .workspace{max-height:calc(100vh - var(--header-height) - 70px)!important;padding-bottom:70px!important}body.generator-page .app-container.show-sidebar .sidebar{max-height:calc(100vh - var(--header-height) - 70px)!important;padding-bottom:88px!important}}.download-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s}.download-dialog-overlay.is-open{opacity:1;visibility:visible}.download-dialog{background:var(--bench-card);border:1px solid var(--bench-line);border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,0.25);transform:translateY(20px) scale(0.95);transition:transform 0.2s;overflow:hidden}.download-dialog-overlay.is-open .download-dialog{transform:translateY(0) scale(1)}.download-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bench-line)}.download-dialog-header h3{margin:0;font-family:var(--bench-font-display);font-size:0.95rem;font-weight:700;color:var(--bench-ink);display:flex;align-items:center;gap:8px}.download-dialog-header h3 i{color:var(--accent)}.download-dialog-close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--bench-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s}.download-dialog-close:hover{background:var(--bench-sunken);color:var(--bench-ink)}.download-dialog-body{padding:20px}.download-format-group{margin-bottom:16px}.download-format-label,.download-quality-label{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--bench-muted);margin-bottom:10px}.download-format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.download-format-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:10px;border:2px solid var(--bench-line);background:var(--bench-card);color:var(--bench-ink);cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s}.download-format-btn i{font-size:1.1rem;color:var(--bench-muted);transition:color 0.15s}.download-format-name{font-size:0.82rem;font-weight:700}.download-format-desc{font-size:0.62rem;color:var(--bench-muted);text-align:center;line-height:1.2}.download-format-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),0.05)}.download-format-btn:hover i{color:var(--accent)}.download-format-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),0.1);color:var(--accent)}.download-format-btn.active i{color:var(--accent)}.download-quality-group{margin-bottom:16px}.download-quality-slider{width:100%;height:6px;border-radius:3px;background:var(--bench-sunken);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.download-quality-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bench-card);box-shadow:0 2px 6px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.1s}.download-quality-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.download-quality-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bench-card);box-shadow:0 2px 6px rgba(0,0,0,0.2);cursor:pointer}.download-quality-hint{font-size:0.65rem;color:var(--bench-muted);margin-top:4px}.download-prefer-group{padding:12px;background:var(--bench-sunken);border-radius:10px}.download-prefer-label{display:flex;align-items:center;gap:8px;cursor:pointer}.download-prefer-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.download-prefer-text{font-size:0.82rem;font-weight:600;color:var(--bench-ink)}.download-prefer-hint{font-size:0.65rem;color:var(--bench-muted);margin-top:4px;margin-left:24px}.download-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--bench-line);background:var(--bench-sunken)}.download-dialog-footer .btn{padding:8px 16px;font-size:0.82rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background 0.15s,color 0.15s}.download-dialog-footer .btn-secondary{background:var(--bench-card);color:var(--bench-ink);border:1px solid var(--bench-line)}.download-dialog-footer .btn-secondary:hover{background:var(--bench-line)}.download-dialog-footer .btn-primary{background:var(--accent);color:#fff;border:none}.download-dialog-footer .btn-primary:hover{filter:brightness(1.1)}.text-element-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.text-element-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:2px solid var(--bench-line);background:var(--bench-card);color:var(--bench-ink);cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;font-family:var(--bench-font-display)}.text-element-btn i{font-size:1rem;color:var(--bench-muted);transition:color 0.15s}.text-element-btn span{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.text-element-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),0.05)}.text-element-btn:hover i{color:var(--accent)}.text-element-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),0.1);color:var(--accent)}.text-element-btn.active i{color:var(--accent)}.toggle-row{display:flex;align-items:center;gap:10px}.text-style-toggles{display:flex;gap:6px}.text-style-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--bench-line);background:var(--bench-card);color:var(--bench-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.9rem;transition:border-color 0.15s,background 0.15s,color 0.15s}.text-style-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),0.05);color:var(--accent)}.text-style-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.preset-dot--none{background:var(--bench-card)!important;border:2px dashed var(--bench-line);position:relative}.preset-dot--none::after{content:"";position:absolute;width:70%;height:2px;background:var(--bench-muted);transform:rotate(-45deg)}.preset-dot--none.active{border-color:var(--accent)}.toggle-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.color-presets{overflow:hidden;padding:4px 0}.font-picker-built-grid,.font-picker-custom-grid{min-width:0}.font-picker-tile{min-width:0;overflow:hidden}@media(max-width:480px){.text-element-selector{grid-template-columns:repeat(3,1fr);gap:4px}.text-element-btn{padding:8px 4px}.text-element-btn span{font-size:0.6rem}}.adv-subsection{min-width:0;overflow:hidden}.adv-subsection-grid{min-width:0}.adv-subsection-grid .form-group{min-width:0}.adv-subsection-grid .form-group input,.adv-subsection-grid .form-group select{width:100%;min-width:0;box-sizing:border-box}.control-row{min-width:0;overflow:hidden}.control-row .form-group{min-width:0}.generator-page .sidebar-section{min-width:0;overflow:hidden}.type-size-stepper{min-width:0}.type-size-stepper .stepper-btn{flex-shrink:0}.type-size-stepper .stepper-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.text-style-toggles{flex-wrap:wrap}.text-style-btn{flex-shrink:0}.outline-options{min-width:0}.outline-options .color-preset-row{flex-wrap:wrap}.toggle-row{min-width:0;flex-wrap:wrap}.text-bg-section{min-width:0}.align-group{min-width:0}.generator-page .sidebar .form-group{min-width:0}.generator-page .sidebar .form-group input[type=text],.generator-page .sidebar .form-group input[type=number],.generator-page .sidebar .form-group textarea,.generator-page .sidebar .form-group select{width:100%;min-width:0;box-sizing:border-box}@media(min-width:1025px)and (max-width:1360px){body.generator-page .sidebar{min-width:0}body.generator-page .customization-panel{min-width:0}body.generator-page .tab-panel{min-width:0}body.generator-page .sidebar-section{min-width:0}body.generator-page .adv-subsection{min-width:0}body.generator-page .adv-subsection-grid{grid-template-columns:1fr 1fr}body.generator-page .text-element-selector{gap:4px}body.generator-page .text-element-btn{padding:8px 4px}body.generator-page .text-element-btn span{font-size:0.62rem}body.generator-page .font-picker-tile{padding:6px 4px}body.generator-page .font-picker-tile-name{font-size:0.65rem}body.generator-page .font-picker-tile-preview{font-size:0.95rem}}@media(max-width:480px){body.generator-page .adv-subsection{padding:8px}body.generator-page .adv-subsection-grid{grid-template-columns:1fr}body.generator-page .font-picker-tile{padding:6px 4px}body.generator-page .font-picker-tile-name{font-size:0.65rem}body.generator-page .font-picker-tile-preview{font-size:0.9rem}body.generator-page .preset-dot{width:16px;height:16px}body.generator-page .text-style-btn{width:32px;height:32px;font-size:0.8rem}}body.generator-page .panel-tab-bar{gap:4px;padding:4px;background:var(--bench-sunken);border:1px solid var(--bench-line);border-radius:12px}body.generator-page .panel-tab{flex:1 1 auto;gap:6px;padding:9px 8px;border:none;border-bottom:none;border-radius:9px;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.04em;background:transparent;color:var(--bench-muted)}body.generator-page .panel-tab:hover{background:color-mix(in srgb,var(--bench-card) 55%,transparent);color:var(--bench-text)}body.generator-page .panel-tab.active{background:var(--bench-card);color:var(--bench-ink);box-shadow:0 1px 4px rgba(20,18,24,0.1)}body.generator-page .panel-tab .deck-num{display:none}body.generator-page .panel-tab.active .deck-num{background:var(--bench-accent);color:#fff}body.generator-page .canvas-container{background:var(--bench-bg);border:none;border-radius:0;box-shadow:none;padding:24px 32px;display:flex;flex-direction:column}[data-theme=light] body.generator-page .canvas-container{background:var(--bench-bg)}[data-theme=light] body.generator-page .workspace-toolbar{background:transparent}body.generator-page .generated-title{padding:20px 0 16px;gap:8px}body.generator-page .generated-title-text{font-size:1.35rem;font-weight:600;color:var(--bench-text);letter-spacing:-0.01em}body.generator-page .pins-grid{gap:20px;max-width:1400px}body.generator-page .pin-card-wrapper{border-radius:12px;background:transparent;border:none;box-shadow:none}body.generator-page .pin-card-wrapper:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.12);border-color:transparent}body.generator-page .pin-scale-container{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid var(--bench-line)}body.generator-page .pin-card-wrapper::after{background:rgba(0,0,0,0.6);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;font-size:0.58rem;padding:4px 10px}body.generator-page .pin-actions-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0.4),transparent 50%);border-radius:12px}body.generator-page .action-circle-btn{background:rgba(255,255,255,0.95);border:none;box-shadow:0 2px 8px rgba(0,0,0,0.15)}body.generator-page .action-circle-btn:hover{background:#fff;transform:scale(1.05)}body.generator-page .pins-page-btn{background:transparent;border:1px solid var(--bench-line);box-shadow:none}body.generator-page .pins-page-btn:hover{background:var(--bench-sunken);box-shadow:none;transform:none}body.generator-page .pins-page-btn.active{background:var(--bench-ink);border-color:var(--bench-ink);color:var(--bench-card);box-shadow:none}body.generator-page .empty-workspace{border:1px dashed var(--bench-line-strong);border-radius:16px;background:transparent}body.generator-page .ew-title{font-size:1.4rem;font-weight:700;color:var(--bench-text)}body.generator-page .ew-subtitle{font-size:0.95rem;color:var(--bench-muted)}body.generator-page .ew-step-label{color:var(--bench-muted)}body.generator-page .workspace-toolbar{padding:12px 24px;min-height:48px}body.generator-page .tool-h1{font-size:1.1rem;font-weight:700;color:var(--bench-text);letter-spacing:-0.02em;line-height:1;margin:0;padding:0;white-space:nowrap}body.generator-page .generated-actions{padding-top:8px;gap:8px}body.generator-page .support-us-btn{background:transparent;border:1px solid var(--bench-line);color:var(--bench-muted);padding:6px 14px;font-size:0.75rem}body.generator-page .support-us-btn:hover{background:var(--bench-sunken);border-color:var(--bench-muted);color:var(--bench-text)}@media(max-width:768px){body.generator-page .canvas-container{padding:16px}body.generator-page .pins-grid{gap:14px}body.generator-page .generated-title-text{font-size:1.15rem}}@media(max-width:480px){body.generator-page .canvas-container{padding:12px}body.generator-page .pins-grid{gap:10px}body.generator-page .workspace-toolbar{padding:8px 12px}body.generator-page .tool-h1{font-size:0.95rem;font-weight:700;letter-spacing:-0.01em}body.generator-page .ew-stepper{max-width:304px;padding:24px 24px 22px}body.generator-page .empty-workspace{padding:32px 16px}}body.generator-page .custom-card-title .custom-card-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--bench-accent);color:#ffffff;font-family:var(--bench-font-display);font-size:0.7rem;font-weight:800;line-height:1;flex-shrink:0}body.single-template-mode .pins-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto;gap:0}body.single-template-mode .pin-card-wrapper{max-width:520px;width:100%;margin:0 auto}body.single-template-mode .pin-card-wrapper .pin-actions-overlay{opacity:0;transition:opacity 0.2s ease}body.single-template-mode .pin-card-wrapper:hover .pin-actions-overlay{opacity:1}@media(max-width:1024px){body.single-template-mode .pins-grid{max-width:100%;padding:0 16px}body.single-template-mode .pin-card-wrapper{max-width:100%}}[data-theme=dark] body.generator-page .mistake-card,body.generator-page[data-theme=dark] .mistake-card{background:var(--bench-card);border-color:var(--bench-line)}[data-theme=dark] body.generator-page .mistake-icon.bad,body.generator-page[data-theme=dark] .mistake-icon.bad{background:rgba(229,72,77,0.2);color:#ff6b6b}[data-theme=dark] body.generator-page .mistake-icon.good,body.generator-page[data-theme=dark] .mistake-icon.good{background:rgba(52,201,142,0.2);color:var(--bench-ok)}[data-theme=dark] body.generator-page .mistake-good,body.generator-page[data-theme=dark] .mistake-good{background:rgba(52,201,142,0.1);border-color:rgba(52,201,142,0.25)}[data-theme=dark] body.generator-page .mistake-good p,body.generator-page[data-theme=dark] .mistake-good p{color:var(--bench-ok)}