/* X·Man studio: chalk, stone, slate blue and a restrained clay accent.
   Surface and navigation colors stay quiet; clay is reserved for primary actions.
   This replaces light.css instead of stacking another palette on top of it. */
:root{color-scheme:light;--bg:#f1f0ee;--panel:#fdfdfc;--panel2:#e9edef;--line:#dcdedc;--border:#dcdedc;--text:#303842;--muted:#646e77;--lime:#536b7b;--danger:#a34843;--slate:#536b7b;--slate-soft:#e7edf0;--clay:#a35c46;--clay-soft:#f2e8e2;--sage:#e7ece6;--stone:#e9e6e1;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Segoe UI",sans-serif}
html{scrollbar-color:#b8c0c3 #f1f0ee}body{background:var(--bg);color:var(--text)}
::selection{background:#d8e2e9;color:#334b5b}
.sidebar{background:#e7e9e8;border-color:#d4d9d8}.topbar{background:#f7f7f5;border-color:#dfe1de}
.brand,.sidebar .brand{color:#384a57}.brand span,.sidebar .brand span{color:#7a6a62;letter-spacing:1.3px}
.workspace-label{color:#6d7478}.sidebar nav{gap:7px}
.nav-button{color:#59646c;border-radius:8px}.nav-button:hover{background:#dce2e4;color:#384d5c}
.nav-button.selected{background:#586d7a;color:#fff;box-shadow:0 3px 7px #39495312;font-weight:500}
.nav-button.selected .nav-icon{color:#ecd1c3}.nav-count{opacity:1}
.avatar{background:#dce3e5;border-color:#cad4d8;color:#4b626f}.profile{border-color:#d1d8d7}
.status-dot{background:#b58a5d}.status-dot.online{background:#7d9384}
.topbar .slash{color:#8a9297}.topbar-note{color:#6a747c}.small-spark,.lime-dot{color:var(--clay)}
.page-heading .eyebrow{display:none}.page-heading h1{font-size:clamp(25px,2.2vw,32px);font-weight:600;color:#303e4a;letter-spacing:-.5px;margin:2px 0 9px}
.page-heading p{color:#69727a;font-size:13px}.page-footer{border-color:#daddd9;color:#737b80;letter-spacing:.3px}
.version-tag{background:#ebeef0;border-color:#d8dfe2;color:#526572}.version-tag span{color:#6a777e}
input,textarea,select{background:#f9faf9;color:var(--text);border-color:#d4dbde;border-radius:8px}
input::placeholder,textarea::placeholder{color:#727d85}
input:focus,textarea:focus,select:focus{border-color:#839aaa;box-shadow:0 0 0 3px #536b7b0e}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--slate)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#647f93;outline-offset:3px}
button:disabled{cursor:not-allowed}
.primary{background:var(--clay);color:#fff;border-radius:8px;box-shadow:0 3px 8px #81513c12;font-weight:600}
.primary:hover:not(:disabled){background:#914d39}
.secondary{background:#f5f6f5;border-color:#ced6d9;color:#4b6273;border-radius:7px}
.secondary:hover:not(:disabled){background:#e9eff2;border-color:#9dafb9}
.text-button{color:#536d80}.text-button:hover{color:#a35c46}
.icon-button{color:#6a747c}.icon-button:hover{background:#e7edf0;color:#3d5262}
.composer,.project-card,.prompt-editor-card,.job-card,.member-list,.pub-card{background:var(--panel);border-color:var(--line);box-shadow:0 3px 12px #37434c05;border-radius:12px}
.field-label,legend{color:#495763;font-weight:500}
.mode-tabs{background:#eaeef0;border-radius:9px}.mode-tabs button{color:#657583}.mode-tabs button.active{background:#fff;color:#445e71;box-shadow:0 1px 4px #3b4b5712;font-weight:600}
.prompt-box{background:#fafbf9;border-color:#d7dddf;border-radius:9px}.prompt-box:focus-within{border-color:#8aa0af}.prompt-footer{color:#697983}
.idea-chips button{background:#f2f4f5;color:#536a7a;border-color:#d7e0e6}.idea-chips button:hover{background:#e6eef3;border-color:#a4bac9;color:#3f6179}
.ratio-options button,.duration-value,.duration-input{background:#fafbf9;border-color:#d4dcdf}
.ratio-options button.active{background:#e8eef2;border-color:#8da5b5;color:#456578}
.duration-chips button{background:#f6f7f5;border-color:#d9dedc;color:#626f79}.duration-chips button.active{background:#e6edf1;border-color:#a0b3bf;color:#45657a}
.preset-options label>span{background:#f8faf9;border-color:#d9e0e0}
.preset-options input:checked+span{background:#e8eef2;border-color:#92a9b8;color:#3f5e73}
.preset-options strong{color:#435969}.preset-options small,.preset-options input:checked+span small{color:#647a89}
.advanced summary{color:#566d7e}.submit-area{border-color:#dfe4e4}
.section-heading>span{background:#e7ece6;border-color:#d2ddd1;color:#566c52}
.preview-stage{background:#e8edee;border-color:#d6dfe2;border-radius:12px}
.frame-symbol{background:#dce6ec;border-color:#99b0c0;box-shadow:8px -7px 0 -1px #edf2f4,8px -7px 0 0 #bfced8}
.empty-art h3{color:#475e70}.empty-art p,.empty-spec{color:#687e8d}
.workflow-note{background:#eceee8;border-color:#daddd1}.note-icon{color:#7d876c}.workflow-note strong{color:#5c684e}.workflow-note p{color:#6c765f}
.quiet-empty{background:#f5f6f3;color:#6b776e;border-color:#d3dbd4}
.recent-thumb{background:#e6eced;border-color:#d0dde1;color:#637f8d}
.status-label{color:#5e7766}.preview-details p{color:#53636f}
.progress-track{background:#d5dfe4}.progress-info small{color:#657986}.spinner{border-color:#c4d0d7;border-top-color:var(--slate)}
.drop-zone{background:#f0f3f3;border-color:#aebfc8}.drop-zone.dragging{background:#e1eaf0;border-color:#7899b1}.upload-symbol{color:#829caf}
#image-replace{background:#f5f7f5ed;color:#4c6374;box-shadow:0 1px 5px #344a5b18}
.reference-card{background:#f5f7f7;border-color:#d4dee2}.reference-card>img{background:#e9eeee}.reference-card strong{color:#4c6578}
.reference-empty{background:#f1f4f4;color:#607b8d;border-color:#a5bdcc}.reference-add{background:#edf2f5;color:#4d7189;border-color:#b7cbd8}
.interpolation-option{background:#f8faf9;border-color:#d9e0e1}.interpolation-option:has(input:checked){background:#e9f0f3;border-color:#93adbe}.interpolation-option strong{color:#465e6e}
.search-box{background:#fafbf9;border-color:#d4dcdf}
.job-visual:not(.playable){background:#e7edef}.job-progress{color:#546e81}.job-prompt-summary{color:#5a7385}.job-prompt-summary small{color:#6a7e8b}
.job-full-prompt{background:#fdfdfc;border-color:#bdccd6;color:#43596a;box-shadow:0 10px 30px #36495622}
.project-source-badge{background:#e9ede7;color:#5d7055;border-color:#d5ded0}
.project-step{background:#e6edf1;border-color:#cddce5;color:#5b788d}
.project-combobox-control{background:#fafbf9;border-color:#d5dfe2}.project-combobox-popup{background:#fdfdfc;border-color:#c0d0db;box-shadow:0 14px 32px #36495618}
.project-option:hover,.project-option.active{background:#e8eff4;border-color:#bbd0e1}.project-option-status{color:#667b88}
#source-facts strong{color:#536f83}#source-facts p{color:#495e6c}.source-fact-group summary{color:#526f84}.project-access-note{color:#717d81}
.project-empty{background:#f0f3f3;border-color:#c0d0d9}.project-empty>span{color:#7e9caf}
.source-material{background:#f9faf9;border-color:#d4dee2}.source-material img{background:#e8edee}
.project-idea-card{border-color:#d3dde2}.project-pending{background:#e8eee7;color:#5c7255;border-color:#cddcc6}
.creative-mode-switch{background:#e9eef1;border-color:#d2dde4}.creative-mode-switch button[aria-pressed=true]{background:#d6e1e9;color:#45657d}
.creative-result{background:#f8fafb;border-color:#d5e0e7}.creative-result.chosen{border-color:#8aa8be}
.creative-result summary{color:#5b7890}.creative-shot{border-color:#dce5eb}.creative-shot strong{color:#54748c}.creative-review{color:#8b664e}.project-idea-copy{color:#5c6f7c}
.prompt-page-notice{background:#e8edf0;border-color:#d3dee5}
.prompt-settings-tabs button[aria-pressed=true]{background:#dfe8ef;border-color:#b1c8da;color:#486a85}
.creative-prompt-snapshot pre{background:#eaf0f4;color:#4d6b82}
.auth-art{background:linear-gradient(145deg,#e3e8ea,#d6dfe3)}
.auth-statement .eyebrow{color:#6a8497}.auth-statement h1{color:#354f64}.auth-statement p{color:#647f91}.auth-foot{color:#6e8696}.orbit{border-color:#8daabd40}
.auth-panel{background:#fafaf8}.auth-panel input{background:#f3f5f4}
.toast{background:#e6edf1;color:#405e73;border-color:#b1c7d7;box-shadow:0 8px 30px #36495620}
dialog{background:#fdfdfc;border-color:#cbd7df;color:var(--text);box-shadow:0 24px 80px #34495629}dialog::backdrop{background:#34495655}
/* Publishing: blue for selection, clay for committing, sage for success. */
#publish-page{--pub-accent:var(--clay)}
.pub-notice{background:#e8ebed;border-color:#d5dde2;color:#5a6e7d;border-radius:8px}.pub-notice strong{color:#435d71}
.pub-step{background:#e6edf1;color:#5c798e;border-radius:5px}
.pub-account-option{background:#f8fafb;border-color:#d4e0e8}.pub-account-option:has(input:checked){background:#e7eff5;border-color:#8eadc4}
.pub-avatar{background:#dce6ec;color:#4b6e88}
.pub-empty{background:#f2f5f6;border-color:#c2d3df}.pub-empty>span{color:#789bb5}
.pub-selected-video{background:#edf2f5;border-color:#ccdce8}.pub-selected-video .pub-thumb{background:#dce7ef;color:#6b91ae}
.pub-field>label,.pub-field>legend{color:#485d6d}
.pub-chip-row button{background:#eef3f6;border-color:#cbdce8;color:#5a7d98}
.pub-segment label:has(input:checked){background:#e6eff5;border-color:#9bb8cd;color:#4f7592}
.pub-advanced>summary{color:#506f87}
.pub-preview{background:#e4eaec;border-color:#ccd9e0;border-radius:12px}.pub-preview-summary{border-color:#c7d6df}
.pub-phone{background:linear-gradient(155deg,#afc1cc 0%,#d5dee1 52%,#b2b8b4 100%);border-color:#94a6b2;box-shadow:0 8px 20px #34495615}
.pub-phone-art{color:#486276}.pub-phone-art strong{font-weight:400;font-size:38px;letter-spacing:3px}.pub-phone-art span{color:#5c7282}
.pub-phone-top{color:#3f5a6e;text-shadow:0 1px 4px #fff9}.pub-phone:has(video) .pub-phone-top{color:#fff;text-shadow:0 1px 5px #000}
.pub-phone::after{background:linear-gradient(transparent,#334653e8)}.pub-phone-copy,.pub-phone-icons{color:#fff}.pub-phone-copy small{color:#e8eef2}
.pub-status{background:#e7ede6;border-color:#cddacb;color:#526d50}
.pub-status.warn{background:#f0e9e0;border-color:#dfcfbe;color:#8a6242}.pub-status.bad{background:#f3e7e5;border-color:#e2c8c4;color:#9a4f48}
.pub-status.muted{background:#eaecea;border-color:#d4dad6;color:#65716b}
.pub-filters button.active{background:#e3edf4;border-color:#aac5da;color:#456e8d}
.pub-task-reason{color:#97634e!important}
.pub-dialog{background:#fdfdfc;border-color:#cbd7df;color:var(--text);box-shadow:0 24px 90px #34495629}.pub-dialog::backdrop{background:#34495655}
.pub-dialog-header{background:#f6f8f8;border-color:#d8e0e4}.pub-dialog p{color:#5f7483}
.pub-picker-item{background:#f8fafb;border-color:#cadce9}.pub-picker-art{background:#dfebf3;color:#608dab}.pub-picker-item video{background:#e7eff3}
.pub-code{background:#ecf1f4;color:#4a6a82}.pub-flow div{background:#f0f5f8;border-color:#cddfea}.pub-capability-list td:last-child{color:#536f84}