.fo-smc-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:1024px){.fo-smc-grid{grid-template-columns:1fr 1fr}}

.fo-smc-card{background:#fff;border:1px solid #E9EEF3;border-radius:2px;padding:14px 14px 12px}
.fo-smc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.fo-smc-title{font-weight:700;font-size:18px;color:#111827}
.fo-smc-icon{border:none;background:transparent;cursor:pointer;border-radius:4px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;outline:none;color:#6B7280;transition:all 0.2s}
.fo-smc-icon:hover{background:rgba(0,0,0,0.05);color:#111827}
.fo-smc-icon:focus{outline:2px solid #4F6BF6;outline-offset:2px}
.fo-smc-icon svg{width:18px;height:18px;display:block}

.fo-smc-sub{font-size:12px;color:#6B7280;margin:2px 0 8px}

.fo-smc-range-row{display:flex;gap:8px;margin-bottom:20px}
.fo-smc-pill{border:1px solid #D6DAE1;background:#fff;border-radius:2px;padding:6px 12px;font-weight:700;color:#2E3A59;cursor:pointer;outline:none;box-shadow:none}
.fo-smc-pill:focus{outline:none;box-shadow:none}
.fo-smc-pill.active{background:#4F6BF6;border-color:#4F6BF6;color:#fff}

.fo-smc-canvas-wrap{position:relative}
.fo-smc-canvas-wrap canvas{width:100% !important;height:100% !important;background:#fff}

.fo-smc-modal{position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; z-index:9999; padding:24px}
.fo-smc-modal.open{display:flex}
.fo-smc-modal-inner{background:#fff;border-radius:2px; width:min(1200px,94vw); height:min(88vh,920px); position:relative; display:flex; flex-direction:column; box-shadow:0 8px 24px rgba(0,0,0,.25)}
.fo-smc-modal-pad{padding:16px 16px 8px; flex:1; display:flex}
.fo-smc-modal-canvas{width:100%; height:100%}
.fo-smc-modal-close{position:absolute; right:10px; top:8px; width:28px; height:28px; border:none; background:transparent; color:#111; font-size:22px; line-height:28px; cursor:pointer; outline:none}
.fo-smc-modal-close:focus{outline:none;box-shadow:none}