.ipak-kofm-wrap { max-width: 880px; margin: 0 auto; color: #cfd8e3; font: 14px/1.5 system-ui, sans-serif; }
.ipak-kofm-h { font-size: 17px; font-weight: 600; margin: 0 0 4px; color: #e6edf3; }
.ipak-kofm-sub { color: #6b7683; font-size: 12px; margin-bottom: 14px; }
.ipak-kofm-canvas { width: 100%; height: 320px; border: 1px solid #1c242e; border-radius: 8px; display: block; background: #0b0f14; }
.ipak-kofm-bar { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.ipak-kofm-bar button, .ipak-kofm-file { background: #16202b; color: #cfd8e3; border: 1px solid #26333f; border-radius: 6px; padding: 8px 14px; font-size: 13px; cursor: pointer; }
.ipak-kofm-bar button:hover, .ipak-kofm-file:hover { background: #1d2a37; }
.ipak-kofm-bar button:disabled { opacity: .4; cursor: default; }
.ipak-kofm-file input { display: none; }
.ipak-kofm-status { font-family: ui-monospace, monospace; font-size: 12px; color: #9fb0c0; background: #0b1218; border: 1px solid #1c242e; border-radius: 6px; padding: 10px 12px; min-height: 18px; }