/* Jieqi Studio — clean editorial workspace */
:root{--ink:#171523;--muted:#8a8894;--line:#eeedf1;--accent:#efe5f5}
body{background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}aside{background:#fff;color:#74717e;border-right:1px solid var(--line);width:230px;padding:32px 19px}.logo{font-size:27px;color:#171226;font-weight:850;letter-spacing:-1.5px;font-style:italic;font-family:'Kaiti SC',STKaiti,KaiTi,serif;white-space:nowrap;line-height:1.4}.logo b{display:none}.sub{font-size:9px;color:#a19ba9;letter-spacing:3px;margin:9px 0 40px 8px}nav button{padding:14px 17px;border-radius:11px;font-size:13px;margin:8px 0;color:#817b8b;transition:background .15s}nav button:hover{background:#faf7fc}nav button.active{background:#f4ecf8;color:#392744;font-weight:650}aside footer{color:#a7a1ad;font-size:10px;line-height:2;padding-left:13px}main{margin-left:230px}header{height:83px;border-color:var(--line);padding:0 38px;color:#8d8796;font-size:12px}.content{padding:34px 38px;max-width:1600px}.eyebrow{color:#aaa1b4;font-size:9px;letter-spacing:2.5px}h1{font-size:29px;font-weight:650;letter-spacing:-.8px;margin:12px 0}h2{font-size:16px;font-weight:650;letter-spacing:-.3px}p{color:#95909d;font-size:13px}.primary{background:#191423;color:white;border:1px solid #191423;border-radius:25px;padding:11px 21px;font-size:12px}.primary:hover{background:#3b2d48}.secondary{background:white;color:#60576c;border:1px solid #e8e3ed;border-radius:22px;font-size:12px;padding:9px 16px}.secondary:hover{background:#faf7fc}.stats{gap:17px;margin:28px 0}.card{border:1px solid var(--line);border-radius:15px;padding:23px 25px;box-shadow:none;background:#fff}.card label{font-size:12px;color:#8e8799}.number{font-size:34px;letter-spacing:-1px;color:#20192b;font-weight:600;margin:17px 0 11px}.small{font-size:11px;color:#aaa2b1}.green{color:#9988a8}.panel{border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:25px;background:white}.panel .row{margin-bottom:21px}.grid{gap:24px;grid-template-columns:1.8fr 1fr}th{background:#faf9fb;color:#a39ba9;font-size:11px;font-weight:500;padding:14px 11px}td{padding:20px 11px;border-color:#f0edf3;color:#544a60;font-size:12px}td b{color:#2f243b;font-weight:600}.clienticon{background:#f3edf7;color:#9c84ad;padding:10px;border-radius:11px;font-weight:500}.pill,.badge{background:#f7f0fa;color:#9c7eae;font-size:10px;border-radius:20px;font-weight:500}.bar{height:4px;background:#f2edf5;width:95px}.bar i{background:#baa0cd}.date{background:#f7f2fa;color:#a085b2;border-radius:11px;font-size:11px}.task{padding:20px 0;border-color:#f0edf3}.task strong{color:#51425f;font-size:12px;font-weight:600}.task small{font-size:10px;color:#aaa0b1}.banner{background:#fbf5fd;border:1px solid #f0e5f5;border-radius:16px;padding:25px}.banner p{color:#ab95b6}.ai{background:#21172c;color:white;border-radius:28px;padding:15px 21px;font-size:12px;box-shadow:0 5px 24px #33233e16}.avatar{background:#f0e8f5;color:#a180b3;padding:9px}.notice{background:#faf7fc;color:#a18cab;border:1px solid #f0e8f4;font-size:11px;line-height:1.8}.toast{background:#302039}.search,input,textarea,select{color:#50455c;accent-color:#9e7cb2}.search{border-color:#eae5ee;border-radius:20px}.modal{border-radius:20px;box-shadow:0 25px 80px #23112d20}.overlay{background:#251c363d;backdrop-filter:blur(3px)}.modal input,.modal textarea,.modal select,.form input{border-color:#eae5ef;border-radius:10px}.loginbox{box-shadow:0 20px 80px #2c17340a;border:1px solid #eee8f2;border-radius:24px}.loginbox h1{color:#23172e}.day{border-color:#eee8f2}.day em{background:#f6eff9;color:#9e7daf}.role .panel{border-color:#eee8f2}
@media(max-width:1100px){.content{padding:28px 24px}.grid{grid-template-columns:1fr}.stats{gap:12px}.card{padding:20px}}@media(max-width:900px){aside{width:180px;padding:25px 12px}.logo{font-size:23px}main{margin-left:180px}.content{padding:24px 18px}}@media(max-width:560px){aside{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:16px}.logo{font-size:25px}main{margin-left:0}header{padding:0 16px;height:auto;min-height:70px;gap:10px;flex-wrap:wrap}.content{padding:22px 16px}.stats{grid-template-columns:1fr 1fr}.card{padding:18px}.number{font-size:28px}nav button{padding:10px}.ai{bottom:18px;right:18px}}
/* Readability correction: clear hierarchy and high contrast on white. */
:root{--ink:#211d29;--muted:#625b6b;--line:#e3dfe8}
body{color:#211d29;font-size:15px}aside{color:#534b5e}nav button{font-size:14px;color:#554c61;font-weight:550}nav button.active{background:#eee5f5;color:#3d2357;font-weight:700}.logo{color:#1e152b;font-size:29px}.sub{color:#64586f;font-size:10px}.eyebrow{color:#6d6078;font-size:10px}header{color:#5e536a;font-size:13px}h1{color:#21172e;font-size:30px;font-weight:750}h2{color:#2a1d39;font-size:18px;font-weight:700}p{color:#62596e;font-size:14px;line-height:1.85}.small{color:#6b6176;font-size:12px}.green{color:#665074}.card label{color:#5e536b;font-size:14px;font-weight:550}.number{color:#23172f;font-weight:700;font-size:36px}.panel,.card{border-color:#e5dfea}.primary{font-size:14px;font-weight:600}.secondary{font-size:13px;font-weight:550;color:#4e3b61;border-color:#d9cfe2}.pill,.badge{color:#694581;background:#f0e7f6;font-size:12px;font-weight:600}th{color:#65576f;background:#f7f4fa;font-size:13px;font-weight:600}td{color:#41364d;font-size:14px;line-height:1.65}td b{color:#291c36;font-weight:650}.clienticon{color:#705284;background:#eee4f5}.task strong{color:#352540;font-size:14px;font-weight:650}.task small{color:#6c5e78;font-size:12px}.date{color:#694b81;background:#f0e8f6;font-size:13px;font-weight:550}.banner p{color:#6f547f}.banner h2{color:#372044}.notice{color:#6b517c;font-size:13px;background:#f8f3fc;border-color:#e8dcef}.modal label{color:#62526f;font-size:13px}.modal input,.modal textarea,.modal select,.form input{color:#33233e;font-size:14px;line-height:1.7}input::placeholder,textarea::placeholder{color:#82758d;opacity:1}.ai{font-size:14px;font-weight:600}.task{border-color:#e9e3ee}.bar{background:#e8e0ef}.bar i{background:#9673b1}.day{color:#62536e}.day em{color:#694b7e}aside footer{color:#74677e;font-size:11px}.avatar{color:#69477f}.search{font-size:14px;color:#41324e}
/* Neutral palette: color supports state rather than every text element. */
:root{--ink:#202124;--muted:#60646b;--line:#e4e6e9}
body{color:#202124;background:#fff}aside{background:#fff;border-color:#e6e7ea;color:#51555c}.logo{color:#17191c}.sub,.eyebrow{color:#73777e}nav button{color:#555960}nav button:hover{background:#f6f7f8}nav button.active{background:#f0f1f3;color:#202124}header{color:#62666d;border-color:#e7e9ec}h1,h2,.loginbox h1{color:#202124}p,.small,.green{color:#646970}.card label{color:#5e636b}.number{color:#202124}.panel,.card{border-color:#e4e6e9}.primary,.ai{background:#25272b;border-color:#25272b;color:#fff}.primary:hover{background:#414449}.secondary{color:#454a52;border-color:#dce0e4;background:#fff}.secondary:hover{background:#f5f6f7}.pill,.badge{color:#4e5966;background:#f0f2f5}th{color:#60656d;background:#f7f8f9}td{color:#373c43;border-color:#eceef0}td b{color:#24282e}.clienticon{color:#59616b;background:#eff1f4}.task strong{color:#30353b}.task small{color:#676d75}.date{color:#56616e;background:#f1f3f6}.banner{background:#f7f8fa;border-color:#e5e8ec}.banner h2{color:#30353c}.banner p{color:#646c76}.notice{color:#606974;background:#f6f7f9;border-color:#e5e8ec}.modal label{color:#5d636b}.modal input,.modal textarea,.modal select,.form input,input,textarea,select{color:#30353c;border-color:#dfe3e7;accent-color:#65798c}input::placeholder,textarea::placeholder{color:#7c828a}.task{border-color:#e9ecef}.bar{background:#e9edf1}.bar i{background:#7d94aa}.day{color:#626b75;border-color:#e4e8ec}.day em{color:#526779;background:#eef2f6}aside footer{color:#777d85}.avatar{color:#56616e;background:#eef0f3}.search{color:#3c424a;border-color:#dfe3e7}.toast{background:#30353c}.loginbox{border-color:#e3e7eb;box-shadow:0 20px 80px #20273008}.modal{box-shadow:0 25px 80px #20273018}.overlay{background:#2027303d}
/* These panels carry inline preview colors; neutralize their presentation. */
#clientContent .panel{background:#fff!important;border-color:#e4e6e9!important}#chatMessages{background:#f5f6f8!important}#chatMessages>div>div{background:#fff!important;border:1px solid #e8ebef}.ai{box-shadow:0 5px 24px #20273016}
.handoff-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px!important;border-radius:10px!important;margin-bottom:20px;min-height:58px}.handoff-label{display:flex;align-items:center;gap:20px}.handoff-label strong{font-size:14px}.handoff-strip .secondary,.handoff-strip .primary{padding:7px 13px;font-size:12px}.chat-overlay{background:#20273015;backdrop-filter:none;justify-content:flex-end;align-items:flex-end;padding:24px}.chat-window{width:440px;max-width:calc(100vw - 32px);height:min(680px,calc(100dvh - 48px));max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e5e8;box-shadow:0 15px 65px #17202d24;border-radius:18px}.chat-window>.close{position:absolute;right:40px;margin-top:16px;z-index:2}.chat-top{padding:22px 24px 18px;border-bottom:1px solid #e9ecef}.chat-top h2{font-size:17px;margin-bottom:7px}.conversation{flex:1;overflow:auto;padding:20px;background:#fafbfc}.message{margin:0 0 21px;max-width:90%;width:fit-content}.from-user{margin-left:auto}.message-name{display:block;font-size:11px;color:#6a7079;margin:0 3px 7px}.from-user .message-name{text-align:right}.bubble{white-space:pre-wrap;line-height:1.85;padding:12px 15px;border:1px solid #e6e9ed;border-radius:3px 13px 13px;background:#fff;color:#30363e;font-size:14px}.from-user .bubble{background:#eaf0f6;border-color:#e0e7ee;border-radius:13px 3px 13px 13px}.message>.secondary{font-size:11px;padding:6px 11px;margin-top:9px}.chat-shortcuts{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px 0}.chat-shortcuts .secondary{font-size:11px;padding:7px 11px}.chat-compose{display:flex;gap:10px;align-items:flex-end;margin:12px 16px 8px;padding:9px 10px 9px 14px;border:1px solid #d9dfe5;border-radius:14px;background:#fff}.chat-compose textarea{border:0!important;padding:3px 0!important;margin:0!important;resize:none;flex:1;width:auto!important;outline:none;font-size:14px}.chat-compose .primary{border-radius:10px;padding:7px 13px;font-size:19px}.chat-footnote{text-align:center;font-size:10px;color:#747c86;padding:0 12px 12px}.chat-welcome{margin:65px auto;text-align:center}.chat-welcome h2{font-size:19px}.welcome-icon{font-size:32px;margin-bottom:17px;color:#65798c}.chat-welcome p{font-size:12px}@media(max-width:700px){.handoff-strip,.handoff-label{flex-wrap:wrap;gap:9px}.chat-overlay{padding:12px}.chat-window>.close{right:26px}}
.analysis-source{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0 18px;margin-bottom:16px;border-bottom:1px solid #e8ebee}.analysis-main .row p{margin-bottom:0}.analysis-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:10px 0 22px}.analysis-dimensions>div{padding:18px 0;border-bottom:1px solid #eceef0}.analysis-dimensions h3{font-size:15px;color:#30363d;margin:8px 0}.analysis-dimensions p{margin:0;font-size:13px;color:#69717b}.analysis-result{white-space:pre-wrap;line-height:1.95;font-size:15px;color:#353c44;padding:8px 0 26px;overflow-wrap:anywhere}@media(max-width:650px){.analysis-dimensions{grid-template-columns:1fr}.analysis-source{align-items:flex-start;flex-wrap:wrap}}
.analysis-result{white-space:normal}.analysis-result h3{font-size:17px;font-weight:700;line-height:1.6;margin:22px 0 10px;color:#252a30}.analysis-result h3:first-child{margin-top:0}.analysis-result p{font-size:14px;color:#454b53;line-height:1.9;margin:10px 0}.analysis-result ul,.analysis-result ol{padding-left:23px;margin:10px 0 18px}.analysis-result li{font-size:14px;line-height:1.9;margin:7px 0;color:#454b53}.analysis-result strong{color:#24282e;font-weight:750}