/* v1.2.8.16-r1 — Hero Typography frontend/builder parity hardening. */
/** AI Vectorize Studio v1.2.6.8.4.6 — desktop typography and control scale harmonization. */
.pfvx{--pfvx-max:1500px;--pfvx-left:30%;--pfvx-gap:20px;--pfvx-root-bg:#f8fafc;--pfvx-surface:#fff;--pfvx-surface2:#f1f5f9;--pfvx-text:#0f172a;--pfvx-muted:#64748b;--pfvx-accent:#0ea5e9;--pfvx-accent2:#6366f1;--pfvx-success:#059669;--pfvx-warning:#d97706;--pfvx-danger:#dc2626;box-sizing:border-box;width:100%;padding:var(--pfvx-root-pad,36px 20px 52px);margin:var(--pfvx-root-margin,0);background:var(--pfvx-root-bg);color:var(--pfvx-text);border:var(--pfvx-root-border-w,0) var(--pfvx-root-border-style,solid) var(--pfvx-root-border,transparent);border-radius:var(--pfvx-root-radius,0);box-shadow:var(--pfvx-root-shadow,none);font-family:var(--pfvx-body-font,inherit);font-size:var(--pfvx-body-size,14px);line-height:1.5;container-type:inline-size;container-name:pfvx}.pfvx *{box-sizing:border-box}.pfvx [hidden]{display:none!important}.pfvx button,.pfvx select,.pfvx input{font:inherit}.pfvx-shell{width:100%;max-width:none;margin:0}.pfvx[data-pfvx-width-mode="custom"] .pfvx-shell{width:100%;max-width:var(--pfvx-max,1500px);margin-inline:auto}.pfvx-hero{text-align:center;padding:var(--pfvx-hero-pad,0);margin:var(--pfvx-hero-margin,0 auto 26px);background:var(--pfvx-hero-bg,transparent);border:var(--pfvx-hero-border-w,0) var(--pfvx-hero-border-style,solid) var(--pfvx-hero-border,transparent);border-radius:var(--pfvx-hero-radius,0);box-shadow:var(--pfvx-hero-shadow,none)}
.pfvx[data-pfvx-root] .pfvx-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--pfvx-badge-pad,7px 12px);margin:var(--pfvx-badge-margin,0 0 10px);background:var(--pfvx-badge-bg,#e0f2fe);border:var(--pfvx-badge-border-w,1px) var(--pfvx-badge-border-style,solid) var(--pfvx-badge-border,#bae6fd);border-radius:var(--pfvx-badge-radius,999px);color:var(--pfvx-badge-color,#0369a1);font-family:var(--pfvx-badge-font,inherit);font-size:var(--pfvx-badge-size,12px);font-weight:var(--pfvx-badge-weight,800);line-height:var(--pfvx-badge-lh,1);letter-spacing:var(--pfvx-badge-ls,.05em);text-transform:var(--pfvx-badge-transform,uppercase);text-align:var(--pfvx-badge-align,center);box-shadow:var(--pfvx-badge-shadow,none)}.pfvx[data-pfvx-root] .pfvx-title{margin:var(--pfvx-title-margin,0 0 8px);padding:var(--pfvx-title-pad,0);color:var(--pfvx-title-color,#0f172a);font-family:var(--pfvx-title-font,inherit);font-size:var(--pfvx-title-size,36px);font-weight:var(--pfvx-title-weight,800);line-height:var(--pfvx-title-lh,1.18);letter-spacing:var(--pfvx-title-ls,-.025em);text-transform:var(--pfvx-title-transform,none);text-align:var(--pfvx-title-align,center)}.pfvx[data-pfvx-root] .pfvx-description{max-width:760px;margin:var(--pfvx-desc-margin,0 auto);padding:var(--pfvx-desc-pad,0);color:var(--pfvx-desc-color,#64748b);font-family:var(--pfvx-desc-font,inherit);font-size:var(--pfvx-desc-size,15px);font-weight:var(--pfvx-desc-weight,400);line-height:var(--pfvx-desc-lh,1.65);letter-spacing:var(--pfvx-desc-ls,normal);text-transform:var(--pfvx-desc-transform,none);text-align:var(--pfvx-desc-align,center)}
.pfvx-account-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}.pfvx-account-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:12px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.pfvx-account-pill strong{color:#0f172a}.pfvx-login-link{color:var(--pfvx-accent);font-weight:800;text-decoration:none}.pfvx-login-link:hover{text-decoration:underline}.pfvx-notice{padding:var(--pfvx-notice-pad,11px 14px);margin:var(--pfvx-notice-margin,0 auto 14px);background:var(--pfvx-notice-bg,#fffbeb);border:var(--pfvx-notice-border-w,1px) var(--pfvx-notice-border-style,solid) var(--pfvx-notice-border,#fde68a);border-radius:var(--pfvx-notice-radius,11px);color:var(--pfvx-notice-color,#92400e);text-align:center}
.pfvx-workspace{display:grid;grid-template-columns:minmax(300px,var(--pfvx-left)) minmax(0,1fr);gap:var(--pfvx-gap);align-items:start}.pfvx-left{display:grid;gap:var(--pfvx-gap)}.pfvx-panel{min-width:0;background:var(--pfvx-panel-bg,#fff);border:var(--pfvx-panel-border-w,1px) var(--pfvx-panel-border-style,solid) var(--pfvx-panel-border,#e2e8f0);border-radius:var(--pfvx-panel-radius,16px);box-shadow:var(--pfvx-panel-shadow,0 12px 34px rgba(15,23,42,.07));overflow:hidden}.pfvx-panel-head{display:flex;align-items:center;gap:10px;padding:var(--pfvx-panel-head-pad,16px 18px);background:var(--pfvx-panel-head-bg,#f8fafc);border-bottom:1px solid var(--pfvx-panel-head-border,#e2e8f0)}.pfvx-panel-head .pfvx-step{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--pfvx-accent),var(--pfvx-accent2));color:#fff;font-size:13px;font-weight:900}.pfvx-panel-head strong{display:block;font-size:var(--pfvx-panel-title-size,16px);color:var(--pfvx-panel-title-color,#0f172a)}.pfvx-panel-head small{display:block;margin-top:2px;color:var(--pfvx-muted);font-size:11px}.pfvx-panel-body{padding:var(--pfvx-panel-body-pad,18px);background:var(--pfvx-panel-body-bg,transparent)}
.pfvx-file-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.pfvx-upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--pfvx-upload-min,248px);padding:var(--pfvx-upload-pad,26px 16px);background:var(--pfvx-upload-bg,#f8fafc);border:var(--pfvx-upload-border-w,1px) var(--pfvx-upload-border-style,dashed) var(--pfvx-upload-border,#cbd5e1);border-radius:var(--pfvx-upload-radius,14px);cursor:pointer;overflow:hidden;transition:.18s ease}.pfvx-upload:hover,.pfvx-upload.is-drag{background:var(--pfvx-upload-hover,#eff6ff);border-color:var(--pfvx-accent)}.pfvx-upload-copy{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#475569;z-index:2}.pfvx-upload-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e0f2fe;color:#0284c7;font-size:24px;font-weight:900}.pfvx-upload-copy strong{color:#0f172a;font-size:15px}.pfvx-upload-copy small{font-size:11px;color:var(--pfvx-muted)}.pfvx-upload-cta{display:inline-flex;align-items:center;justify-content:center;margin:3px 0;padding:9px 14px;background:#fff;border:1px solid #bae6fd;border-radius:9px;color:#0284c7;font-size:12px;font-weight:800}.pfvx-input-preview{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;background:#fff;border-radius:10px;z-index:3}.pfvx-upload:not(.has-image) .pfvx-input-preview{display:none}.pfvx-upload.has-image .pfvx-upload-copy{display:none}.pfvx-file-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:#64748b;font-size:11px}.pfvx-file-actions{display:flex;gap:5px}.pfvx-file-actions button,.pfvx-history-head button{border:0;background:transparent;color:#0284c7;font-size:11px;font-weight:800;cursor:pointer;padding:4px}.pfvx-input-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.pfvx-input-info span{padding:10px 11px;border-radius:9px;background:#f8fafc;border:1px solid #eef2f7}.pfvx-input-info b,.pfvx-input-info small{display:block}.pfvx-input-info b{font-size:11px;color:#0f172a}.pfvx-input-info small{font-size:10px;color:#94a3b8;margin-top:2px}
.pfvx-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pfvx-tier{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:var(--pfvx-tier-pad,14px);background:var(--pfvx-tier-bg,#fff);border:var(--pfvx-tier-border-w,1px) var(--pfvx-tier-border-style,solid) var(--pfvx-tier-border,#dbe3ec);border-radius:var(--pfvx-tier-radius,12px);cursor:pointer;color:inherit;transition:.18s ease}.pfvx-tier:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-1px)}.pfvx-tier.is-active{background:var(--pfvx-tier-active-bg,#eff9ff);border-color:var(--pfvx-tier-active-border,#0ea5e9);box-shadow:var(--pfvx-tier-active-shadow,0 0 0 2px rgba(14,165,233,.10))}.pfvx-tier:disabled{opacity:.45;cursor:not-allowed;transform:none}.pfvx-tier b{display:block;color:var(--pfvx-tier-title,#0f172a);font-size:14px}.pfvx-tier small{display:block;margin-top:4px;color:var(--pfvx-tier-desc,#64748b);font-size:11px;line-height:1.45}.pfvx-tier em{flex:0 0 auto;align-self:flex-start;padding:5px 7px;background:#fff7ed;border-radius:7px;color:var(--pfvx-price,#b45309);font-size:11px;font-style:normal;font-weight:900}.pfvx-option{padding:var(--pfvx-option-pad,14px);margin:var(--pfvx-option-margin,12px 0 0);background:var(--pfvx-option-bg,#fff);border:var(--pfvx-option-border-w,1px) var(--pfvx-option-border-style,solid) var(--pfvx-option-border,#e2e8f0);border-radius:var(--pfvx-option-radius,12px)}.pfvx-option label{display:block;margin-bottom:6px;font-size:12px;font-weight:800}.pfvx-option select{width:100%;min-height:44px;padding:10px 12px;background:var(--pfvx-control-bg,#fff);border:1px solid var(--pfvx-control-border,#cbd5e1);border-radius:var(--pfvx-control-radius,9px);color:var(--pfvx-control-color,#334155)}.pfvx-option small{display:block;margin-top:8px;color:var(--pfvx-muted);font-size:11px;line-height:1.4}.pfvx-estimate{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:var(--pfvx-est-pad,14px);margin:var(--pfvx-est-margin,12px 0 0);background:var(--pfvx-est-bg,#f8fafc);border:var(--pfvx-est-border-w,1px) var(--pfvx-est-border-style,solid) var(--pfvx-est-border,#e2e8f0);border-radius:var(--pfvx-est-radius,12px)}.pfvx-estimate span{display:flex;flex-direction:column;gap:2px}.pfvx-estimate small{font-size:10px;color:#94a3b8}.pfvx-estimate b{font-size:12px}.pfvx-primary-wrap{display:flex;width:100%}.pfvx[data-pfvx-primary-align="left"] .pfvx-primary-wrap{justify-content:flex-start}.pfvx[data-pfvx-primary-align="center"] .pfvx-primary-wrap{justify-content:center}.pfvx[data-pfvx-primary-align="right"] .pfvx-primary-wrap{justify-content:flex-end}.pfvx-primary{display:inline-flex;align-items:center;min-height:48px;padding:var(--pfvx-primary-pad,14px 18px);margin:var(--pfvx-primary-margin,16px 0 0);background:var(--pfvx-primary-bg,linear-gradient(90deg,#0ea5e9,#6366f1));border:var(--pfvx-primary-border-w,1px) var(--pfvx-primary-border-style,solid) var(--pfvx-primary-border,transparent);border-radius:var(--pfvx-primary-radius,11px);box-shadow:var(--pfvx-primary-shadow,0 8px 22px rgba(37,99,235,.15));color:var(--pfvx-primary-color,var(--pfvx-button-color,#fff));font-family:var(--pfvx-button-font,inherit);font-size:var(--pfvx-button-size,15px);font-weight:var(--pfvx-button-weight,800);line-height:var(--pfvx-button-lh,1.2);letter-spacing:var(--pfvx-button-ls,normal);text-transform:var(--pfvx-button-transform,none);cursor:pointer}.pfvx-primary:hover:not(:disabled){background:var(--pfvx-primary-hover,linear-gradient(90deg,#0284c7,#4f46e5))}.pfvx-primary:disabled{opacity:.52;cursor:not-allowed}.pfvx[data-pfvx-primary-display="inline"] .pfvx-primary{width:auto}.pfvx[data-pfvx-primary-display="full"] .pfvx-primary{width:100%}.pfvx[data-pfvx-primary-display="custom"] .pfvx-primary{width:min(100%,var(--pfvx-primary-width,100%))}.pfvx[data-pfvx-primary-text-align="left"] .pfvx-primary{justify-content:flex-start;text-align:left}.pfvx[data-pfvx-primary-text-align="center"] .pfvx-primary{justify-content:center;text-align:center}.pfvx[data-pfvx-primary-text-align="right"] .pfvx-primary{justify-content:flex-end;text-align:right}.pfvx-status{min-height:18px;margin-top:8px;color:var(--pfvx-muted);font-size:11px;text-align:center}.pfvx-status.is-success{color:var(--pfvx-success)}.pfvx-status.is-error{color:var(--pfvx-danger)}.pfvx-status.is-info{color:#0284c7}
.pfvx-stage{position:relative;min-height:var(--pfvx-stage-min,470px);display:grid;place-items:center;padding:var(--pfvx-stage-pad,18px);background:var(--pfvx-stage-bg,#f8fafc);border:var(--pfvx-stage-border-w,1px) var(--pfvx-stage-border-style,solid) var(--pfvx-stage-border,#e2e8f0);border-radius:var(--pfvx-stage-radius,14px);box-shadow:var(--pfvx-stage-shadow,inset 0 0 0 1px rgba(255,255,255,.4));overflow:hidden}.pfvx-stage-empty,.pfvx-processing,.pfvx-stage-result{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.pfvx-stage-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e0f2fe;color:#0284c7;font-size:26px;font-weight:900}.pfvx-stage strong{font-size:15px}.pfvx-stage small{max-width:480px;color:var(--pfvx-muted);font-size:10px;line-height:1.5}.pfvx-spinner{width:38px;height:38px;border:3px solid #dbeafe;border-top-color:var(--pfvx-accent);border-radius:50%;animation:pfvx-spin .8s linear infinite}@keyframes pfvx-spin{to{transform:rotate(360deg)}}.pfvx-result-preview{display:block;max-width:100%;max-height:var(--pfvx-result-preview-max,420px);object-fit:contain;border-radius:10px}.pfvx-toolbar{display:flex;gap:10px;margin-top:12px;justify-content:flex-start}.pfvx[data-pfvx-download-align="center"] .pfvx-toolbar{justify-content:center}.pfvx[data-pfvx-download-align="right"] .pfvx-toolbar{justify-content:flex-end}.pfvx-secondary{padding:var(--pfvx-secondary-pad,10px 13px);margin:var(--pfvx-secondary-margin,0);box-shadow:var(--pfvx-secondary-shadow,none);background:var(--pfvx-secondary-bg,#fff);border:var(--pfvx-secondary-border-w,1px) var(--pfvx-secondary-border-style,solid) var(--pfvx-secondary-border,#cbd5e1);border-radius:var(--pfvx-secondary-radius,9px);color:var(--pfvx-secondary-color,#334155);font-size:12px;font-weight:800;cursor:pointer}.pfvx-download-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--pfvx-download-icon-gap,8px);text-align:var(--pfvx-download-text-align,center)}.pfvx-download-button.is-icon-right .pfvx-download-icon{order:2}.pfvx-download-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:var(--pfvx-download-icon-color,currentColor);font-size:var(--pfvx-download-icon-size,16px);line-height:1}.pfvx-download-icon i{font-size:inherit;line-height:1}.pfvx-download-label{min-width:0}.pfvx[data-pfvx-download-text-align="left"] .pfvx-download-button{justify-content:flex-start}.pfvx[data-pfvx-download-text-align="center"] .pfvx-download-button{justify-content:center}.pfvx[data-pfvx-download-text-align="right"] .pfvx-download-button{justify-content:flex-end}.pfvx[data-pfvx-download-text-align="left"] .pfvx-download-button{text-align:left}.pfvx[data-pfvx-download-text-align="right"] .pfvx-download-button{text-align:right}.pfvx[data-pfvx-download-display="inline"] .pfvx-download-button{width:auto}.pfvx[data-pfvx-download-display="full"] .pfvx-download-button{width:100%;flex:1 1 100%}.pfvx[data-pfvx-download-display="custom"] .pfvx-download-button{width:min(100%,var(--pfvx-download-width,180px))}.pfvx-secondary:hover:not(:disabled){background:var(--pfvx-secondary-hover,#f8fafc);border-color:#94a3b8}.pfvx-secondary:disabled{opacity:.45;cursor:not-allowed}.pfvx-output-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.pfvx-output-info span{padding:11px 12px;background:var(--pfvx-surface2,#f1f5f9);border-radius:9px}.pfvx-output-info small,.pfvx-output-info b{display:block}.pfvx-output-info small{font-size:10px;color:#94a3b8}.pfvx-output-info b{margin-top:2px;font-size:11px}
.pfvx-history{margin:var(--pfvx-history-margin,18px 0 0);padding-top:16px;border-top:1px solid #e2e8f0}.pfvx-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pfvx-history-head b{display:block;font-size:13px}.pfvx-history-head small{display:block;margin-top:2px;color:var(--pfvx-muted);font-size:10px}.pfvx-history-list{display:grid;gap:var(--pfvx-history-gap,8px)}.pfvx-history-empty{padding:12px;border:1px dashed #dbe3ec;border-radius:10px;color:var(--pfvx-muted);font-size:11px;text-align:center}.pfvx-history-item{display:grid;grid-template-columns:var(--pfvx-history-thumb,48px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:var(--pfvx-history-item-pad,10px 12px);background:var(--pfvx-history-item-bg,#fff);border:var(--pfvx-history-item-border-w,1px) var(--pfvx-history-item-border-style,solid) var(--pfvx-history-item-border,#e2e8f0);border-radius:var(--pfvx-history-item-radius,12px);box-shadow:var(--pfvx-history-item-shadow,none)}.pfvx-history-thumb{display:grid;place-items:center;width:var(--pfvx-history-thumb,48px);height:var(--pfvx-history-thumb,48px);background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;overflow:hidden;color:#94a3b8;font-size:10px;font-weight:900}.pfvx-history-thumb img{width:100%;height:100%;object-fit:contain}.pfvx-history-main{min-width:0}.pfvx-history-title{display:flex;align-items:center;gap:7px}.pfvx-history-title b{font-size:12px}.pfvx-history-status{display:inline-flex;padding:3px 6px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:800}.pfvx-history-status.is-completed{background:#ecfdf5;color:#047857}.pfvx-history-status.is-failed,.pfvx-history-status.is-cancelled{background:#fef2f2;color:#b91c1c}.pfvx-history-status.is-processing,.pfvx-history-status.is-queued{background:#eff6ff;color:#1d4ed8}.pfvx-history-meta{margin-top:5px;color:var(--pfvx-muted);font-size:10px}.pfvx-history-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pfvx-history-download{display:inline-flex;align-items:center;justify-content:center;gap:var(--pfvx-history-download-icon-gap,7px);padding:var(--pfvx-history-download-pad,8px 12px);margin:var(--pfvx-history-download-margin,0);background:var(--pfvx-history-download-bg,#fff);border:var(--pfvx-history-download-border-w,1px) var(--pfvx-history-download-border-style,solid) var(--pfvx-history-download-border,#dbe3ec);border-radius:var(--pfvx-history-download-radius,7px);box-shadow:var(--pfvx-history-download-shadow,none);color:var(--pfvx-history-download-color,#334155);font-size:11px;font-weight:800;cursor:pointer;text-align:var(--pfvx-history-download-text-align,center)}.pfvx-history-download:hover{background:var(--pfvx-history-download-hover,#f8fafc)}.pfvx-history-download-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:var(--pfvx-history-download-icon-color,currentColor);font-size:var(--pfvx-history-download-icon-size,15px);line-height:1}.pfvx-history-download-icon i{font-size:inherit;line-height:1}.pfvx-history-download.is-icon-right .pfvx-history-download-icon{order:2}.pfvx[data-pfvx-history-download-align="left"] .pfvx-history-actions{justify-content:flex-start}.pfvx[data-pfvx-history-download-align="center"] .pfvx-history-actions{justify-content:center}.pfvx[data-pfvx-history-download-align="right"] .pfvx-history-actions{justify-content:flex-end}.pfvx[data-pfvx-history-download-text-align="left"] .pfvx-history-download{justify-content:flex-start;text-align:left}.pfvx[data-pfvx-history-download-text-align="center"] .pfvx-history-download{justify-content:center;text-align:center}.pfvx[data-pfvx-history-download-text-align="right"] .pfvx-history-download{justify-content:flex-end;text-align:right}.pfvx[data-pfvx-history-download-display="inline"] .pfvx-history-download{width:auto}.pfvx[data-pfvx-history-download-display="full"] .pfvx-history-item,.pfvx[data-pfvx-history-download-display="custom"] .pfvx-history-item{grid-template-columns:var(--pfvx-history-thumb,48px) minmax(0,1fr)}.pfvx[data-pfvx-history-download-display="full"] .pfvx-history-actions,.pfvx[data-pfvx-history-download-display="custom"] .pfvx-history-actions{grid-column:1/-1;width:100%;padding-left:calc(var(--pfvx-history-thumb,48px) + 10px)}.pfvx[data-pfvx-history-download-display="full"] .pfvx-history-download{width:100%;flex:1 1 100%}.pfvx[data-pfvx-history-download-display="custom"] .pfvx-history-download{width:min(100%,var(--pfvx-history-download-width,104px))}
.pfvx-theme-dark{--pfvx-root-bg:#07111f;--pfvx-surface:#0f172a;--pfvx-surface2:#111827;--pfvx-text:#f8fafc;--pfvx-muted:#94a3b8;--pfvx-panel-bg:#0f172a;--pfvx-panel-head-bg:#111827;--pfvx-panel-border:#263247;--pfvx-panel-head-border:#263247;--pfvx-upload-bg:#111827;--pfvx-upload-border:#334155;--pfvx-tier-bg:#111827;--pfvx-tier-border:#334155;--pfvx-option-bg:#0f172a;--pfvx-option-border:#334155;--pfvx-est-bg:#111827;--pfvx-est-border:#334155;--pfvx-stage-bg:#08111e;--pfvx-stage-border:#263247;--pfvx-control-bg:#0b1220;--pfvx-control-border:#334155;--pfvx-control-color:#e5e7eb}.pfvx-theme-dark .pfvx-account-pill,.pfvx-theme-dark .pfvx-history-item,.pfvx-theme-dark .pfvx-history-actions button,.pfvx-theme-dark .pfvx-upload-cta{background:#0f172a;border-color:#334155;color:#cbd5e1}.pfvx-theme-dark .pfvx-upload-copy strong,.pfvx-theme-dark .pfvx-tier b,.pfvx-theme-dark .pfvx-estimate b,.pfvx-theme-dark .pfvx-panel-head strong,.pfvx-theme-dark .pfvx-history-title b{color:#f8fafc}
@container pfvx (max-width:900px){.pfvx{padding:var(--pfvx-root-pad-md,26px 16px 40px)}.pfvx[data-pfvx-root] .pfvx-title{font-size:var(--pfvx-title-size-md,30px)}.pfvx[data-pfvx-root] .pfvx-description{font-size:var(--pfvx-desc-size-md,15px)}.pfvx[data-pfvx-root] .pfvx-badge{font-size:var(--pfvx-badge-size-md,11px)}.pfvx-workspace{grid-template-columns:1fr;gap:var(--pfvx-gap-md,14px)}.pfvx-left{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pfvx-gap-md,14px)}.pfvx-stage{min-height:var(--pfvx-stage-min-md,400px)}}
@container pfvx (max-width:620px){.pfvx{padding:var(--pfvx-root-pad-sm,18px 10px 30px)}.pfvx[data-pfvx-root] .pfvx-title{font-size:var(--pfvx-title-size-sm,24px)}.pfvx[data-pfvx-root] .pfvx-description{font-size:var(--pfvx-desc-size-sm,13px)}.pfvx[data-pfvx-root] .pfvx-badge{font-size:var(--pfvx-badge-size-sm,10px)}.pfvx-left{grid-template-columns:1fr}.pfvx-tiers{grid-template-columns:1fr}.pfvx-upload{min-height:var(--pfvx-upload-min-sm,200px)}.pfvx-stage{min-height:var(--pfvx-stage-min-sm,330px)}.pfvx-output-info{grid-template-columns:1fr}.pfvx-input-info{grid-template-columns:1fr}.pfvx-history-item{grid-template-columns:42px minmax(0,1fr)}.pfvx-history-thumb{width:var(--pfvx-history-thumb-sm,42px);height:var(--pfvx-history-thumb-sm,42px)}.pfvx-history-actions{grid-column:1/-1;padding-left:calc(var(--pfvx-history-thumb-sm,42px) + 10px)}.pfvx-toolbar{flex-wrap:wrap}.pfvx[data-pfvx-download-display="full"] .pfvx-download-button{flex:1 1 100%}.pfvx[data-pfvx-download-display="custom"] .pfvx-download-button{max-width:100%}}

@container pfvx (max-width:991px){.pfvx-primary{padding:var(--pfvx-primary-pad-md,13px 16px);font-size:var(--pfvx-button-size-md,var(--pfvx-button-size,14px))}.pfvx-secondary{padding:var(--pfvx-secondary-pad-md,9px 12px);margin:var(--pfvx-secondary-margin-md,var(--pfvx-secondary-margin,0))}.pfvx-history-download{padding:var(--pfvx-history-download-pad-md,7px 10px);margin:var(--pfvx-history-download-margin-md,0)}}
@container pfvx (max-width:620px){.pfvx-primary{padding:var(--pfvx-primary-pad-sm,11px 12px);font-size:var(--pfvx-button-size-sm,var(--pfvx-button-size,12px))}.pfvx-secondary{padding:var(--pfvx-secondary-pad-sm,8px 10px);margin:var(--pfvx-secondary-margin-sm,var(--pfvx-secondary-margin,0))}.pfvx-history-download{padding:var(--pfvx-history-download-pad-sm,6px 8px);margin:var(--pfvx-history-download-margin-sm,0)}}


/* Unified UI Pack — 125% Scale, Mobile Safe Width & Responsive Integrity */
.pfvx,.pfvx-shell,.pfvx-workspace,.pfvx-left,.pfvx-panel,.pfvx-stage,.pfvx-toolbar,.pfvx-output-info,.pfvx-history,.pfvx-history-item,.pfvx-history-actions,.pfvx-primary-wrap{min-width:0}
.pfvx{overflow-x:clip}
.pfvx-shell{width:100%;max-width:min(100%,var(--pfvx-max,1500px));margin:0 auto;zoom:1.25}
.pfvx-workspace>*{min-width:0}
.pfvx-panel button,.pfvx-panel input,.pfvx-panel select,.pfvx-panel textarea{max-width:100%}
@media (max-width: 991px){
  .pfvx-shell{zoom:1 !important;width:100% !important;max-width:100% !important}
}
@media (max-width: 767px){
  .pfvx{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .pfvx-shell{zoom:1 !important;width:100% !important;max-width:100% !important}
  .pfvx-workspace,.pfvx-left,.pfvx-output-info,.pfvx-input-info,.pfvx-history-item{grid-template-columns:1fr !important}
  .pfvx-toolbar,.pfvx-history-actions,.pfvx-file-meta,.pfvx-panel-head{display:flex !important;flex-direction:column !important;align-items:stretch !important}
  .pfvx-toolbar > *, .pfvx-history-actions > *, .pfvx-file-meta > *{width:100% !important;max-width:100% !important}
  .pfvx-download-button,.pfvx-history-download,.pfvx-primary,.pfvx-secondary{width:100% !important;max-width:100% !important}
}


/* Unified UI Pack R2 — fixed 125% desktop density without horizontal overflow. */
@media (min-width:992px){
  .pfvx-shell{width:80% !important;max-width:min(80%,var(--pfvx-max,1500px)) !important;zoom:1.25 !important;margin-inline:auto}
  .pfvx-workspace{grid-template-columns:minmax(0,min(var(--pfvx-left,30%),42%)) minmax(0,1fr)}
}


/* AI Blocks Unified UI Pack R3 — Builder Row-Aware Root/Pane Contract + Unified Typography */
.pfvx{box-sizing:border-box;--pfai-font:Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;max-width:100%;overflow-x:clip;font-family:var(--pfai-font)!important}
.pfvx,.pfvx button,.pfvx input,.pfvx select,.pfvx textarea,.pfvx option{font-family:var(--pfai-font)!important}
.pfvx-shell{width:100%!important;max-width:var(--pfvx-max,100%)!important;margin-inline:auto!important;zoom:1!important}
.pfvx-workspace{grid-template-columns:minmax(0,var(--pfvx-left,30%)) minmax(0,1fr)!important}
.pfvx-workspace>*,.pfvx-left,.pfvx-panel,.pfvx-stage,.pfvx-history{min-width:0}
.pfvx-panel-head strong{font-size:15px}
.pfvx{font-size:14px;line-height:1.55}
.pfvx-panel-head small,.pfvx-history-meta,.pfvx-history-head small,.pfvx-output-info small{font-size:12px}
.pfvx-primary,.pfvx-secondary,.pfvx-download-button,.pfvx-history-download,.pfvx-history-head button{font-family:var(--pfai-font)!important;font-size:14px;font-weight:800;text-transform:none!important}
@media(max-width:991px){.pfvx-workspace{grid-template-columns:1fr!important}}
@media(max-width:767px){.pfvx-shell{width:100%!important;max-width:100%!important}}

/* R3.1 — Mobile compact history download actions */
@media (max-width: 767px){
  .pfvx-history-item{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px 10px!important;
    padding:10px!important;
  }
  .pfvx-history-thumb{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:56px!important;
    height:56px!important;
  }
  .pfvx-history-main{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .pfvx-history-title{flex-wrap:wrap!important;gap:5px!important}
  .pfvx-history-meta{margin-top:3px!important;line-height:1.35!important}
  .pfvx-history-actions{
    grid-column:2!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:auto!important;
    padding-left:0!important;
  }
  .pfvx-history-actions > *,
  .pfvx-history-download,
  .pfvx[data-pfvx-history-download-display="full"] .pfvx-history-download,
  .pfvx[data-pfvx-history-download-display="custom"] .pfvx-history-download{
    width:auto!important;
    max-width:100%!important;
    flex:0 1 auto!important;
  }
  .pfvx-history-download{
    min-height:34px!important;
    padding:7px 11px!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
}
@media (max-width: 360px){
  .pfvx-history-actions{grid-column:1/-1!important;margin-top:2px!important}
}

/* v1.2.6.8.5 — Full-Canvas Preview + Semantic Vector controls */
.pfvx-upload.has-image{min-height:0!important;padding:10px!important;align-items:flex-start;background:var(--pfvx-upload-bg,#f8fafc)}
.pfvx-input-preview{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important;max-height:520px!important;object-fit:contain!important;object-position:center!important;border-radius:10px;z-index:3;background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.pfvx-theme-dark .pfvx-input-preview{background-color:#111827;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%)}
.pfvx-smart-vector{margin-top:12px;padding:14px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border:1px solid #dbe7f4;border-radius:12px}.pfvx-smart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.pfvx-smart-head b{font-size:12px;color:var(--pfvx-text,#0f172a)}.pfvx-smart-head small{font-size:10px;color:var(--pfvx-muted,#64748b);text-align:right}.pfvx-smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pfvx-smart-field{display:block}.pfvx-smart-field>span{display:block;margin-bottom:5px;font-size:11px;font-weight:800;color:var(--pfvx-text,#0f172a)}.pfvx-smart-field select{width:100%;min-height:40px;padding:8px 10px;background:var(--pfvx-control-bg,#fff);border:1px solid var(--pfvx-control-border,#cbd5e1);border-radius:8px;color:var(--pfvx-control-color,#334155)}.pfvx-smart-field small{display:block;margin-top:5px;color:var(--pfvx-muted,#64748b);font-size:9.5px;line-height:1.35}.pfvx-smart-check{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;cursor:pointer}.pfvx-smart-check input{position:absolute;opacity:0;pointer-events:none}.pfvx-smart-check span{position:relative;width:34px;height:19px;border-radius:999px;background:#cbd5e1;transition:.18s ease;flex:0 0 auto}.pfvx-smart-check span:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:.18s ease}.pfvx-smart-check input:checked+span{background:#0ea5e9}.pfvx-smart-check input:checked+span:after{transform:translateX(15px)}.pfvx-smart-check em{font-style:normal;font-weight:700;color:var(--pfvx-text,#334155)}.pfvx-smart-summary{margin-top:10px;padding:8px 10px;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:800;line-height:1.4}.pfvx-theme-dark .pfvx-smart-vector{background:#0b1220;border-color:#334155}.pfvx-theme-dark .pfvx-smart-summary{background:#172554;color:#bfdbfe}.pfvx-output-info{grid-template-columns:repeat(4,minmax(0,1fr))}
@container pfvx (max-width:620px){.pfvx-smart-grid{grid-template-columns:1fr}.pfvx-output-info{grid-template-columns:1fr 1fr}.pfvx-input-preview{max-height:420px!important}}
\n\n/* v1.2.6.8.5-r3 — Transparent Preview Surface, Smart Fit Canvas & Result Card Cleanup */
.pfvx-stage-result{gap:10px!important;padding:2px 0;width:100%;min-width:0}
.pfvx-result-surface{position:relative;display:grid;place-items:center;width:min(100%,980px);min-height:220px;max-height:520px;margin:0 auto 2px;padding:14px;overflow:hidden;border:1px solid #dbe3ec;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.06);background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.pfvx-result-surface[hidden]{display:none!important}
.pfvx-result-surface-badge{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border:1px solid rgba(148,163,184,.32);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(15,23,42,.08);backdrop-filter:blur(6px);color:#475569;font-size:10px;font-weight:800;line-height:1;pointer-events:none}
.pfvx-result-preview{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:470px!important;margin:auto!important;object-fit:contain!important;object-position:center!important;border-radius:9px!important;background:transparent!important;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.pfvx-result-preview[hidden]{display:none!important}
.pfvx-stage-result>strong{margin-top:1px;font-size:14px}
.pfvx-stage-result>[data-pfvx-result-desc]{max-width:620px;text-align:center}
.pfvx-history-thumb.has-preview{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}
.pfvx-history-thumb.has-preview img{position:relative;z-index:1;background:transparent!important}
.pfvx-theme-dark .pfvx-result-surface,.pfvx-theme-dark .pfvx-history-thumb.has-preview{background-color:#111827;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);border-color:#334155}
.pfvx-theme-dark .pfvx-result-surface-badge{background:rgba(15,23,42,.9);border-color:#475569;color:#cbd5e1}
@container pfvx (max-width:900px){.pfvx-result-surface{max-height:460px}.pfvx-result-preview{max-height:410px!important}}
@container pfvx (max-width:620px){.pfvx-result-surface{min-height:180px;max-height:360px;padding:10px;border-radius:11px}.pfvx-result-preview{max-height:320px!important}.pfvx-result-surface-badge{top:7px;right:7px;font-size:9px;min-height:23px;padding:4px 7px}}