/* AI Creation: append after feature styles and system-theme.css. */
#creation{--ct-bg:#050b12;--ct-panel:#0b1722;--ct-line:#203b50;--ct-accent:#17aeff;--ct-text:#edf5ff;--ct-muted:#91a9bd;color:var(--ct-text);min-width:0}
#creation [hidden]{display:none!important}
#creation .ct-hero{position:relative;isolation:isolate;min-height:245px;padding:38px 32px;margin:0 0 14px;border:1px solid #183245;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 77% 50%,#0d3455 0,transparent 48%),#050c15}
#creation .ct-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.65;background-image:radial-gradient(circle,#638baa 1px,transparent 1.5px),radial-gradient(circle,#1c7cab 1px,transparent 1.5px);background-size:79px 69px,113px 101px;background-position:13px 19px,46px 37px;mask-image:linear-gradient(90deg,transparent,#000)}
#creation .ct-hero-copy{position:relative;z-index:2;max-width:61%;pointer-events:none}
#creation .ct-eyebrow{display:block;color:#85c9f0;font-size:10px;font-weight:600;letter-spacing:3.3px;margin-bottom:17px}
#creation .ct-hero h2{font-size:clamp(28px,3vw,43px);line-height:1.25;letter-spacing:-1px;color:#f5faff;font-weight:720}
#creation .ct-hero-copy p{font-size:16px;letter-spacing:1px;color:#b5d0e4;margin-top:16px;line-height:1.7}
#creation .ct-hero-copy::after{content:"";display:block;width:30px;height:2px;background:#17aeff;margin-top:23px;box-shadow:0 0 12px #17aeff}
#creation .ct-orb{position:absolute;z-index:-1;right:-3%;top:-23%;width:59%;height:147%;object-fit:contain;pointer-events:none}
#creation #cr-refresh{position:absolute;right:20px;bottom:18px;z-index:3;background:#081725d9;backdrop-filter:blur(10px);font-size:12px;padding:8px 13px}
#creation #cr-worker-state{font-size:12px;line-height:1.6;margin:10px 2px;color:#91a9bd}
#creation #cr-worker-state:empty{display:none}
#creation .cr-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:15px 0 18px}
#creation .cr-tabs button{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;padding:17px 8px;border:1px solid #203b50;border-radius:10px;background:linear-gradient(145deg,#0d1a26,#09121b);font-size:13px;font-weight:550;color:#acc4d9;white-space:nowrap}
#creation .cr-tabs svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#creation .cr-tabs button[aria-selected="true"]{color:#82d7ff;background:linear-gradient(115deg,#063d66,#102a41);border-color:#17aeff;box-shadow:inset 0 0 19px #009dff1f,0 0 16px #009dff15}
#creation .card,#creation .mw-card{background:#0b1722;border:1px solid #203b50;border-radius:12px;color:#edf5ff;box-shadow:none}
#creation .cr-panel{padding:24px;margin-bottom:20px}
#creation h3{font-size:20px;line-height:1.45;color:#edf5ff}
#creation h2,#creation h4{color:#edf5ff}
#creation .muted,#creation .cell-sub,#creation small{color:#91a9bd}
#creation .muted{line-height:1.8;font-size:12px}
#creation .ct-source-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);padding:0;background:transparent;border:0;gap:18px}
#creation .ct-source-main,#creation .ct-library{min-width:0;padding:25px;background:linear-gradient(125deg,#0c1925,#09131d);border:1px solid #203b50;border-radius:12px}
#creation .ct-source-main>h3:first-child{font-size:23px;margin-bottom:8px}
#creation .ct-source-main>h3:not(:first-child){font-size:14px;font-weight:550;color:#b8cfe0;margin:23px 0 10px;padding-top:18px;border-top:1px solid #203b50}
#creation .ct-library .ct-eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:2px}
#creation .ct-library h3{font-size:19px;margin-bottom:9px}
#creation .ct-library .table-wrap{margin-top:18px}
#creation #cr-oss-assets:empty::after{content:"素材库还没有视频。上传素材或获取链接后，视频会显示在这里。";display:block;padding:38px 16px;margin-top:24px;text-align:center;line-height:1.9;font-size:12px;color:#91a9bd;border:1px dashed #274257;border-radius:9px;background:#07121c}
#creation .ct-library table{min-width:0;table-layout:fixed}
#creation .ct-library th:nth-child(2),#creation .ct-library td:nth-child(2){width:66px}
#creation .ct-library th,#creation .ct-library td{padding:12px 7px;font-size:11px}
#creation .ct-library td .text-button{display:block;margin:5px 0;font-size:11px}
#creation .cr-inline{gap:12px;margin:18px 0}
#creation .cr-inline label{min-width:0;flex:1 1 190px}
#creation label{font-size:12px;line-height:1.6;color:#b8cfe0}
#creation input,#creation select,#creation textarea,#creation-extension-dialog input,#creation-extension-dialog select,#creation-extension-dialog textarea{box-sizing:border-box;max-width:100%;background:#07121d;color:#edf5ff;border:1px solid #2c4960;border-radius:8px;box-shadow:none;padding:11px 12px;color-scheme:dark;font:inherit;font-size:13px}
#creation input::placeholder,#creation textarea::placeholder{color:#718ca2}
#creation input[type="file"]{padding:9px;font-size:11px}
#creation input::file-selector-button{border:1px solid #315a75;border-radius:5px;background:#12324b;color:#bce5ff;margin-right:10px;padding:5px 9px}
#creation #cr-decompose-form{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-top:1px solid #203b50;padding-top:21px;margin-top:23px;margin-bottom:0}
#creation #cr-decompose-form>button{grid-column:1/-1;justify-self:end;min-width:148px}
#creation #cr-link-form>button{font-size:12px}
#creation #cr-link-state,#creation #cr-upload-state{flex-basis:100%;font-size:12px;color:#8bd7ff;line-height:1.7;overflow-wrap:anywhere}
#creation #cr-link-state:empty,#creation #cr-upload-state:empty{display:none}
#creation button.primary,#creation .mw-submit>button{color:#fff;background:linear-gradient(135deg,#20b5ff,#078ae7);border:1px solid #39b9ff;border-radius:8px;box-shadow:0 3px 16px #0799ff24;font-weight:600}
#creation button.secondary{color:#b9d4e8;border-color:#2b4b63}
#creation button.secondary:not([aria-selected="true"]){background:#0b1c2b}
#creation .text-button,#creation a{color:#59c5ff}
#creation button:hover:not(:disabled){filter:brightness(1.13)}
#creation button:disabled{opacity:.48;cursor:not-allowed}
#creation :is(button,input,select,textarea,a):focus-visible,#creation-extension-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid #66d0ff;outline-offset:3px}
#creation .empty{background:#07131e;border-color:#2a465c;color:#91a9bd;padding:36px 20px}
#creation .empty strong{color:#bfd9ec}
#creation table{color:#d5e5f3}
#creation th{background:#0c1c2a;color:#88a9c0;border-color:#203b50}
#creation td{color:#bad0e1;border-color:#1a3042}
#creation tbody tr:hover{background:#102334}
#creation .ct-task-panel>.cr-header{margin-bottom:18px}
#creation .ct-task-panel>.cr-header .muted{font-size:11px}
#creation .mw-workbench{--mw-accent:#17aeff;--mw-border:#203b50;max-width:none}
#creation .mw-hero{background:linear-gradient(115deg,#0b2840,#0a1622);border:1px solid #203b50;border-radius:12px;margin-top:0}
#creation .mw-scene,#creation .mw-title-preview{background:#091420;border-color:#203b50}
#creation .mw-number,#creation .mw-status,#creation .mw-service-state{background:#0c2c44;color:#81cefa}
#creation .mw-message:not(:empty){background:#302819;color:#f7cc80}
#creation .mw-error,#creation .error{color:#ff9eac}
#creation .mw-side{min-width:0}
#creation .mw-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
#creation .mw-card .mw-check input{width:16px}
#creation-extension-dialog,#cr-result-dialog,dialog.digital-preview,dialog.mw-preview{color:#edf5ff;background:#0b1722;border:1px solid #28475e;color-scheme:dark}
#creation-extension-dialog .muted,#cr-result-dialog .muted,dialog.digital-preview .muted{color:#91a9bd}
#creation-extension-dialog pre,#cr-result-dialog #cr-result-text{background:#07121c;color:#c0d5e6;border-color:#203b50}
#creation-extension-dialog::backdrop,#cr-result-dialog::backdrop,dialog.digital-preview::backdrop,dialog.mw-preview::backdrop{background:#010710c9;backdrop-filter:blur(5px)}
@media(max-width:1200px){#creation .cr-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#creation .ct-source-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}#creation .ct-source-main,#creation .ct-library{padding:20px}#creation .mw-layout{grid-template-columns:1fr}}
@media(max-width:950px){#creation .ct-source-layout{grid-template-columns:1fr}#creation .ct-hero{min-height:220px;padding:28px 24px}#creation .ct-hero-copy{max-width:75%}#creation .ct-orb{right:-15%;opacity:.7;width:70%}#creation .ct-library table{table-layout:auto}#creation .ct-library td .text-button{display:inline-block;margin-right:10px}}
@media(max-width:600px){#creation .ct-hero{min-height:215px;padding:26px 20px}#creation .ct-hero-copy{max-width:100%}#creation .ct-hero h2{font-size:28px}#creation .ct-hero-copy p{font-size:12px;letter-spacing:.4px}#creation .ct-hero .ct-eyebrow{font-size:9px;letter-spacing:2px}#creation .ct-orb{right:-28%;width:100%;opacity:.35}#creation .cr-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#creation .cr-tabs button{padding:12px 8px;font-size:12px}#creation .cr-tabs svg{width:18px;height:18px}#creation .cr-tabs button:last-child{grid-column:1/-1}#creation .ct-source-main,#creation .ct-library,#creation .cr-panel:not(.ct-source-layout){padding:18px}#creation .ct-source-main>h3:first-child{font-size:20px}#creation .cr-inline{display:flex;flex-direction:column;align-items:stretch}#creation .cr-inline label{flex:auto;width:100%}#creation #cr-decompose-form{grid-template-columns:1fr}#creation #cr-decompose-form>button{width:100%;justify-self:stretch}#creation .ct-task-panel>.cr-header{align-items:flex-start;gap:8px;flex-direction:column}#creation .mw-side{grid-template-columns:1fr}#creation .mw-toolbar>label{min-width:0}#creation .mw-card{padding:17px}}
@media(prefers-reduced-motion:reduce){#creation *,#creation *::before,#creation *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}