.creative-media{color:var(--x-text,#243448);padding:18px 20px;border:1px solid var(--x-line,#dce4ee);border-radius:18px;background:var(--x-panel2,#f8fbff);margin:16px 0;font:inherit;}
.cm-heading,.cm-job-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.creative-media h3{font-size:18px;line-height:1.5;margin:0 0 10px;}
.cm-heading h3{margin:0;}.cm-badge{color:var(--x-dim,#63738a);font-size:12px;}
.cm-story{margin:14px 0;padding:14px 16px;border:1px solid var(--x-line,#dce4ee);border-radius:12px;background:var(--x-panel,#fff);}
.cm-story strong{font-size:14px;}.cm-story p{font-size:16px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;}.cm-targets{font-size:13px;color:var(--x-cyan,#287786);}
.cm-story .cm-story-zh{padding-top:10px;margin-top:10px;border-top:1px solid var(--x-line,#dce4ee);color:var(--x-text,#243448);}.cm-story .cm-story-translation-status{font-size:12px;line-height:1.65;color:var(--x-dim,#63738a);}.cm-story p[hidden]{display:none;}.cm-story-clickable{cursor:pointer;border-radius:6px;}.cm-story-clickable:hover{color:var(--x-cyan,#287786);}.cm-story-clickable:focus-visible{outline:2px solid var(--x-cyan,#FFFFFF);outline-offset:4px;}
.cm-actions,.cm-job-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;}.cm-button{font:inherit;min-height:40px;font-size:13px;line-height:1.4;padding:9px 13px;cursor:pointer;border-radius:10px;}.cm-button:disabled{opacity:.5;cursor:default;}.cm-button:focus-visible,.cm-field input:focus-visible{outline:2px solid var(--x-cyan,#FFFFFF);outline-offset:3px;}
.cm-hint,.cm-empty,.cm-message,.cm-cloud-id{color:var(--x-dim,#63738a);font-size:12px;line-height:1.75;margin:10px 0;overflow-wrap:anywhere;}.cm-message:empty{display:none;}.cm-message{color:var(--x-text,#243448);}.cm-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}.cm-empty{grid-column:1/-1;}
.cm-job{padding:13px 14px;border:1px solid var(--x-line,#dce4ee);border-radius:12px;min-width:0;}.cm-job-title{font-size:13px;line-height:1.6;gap:7px;}.cm-status{font-size:11px;color:var(--x-dim,#63738a);}.cm-status-ready .cm-status{color:var(--x-green,#237748);}.cm-status-failed .cm-status{color:var(--x-red,#ad3d58);}.cm-job-actions{margin-top:11px;}.cm-error{font-size:12px;line-height:1.7;color:var(--x-red,#ad3d58);overflow-wrap:anywhere;}.cm-cloud-id{font-size:11px;}
.cm-viewer{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}.cm-viewer[hidden]{display:none;}.cm-result{display:block;max-width:100%;width:100%;max-height:480px;object-fit:contain;border-radius:12px;background:#FFFFFF;}.cm-config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}.cm-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;line-height:1.5;}.cm-field:first-child{grid-column:1/-1;}.cm-field .x-input{box-sizing:border-box;width:100%;font-size:13px;min-height:42px;}.cm-config-form .cm-actions{grid-column:1/-1;}
@media(max-width:650px){.creative-media{padding:15px 13px;border-radius:14px;}.cm-jobs,.cm-config-form{grid-template-columns:1fr;}.cm-button{font-size:12px;}.cm-story{padding:12px;}.cm-story p{font-size:15px;}.cm-actions{gap:7px;}.cm-result{max-height:330px;}}
@media(prefers-reduced-motion:reduce){.creative-media *{animation:none!important;transition:none!important;}}

/* 儿童简化：插画预览卡 */
.cm-viewer { margin-top:14px; padding:12px; border:2px solid rgba(31,168,91,.25); border-radius:16px; background:#FFFDF6; }
.cm-viewer .cm-result { display:block; width:100%; max-height:58vh; object-fit:contain; border-radius:12px; background:#FFFFFF; margin-top:10px; }
.cm-viewer .cm-button { margin-bottom:2px; }

.cm-story-word{color:#27563A;background:#FFF0A9;padding:1px 3px;border-radius:4px;font-weight:700;}
.cm-story-words{margin-top:14px;}.cm-word-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.cm-word-read{min-height:44px;color:#285D3A;background:#EDF8EC;border-color:#BCDEBF;font-size:14px;}
.cm-translation-toggle{border-top:1px solid #D7E5CD;margin-top:14px;padding-top:6px;}
.cm-translation-toggle>summary,.cm-video-options>summary{cursor:pointer;color:#67604E;min-height:44px;padding:10px 0;font-size:14px;}
.cm-translation-toggle .cm-story-zh{border-top:0;margin-top:0;padding-top:0;}
.cm-learning{margin:0;background:#FFFFFF;padding:20px;border-color:#CEE3CB;}.cm-learning .cm-heading h3{font-size:20px;}
.cm-learning .cm-story{background:#FFFEF5;}.cm-learning .cm-story-en{font-size:19px;line-height:1.95;}
.cm-learning .cm-story-listen{width:calc(5em + 60px);}
.cm-learning .cm-actions>.cm-button{min-height:46px;font-size:15px;}.cm-learning .cm-actions>.cm-button:first-child{background:#E9F7ED;border-color:#B7DBC1;color:#17663A;font-weight:700;}
.cm-learning .cm-hint{font-size:13px;color:#766C57;}.cm-video-options{margin-top:12px;border-top:1px solid #D7E5CD;}.cm-video-options[hidden]{display:none;}
@media(max-width:560px){.cm-learning{padding:15px 12px;}.cm-learning .cm-story-en{font-size:18px;}.cm-learning .cm-actions>.cm-button{font-size:14px;}.cm-word-buttons{gap:6px;}.cm-word-read{font-size:13px;padding:9px 10px;}}
.cm-results-history{margin-top:18px;border-top:1px solid #E1E8D9;}.cm-results-history>summary{padding:10px 0;min-height:44px;cursor:pointer;font-size:13px;color:#766C57;}
.cm-results-history[hidden],.cm-story>strong[hidden],.cm-learning .cm-actions>.cm-button[hidden]{display:none;}

.cm-story-video{min-width:0;}.cm-video-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}.cm-video-heading .cm-video-title{margin:0;}
.cm-video-viewer{min-width:0;margin-top:16px;}.cm-video-result{display:block;width:100%;max-width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:12px;background:#16221B;}
.cm-video-message{font-size:13px;line-height:1.7;margin:10px 0 0;color:var(--rc-muted,#6F634F);overflow-wrap:anywhere;}.cm-video-reload{margin-top:10px;}
.cm-story-video[hidden],.cm-video-viewer[hidden],.cm-story-video .cm-button[hidden],.cm-video-message:empty{display:none;}
.cm-result[role="button"]{cursor:zoom-in;}.cm-result[role="button"]:focus-visible{outline:3px solid var(--rc-accent,#167743);outline-offset:3px;}