.bmc-image{--primary:#2563eb;--primary-dark:#1d4ed8;--surface:#ffffff;--surface-muted:#f4f6fb;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--shadow-soft:0 20px 45px rgba(15,23,42,0.08);}
.ic-tool{margin:0 auto;}
.ic-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:24px;background:var(--surface-muted);border:2px dashed var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s;}
.ic-dropzone[hidden]{display:none;}
.ic-dropzone:hover,.ic-dropzone:focus-visible,.ic-dropzone.ic-dropzone-dragover{border-color:var(--primary);background:var(--surface);outline:none;}
.ic-dropzone-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.ic-dropzone-icon{width:48px;height:48px;margin-bottom:12px;background:var(--border);border-radius:50%;}
.ic-dropzone-label{font-size:1rem;color:var(--text-muted);text-align:center;}
.ic-workspace{margin-top:24px;}
.ic-workspace[hidden]{display:none;}
.ic-card{display:flex;flex-direction:column;gap:24px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);}
.ic-card-left{min-width:0;}
.ic-card-right{flex-shrink:0;}
.ic-canvas-wrap{overflow:auto;max-width:100%;border-radius:12px;background:var(--surface-muted);box-shadow:var(--shadow-soft);}
.ic-canvas{display:block;max-width:100%;height:auto;cursor:crosshair;touch-action:none;}
.ic-hint{margin:12px 0 0;font-size:0.875rem;color:var(--text-muted);}
.ic-meta{margin-top:8px;font-size:0.8125rem;color:var(--text-muted);min-height:1.25em;}
.ic-controls{display:flex;flex-direction:column;gap:16px;}
.ic-control-group{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ic-control-group.ic-control-row{flex-direction:row;align-items:flex-end;flex-wrap:wrap;}
.ic-control-group.ic-control-row .ic-label{flex-basis:100%;}
.ic-label{font-size:0.8125rem;font-weight:600;color:var(--text-main);}
.ic-select,.ic-input{min-width:100px;padding:10px 12px;font-size:1rem;color:var(--text-main);background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;}
.ic-input{width:80px;}
.ic-btn{padding:12px 20px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:background .2s,color .2s;}
.ic-btn-primary{color:#fff;background:var(--primary);}
.ic-btn-primary:hover{background:var(--primary-dark);}
.ic-btn-secondary{color:var(--text-main);background:var(--surface-muted);border:1px solid var(--border);}
.ic-btn-secondary:hover{background:var(--border);}
.ic-result[hidden]{display:none;}
.ic-result{margin-top:24px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;}
.ic-result-preview{overflow:auto;max-width:100%;margin-bottom:16px;border-radius:8px;background:var(--surface-muted);}
.ic-result-canvas{display:block;max-width:100%;height:auto;}
.ic-result-meta{margin-bottom:16px;font-size:0.875rem;color:var(--text-muted);}
.ic-result-actions{display:flex;flex-wrap:wrap;gap:12px;}
@media (min-width:640px){.ic-dropzone{min-height:240px;}.ic-control-group.ic-control-row{flex-direction:row;align-items:flex-end;flex-wrap:wrap;}.ic-control-group.ic-control-row .ic-label{flex-basis:auto;}.ic-btn{align-self:flex-start;}}
@media (min-width:768px){.ic-card{flex-direction:row;}.ic-card-left{flex:1;min-width:0;}.ic-card-right{width:280px;flex-shrink:0;}.ic-canvas-wrap{max-height:min(70vh,480px);}.ic-result-canvas{max-height:400px;}}