/* 图表生成器 —— 表单控件与画布舞台 */
.ck-field { margin-bottom: 12px; }
.ck-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; opacity: .85; }
.ck-input, .ck-textarea {
    width: 100%; padding: 9px 11px; font-size: 14px; line-height: 1.5;
    border: 1px solid rgba(0, 0, 0, .14); border-radius: 8px; background: #fff; color: inherit;
    outline: none; box-sizing: border-box; font-family: inherit;
}
.ck-textarea { resize: vertical; min-height: 74px; }
.ck-input:focus, .ck-textarea:focus { border-color: #0096dc; box-shadow: 0 0 0 3px rgba(0, 150, 220, .14); }
.ck-data { min-height: 150px; font-family: ui-monospace, Menlo, Consolas, "Courier New", monospace; font-size: 13.5px; }

.ck-stage { background: #fff; border-radius: 10px; padding: 8px; }
.ck-stage canvas { display: block; width: 100%; height: auto; border-radius: 6px; }

.ck-toast {
    position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%);
    background: rgba(20, 24, 33, .92); color: #fff; font-size: 14px;
    padding: 9px 18px; border-radius: 999px; z-index: 9999; pointer-events: none;
    opacity: 0; transition: opacity .2s, transform .2s;
}
.ck-toast.show { opacity: 1; transform: translateX(-50%) translateY(-6px); }

[data-theme="dark"] .ck-input,
[data-theme="dark"] .ck-textarea { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .14); }
[data-theme="dark"] .ck-stage { background: rgba(255, 255, 255, .04); }