: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:.75rem;padding-right:.75rem}._ibfm-layout{gap:var(--main-space-3)}}@media (max-width:480px){._ibfm-container{padding-left:.5rem;padding-right:.5rem}}._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 rgba(var(--main-primary-rgb), .15)}._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 rgba(var(--main-primary-rgb), .15)}._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 rgba(var(--main-primary-rgb), .35)}._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}@media (max-width:768px){._ibfm-section{padding:var(--main-space-3)}._ibfm-input,._ibfm-select{min-height:40px;font-size:16px}._ibfm-input{width:80px}._ibfm-color-picker{width:44px;height:44px}._ibfm-gradient-input ._ibfm-color-picker{width:100%;height:44px}._ibfm-color-presets{gap:8px}._ibfm-color-preset{width:32px;height:32px}._ibfm-slider{height:8px}._ibfm-slider::-webkit-slider-thumb{width:22px;height:22px}._ibfm-slider::-moz-range-thumb{width:22px;height:22px}._ibfm-slider-value{min-width:52px}._ibfm-color-row{flex-wrap:wrap}}@media (max-width:480px){._ibfm-option-row{gap:var(--main-space-2);flex-wrap:wrap}._ibfm-option-row ._ibfm-input-wrapper,._ibfm-option-row ._ibfm-select,._ibfm-option-row ._ibfm-color-picker{margin-left:auto}._ibfm-option-row ._ibfm-input-full,._ibfm-slider-row-inline{width:100%}}._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);background:rgba(var(--main-primary-rgb), .08);color:var(--ibfm-primary)}._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:768px){._ibfm-styles{grid-template-columns:repeat(4,1fr);gap:6px}._ibfm-style-btn{min-height:64px;padding:8px 4px;font-size:11px}}@media (max-width:480px){._ibfm-styles{grid-template-columns:repeat(3,1fr)}._ibfm-style-preview{width:28px;height:22px}}._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:rgba(var(--main-primary-rgb), .05)}._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:768px){._ibfm-preview-area{min-height:280px}._ibfm-upload-zone{min-height:240px}._ibfm-upload-content{padding:var(--main-space-4)}._ibfm-upload-content svg{width:36px;height:36px}}@media (max-width:600px){._ibfm-canvas-container{min-height:220px;padding:var(--main-space-2)}._ibfm-canvas-container canvas{max-height:360px}._ibfm-canvas-footer{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._ibfm-canvas-info{text-align:center}._ibfm-canvas-actions{width:100%}._ibfm-canvas-actions ._ibfm-btn{flex:1;min-height:44px}}@media (max-width:480px){._ibfm-upload-zone{min-height:200px}._ibfm-upload-text{font-size:var(--main-text-sm)}._ibfm-upload-hint{font-size:var(--main-text-xs)}}._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 rgba(var(--main-primary-rgb), .25)}._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}