:root{--ibfm-primary:var(--main-primary);--ibfm-primary-hover:var(--main-primary-hover);--ibfm-text:#1e293b;--ibfm-text-muted:#64748b;--ibfm-bg:#fff;--ibfm-bg-hover:#f8fafc;--ibfm-border:#e2e8f0;--ibfm-border-hover:#cbd5e1;--ibfm-radius:var(--main-radius);--ibfm-radius-lg:var(--main-radius-lg);--ibfm-shadow:0 1px 3px #0000001a;--ibfm-shadow-lg:0 4px 12px #0000001a;--ibfm-checkerboard:repeating-conic-gradient(#e5e7eb 0% 25%, transparent 0% 50%) 50% / 16px 16px}._ibfm-container{gap:var(--main-space-4);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}._ibfm-layout{gap:var(--main-space-4);grid-template-columns:320px 1fr;align-items:start;display:grid}@media (max-width:900px){._ibfm-layout{grid-template-columns:1fr}._ibfm-settings{order:2}._ibfm-preview-area{order:1}}@media (max-width:768px){._ibfm-container{padding-left:1rem;padding-right:1rem}}._ibfm-settings{gap:var(--main-space-3);flex-direction:column;display:flex}._ibfm-section{background:var(--ibfm-bg);border-radius:var(--ibfm-radius-lg);padding:var(--main-space-4);box-shadow:var(--ibfm-shadow);border-style:solid;border-width:1px;border-color:var(--ibfm-border)}._ibfm-section-title{font-size:var(--main-text-sm);color:var(--ibfm-text);margin-bottom:var(--main-space-3);align-items:center;gap:.5rem;font-weight:600;display:flex}._ibfm-section-title svg{color:var(--ibfm-text-muted);flex-shrink:0}._ibfm-option-row{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:.5rem 0;display:flex}._ibfm-option-row+._ibfm-option-row{border-top-style:solid;border-top-width:1px;border-top-color:var(--ibfm-border)}._ibfm-label{font-size:var(--main-text-xs);color:var(--ibfm-text-muted);white-space:nowrap;font-weight:500}._ibfm-input{border-radius:var(--ibfm-radius);border-style:solid;border-width:1.5px;border-color:var(--ibfm-border);width:70px;font-size:var(--main-text-sm);color:var(--ibfm-text);background:var(--ibfm-bg);text-align:center;outline:none;padding:.375rem .5rem}._ibfm-input:focus{border-color:var(--ibfm-primary);box-shadow:0 0 0 3px #6366f11a}._ibfm-input-full{text-align:left;width:100%}._ibfm-input-wrapper{align-items:center;gap:.25rem;display:flex}._ibfm-input-unit{font-size:var(--main-text-xs);color:var(--ibfm-text-muted)}._ibfm-select{border-radius:var(--ibfm-radius);border-style:solid;border-width:1.5px;border-color:var(--ibfm-border);font-size:var(--main-text-sm);color:var(--ibfm-text);background:var(--ibfm-bg);cursor:pointer;outline:none;padding:.375rem .5rem}._ibfm-select:focus{border-color:var(--ibfm-primary);box-shadow:0 0 0 3px #6366f11a}._ibfm-slider-row{align-items:center;gap:var(--main-space-3);display:flex}._ibfm-slider-row-inline{flex:1}._ibfm-slider{-webkit-appearance:none;appearance:none;background:var(--ibfm-border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}._ibfm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ibfm-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}._ibfm-slider::-moz-range-thumb{background:var(--ibfm-primary);cursor:pointer;border-style:none;border-width:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}._ibfm-slider-value{font-size:var(--main-text-sm);color:var(--ibfm-text);text-align:right;min-width:45px;font-weight:600}._ibfm-color-row{align-items:center;gap:var(--main-space-3);display:flex}._ibfm-color-picker{border-radius:var(--ibfm-radius);cursor:pointer;background:0 0;border-style:none;border-width:0;flex-shrink:0;width:36px;height:36px;padding:0}._ibfm-color-picker::-webkit-color-swatch-wrapper{padding:0}._ibfm-color-picker::-webkit-color-swatch{border-radius:var(--ibfm-radius);border-style:solid;border-width:2px;border-color:var(--ibfm-border)}._ibfm-color-presets{flex-wrap:wrap;gap:6px;display:flex}._ibfm-color-preset{border-style:solid;border-width:2px;border-color:var(--ibfm-border);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0;transition:none}._ibfm-color-preset:hover{opacity:.8}._ibfm-color-preset.active{border-color:var(--ibfm-primary);box-shadow:0 0 0 2px #6366f14d}._ibfm-gradient-row{gap:var(--main-space-3);margin-bottom:var(--main-space-2);display:flex}._ibfm-gradient-input{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}._ibfm-gradient-input ._ibfm-color-picker{width:100%;height:36px}._ibfm-styles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}._ibfm-style-btn{border-radius:var(--ibfm-radius);border-style:solid;border-width:1.5px;border-color:var(--ibfm-border);background:var(--ibfm-bg);cursor:pointer;color:var(--ibfm-text-muted);flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:500;display:flex}._ibfm-style-btn:hover{border-color:var(--ibfm-border-hover);background:var(--ibfm-bg-hover)}._ibfm-style-btn.active{border-color:var(--ibfm-primary);color:var(--ibfm-primary);background:#6366f10d}._ibfm-style-preview{background:var(--ibfm-bg-hover);border-radius:3px;width:32px;height:24px;display:block}._ibfm-style-preview-solid{border-style:solid;border-width:3px;border-color:var(--ibfm-text)}._ibfm-style-preview-dashed{border-style:dashed;border-width:3px;border-color:var(--ibfm-text)}._ibfm-style-preview-dotted{border-style:dotted;border-width:3px;border-color:var(--ibfm-text)}._ibfm-style-preview-double{border-style:double;border-width:4px;border-color:var(--ibfm-text)}._ibfm-style-preview-gradient{border-style:solid;border-width:3px;border-image:linear-gradient(135deg,#6366f1,#ec4899) 1}._ibfm-style-preview-polaroid{border-style:solid;border-width:2px 2px 8px;border-color:var(--ibfm-text)}._ibfm-style-preview-shadow{border-style:solid;border-width:2px;border-color:var(--ibfm-text);box-shadow:2px 2px 4px #0000004d}._ibfm-style-preview-inset{border-style:inset;border-width:3px;border-color:var(--ibfm-text-muted)}._ibfm-style-preview-neon{border:2px solid #6366f1;box-shadow:0 0 4px #6366f1,inset 0 0 4px #6366f14d}._ibfm-style-preview-filmstrip{border-style:solid;border-width:4px 3px;border-color:var(--ibfm-text);background:linear-gradient(to right, var(--ibfm-text) 2px, var(--ibfm-bg-hover) 2px, var(--ibfm-bg-hover) 5px, var(--ibfm-text) 5px, var(--ibfm-text) 7px, var(--ibfm-bg-hover) 7px);background-size:9px 100%}._ibfm-style-preview-stamp{border-style:dashed;border-width:3px;border-color:var(--ibfm-text);background-image:radial-gradient(circle, var(--ibfm-bg) 2px, transparent 2px);background-position:-3px -3px;background-size:6px 6px;border-radius:0}._ibfm-style-preview-stripe{background:repeating-linear-gradient(45deg, var(--ibfm-text) 0px, var(--ibfm-text) 2px, var(--ibfm-bg-hover) 2px, var(--ibfm-bg-hover) 5px);border-style:none;border-width:0}@media (max-width:400px){._ibfm-styles{grid-template-columns:repeat(3,1fr)}}._ibfm-preview-area{min-height:400px}._ibfm-upload-zone{border-radius:var(--ibfm-radius-lg);border-style:dashed;border-width:2px;border-color:var(--ibfm-border);background:var(--ibfm-bg);cursor:pointer;min-height:400px;box-shadow:var(--ibfm-shadow);justify-content:center;align-items:center;display:flex}._ibfm-upload-zone:hover,._ibfm-upload-zone.drag-over{border-color:var(--ibfm-primary);background:#6366f108}._ibfm-upload-content{text-align:center;padding:var(--main-space-6)}._ibfm-upload-content svg{color:var(--ibfm-border-hover);margin-bottom:var(--main-space-3)}._ibfm-upload-text{font-size:var(--main-text-base);color:var(--ibfm-text);margin-bottom:.25rem;font-weight:600}._ibfm-upload-hint{font-size:var(--main-text-sm);color:var(--ibfm-text-muted);margin-bottom:.5rem}._ibfm-upload-formats{font-size:var(--main-text-xs);color:var(--ibfm-text-muted);opacity:.7}._ibfm-canvas-wrapper{background:var(--ibfm-bg);border-radius:var(--ibfm-radius-lg);border-style:solid;border-width:1px;border-color:var(--ibfm-border);box-shadow:var(--ibfm-shadow);overflow:hidden}._ibfm-canvas-container{padding:var(--main-space-4);background:var(--ibfm-checkerboard);justify-content:center;align-items:center;min-height:350px;display:flex}._ibfm-canvas-container canvas{max-width:100%;max-height:500px;box-shadow:var(--ibfm-shadow-lg)}._ibfm-canvas-footer{padding:var(--main-space-3) var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--ibfm-border);justify-content:space-between;align-items:center;display:flex}._ibfm-canvas-info{font-size:var(--main-text-xs);color:var(--ibfm-text-muted)}._ibfm-canvas-actions{gap:var(--main-space-2);display:flex}@media (max-width:600px){._ibfm-canvas-container{min-height:250px;padding:var(--main-space-2)}._ibfm-canvas-footer{gap:var(--main-space-2);flex-direction:column}._ibfm-canvas-actions{width:100%}._ibfm-canvas-actions ._ibfm-btn{flex:1}}._ibfm-btn{border-radius:var(--ibfm-radius);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border-style:none;border-width:0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}._ibfm-btn-primary{background:var(--ibfm-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._ibfm-btn-primary:hover{opacity:.9}._ibfm-btn-secondary{background:var(--ibfm-bg);color:var(--ibfm-text);border-style:solid;border-width:1px;border-color:var(--ibfm-border)}._ibfm-btn-secondary:hover{background:var(--ibfm-bg-hover)}._ibfm-btn svg{flex-shrink:0}