:root{--pbc-primary:#ec4899;--pbc-text:#1e293b;--pbc-text-muted:#64748b;--pbc-bg:#fff;--pbc-bg-secondary:#f8fafc;--pbc-border:#e2e8f0;--pbc-radius:var(--main-radius);--pbc-radius-lg:var(--main-radius-lg);--pbc-shadow:var(--main-shadow-sm);--pbc-hover-bg:#f1f5f9;--pbc-active-bg:#ec48991a;--pbc-active-border:#ec4899}._pbc-container{gap:var(--main-space-4);flex-direction:column;max-width:820px;margin-left:auto;margin-right:auto;display:flex}._pbc-controls-row{gap:var(--main-space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}._pbc-controls-right{gap:var(--main-space-4);flex-direction:column;display:flex}._pbc-section{background:var(--pbc-bg);border-radius:var(--pbc-radius-lg);padding:var(--main-space-5);box-shadow:var(--pbc-shadow);border-style:solid;border-width:1px;border-color:var(--pbc-border)}._pbc-section-title{font-size:var(--main-text-sm);color:var(--pbc-text);margin-bottom:var(--main-space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}@media (max-width:768px){._pbc-container{padding-left:var(--main-space-3);padding-right:var(--main-space-3);gap:var(--main-space-3)}._pbc-controls-row{gap:var(--main-space-3);grid-template-columns:1fr}._pbc-controls-right{gap:var(--main-space-3)}._pbc-section{padding:var(--main-space-4)}}@media (max-width:480px){._pbc-container{padding-left:var(--main-space-2);padding-right:var(--main-space-2)}._pbc-section{padding:var(--main-space-3)}}._pbc-field{margin-bottom:var(--main-space-3)}._pbc-field:last-child{margin-bottom:0}._pbc-field label{font-size:var(--main-text-xs);color:var(--pbc-text-muted);margin-bottom:var(--main-space-1);font-weight:500;display:block}._pbc-field-row{gap:var(--main-space-3);margin-bottom:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._pbc-input{width:100%;font-size:var(--main-text-sm);color:var(--pbc-text);background:var(--pbc-bg);border-style:solid;border-width:1.5px;border-color:var(--pbc-border);border-radius:var(--pbc-radius);outline:none;padding:.5rem .75rem;font-family:inherit}._pbc-input:focus{border-color:var(--pbc-active-border);box-shadow:0 0 0 3px var(--pbc-active-bg)}._pbc-textarea{resize:vertical;min-height:3.5rem}._pbc-select{cursor:pointer;-webkit-appearance:auto;appearance:auto}._pbc-input-suffix{align-items:center;gap:.5rem;display:flex}._pbc-input-suffix span{font-size:var(--main-text-xs);color:var(--pbc-text-muted);white-space:nowrap}._pbc-input-suffix ._pbc-input{flex:1;min-width:0}._pbc-btn{font-size:var(--main-text-sm);border-radius:var(--pbc-radius);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-weight:500;display:inline-flex}._pbc-btn-primary{background:var(--pbc-primary);color:#fff;box-shadow:0 2px 8px #ec489940}._pbc-btn-primary:hover{opacity:.9}._pbc-upload-area{border-style:dashed;border-width:2px;border-color:var(--pbc-border);border-radius:var(--pbc-radius-lg);cursor:pointer;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative;overflow:hidden}._pbc-upload-area:hover{border-color:var(--pbc-active-border);background:var(--pbc-active-bg)}._pbc-upload-area._pbc-has-photo{border-style:solid;border-color:var(--pbc-border)}._pbc-upload-placeholder{color:var(--pbc-text-muted);padding:var(--main-space-4);flex-direction:column;align-items:center;gap:.5rem;display:flex}._pbc-upload-placeholder span{font-size:var(--main-text-xs)}._pbc-upload-preview{object-fit:cover;width:100%;height:120px;display:none}._pbc-upload-remove{color:#fff;cursor:pointer;background:#00000080;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:.375rem;right:.375rem}._pbc-upload-remove:hover{opacity:.8}._pbc-color-presets{flex-wrap:wrap;gap:.5rem;display:flex}._pbc-preset-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;width:2rem;height:2rem;padding:2px}._pbc-preset-btn span{border-radius:50%;width:100%;height:100%;display:block}._pbc-preset-btn:hover{border-color:var(--pbc-border)}._pbc-preset-btn._pbc-active{border-color:var(--pbc-active-border);box-shadow:0 0 0 2px var(--pbc-active-bg)}._pbc-templates-section{margin-top:0}._pbc-template-grid{gap:var(--main-space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));min-height:90px;display:grid}._pbc-template-thumb{border-radius:var(--pbc-radius);cursor:pointer;border-style:solid;border-width:2px;border-color:var(--pbc-border);aspect-ratio:4/3;position:relative;overflow:hidden}._pbc-template-thumb:hover{border-color:var(--pbc-text-muted)}._pbc-template-thumb._pbc-active{border-color:var(--pbc-active-border);box-shadow:0 0 0 2px var(--pbc-active-bg)}._pbc-template-thumb canvas{width:100%;height:100%;display:block}._pbc-template-thumb-label{color:#fff;text-align:center;background:#00000080;padding:.25rem .5rem;font-size:10px;font-weight:500;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){._pbc-input{padding:.625rem .75rem;font-size:16px}._pbc-textarea{min-height:4rem}._pbc-btn{min-height:40px;padding:.625rem 1rem;font-size:.9375rem}._pbc-color-presets{gap:.625rem}._pbc-preset-btn{width:2.5rem;height:2.5rem}._pbc-upload-remove{width:1.875rem;height:1.875rem;top:.5rem;right:.5rem}._pbc-upload-area{min-height:140px}._pbc-template-thumb-label{padding:.3125rem .5rem;font-size:11px}}@media (max-width:480px){._pbc-field-row{grid-template-columns:1fr}._pbc-template-grid{gap:var(--main-space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}._pbc-preview-section{align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._pbc-canvas-wrap{background:var(--pbc-bg);border-radius:var(--pbc-radius-lg);box-shadow:0 4px 20px #0000001a, 0 0 0 1px var(--pbc-border);max-width:100%;overflow:hidden}._pbc-canvas-wrap canvas{width:100%;max-width:660px;height:auto;display:block}._pbc-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);width:100%;max-width:660px;display:flex}._pbc-toolbar-left,._pbc-toolbar-right{align-items:center;gap:var(--main-space-2);display:flex}._pbc-toolbar-dim{font-size:var(--main-text-xs);color:var(--pbc-text-muted);font-family:var(--main-font-mono)}@media (max-width:768px){._pbc-toolbar{max-width:100%}._pbc-toolbar ._pbc-btn-primary{min-height:44px;padding:.625rem 1rem}}@media (max-width:480px){._pbc-canvas-wrap canvas{max-width:100%}._pbc-toolbar{gap:var(--main-space-2)}._pbc-toolbar-dim{font-size:10px}}