html:has(.site-home),body:has(.site-home){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.site-home{--site-home-ease: cubic-bezier(.16, 1, .3, 1);width:100%;max-width:100vw;min-height:100svh;height:auto;overflow-x:hidden;overflow-y:visible;scroll-behavior:smooth;background:#fbfbf8;color:#101820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.site-home.site-home a{color:inherit;text-decoration:none}.site-home-nav{position:fixed;z-index:30;top:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(24px,4vw,52px);min-height:64px;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid rgba(16,24,32,.08);background:#fbfbf8c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-home-brand{display:inline-flex;align-items:center;gap:9px;width:fit-content;font-size:15px;font-weight:850;letter-spacing:0}.site-home-brand img{width:30px;height:30px;border-radius:8px;object-fit:contain}.site-home-links{display:inline-flex;align-items:center;justify-content:flex-start;gap:clamp(20px,2.6vw,34px);color:#101820a3;font-size:13px;font-weight:650}.site-home-links a{padding:22px 0;transition:color .18s ease}.site-home-links a:hover,.site-home-footer a:hover,.site-home-secondary:hover{color:#101820}.site-home-nav-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border:1px solid rgba(16,24,32,.12);border-radius:8px;background:#ffffffad;font-size:13px;font-weight:760;transition:border-color .18s ease,background .18s ease,transform .22s var(--site-home-ease)}.site-home-nav-cta:hover{border-color:#1018203d;background:#fff;transform:translateY(-1px)}.site-home section[id]{scroll-margin-top:76px}.site-home-hero{position:relative;min-height:92svh;display:grid;align-items:center;overflow:hidden;padding:96px clamp(20px,5vw,76px) 78px;background:linear-gradient(180deg,#fbfbf8,#f4f7f2)}.site-home-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(15,118,110,.08),transparent 32%),linear-gradient(180deg,#fbfbf8fa,#fbfbf8b3 58%,#fbfbf82e)}.site-home-hero-content{position:relative;z-index:2;width:min(900px,100%);margin:0 auto;padding-top:14px;text-align:center;animation:site-home-hero-copy-in .76s 90ms var(--site-home-ease) both}.site-home-hero-mark{width:clamp(58px,6vw,86px);height:clamp(58px,6vw,86px);display:block;margin:0 auto 20px;border-radius:22px;object-fit:contain;box-shadow:0 18px 54px #1018201f}.site-home-kicker{margin:0 0 16px;color:#0f766e;font-size:13px;font-weight:820;letter-spacing:.03em}.site-home-hero h1,.site-home-section h2,.site-home-final h2{margin:0;color:#0d1416;font-weight:860;letter-spacing:0}.site-home-hero h1{font-size:clamp(68px,8.8vw,118px);line-height:.9}.site-home-hero h1 span{display:block}.site-home-hero-content>p:not(.site-home-kicker){margin:18px auto 0;color:#101820d6;font-size:clamp(27px,3vw,45px);font-weight:830;line-height:1.08;text-wrap:balance}.site-home-hero-title span{display:inline}.site-home-hero-line{display:block;max-width:min(620px,calc(100vw - 40px));margin:14px auto 0;color:#1018209e;font-size:clamp(15px,1.15vw,18px);line-height:1.68}.site-home-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:24px}.site-home a.site-home-primary,.site-home a.site-home-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:14px;font-weight:790;transition:background .18s ease,color .18s ease,opacity .18s ease,transform .22s var(--site-home-ease)}.site-home a.site-home-primary svg,.site-home a.site-home-secondary svg{transition:transform .22s var(--site-home-ease)}.site-home a.site-home-primary{gap:8px;padding:0 18px;background:#101820;color:#fff}.site-home a.site-home-primary:hover{background:#20302d;color:#fff;transform:translateY(-1px)}.site-home a.site-home-primary:hover svg,.site-home a.site-home-secondary:hover svg{transform:translate(3px)}.site-home a.site-home-secondary{padding:0 12px;border:1px solid rgba(16,24,32,.08);background:#ffffffad;color:#101820a8}.site-home-product-stage{min-height:94svh;display:grid;align-items:center;padding:clamp(64px,8vw,104px) clamp(20px,5vw,76px);border-top:1px solid rgba(16,24,32,.08);background:linear-gradient(180deg,#eaf2ef,#fbfbf8 88%)}.site-home-product-window{width:min(1530px,100%);margin:0 auto;overflow:hidden;border:1px solid rgba(16,24,32,.12);border-radius:16px;background:#ffffffdb;box-shadow:0 42px 150px #10182033;animation:site-home-product-in .9s .12s var(--site-home-ease) both}.site-home-product-bar{min-height:52px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(16,24,32,.1);background:#ffffffb3}.site-home-product-bar span{width:10px;height:10px;border-radius:999px;background:#f97316}.site-home-product-bar span:nth-child(2){background:#facc15}.site-home-product-bar span:nth-child(3){background:#22c55e}.site-home-product-bar strong{margin-left:8px;color:#101820a3;font-size:13px;font-weight:760}.site-home-product-image{width:100%;display:block;object-fit:contain;object-position:top center}[data-home-reveal]{opacity:0;transform:translateY(28px);transition:opacity .68s ease,transform .76s var(--site-home-ease)}[data-home-reveal].is-visible{opacity:1;transform:translateY(0)}.site-home-principles article:nth-child(2){transition-delay:70ms}.site-home-principles article:nth-child(3){transition-delay:.14s}.site-home-statement{padding:clamp(42px,7vw,76px) clamp(20px,5vw,76px) clamp(78px,10vw,126px);border-top:1px solid rgba(16,24,32,.08);border-bottom:1px solid rgba(16,24,32,.08);background:#fff}.site-home-statement p{max-width:1040px;margin:0 auto;color:#101820;font-size:clamp(34px,5.5vw,76px);font-weight:850;line-height:1.08;letter-spacing:0;text-align:center}.site-home-platform{padding:clamp(76px,10vw,132px) clamp(20px,5vw,76px);border-bottom:1px solid rgba(16,24,32,.08);background:#fbfbf8}.site-home-platform-head{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:end;max-width:1320px;margin:0 auto clamp(34px,5vw,62px)}.site-home-platform-head h2{margin:0;color:#0d1416;font-size:clamp(34px,5vw,68px);font-weight:860;line-height:1.06;letter-spacing:0;text-wrap:balance}.site-home-platform-head p:not(.site-home-kicker){margin:0;color:#101820ad;font-size:clamp(16px,1.32vw,20px);line-height:1.82}.site-home-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;max-width:1320px;margin:0 auto;border:1px solid rgba(16,24,32,.1);border-radius:10px;background:#1018201a}.site-home-platform-grid article{min-height:360px;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;padding:clamp(24px,3vw,34px);background:#ffffffe0}.site-home-platform-grid article>div{display:flex;align-items:center;gap:10px;color:#0f766e;font-size:12px;font-weight:880}.site-home-platform-grid h3{margin:0;color:#101820;font-size:clamp(20px,1.8vw,28px);line-height:1.18}.site-home-platform-grid p{margin:0;color:#101820a8;font-size:14px;line-height:1.72}.site-home-platform-grid ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.site-home-platform-grid li{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(15,118,110,.14);border-radius:999px;background:#0f766e0d;color:#101820b3;font-size:12px;font-weight:720}.site-home-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,6vw,92px);align-items:center;padding:clamp(76px,10vw,136px) clamp(20px,5vw,76px)}.site-home-section-copy{max-width:560px}.site-home-section h2,.site-home-final h2{font-size:clamp(34px,5vw,68px);line-height:1.06}.site-home-section-copy>p:not(.site-home-kicker),.site-home-final>p:not(.site-home-kicker){margin:24px 0 0;color:#101820ad;font-size:clamp(16px,1.32vw,20px);line-height:1.82}.site-home-engine{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,92px);align-items:start;padding:clamp(76px,10vw,136px) clamp(20px,5vw,76px);background:#101820;color:#fff}.site-home-engine-copy{position:sticky;top:100px;max-width:620px}.site-home-engine .site-home-kicker{color:#8dd8cb}.site-home-engine-copy h2{margin:0;color:#fff;font-size:clamp(34px,5vw,68px);font-weight:860;line-height:1.06;letter-spacing:0;text-wrap:balance}.site-home-engine-title span{display:block}.site-home-engine-copy>p:not(.site-home-kicker){margin:24px 0 0;color:#ffffffad;font-size:clamp(16px,1.32vw,20px);line-height:1.82}.site-home-engine-board{display:grid;gap:16px}.site-home-engine-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff1f}.site-home-engine-switch button{appearance:none;border:0;display:grid;gap:7px;min-height:76px;padding:18px 20px;background:#162422;color:#ffffff9e;cursor:pointer;text-align:left;transition:background .22s ease,color .22s ease,transform .32s var(--site-home-ease)}.site-home-engine-switch button:hover{background:#1b2a28}.site-home-engine-switch button.active{background:#fbfbf8;color:#101820}.site-home-engine-switch button span{font-size:clamp(22px,2.8vw,34px);font-weight:880;line-height:1}.site-home-engine-switch button small{color:currentColor;font-size:12px;font-weight:780;opacity:.68}.site-home-engine-preview{display:grid;grid-template-columns:minmax(0,.92fr) minmax(280px,.58fr);gap:1px;overflow:hidden;min-height:410px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff1f}.site-home-engine-main{display:grid;align-content:end;padding:clamp(28px,4vw,48px);background:linear-gradient(145deg,#8dd8cb29,#ffffff08 46%,#ffffff0f),#162422}.site-home-engine-main>span{color:#8dd8cbeb;font-size:clamp(74px,9vw,128px);font-weight:900;line-height:.82;letter-spacing:0}.site-home-engine-main h3{margin:28px 0 0;color:#fff;font-size:clamp(28px,3.4vw,46px);line-height:1.06}.site-home-engine-main p{max-width:620px;margin:18px 0 0;color:#ffffffad;font-size:16px;line-height:1.78}.site-home-engine-main ul{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.site-home-engine-main li{min-height:32px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid rgba(141,216,203,.22);border-radius:999px;color:#ffffffc2;font-size:13px;font-weight:720}.site-home-engine-depth{display:grid;align-content:center;gap:26px;padding:clamp(26px,3.4vw,40px);background:#fbfbf8;color:#101820}.site-home-engine-depth div{display:grid;gap:11px}.site-home-engine-depth p{display:flex;justify-content:space-between;gap:14px;margin:0;color:#10182094;font-size:13px;font-weight:760}.site-home-engine-depth strong{color:#101820}.site-home-engine-depth i{position:relative;display:block;height:8px;overflow:hidden;border-radius:999px;background:#1018201a}.site-home-engine-depth i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--engine-depth);border-radius:inherit;background:#0f766e;transition:width .36s var(--site-home-ease)}.site-home-engine-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff1f}.site-home-engine-modes article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:26px;background:#ffffff0e}.site-home-engine-modes article>span{color:#8dd8cb;font-size:13px;font-weight:900}.site-home-engine-modes h3{margin:0;color:#fff;font-size:22px;line-height:1.16}.site-home-engine-modes strong{display:block;margin-top:8px;color:#ffffffbd;font-size:13px}.site-home-engine-modes p{margin:12px 0 0;color:#ffffff9e;font-size:15px;line-height:1.72}.site-home-demo{padding:clamp(68px,8vw,112px) clamp(20px,5vw,76px);background:#fbfbf8}.site-home-demo-head{max-width:780px;margin:0 auto clamp(36px,5vw,64px);text-align:center}.site-home-demo-head h2,.site-home-case-copy h2,.site-home-trust-copy h2,.site-home-flow-copy h2,.site-home-scenarios-head h2{margin:0;color:#0d1416;font-size:clamp(34px,5vw,68px);font-weight:860;line-height:1.06;letter-spacing:0;text-wrap:balance}.site-home-demo-title span{display:inline}.site-home-demo-head p:not(.site-home-kicker),.site-home-trust-copy p,.site-home-flow-copy p:not(.site-home-kicker),.site-home-scenarios-head p:not(.site-home-kicker){margin:22px auto 0;color:#101820ad;font-size:clamp(16px,1.32vw,20px);line-height:1.82}.site-home-flow-demo{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,92px);align-items:start;padding:clamp(76px,10vw,136px) clamp(20px,5vw,76px);border-bottom:1px solid rgba(16,24,32,.08);background:linear-gradient(180deg,#f4f7f3,#fbfbf8)}.site-home-flow-copy{position:sticky;top:100px;max-width:600px}.site-home-flow-demo>*,.site-home-trust>*,.site-home-scenarios>*{min-width:0}.site-home-flow-copy h2 span{display:block}.site-home-flow-copy p:not(.site-home-kicker){margin-left:0;margin-right:0;overflow-wrap:anywhere}.site-home-flow-panel{overflow:hidden;border:1px solid rgba(16,24,32,.12);border-radius:8px;background:#101820;color:#fff;box-shadow:0 32px 120px #10182029}.site-home-flow-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0b}.site-home-flow-panel-head span{color:#ffffffd1;font-size:13px;font-weight:820}.site-home-flow-panel-head strong{color:#8dd8cbeb;font-size:12px;font-weight:820}.site-home-flow-brief,.site-home-flow-goal,.site-home-flow-routes,.site-home-flow-output{padding:clamp(22px,3vw,32px)}.site-home-flow-brief,.site-home-flow-goal{background:#fbfbf8;color:#101820}.site-home-flow-brief{display:grid;gap:14px}.site-home-flow-brief>span{color:#0f766e;font-size:12px;font-weight:900;letter-spacing:.03em}.site-home-flow-brief p{max-width:760px;margin:0;color:#101820d6;font-size:clamp(19px,1.8vw,27px);font-weight:820;line-height:1.42}.site-home-flow-brief div{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:2px}.site-home-flow-brief strong{color:#0f766e;font-size:13px}.site-home-flow-brief small{color:#10182094;font-size:13px;font-weight:700;line-height:1.5}.site-home-flow-goal>span,.site-home-flow-routes>span,.site-home-flow-output>div span{display:block;margin-bottom:12px;color:#0f766e;font-size:12px;font-weight:900;letter-spacing:.03em}.site-home-flow-routes>span,.site-home-flow-output>div span{color:#8dd8cb}.site-home-flow-goal p{max-width:720px;margin:0;color:#101820d1;font-size:clamp(18px,1.7vw,24px);font-weight:820;line-height:1.36;overflow-wrap:anywhere}.site-home-flow-routes{border-top:1px solid rgba(255,255,255,.1)}.site-home-flow-options{display:grid;gap:10px}.site-home-flow-options button{appearance:none;width:100%;display:grid;grid-template-columns:minmax(88px,.3fr) minmax(90px,.35fr) minmax(0,1fr);gap:16px;align-items:start;min-height:74px;padding:17px 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:#ffffffad;cursor:pointer;text-align:left;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .26s var(--site-home-ease)}.site-home-flow-options button:hover{border-color:#8dd8cb52;background:#ffffff12}.site-home-flow-options button.active{border-color:#8dd8cb8a;background:#8dd8cb1f;color:#fff;transform:translateY(-1px)}.site-home-flow-options strong{color:inherit;font-size:17px;line-height:1.25}.site-home-flow-options button>span{color:#8dd8cbe6;font-size:13px;font-weight:780;line-height:1.45}.site-home-flow-options p{margin:0;color:#ffffff9e;font-size:14px;line-height:1.62;overflow-wrap:anywhere}.site-home-flow-output{display:grid;gap:16px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#8dd8cb1f,#ffffff09 52%),#162422}.site-home-flow-output>div{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px}.site-home-flow-output>div span{margin:0}.site-home-flow-output>div strong{color:#ffffffe0;font-size:13px}.site-home-flow-output ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.site-home-flow-output li{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(141,216,203,.22);border-radius:999px;color:#ffffffb8;font-size:12px;font-weight:760}.site-home-flow-output p{margin:0;color:#ffffffc7;font-size:clamp(16px,1.35vw,19px);line-height:1.9;overflow-wrap:anywhere}.site-home-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-home-demo-shot{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid rgba(16,24,32,.1);border-radius:8px;background:#fff;box-shadow:0 18px 60px #1018200f}.site-home-demo-shot img{width:100%;height:clamp(210px,21vw,300px);min-height:0;display:block;object-fit:cover;object-position:top center;background:radial-gradient(circle at 50% 0%,rgba(15,118,110,.08),transparent 36%),#eef1ec;transition:filter .32s ease}.site-home-demo-shot.is-mobile-shot{background:linear-gradient(135deg,#10182014,#0f766e14),#f4f6f1}.site-home-demo-shot.is-mobile-shot img{width:100%;height:clamp(280px,28vw,390px);padding:18px 0 0;object-fit:contain;background:transparent}.site-home-demo-shot>div{display:grid;align-content:start;gap:9px;padding:22px;background:#ffffffeb}.site-home-demo-shot h3{margin:0;color:#101820;font-size:21px;line-height:1.18}.site-home-demo-shot p{margin:0;color:#101820a3;font-size:15px;line-height:1.72}.site-home-demo-shot:hover img{filter:saturate(1.04) contrast(1.02)}.site-home-principles{display:grid;gap:1px;border:1px solid rgba(16,24,32,.1);border-radius:8px;overflow:hidden;background:#10182014}.site-home-principles article{min-height:156px;display:grid;align-content:center;gap:11px;padding:28px;background:#fff;transition-property:opacity,transform,background}.site-home-principles article:hover{background:#fbfcfa;transform:translateY(-2px)}.site-home-principles svg{color:#0f766e}.site-home-principles h3{margin:0;color:#101820;font-size:21px;line-height:1.25}.site-home-principles p{max-width:430px;margin:0;color:#1018209e;font-size:15px;line-height:1.72}.site-home-case{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,92px);align-items:start;padding:clamp(76px,10vw,136px) clamp(20px,5vw,76px);border-top:1px solid rgba(16,24,32,.08);background:#fff}.site-home-case-copy{position:sticky;top:100px}.site-home-case-flow{display:grid;gap:1px;overflow:hidden;border:1px solid rgba(16,24,32,.1);border-radius:8px;background:#10182014}.site-home-case-flow article{display:grid;gap:12px;padding:30px;background:#fbfbf8}.site-home-case-flow span{color:#0f766e;font-size:13px;font-weight:850}.site-home-case-flow h3{margin:0;color:#101820;font-size:25px;line-height:1.2}.site-home-case-flow p{max-width:560px;margin:0;color:#101820a3;font-size:16px;line-height:1.78}.site-home-memory{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);background:#101820}.site-home-memory .site-home-kicker,.site-home-memory-product{color:#8dd8cb}.site-home-memory h2{color:#fff}.site-home-memory .site-home-section-copy>p:not(.site-home-kicker){color:#ffffffad}.site-home-memory-product{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:radial-gradient(circle at 60% 0%,rgba(141,216,203,.16),transparent 34%),linear-gradient(135deg,#ffffff14,#ffffff08),#162422;box-shadow:0 32px 110px #00000047;transition:border-color .24s ease,transform .52s var(--site-home-ease)}.site-home-memory-product:hover{border-color:#ffffff2e;transform:translateY(-3px)}.site-home-memory-product img{width:100%;min-height:420px;display:block;object-fit:cover;object-position:54% center}.site-home-trust{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,92px);align-items:start;padding:clamp(76px,10vw,136px) clamp(20px,5vw,76px);background:#fff}.site-home-trust-copy{position:sticky;top:100px;max-width:560px}.site-home-trust-copy p{margin-left:0;margin-right:0}.site-home-trust-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}.site-home-text-link{display:inline-flex;align-items:center;min-height:44px;color:#101820a8;font-size:14px;font-weight:790;transition:color .18s ease,transform .22s var(--site-home-ease)}.site-home-text-link:hover{color:#101820;transform:translateY(-1px)}.site-home-trust-stack{display:grid;gap:14px}.site-home-credit-panel{display:grid;gap:20px;padding:clamp(26px,3.4vw,38px);overflow:hidden;border-radius:8px;background:linear-gradient(140deg,#8dd8cb24,#ffffff0d 54%),#101820;color:#fff}.site-home-credit-panel span{color:#8dd8cb;font-size:13px;font-weight:900}.site-home-credit-panel p{max-width:640px;margin:0;color:#ffffffc2;font-size:clamp(18px,2vw,28px);font-weight:780;line-height:1.48}.site-home-billing-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff1a}.site-home-billing-flow article{display:grid;align-content:start;gap:7px;min-height:112px;padding:18px;background:#ffffff0e}.site-home-billing-flow strong{color:#fff;font-size:15px;line-height:1.25}.site-home-billing-flow small{color:#ffffff9e;font-size:12px;line-height:1.62}.site-home-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(16,24,32,.1);border-radius:8px;background:#10182014}.site-home-trust-grid article{display:grid;align-content:start;gap:10px;min-height:172px;padding:25px 26px;background:#fbfbf8}.site-home-trust-grid span{color:#0f766e;font-size:12px;font-weight:900}.site-home-trust-grid h3{margin:0;color:#101820;font-size:21px;line-height:1.18}.site-home-trust-grid p{margin:0;color:#1018209e;font-size:15px;line-height:1.72}.site-home-faq{display:grid;gap:1px;overflow:hidden;border:1px solid rgba(16,24,32,.1);border-radius:8px;background:#10182014}.site-home-faq article{display:grid;gap:10px;padding:25px 28px;background:#fbfbf8}.site-home-faq h3{margin:0;color:#101820;font-size:19px;line-height:1.25}.site-home-faq p{margin:0;color:#101820a3;font-size:15px;line-height:1.75}.site-home-scenarios{padding:clamp(76px,10vw,136px) clamp(20px,5vw,76px);border-top:1px solid rgba(16,24,32,.08);background:#fbfbf8}.site-home-scenarios-head{max-width:840px;margin-bottom:clamp(32px,5vw,60px)}.site-home-scenarios-head p:not(.site-home-kicker){margin-left:0;margin-right:0}.site-home-scenario-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(16,24,32,.1);border-radius:8px;background:#10182014}.site-home-scenario-track article{min-height:300px;display:grid;align-content:space-between;gap:22px;padding:clamp(24px,3vw,36px);background:#fff;border-right:1px solid rgba(16,24,32,.08)}.site-home-scenario-track article:last-child{border-right:0}.site-home-scenario-track span{color:#0f766e;font-size:12px;font-weight:900}.site-home-scenario-track h3{align-self:end;margin:auto 0 0;color:#101820;font-size:clamp(22px,2.3vw,34px);line-height:1.12}.site-home-scenario-track p{margin:0;color:#1018209e;font-size:15px;line-height:1.76}.site-home-final{display:grid;justify-items:center;padding:clamp(88px,12vw,148px) 20px;text-align:center;background:linear-gradient(180deg,#fbfbf8,#f0f5f2)}.site-home-final h2{max-width:780px}.site-home-final .site-home-primary{margin-top:32px}.site-home-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;min-height:76px;padding:20px;border-top:1px solid rgba(16,24,32,.08);color:#10182094;font-size:13px}.site-home-footer span{color:#101820;font-weight:800}@media(max-width:860px){.site-notes-nav{min-height:58px;padding:0 20px}.site-notes-hero{width:min(100% - 36px,980px);min-height:72svh;padding:88px 0 52px}.site-notes-hero h1{font-size:clamp(38px,13vw,56px)}.site-notes-section{width:min(100% - 36px,980px);padding:58px 0}.site-notes-section-head,.site-notes-articles article,.site-notes-method-grid{grid-template-columns:1fr}.site-notes-section-head{gap:0;margin-bottom:26px}.site-notes-articles article{gap:10px;padding:24px 0}.site-notes-method-grid article{min-height:150px}.site-notes-footer{width:min(100% - 36px,980px)}.site-home-nav{grid-template-columns:1fr auto;min-height:58px;padding:0 20px}.site-home-links{display:none}.site-home-nav-cta{height:34px;padding:0 12px;font-size:12px}.site-home-hero{min-height:88svh;padding:82px 20px 58px}.site-home-hero-shade{z-index:1;background:linear-gradient(180deg,#fbfbf8fc,#fbfbf8f0 62%,#fbfbf8d6)}.site-home-hero-mark{width:58px;height:58px;margin-bottom:16px;border-radius:16px}.site-home-hero-content{order:1;width:100%;max-width:100%;padding-top:0}.site-home-hero h1{font-size:clamp(58px,16vw,74px)}.site-home-hero-content>p:not(.site-home-kicker){font-size:clamp(25px,7.4vw,34px);line-height:1.12}.site-home-hero-title span{display:block}.site-home-hero-line{width:min(100%,334px);margin-top:12px;font-size:14px;line-height:1.65}.site-home-actions{align-items:stretch;margin-top:20px}.site-home-product-stage{min-height:88svh;padding:36px 20px 58px}.site-home-product-window{width:min(342px,100%);border-radius:22px}.site-home-product-bar{min-height:42px;padding:0 14px}.site-home-product-bar strong{font-size:12px}.site-home-product-image{aspect-ratio:330 / 474;object-fit:cover;object-position:top center}.site-home-primary,.site-home-secondary{width:100%}.site-home-statement{padding:54px 20px 72px}.site-home-section,.site-home-platform,.site-home-memory,.site-home-engine,.site-home-flow-demo,.site-home-case,.site-home-trust{grid-template-columns:1fr;padding:72px 20px}.site-home-platform-head,.site-home-platform-grid{grid-template-columns:1fr}.site-home-platform-head{gap:18px;margin-bottom:28px}.site-home-platform-head h2{max-width:360px;font-size:clamp(31px,8.2vw,38px)}.site-home-platform-grid article{min-height:0;padding:24px}.site-home-engine-copy,.site-home-flow-copy,.site-home-trust-copy{position:static}.site-home-engine-copy h2{max-width:340px;font-size:clamp(31px,8.2vw,38px)}.site-home-engine-switch{grid-template-columns:1fr}.site-home-engine-switch button{min-height:62px}.site-home-engine-preview,.site-home-engine-modes{grid-template-columns:1fr}.site-home-engine-preview{min-height:0}.site-home-engine-main{min-height:330px;padding:28px 24px}.site-home-engine-main>span{font-size:clamp(68px,20vw,92px)}.site-home-engine-depth{padding:24px}.site-home-engine-modes article{padding:24px}.site-home-demo{padding:72px 20px}.site-home-demo-grid{grid-template-columns:1fr}.site-home-demo-head h2,.site-home-case-copy h2,.site-home-trust-copy h2,.site-home-flow-copy h2,.site-home-scenarios-head h2{font-size:clamp(30px,8vw,38px)}.site-home-flow-options button{grid-template-columns:1fr;gap:8px;transform:none}.site-home-flow-options button.active{transform:none}.site-home-flow-output>div{align-items:start}.site-home-flow-brief div{align-items:flex-start}.site-home-demo-title span{display:block}.site-home-demo-shot{grid-template-columns:none}.site-home-demo-shot img{height:240px;min-height:0;object-fit:cover;object-position:top center}.site-home-demo-shot.is-mobile-shot{grid-template-columns:none}.site-home-demo-shot.is-mobile-shot img{height:360px;padding:18px 0 0}.site-home-demo-shot>div{padding:22px}.site-home-case-copy{position:static}.site-home-memory-product{order:2}.site-home-memory .site-home-section-copy{order:1}.site-home-memory-product img{min-height:280px;object-fit:contain;background:#fbfbf8}.site-home-trust-actions{align-items:stretch}.site-home-trust-actions .site-home-text-link{justify-content:center;width:100%}.site-home-trust-grid,.site-home-scenario-track,.site-home-billing-flow{grid-template-columns:1fr}.site-home-trust-grid article,.site-home-scenario-track article,.site-home-billing-flow article{min-height:0}.site-home-scenario-track article{border-right:0;border-bottom:1px solid rgba(16,24,32,.08)}.site-home-scenario-track article:last-child{border-bottom:0}}@keyframes site-home-hero-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes site-home-product-in{0%{opacity:0;transform:translateY(168px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.site-home *,.site-home *:before,.site-home *:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}[data-home-reveal]{opacity:1;transform:none}.site-home-product-window{animation:none}}.cmp-modal__portal{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px}.cmp-modal__mask{position:fixed;inset:0;background:#1018208c;animation:cmp-modal-fade-in .3s ease-out both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmp-modal{position:relative;z-index:1;width:100%;max-width:380px;max-height:85vh;animation:cmp-modal-lift-in .45s cubic-bezier(.22,1,.36,1) both;display:flex;flex-direction:column}.cmp-modal__frame{position:relative;display:flex;flex-direction:column}.cmp-modal__frame--cloud{clip-path:path("M 40,10 
C 80,0 140,0 180,10 C 220,0 280,0 320,10 C 360,20 370,60 370,120 C 370,320 370,420 360,480 C 350,530 330,545 310,550 C 280,555 100,555 70,550 C 50,545 30,530 20,480 C 10,420 10,320 10,120 C 10,60 20,20 40,10 Z");
} .cmp-modal__frame--flow {clip-path: path("M 30,10 
C 80,0 300,0 350,10 C 370,20 380,60 380,120 C 380,320 380,420 370,480 C 360,530 340,550 320,555 C 280,560 100,560 60,555 C 40,550 20,530 10,480 C 0,420 0,320 0,120 C 0,60 10,20 30,10 Z");
} .cmp-modal__frame--page-curl {clip-path: path("M 0,0 
L 380,0 L 380,400 C 380,480 360,540 320,550 C 280,555 200,555 190,555 C 180,555 100,555 60,550 C 20,540 0,480 0,400 Z");
} .cmp-modal__frame::before {content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg,#0F766E,#D97706,#0F766E); animation: cmp-modal-border-shift 4s ease-in-out infinite;} .cmp-modal__frame--cloud::before {clip-path: path("M 40,10 
C 80,0 140,0 180,10 C 220,0 280,0 320,10 C 360,20 370,60 370,120 C 370,320 370,420 360,480 C 350,530 330,545 310,550 C 280,555 100,555 70,550 C 50,545 30,530 20,480 C 10,420 10,320 10,120 C 10,60 20,20 40,10 Z");
} .cmp-modal__frame--flow::before {clip-path: path("M 30,10 
C 80,0 300,0 350,10 C 370,20 380,60 380,120 C 380,320 380,420 370,480 C 360,530 340,550 320,555 C 280,560 100,560 60,555 C 40,550 20,530 10,480 C 0,420 0,320 0,120 C 0,60 10,20 30,10 Z");
} .cmp-modal__frame--page-curl::before {clip-path: path("M 0,0 
L 380,0 L 380,400 C 380,480 360,540 320,550 C 280,555 200,555 190,555 C 180,555 100,555 60,550 C 20,540 0,480 0,400 Z");
} .cmp-modal__bg {position: relative; z-index: 1; background: linear-gradient(165deg,#F6F8F4 0%,#FFFFFF 40%,#F0F5F2 100%); display: flex; flex-direction: column; min-height: 300px;} .cmp-modal__bg::before {content: ""; position: absolute; top: -20px; right: -20px; width: 160px; height: 160px; background: radial-gradient(circle,rgba(15,118,110,.06) 0%,transparent 70%); pointer-events: none;} .cmp-modal__bg::after {content: ""; position: absolute; bottom: -30px; left: -30px; width: 200px; height: 200px; background: radial-gradient(circle,rgba(217,119,6,.05) 0%,transparent 70%); pointer-events: none;} .cmp-modal__close {position: absolute; top: 14px; right: 14px; z-index: 10; width: 32px; height: 32px; border: none; border-radius: 50%; background: rgba(255,255,255,.85); color: #5F6F6A; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s; box-shadow: 0 1px 4px rgba(16,24,32,.08);} .cmp-modal__close:hover {background: #fff; color: #0A1B20; transform: scale(1.05);} .cmp-modal__close:focus-visible {outline: 2px solid #0F766E; outline-offset: 2px;} .cmp-modal__image-wrap {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #ECF4EF; position: relative;} .cmp-modal__image-wrap::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top,rgba(16,24,32,.25),transparent); pointer-events: none;} .cmp-modal__image {width: 100%; height: 100%; object-fit: cover; display: block;} .cmp-modal__body {padding: 24px 28px 28px; overflow-y: auto; flex: 1;} .cmp-modal__title {margin: 0 0 6px; font-size: 20px; font-weight: 700; line-height: 1.35; color: #0A1B20; animation: cmp-modal-stagger-in .35s .1s ease-out both;} .cmp-modal__subtitle {margin: 0 0 14px; font-size: 14px; color: #5F6F6A; line-height: 1.5; animation: cmp-modal-stagger-in .35s .16s ease-out both;} .cmp-modal__content {margin: 0 0 20px; font-size: 14px; color: #101820; line-height: 1.7; white-space: pre-wrap; animation: cmp-modal-stagger-in .35s .22s ease-out both;} .cmp-modal__reward {display: flex; align-items: center; gap: 10px; padding: 12px 16px; margin-bottom: 20px; background: linear-gradient(135deg,#FFFBEB,#FEF3C7); border: 1px solid #FDE68A; border-radius: 10px; font-size: 14px; color: #92400E; animation: cmp-modal-stagger-in .35s .28s ease-out both;} .cmp-modal__reward strong {font-weight: 700; font-size: 16px; color: #78350F;} .cmp-modal__actions {display: flex; flex-direction: column; gap: 10px; animation: cmp-modal-stagger-in .35s .34s ease-out both;} .cmp-modal__btn {width: 100%; height: 46px; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all .2s; display: flex; align-items: center; justify-content: center; gap: 8px;} .cmp-modal__btn:focus-visible {outline: 2px solid #0F766E; outline-offset: 2px;} .cmp-modal__btn--primary {background: #0F766E; color: #fff; box-shadow: 0 2px 8px rgba(15,118,110,.25);} .cmp-modal__btn--primary:hover {background: #115E59; box-shadow: 0 4px 14px rgba(15,118,110,.35); transform: translateY(-1px);} .cmp-modal__btn--primary:active {transform: translateY(0);} .cmp-modal__btn--ghost {background: transparent; color: #5F6F6A; height: 38px; font-weight: 500;} .cmp-modal__btn--ghost:hover {color: #0A1B20; background: #F6F8F4;} .cmp-modal__countdown {text-align: center; padding: 14px 0 0; font-size: 12px; color: #9CA3AF; display: flex; align-items: center; justify-content: center; gap: 6px; animation: cmp-modal-stagger-in .35s .4s ease-out both;} .cmp-modal__indicators {display: flex; justify-content: center; gap: 8px; padding: 0 28px 20px; animation: cmp-modal-stagger-in .35s .4s ease-out both;} .cmp-modal__dot {width: 6px; height: 6px; border-radius: 50%; background: #D1D5DB; border: none; padding: 0; cursor: pointer; transition: all .3s;} .cmp-modal__dot--active {width: 22px; border-radius: 3px; background: #0F766E;} .cmp-modal__dot:hover {background: #9CA3AF;} .cmp-modal__dot--active:hover {background: #0F766E;} @keyframes cmp-modal-fade-in {from {opacity: 0;} to {opacity: 1;}} @keyframes cmp-modal-lift-in {0% {opacity: 0; transform: translateY(20px) scale(.97);} 100% {opacity: 1; transform: translateY(0) scale(1);}} @keyframes cmp-modal-stagger-in {from {opacity: 0; transform: translateY(8px);} to {opacity: 1; transform: translateY(0);}} @keyframes cmp-modal-border-shift {0%,100% {filter: brightness(1);} 50% {filter: brightness(1.15);}} @media (max-width: 480px) {.cmp-modal {max-width: 94%;} .cmp-modal__body {padding: 20px 24px 24px;} .cmp-modal__title {font-size: 18px;} .cmp-modal__btn {height: 44px; font-size: 14px;}} .cmp-page {min-height: 100vh; background: #f8f9fa; display: flex; flex-direction: column;} .cmp-page__loading,.cmp-page__empty {min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; color: #999;} .cmp-page__header {position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #f0f0f0;} .cmp-page__back {width: 36px; height: 36px; border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #333; border-radius: 8px;} .cmp-page__back:hover {background: #f5f5f5;} .cmp-page__nav-title {margin: 0; font-size: 17px; font-weight: 600; color: #1a1a1a;} .cmp-page__banner {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #f0f0f0;} .cmp-page__banner img {width: 100%; height: 100%; object-fit: cover; display: block;} .cmp-page__body {padding: 20px 16px 32px; flex: 1;} .cmp-page__title {margin: 0 0 4px; font-size: 22px; font-weight: 700; color: #1a1a1a; line-height: 1.3;} .cmp-page__subtitle {margin: 0 0 16px; font-size: 15px; color: #666; line-height: 1.5;} .cmp-page__countdown {display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; margin-bottom: 16px; background: #fff7e6; border: 1px solid #ffd666; border-radius: 8px; font-size: 13px; color: #d48806;} .cmp-page__content {margin-bottom: 24px; font-size: 15px; color: #333; line-height: 1.8; white-space: pre-wrap;} .cmp-page__reward-section {display: flex; flex-direction: column; gap: 16px;} .cmp-page__reward-card {display: flex; align-items: center; gap: 14px; padding: 16px; background: linear-gradient(135deg,#fff7e6,#fffbe6); border: 1px solid #ffd666; border-radius: 12px; color: #d48806;} .cmp-page__reward-amount {font-size: 20px; font-weight: 700;} .cmp-page__reward-label {font-size: 13px; color: #999;} .cmp-page__claim-btn {height: 48px; font-size: 16px; border-radius: 12px;} .cmp-page__status-tag {display: inline-flex; padding: 6px 16px; border-radius: 20px; font-size: 14px; font-weight: 500;} .cmp-page__status-tag--ended {background: #f5f5f5; color: #999;} .cmp-page__status-tag--draft {background: #e6f4ff; color: #1677ff;} @media (max-width: 480px) {.cmp-page__body {padding: 16px 14px 24px;} .cmp-page__title {font-size: 20px;}} .workspace-loading {min-height: 100vh; display: grid; place-items: center; align-content: center; gap: 12px; background: var(--xzm-shell, #fff8ef);} .xzm-view-suspense-fallback {min-height: 60vh; display: grid; place-items: center;} .xzm-workspace-shell {min-height: 100vh; display: grid; grid-template-columns: var(--xzm-left-width, 280px) 7px minmax(0,1fr) 7px var(--xzm-right-width, 300px); background: var(--xzm-shell, #fff8ef); color: var(--xzm-text, #241207);} .xzm-workspace-shell.left-collapsed {grid-template-columns: 76px 0 minmax(0,1fr) 7px var(--xzm-right-width, 300px);} .xzm-workspace-shell.right-collapsed {grid-template-columns: var(--xzm-left-width, 280px) 7px minmax(0,1fr) 0 0;} .xzm-workspace-shell.market-mode,.xzm-workspace-shell.market-mode.right-collapsed,.xzm-workspace-shell.no-project-mode,.xzm-workspace-shell.no-project-mode.right-collapsed {grid-template-columns: var(--xzm-left-width, 280px) 7px minmax(0,1fr) 0 0;} .xzm-workspace-shell.market-mode.left-collapsed,.xzm-workspace-shell.market-mode.left-collapsed.right-collapsed,.xzm-workspace-shell.no-project-mode.left-collapsed,.xzm-workspace-shell.no-project-mode.left-collapsed.right-collapsed {grid-template-columns: 76px 0 minmax(0,1fr) 0 0;} .xzm-workspace-shell.left-collapsed.right-collapsed {grid-template-columns: 76px 0 minmax(0,1fr) 0 0;} .xzm-workspace-shell.focus-mode,.xzm-workspace-shell.focus-mode.left-collapsed,.xzm-workspace-shell.focus-mode.right-collapsed,.xzm-workspace-shell.focus-mode.left-collapsed.right-collapsed {grid-template-columns: 0 0 minmax(0,1fr) 0 0;} .xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed {grid-template-columns: 0 0 minmax(0,1fr) 0 0;} .xzm-sidebar {grid-column: 1; height: 100vh; position: sticky; top: 0; display: flex; flex-direction: column; gap: 14px; padding: 10px 12px 16px; background: radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--xzm-primary, #e07040) 13%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--xzm-sidebar-from, #3b2419) 88%,var(--xzm-sidebar-to, #16110d)) 0%,transparent 34%),linear-gradient(180deg,var(--xzm-sidebar-from, #3b2419) 0%,var(--xzm-sidebar-to, #16110d) 100%); color: var(--xzm-sidebar-text, #fff8ef); overflow: hidden;} .xzm-panel-resizer {position: relative; z-index: 4; height: 100vh; background: transparent; cursor: col-resize; touch-action: none;} .xzm-panel-resizer.left {grid-column: 2;} .xzm-panel-resizer.right {grid-column: 4; width: 24px; justify-self: start; margin-left: -17px; margin-right: 0;} .xzm-panel-resizer.right::before {inset: 0 7px 0 15px;} .xzm-panel-resizer::before {content: ""; position: absolute; inset: 0 3px; background: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 54%,transparent); opacity: .5; transition: background .16s ease,box-shadow .16s ease,opacity .16s ease;} .xzm-panel-resizer:hover::before,.xzm-panel-resizer.active::before,.xzm-workspace-shell.resizing-left .xzm-panel-resizer.left::before,.xzm-workspace-shell.resizing-right .xzm-panel-resizer.right::before {background: var(--xzm-primary, #e07040); box-shadow: 0 0 0 2px color-mix(in srgb,var(--xzm-primary, #e07040) 18%,transparent); opacity: 1;} .xzm-panel-resizer.left {margin-left: -3px; margin-right: -4px;} .xzm-resizing-panels,.xzm-resizing-panels * {cursor: col-resize !important; user-select: none !important;} .xzm-create-project {width: 100%; flex: 0 0 auto; min-width: 0;} .xzm-create-project.ant-btn {height: 34px; min-height: 34px; justify-content: flex-start; padding: 0 9px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: rgba(255,250,243,.82); box-shadow: none; font-size: 13px; font-weight: 730;} .xzm-create-project.ant-btn:not(:disabled):hover {border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.08); color: #fff; transform: none;} .xzm-sidebar-primary-group {flex: 0 0 auto; display: grid; gap: 6px;} .xzm-sidebar-chrome {min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 8px;} .xzm-sidebar-chrome.compact {grid-template-columns: minmax(0,1fr); justify-items: center; gap: 7px;} .xzm-sidebar-action-stack {min-width: 0; display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px;} .xzm-sidebar-chrome.compact .xzm-sidebar-action-stack {display: grid; justify-items: center; gap: 6px;} .xzm-sidebar-icon-action.ant-btn {width: 32px; min-width: 32px; height: 32px; padding: 0; border-radius: 9px; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.07); color: color-mix(in srgb,var(--xzm-sidebar-text, #fff8ef) 82%,transparent); box-shadow: none;} .xzm-sidebar-icon-action.ant-btn:not(:disabled):hover {border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.13); color: var(--xzm-sidebar-active-text, #fff);} .xzm-sidebar-chapter-action.ant-btn {width: auto; min-width: 58px; padding: 0 9px; gap: 5px; background: color-mix(in srgb,var(--xzm-danger, #ef4444) 13%,transparent); border-color: color-mix(in srgb,var(--xzm-danger, #ef4444) 18%,rgba(255,255,255,.12)); color: color-mix(in srgb,var(--xzm-sidebar-active-text, #fff) 88%,var(--xzm-danger, #ef4444));} .xzm-sidebar-chapter-action.ant-btn:not(:disabled):hover {background: color-mix(in srgb,var(--xzm-danger, #ef4444) 22%,transparent); border-color: color-mix(in srgb,var(--xzm-danger, #ef4444) 36%,rgba(255,255,255,.18)); color: var(--xzm-sidebar-active-text, #fff);} .xzm-sidebar-chapter-action.ant-btn .ant-btn-icon {margin-inline-end: 0;} .xzm-sidebar-chapter-action-label {font-size: 12px; font-weight: 850; line-height: 1; letter-spacing: 0;} .xzm-sidebar-chrome.compact .xzm-sidebar-chapter-action.ant-btn {width: 32px; min-width: 32px; padding: 0;} .xzm-sidebar-chrome.compact .xzm-sidebar-chapter-action-label {display: none;} .xzm-history-controls.in-sidebar {height: 32px; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.07);} .xzm-sidebar-chrome.compact .xzm-history-controls.in-sidebar {display: grid; height: auto; padding: 2px;} .xzm-history-controls.in-sidebar .xzm-history-button.ant-btn {color: color-mix(in srgb,var(--xzm-sidebar-text, #fff8ef) 78%,transparent);} .xzm-history-controls.in-sidebar .xzm-history-button.ant-btn:not(:disabled):hover {background: rgba(255,255,255,.12); color: var(--xzm-sidebar-active-text, #fff);} .xzm-sidebar-create-row {display: grid; grid-template-columns: 34px minmax(0,1fr) 34px; align-items: stretch; gap: 7px;} .xzm-sidebar-chrome + .xzm-sidebar-create-row,.xzm-workspace-mode-dock + .xzm-sidebar-create-row {grid-template-columns: minmax(0,1fr) 34px; gap: 6px;} .xzm-sidebar-create-row.compact {grid-template-columns: minmax(0,1fr); justify-items: center;} .xzm-sidebar-create-row.compact .xzm-create-project.ant-btn,.xzm-sidebar-create-row.compact .xzm-side-import-icon {width: 34px; min-width: 34px; justify-content: center; padding: 0;} .xzm-sidebar-chrome + .xzm-sidebar-create-row .xzm-side-import-icon,.xzm-workspace-mode-dock + .xzm-sidebar-create-row .xzm-side-import-icon {width: 100%; padding: 0;} .xzm-sidebar-chrome + .xzm-sidebar-create-row .xzm-side-import-icon span,.xzm-workspace-mode-dock + .xzm-sidebar-create-row .xzm-side-import-icon span {display: none;} .xzm-sidebar-chrome + .xzm-sidebar-create-row.compact .xzm-side-import-icon span,.xzm-workspace-mode-dock + .xzm-sidebar-create-row.compact .xzm-side-import-icon span {display: none;} .xzm-sidebar-chrome + .xzm-sidebar-create-row.compact .xzm-side-import-icon,.xzm-workspace-mode-dock + .xzm-sidebar-create-row.compact .xzm-side-import-icon {width: 34px; min-width: 34px; padding: 0;} .xzm-sidebar-brand-link {width: 34px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.045); color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86)); text-decoration: none; transition: background .16s ease,border-color .16s ease,transform .16s ease;} .xzm-sidebar-brand-link:hover {border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.12); transform: translateY(-1px);} .xzm-sidebar-brand-link img {width: 26px; height: 26px; object-fit: cover; border-radius: 7px; display: block;} .xzm-side-import-icon {width: 34px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.07); color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86)); cursor: pointer; font-size: 13px; font-weight: 850; transition: background .16s ease,color .16s ease,border-color .16s ease;} .xzm-side-import-icon span {display: none;} .xzm-side-import-icon:hover {border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.12); color: var(--xzm-sidebar-active-text, #fff);} .xzm-sidebar-scroll {min-height: 0; flex: 1 1 auto; display: grid; align-content: start; gap: 14px; overflow: auto; padding-right: 2px; scrollbar-width: none;} .xzm-sidebar-scroll::-webkit-scrollbar {display: none;} .xzm-side-section {display: grid; gap: 8px;} .xzm-side-section-head {width: 100%; min-height: 28px; display: flex; align-items: center; gap: 6px; padding: 2px 4px; border: 0; background: transparent; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)); font: inherit; font-size: 12px; font-weight: 900; text-align: left; cursor: pointer;} .xzm-side-section-head:hover {color: var(--xzm-sidebar-active-text, #fff);} .xzm-side-label {padding: 0 4px; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)); font-size: 12px; font-weight: 800;} .xzm-side-label.muted {margin-top: 4px; font-size: 11px; opacity: .78;} .xzm-project-list,.xzm-chapter-index {display: grid; gap: 6px;} .xzm-project-chapters {display: grid; gap: 6px; padding: 4px 0 4px 16px; border-left: 1px solid color-mix(in srgb,var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)) 20%,transparent); margin: 0 0 6px 4px;} .xzm-project-chapters .xzm-side-label.chapter-label {margin-top: 0; font-size: 11px; font-weight: 800; opacity: .6; padding: 0 4px;} .xzm-chapter-list-toggle {width: 100%; min-height: 28px; display: flex; align-items: center; gap: 6px; padding: 2px 4px; border: 0; border-radius: 6px; background: transparent; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)); font: inherit; font-size: 12px; font-weight: 900; text-align: left; cursor: pointer;} .xzm-chapter-list-toggle:hover {color: var(--xzm-sidebar-active-text, #fff);} .xzm-project-row {display: flex; align-items: center; gap: 4px; padding: 0 4px; border-radius: 8px; overflow: hidden;} .xzm-project-item,.xzm-chapter-link,.xzm-side-footer button {width: 100%; border: 0; border-radius: 8px; text-align: left; color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86)); background: transparent; cursor: pointer;} .xzm-project-item {display: grid; gap: 3px; padding: 10px; align-items: center;} .xzm-project-list-empty {display: grid; gap: 4px; padding: 10px; border-radius: 8px; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .58));} .xzm-project-list-empty span {overflow: hidden; color: var(--xzm-sidebar-text, rgba(255, 248, 239, .78)); font-weight: 800; text-overflow: ellipsis; white-space: nowrap;} .xzm-project-list-empty small {color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)); font-size: 12px; line-height: 1.45;} .xzm-project-row .xzm-project-item {flex: 1; min-width: 0;} .xzm-project-row-actions {display: flex; align-items: center; gap: 2px; opacity: 0; transition: opacity .15s ease;} .xzm-project-row:hover .xzm-project-row-actions,.xzm-project-row:focus-within .xzm-project-row-actions,.xzm-project-row-actions:has(.pinned) {opacity: 1;} .xzm-project-row-action {width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 7px; background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 56%,transparent); color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)); cursor: pointer; transition: background .15s ease,color .15s ease;} .xzm-project-row.archive-pending .xzm-project-row-action {display: none;} .xzm-project-row-action:hover {background: color-mix(in srgb,#ef4444 24%,transparent); color: #fff;} .xzm-project-row-action.pinned {opacity: 1; background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 56%,transparent); color: var(--xzm-sidebar-active-text, #fff);} .xzm-project-row.active .xzm-project-row-action.pinned {background: color-mix(in srgb,var(--xzm-sidebar-active-text, #fff) 20%,transparent); color: var(--xzm-sidebar-active-text, #fff);} .xzm-project-row-action.pinned:hover {background: color-mix(in srgb,#ef4444 24%,transparent); color: #fff;} .xzm-project-row.archive-pending {position: relative; min-height: 120px;} .xzm-project-row.archive-pending .xzm-project-item,.xzm-project-row.archive-pending .xzm-project-row-actions {visibility: hidden; height: 0; overflow: hidden; padding: 0; margin: 0;} .xzm-project-archive-confirm {position: absolute; inset: 0; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 8px; align-content: start; padding: 10px; border: 1px solid color-mix(in srgb,#ef4444 28%,transparent); border-radius: 8px; background: color-mix(in srgb,#ef4444 12%,rgba(255,255,255,.04)); color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86));} .xzm-project-archive-confirm-icon {width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb,#ef4444 16%,transparent); color: color-mix(in srgb,#fff 84%,#ef4444);} .xzm-project-archive-confirm-copy {min-width: 0; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)); font-size: 11px; line-height: 1.45;} .xzm-project-archive-confirm-actions {grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 6px;} .xzm-project-archive-confirm button {min-width: 0; height: 28px; padding: 0 9px; border: 1px solid color-mix(in srgb,var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)) 36%,transparent); border-radius: 7px; font-size: 12px; font-weight: 800; background: transparent; color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86)); cursor: pointer;} .xzm-project-archive-confirm button.danger {border-color: #ef4444; color: #ef4444;} .xzm-project-item span,.xzm-chapter-link span {overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap;} .xzm-project-item small,.xzm-chapter-link small,.xzm-side-empty {overflow: hidden; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)); text-overflow: ellipsis; white-space: nowrap;} .xzm-project-row.active,.xzm-project-row:hover {background: var(--xzm-sidebar-active, rgba(245, 158, 11, .16)); border-radius: 8px;} .xzm-project-row.active .xzm-project-item,.xzm-project-row.active .xzm-project-row-action,.xzm-project-row:hover .xzm-project-item,.xzm-project-row:hover .xzm-project-row-action,.xzm-chapter-link.active,.xzm-chapter-link:hover,.xzm-side-footer button.active,.xzm-side-footer button:hover {color: var(--xzm-sidebar-active-text, #fff);} .xzm-project-row.switching {background: color-mix(in srgb,var(--xzm-primary, #e07040) 18%,transparent);} .xzm-project-row.switching .xzm-project-item small {color: var(--xzm-sidebar-active-text, #fff);} .xzm-chapter-link {display: grid; gap: 4px; padding: 8px 10px; border-radius: 8px;} .xzm-chapter-link span {display: flex; align-items: center; gap: 8px; min-width: 0;} .xzm-chapter-link span i {margin-left: auto; padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 78%,transparent); color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .68)); font-size: 11px; font-style: normal; font-weight: 800; white-space: nowrap;} .xzm-chapter-link.active,.xzm-chapter-link.progress.active {background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 64%,transparent);} .xzm-chapter-link.active span,.xzm-chapter-link.progress.active span {color: var(--xzm-sidebar-active-text, #fff);} .xzm-chapter-link.progress:not(.active) {background: transparent;} .xzm-chapter-link.progress:not(.active) span {color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86));} .xzm-chapter-link.progress.active span i {background: color-mix(in srgb,var(--xzm-primary, #e07040) 36%,transparent); color: var(--xzm-sidebar-active-text, #fff);} .xzm-chapter-link.active span i,.xzm-chapter-link:hover span i {color: var(--xzm-sidebar-active-text, #fff);} .xzm-chapter-directory-entry {width: 100%; min-height: 38px; margin-top: 4px; padding: 8px 10px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; border: 1px solid color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 40%,transparent); color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86)); cursor: pointer; text-align: left;} .xzm-chapter-expand-toggle {width: 100%; min-height: 32px; padding: 6px 10px; display: flex; align-items: center; gap: 6px; border: 0; border-radius: 6px; background: transparent; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; text-align: left; transition: color .15s;} .xzm-chapter-expand-toggle:hover {color: var(--xzm-sidebar-active-text, #fff); background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 40%,transparent);} .xzm-chapter-directory-entry span {overflow: hidden; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap;} .xzm-chapter-directory-entry b {min-width: 26px; padding: 2px 6px; border-radius: 999px; background: rgba(255,255,255,.12); color: var(--xzm-sidebar-active-text, #fff); font-size: 12px; text-align: center;} .xzm-chapter-directory-entry:hover {background: var(--xzm-sidebar-active, rgba(245, 158, 11, .16)); color: var(--xzm-sidebar-active-text, #fff);} .xzm-chapter-directory-entry.subtle {background: transparent; color: color-mix(in srgb,var(--xzm-sidebar-text, rgba(255, 248, 239, .86)) 78%,transparent);} .xzm-side-import-empty,.xzm-side-chapter-actions {display: grid; gap: 8px;} .xzm-side-import-empty small {padding: 0 4px; color: var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)); font-size: 12px; line-height: 1.45;} .xzm-side-import-empty > button {min-height: 38px; padding: 8px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-sidebar-active, rgba(245, 158, 11, .16)) 24%,transparent); color: var(--xzm-sidebar-text, rgba(255, 248, 239, .86)); cursor: pointer; font-size: 13px; font-weight: 800;} .xzm-side-import-empty > button:hover {background: var(--xzm-sidebar-active, rgba(245, 158, 11, .16)); color: var(--xzm-sidebar-active-text, #fff);} .xzm-side-footer {margin-top: auto; flex: 0 0 auto; display: grid; gap: 6px;} .xzm-side-footer button {min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 9px 10px;} .xzm-side-footer .xzm-sidebar-account-button {min-height: 44px; grid-template-columns: auto minmax(0,1fr); gap: 10px; padding: 7px 9px;} .xzm-sidebar-account-copy {min-width: 0; display: grid; gap: 1px; text-align: left;} .xzm-sidebar-account-copy b,.xzm-sidebar-account-copy small {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-sidebar-account-copy b {color: currentColor; font-size: 13px; font-weight: 840; line-height: 1.1;} .xzm-sidebar-account-copy small {color: color-mix(in srgb,var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)) 86%,transparent); font-size: 11px; font-weight: 680; line-height: 1.1;} .xzm-sidebar-settings-dropdown {z-index: 1050; touch-action: none;} .xzm-sidebar-settings-dropdown .ant-dropdown-menu {min-width: 230px; padding: 7px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,transparent); box-shadow: 0 18px 48px color-mix(in srgb,#0f172a 18%,transparent); backdrop-filter: blur(18px);} .xzm-sidebar-settings-dropdown .ant-dropdown-menu-item,.xzm-sidebar-settings-dropdown .ant-dropdown-menu-submenu-title {min-height: 34px; border-radius: 8px; font-weight: 800;} .xzm-sidebar-settings-dropdown .ant-dropdown-menu-item-disabled {cursor: default; opacity: 1;} .left-collapsed .xzm-side-footer button {justify-content: center; padding: 9px;} .left-collapsed .xzm-side-footer .xzm-sidebar-account-button {padding: 7px;} .xzm-main {grid-column: 3; position: relative; min-width: 0; height: 100vh; display: flex; flex-direction: column; overflow: hidden;} .xzm-main > .xzm-page-entered {min-height: 0; flex: 1; display: flex; flex-direction: column;} .focus-mode .xzm-main {grid-column: 1 / -1;} .xzm-main.settings-open {grid-column: 1 / -1; background: var(--xzm-shell, #fff8ef);} .xzm-project-switching {position: absolute; top: 74px; left: 50%; z-index: 8; display: inline-flex; align-items: center; gap: 8px; max-width: min(460px,calc(100% - 32px)); padding: 8px 12px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .18)); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,transparent); box-shadow: var(--xzm-shadow, 0 10px 24px rgba(15, 23, 42, .08)); color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 800; transform: translateX(-50%); backdrop-filter: blur(14px); animation: xzmSwitchIn .16s ease both;} .xzm-project-switching span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-topbar {min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 14px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 56%,transparent); background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent); box-shadow: none; backdrop-filter: blur(20px);} .xzm-topbar-primary,.xzm-topbar-actions {min-width: 0; display: inline-flex; align-items: center; gap: 8px;} .xzm-topbar-primary {flex: 1 1 auto;} .xzm-topbar-title {min-width: 0; display: grid; align-content: center; gap: 1px; justify-content: start;} .xzm-workspace-mode-switch {flex: 0 0 auto; min-width: 0; display: inline-grid; grid-template-columns: repeat(2,minmax(0,104px)); gap: 3px; padding: 3px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 10px; background: color-mix(in srgb,var(--xzm-text, #241207) 4%,transparent);} .xzm-workspace-mode-switch button {min-width: 0; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #55706e) 84%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 820; letter-spacing: 0; cursor: pointer; transition: background .16s ease,color .16s ease,box-shadow .16s ease;} .xzm-workspace-mode-switch button svg {width: 15px; height: 15px; flex: 0 0 auto;} .xzm-workspace-mode-switch button.active {background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); color: var(--xzm-text, #241207); box-shadow: 0 1px 2px color-mix(in srgb,var(--xzm-text, #241207) 8%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 68%,transparent);} .xzm-workspace-mode-switch button:disabled {cursor: not-allowed; opacity: .58;} .xzm-topbar-actions {flex: 0 0 auto;} .xzm-topbar-chapter-tools {min-width: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; opacity: .72; transition: opacity .16s ease;} .xzm-topbar-chapter-tools:hover,.xzm-topbar-chapter-tools:focus-within {opacity: 1;} .xzm-topbar-chapter-actions {flex: 0 0 auto; display: inline-flex; align-items: center; gap: 2px;} .xzm-topbar-tool-button.ant-btn {width: 32px; min-width: 32px; height: 32px; padding: 0; border-radius: 9px; border-color: transparent; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 52%,var(--xzm-muted, #55706e)); font-size: 12px; font-weight: 850; box-shadow: none;} .xzm-topbar-tool-button.ant-btn .ant-btn-icon {margin-inline-end: 0;} .xzm-topbar-tool-button.ant-btn:not(:disabled):hover {border-color: transparent; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,transparent); color: var(--xzm-text, #241207);} .focus-mode .xzm-topbar {min-height: 48px; padding: 6px 12px; background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 88%,transparent);} .focus-mode .xzm-topbar-title h3.ant-typography {margin: 0; font-size: 16px; line-height: 1.15;} .focus-mode .xzm-topbar-title .panel-eyebrow {font-size: 11px;} .focus-mode .xzm-topbar-chapter-tools {gap: 2px;} .xzm-desktop-focus-context-button.ant-btn {display: inline-flex;} .xzm-topbar .xzm-desktop-only.ant-btn {width: 32px; min-width: 32px; height: 32px; padding: 0; border-radius: 9px; border-color: transparent; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #55706e)); box-shadow: none;} .xzm-topbar .xzm-desktop-only.ant-btn:not(:disabled):hover {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent); color: var(--xzm-text, #241207);} .xzm-mobile-safe-area {display: none;} .xzm-history-controls {display: inline-flex; align-items: center; gap: 2px; height: 32px; padding: 2px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); border-radius: 9px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent); box-shadow: none;} .xzm-history-button.ant-btn {width: 27px; height: 27px; min-width: 27px; padding: 0; border-radius: 7px; color: var(--xzm-muted, #7a6558);} .xzm-history-button.ant-btn:not(:disabled):hover {color: var(--xzm-text, #1f2933); background: color-mix(in srgb,var(--xzm-accent, #f97316) 11%,transparent);} .xzm-topbar h3.ant-typography,.xzm-candidate-card h4.ant-typography,.xzm-context h3.ant-typography,.xzm-decision-card h4.ant-typography,.xzm-artifact-panel h4.ant-typography {margin: 0;} .xzm-topbar h3.ant-typography {font-size: 18px; line-height: 1.08; letter-spacing: 0;} .panel-eyebrow {color: var(--xzm-accent, #f97316); font-size: 11px; line-height: 1.1; font-weight: 900;} .xzm-topbar .panel-eyebrow {font-size: 10px; line-height: 1.1; color: color-mix(in srgb,var(--xzm-muted, #55706e) 72%,transparent);} .xzm-work-surface {min-height: 0; flex: 1; padding: 10px 20px 96px;} .xzm-main.settings-open .xzm-work-surface,.xzm-settings-work-surface {padding: 0;} .xzm-center-stack {max-width: 1100px; margin: 0 auto; display: grid; gap: 12px;} .xzm-process-stream {min-width: 0; display: grid; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 72%,transparent);} .xzm-process-summary {width: 100%; min-width: 0; min-height: 38px; display: grid; grid-template-columns: auto auto minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,var(--xzm-text, #241207)); font-size: 13px; font-weight: 760; cursor: pointer; text-align: left;} .xzm-process-summary:hover {color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558));} .xzm-process-summary-main {min-width: max-content; display: inline-flex; align-items: center; gap: 8px; color: color-mix(in srgb,var(--xzm-text, #241207) 74%,var(--xzm-muted, #7a6558));} .xzm-process-summary-main i {width: 7px; height: 7px; flex: 0 0 auto; border-radius: 999px; background: color-mix(in srgb,var(--xzm-muted, #7a6558) 54%,transparent);} .xzm-process-stream.active .xzm-process-summary-main i {background: var(--xzm-primary, #e07040); box-shadow: 0 0 0 4px color-mix(in srgb,var(--xzm-primary, #e07040) 10%,transparent); animation: xzmPulse 1.35s ease-in-out infinite;} .xzm-process-stream.failed .xzm-process-summary-main i {background: #ef4444; box-shadow: 0 0 0 4px color-mix(in srgb,#ef4444 10%,transparent);} .xzm-process-summary-main b {color: inherit; font-variant-numeric: tabular-nums; font-size: 13px; font-weight: 780; white-space: nowrap;} .xzm-process-stage,.xzm-process-live-metric {min-width: 0; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 62%,transparent); font-size: 12px; font-weight: 720; white-space: nowrap;} .xzm-process-stage {padding-left: 2px;} .xzm-process-live-metric {justify-self: end; font-variant-numeric: tabular-nums;} .xzm-process-summary em {flex: 1 1 auto; min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 62%,transparent); font-size: 12px; font-style: normal; font-weight: 680; text-overflow: ellipsis; white-space: nowrap;} .xzm-process-summary svg {width: 15px; height: 15px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 62%,transparent);} .xzm-process-stream.completed .xzm-process-summary {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,var(--xzm-text, #241207));} .xzm-process-stream.completed .xzm-process-summary-main i {background: color-mix(in srgb,var(--xzm-muted, #7a6558) 38%,transparent);} .xzm-process-stream-body {display: grid; gap: 9px; max-width: 740px; padding: 4px 0 16px 15px; border-left: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 72%,transparent); margin-left: 3px;} .xzm-process-stream-body.peek {gap: 6px; padding-top: 0; padding-bottom: 12px;} .xzm-process-note-line {display: grid; gap: 2px; min-width: 0;} .xzm-process-note-line span {color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-muted, #7a6558)); font-size: 13px; font-weight: 780; line-height: 1.35;} .xzm-process-note-line em {overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 74%,transparent); font-size: 12px; font-style: normal; line-height: 1.45; text-overflow: ellipsis;} .xzm-process-cancel.ant-btn {justify-self: start; height: 28px; padding: 0; border-radius: 999px; color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 850;} .xzm-process-line-list {display: grid; gap: 7px;} .xzm-process-line {min-width: 0; display: flex; align-items: flex-start; gap: 8px; color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.55;} .xzm-process-stream.completed .xzm-process-line {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 84%,var(--xzm-text, #241207));} .xzm-process-line i {width: 6px; height: 6px; flex: 0 0 auto; margin-top: 7px; border: 0; border-radius: 999px; background: color-mix(in srgb,var(--xzm-muted, #7a6558) 36%,transparent);} .xzm-process-line i.active {background: var(--xzm-primary, #e07040); box-shadow: 0 0 0 3px color-mix(in srgb,var(--xzm-primary, #e07040) 9%,transparent);} .xzm-process-line span {min-width: 0;} .xzm-process-note {padding-left: 24px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 78%,transparent); font-size: 12px; line-height: 1.5;} .xzm-side-card-selection-hint {max-width: 720px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; align-items: start; padding: 2px 0 14px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 52%,transparent);} .xzm-side-card-selection-hint .panel-eyebrow {padding-top: 3px;} .xzm-side-card-selection-hint div {min-width: 0; display: grid; gap: 4px;} .xzm-side-card-selection-hint b {color: color-mix(in srgb,var(--xzm-text, #241207) 88%,transparent); font-size: 15px; font-weight: 820; line-height: 1.35;} .xzm-side-card-selection-hint span {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,transparent); font-size: 13px; line-height: 1.55;} .xzm-composer-question-canvas-hint {max-width: 640px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; padding: 4px 0 12px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 48%,transparent);} .xzm-composer-question-canvas-hint b {color: color-mix(in srgb,var(--xzm-text, #241207) 84%,var(--xzm-muted, #70584d)); font-size: 14px; font-weight: 800; line-height: 1.35;} .xzm-composer-question-canvas-hint span {color: color-mix(in srgb,var(--xzm-muted, #70584d) 80%,transparent); font-size: 12px; line-height: 1.45;} .xzm-world-building-panel {width: 100%; max-width: 920px; margin: 0 auto; display: grid; gap: 14px; padding: 2px 0 30px;} .xzm-world-building-head {display: block; padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 52%,transparent);} .xzm-world-building-head > div:first-child {display: grid; grid-template-columns: auto minmax(0,1fr); grid-template-areas: "eyebrow title" ". copy"; align-items: baseline; gap: 3px 9px;} .xzm-world-building-head .panel-eyebrow {grid-area: eyebrow; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 76%,transparent);} .xzm-world-building-head h3.ant-typography {grid-area: title; margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 86%,var(--xzm-muted, #7a6558)); font-size: 19px; line-height: 1.24; font-weight: 780; letter-spacing: 0;} .xzm-world-building-head > div:first-child > span:not(.panel-eyebrow) {grid-area: copy; max-width: 64ch; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,transparent); font-size: 13px; line-height: 1.5;} .xzm-world-building-agent-empty {min-height: clamp(300px,42vh,500px); display: grid; place-items: center; padding: clamp(34px,7vh,74px) 16px;} .xzm-world-building-agent-empty-inner {min-width: 0; display: grid; justify-items: center; gap: 16px; text-align: center;} .xzm-world-building-agent-empty .xzm-agent-avatar.large { --xzm-agent-shadow: color-mix(in srgb, var(--xzm-text, #0f172a) 10%, transparent); width: 78px; height: 74px; } .xzm-world-building-agent-empty .xzm-agent-avatar.large .xzm-agent-orb {width: 58px; height: 58px; border-width: 3px; box-shadow: 0 14px 30px var(--xzm-agent-shadow); animation: xzmAgentIdleBreathe 5.2s ease-in-out infinite;} .xzm-world-building-agent-empty .xzm-agent-avatar.large .xzm-agent-face-mark { --xzm-agent-face-y: -6.8px; --xzm-agent-face-scale: 1; width: 23px; height: 13.5px; animation: xzmAgentIdleLook 7.4s ease-in-out infinite; } .xzm-world-building-agent-empty .xzm-agent-avatar.large .xzm-agent-eye {top: .35px; width: 6px; height: 9.4px; animation: xzmAgentBlink 5.8s ease-in-out infinite;} .xzm-world-building-agent-empty .xzm-agent-avatar.large .xzm-agent-eye.left {left: 2.9px;} .xzm-world-building-agent-empty .xzm-agent-avatar.large .xzm-agent-eye.right {right: 2.9px;} .xzm-world-building-agent-copy {min-width: 0; display: grid; justify-items: center; gap: 7px;} .xzm-world-building-agent-copy .panel-eyebrow {color: color-mix(in srgb,var(--xzm-primary, #e07040) 72%,var(--xzm-muted, #7a6558)); font-size: 12px; font-weight: 780;} .xzm-world-building-agent-copy h3.ant-typography {margin: 0; color: var(--xzm-text, #241207); font-size: clamp(22px,3vw,30px); line-height: 1.18; font-weight: 850; letter-spacing: 0;} .xzm-world-building-agent-copy p {max-width: 38ch; margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 58%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.62; overflow-wrap: anywhere;} .xzm-world-building-agent-steps {min-width: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; padding-top: 4px;} .xzm-world-building-agent-steps span {display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 58%,transparent); color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 720; line-height: 1;} .xzm-world-building-synopsis {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 14px; padding: 14px 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-world-building-synopsis > div {min-width: 0; display: grid; gap: 5px;} .xzm-world-building-synopsis .panel-eyebrow {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-world-building-synopsis b {color: var(--xzm-text, #241207); font-size: 16px; line-height: 1.45; font-weight: 800; overflow-wrap: anywhere;} .xzm-world-building-synopsis p {max-width: 78ch; margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere;} .xzm-world-building-synopsis small {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,transparent); font-size: 12px; line-height: 1.5;} .xzm-world-building-synopsis .ant-btn {padding-inline: 0;} .xzm-world-building-flow {display: grid; gap: 12px;} .xzm-world-building-section {min-width: 0; display: grid; gap: 12px; padding: 0;} .xzm-world-building-list {display: grid; gap: 8px;} .xzm-setup-package-grid {display: grid; grid-template-columns: minmax(0,1fr); gap: 10px;} .xzm-setup-package-card {min-width: 0; display: block; overflow: hidden; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 86%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); box-shadow: none; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease;} .xzm-setup-package-card.ant-card > .ant-card-body {padding: 0;} .xzm-setup-package-card:hover {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 26%,var(--xzm-border, rgba(148, 163, 184, .18))); background: color-mix(in srgb,var(--xzm-panel, #fff) 98%,var(--xzm-primary, #127c6b) 2%); box-shadow: 0 10px 26px color-mix(in srgb,#4b5563 7%,transparent);} .xzm-setup-package-card.adopted {border-color: color-mix(in srgb,#22c55e 24%,var(--xzm-border, rgba(148, 163, 184, .18))); background: color-mix(in srgb,#ecfdf5 38%,var(--xzm-panel, #fff));} .xzm-setup-package-card.selected {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 42%,var(--xzm-border, rgba(148, 163, 184, .18))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff)); box-shadow: 0 12px 28px color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,transparent);} .xzm-setup-package-card-button {width: 100%; min-width: 0; display: grid; gap: 10px; padding: 15px 16px; border: 0; background: transparent; color: inherit; cursor: pointer; text-align: left;} .xzm-setup-package-card-button:disabled {cursor: wait; opacity: .72;} .xzm-setup-package-skeleton-card.ant-card > .ant-card-body {display: grid; gap: 10px; padding: 15px 16px;} .xzm-setup-package-skeleton-head {display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px;} .xzm-card-skeleton-line,.xzm-card-skeleton-block,.xzm-card-skeleton-chip-row i,.xzm-card-skeleton-dot {position: relative; overflow: hidden; display: block; border-radius: 999px; background: color-mix(in srgb,var(--xzm-border-strong, rgba(148, 163, 184, .28)) 48%,transparent);} .xzm-card-skeleton-line::after,.xzm-card-skeleton-block::after,.xzm-card-skeleton-chip-row i::after,.xzm-card-skeleton-dot::after {content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent),transparent); animation: xzmSkeletonSweep 1.6s ease-in-out infinite;} .xzm-card-skeleton-line {width: 100%; height: 12px;} .xzm-card-skeleton-line.title {width: 58%; height: 18px;} .xzm-card-skeleton-line.wide {width: 92%;} .xzm-card-skeleton-line.mid {width: 72%;} .xzm-card-skeleton-dot {width: 16px; height: 16px;} .xzm-card-skeleton-chip-row {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-card-skeleton-chip-row i {width: 76px; height: 23px;} .xzm-card-skeleton-block {height: 38px; border-radius: 8px;} .xzm-setup-package-card-top {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px;} .xzm-setup-package-card-top b {min-width: 0; color: var(--xzm-text, #241207); font-size: 17px; line-height: 1.32; font-weight: 860; overflow-wrap: anywhere;} .xzm-setup-package-card-top svg {width: 16px; height: 16px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 76%,transparent);} .xzm-setup-package-card-top span {min-height: 24px; display: inline-flex; align-items: center; padding: 0 8px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,transparent); color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,var(--xzm-text, #241207)); font-size: 11px; line-height: 1; font-weight: 850; white-space: nowrap;} .xzm-setup-package-card.selected .xzm-setup-package-card-top span {background: var(--xzm-primary, #127c6b); color: #fff;} .xzm-setup-package-card-logline {min-height: 0; margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 88%,var(--xzm-muted, #7a6558)); display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.62; font-weight: 650; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-setup-package-card-contents b {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,transparent); font-size: 11px; font-weight: 820;} .xzm-setup-package-card-contents {min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .xzm-setup-package-card-contents > span {min-width: 0; display: grid; gap: 7px;} .xzm-setup-package-card-contents em {min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; font-style: normal;} .xzm-setup-package-card-contents i {max-width: 100%; min-height: 23px; display: inline-flex; align-items: center; padding: 0 7px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 4%,transparent); color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,var(--xzm-text, #241207)); font-size: 11px; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-setup-package-card-start {margin: 0; display: -webkit-box; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,transparent); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-setup-package-card-start.muted {color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #7a6558));} .xzm-route-skeleton-section {min-width: 0;} .xzm-route-skeleton-grid {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; align-items: stretch;} .xzm-route-skeleton-card,.xzm-route-preview-card {min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 86%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); box-shadow: none; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;} .xzm-route-skeleton-card.ant-card > .ant-card-body,.xzm-route-preview-card.ant-card > .ant-card-body {display: grid; align-content: start; min-height: 148px; gap: 10px; padding: 15px 16px;} .xzm-route-skeleton-card-head {display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 12px;} .xzm-route-skeleton-card-head span {width: 30px; height: 30px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 54%,var(--xzm-muted, #70584d)); font-size: 13px; font-weight: 900;} .xzm-route-skeleton-card.ready {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 22%,var(--xzm-border, rgba(148, 163, 184, .18)));} .xzm-route-preview-card {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 20%,var(--xzm-border, rgba(148, 163, 184, .18)));} .xzm-route-preview-card:hover {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 30%,var(--xzm-border, rgba(148, 163, 184, .18))); background: color-mix(in srgb,var(--xzm-panel, #fff) 98%,var(--xzm-primary, #127c6b) 2%); box-shadow: 0 10px 26px color-mix(in srgb,#4b5563 7%,transparent); transform: translateY(-1px);} .xzm-route-preview-card-head {min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 10px;} .xzm-route-preview-card-head > span {min-width: 28px; width: auto; height: 24px; display: grid; place-items: center; padding: 0 9px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900; line-height: 1;} .xzm-route-preview-card-head > div {min-width: 0; display: grid; gap: 6px;} .xzm-route-preview-card b {min-width: 0; color: var(--xzm-text, #241207); font-size: 17px; line-height: 1.35; font-weight: 900; overflow-wrap: anywhere;} .xzm-route-preview-card p {display: -webkit-box; margin: 0; overflow: hidden; color: var(--xzm-muted, #70584d); font-size: 13px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .xzm-world-building-empty-state,.xzm-world-building-adopted-package {min-width: 0; display: grid; gap: 6px; padding: 10px 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 44%,transparent);} .xzm-world-building-empty-state {grid-template-columns: minmax(0,1fr);} .xzm-world-building-empty-state > div,.xzm-world-building-adopted-package {min-width: 0;} .xzm-world-building-empty-state b,.xzm-world-building-adopted-package b {color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.38; font-weight: 800;} .xzm-world-building-empty-state span,.xzm-world-building-adopted-package span,.xzm-world-building-adopted-package p {margin: 0; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 86%,transparent); font-size: 12px; line-height: 1.58;} .xzm-world-building-generating,.xzm-route-generating-hero {min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 14px; padding: 14px 15px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 82%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent);} .xzm-world-building-generating > div:last-child,.xzm-route-generating-hero > div:last-child {min-width: 0; display: grid; gap: 4px;} .xzm-world-building-generating b,.xzm-route-generating-hero b {color: var(--xzm-text, #241207); font-size: 16px; font-weight: 840; line-height: 1.35; overflow-wrap: anywhere;} .xzm-world-building-generating span,.xzm-route-generating-hero span {max-width: 68ch; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 82%,transparent); font-size: 13px; line-height: 1.6;} .xzm-generating-orbit {position: relative; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent);} .xzm-generating-orbit.compact {width: 40px; height: 40px;} .xzm-generating-orbit::before {content: ""; position: absolute; inset: 9px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 26%,transparent); border-radius: inherit;} .xzm-generating-orbit i {position: absolute; width: 7px; height: 7px; border-radius: 999px; background: var(--xzm-primary, #127c6b); box-shadow: 0 0 0 4px color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent); animation: xzmOrbitPulse 1.35s ease-in-out infinite;} .xzm-generating-orbit i:nth-child(1) {transform: translateY(-13px);} .xzm-generating-orbit i:nth-child(2) {transform: rotate(120deg) translateY(-13px); animation-delay: .16s;} .xzm-generating-orbit i:nth-child(3) {transform: rotate(240deg) translateY(-13px); animation-delay: .32s;} .xzm-world-building-adopted-package {gap: 4px;} .xzm-setup-package-detail {display: grid; gap: 18px;} .xzm-setup-package-drawer-title {min-width: 0; display: inline-flex; align-items: center; gap: 10px;} .xzm-setup-package-drawer-title > span {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-setup-package-detail section {display: grid; gap: 10px;} .xzm-setup-package-detail h4.ant-typography {margin: 0; color: var(--xzm-text, #241207); font-size: 22px;} .xzm-setup-package-detail p {margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558)); font-size: 14px; line-height: 1.65;} .xzm-setup-package-detail em {color: var(--xzm-muted, #7a6558); font-size: 13px; font-style: normal;} .xzm-setup-package-detail-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 10px;} .xzm-setup-package-detail-grid span {display: grid; gap: 5px; padding: 10px 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.55;} .xzm-setup-package-detail-grid b {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-opening-plan-detail {display: grid; gap: 9px; padding: 12px 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-opening-plan-detail small,.xzm-opening-plan-detail-notes {color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.55;} .xzm-opening-plan-detail-grid {display: grid; gap: 9px;} .xzm-opening-plan-detail-grid article {display: grid; gap: 7px; padding: 11px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,transparent);} .xzm-opening-plan-detail-grid article > b {color: var(--xzm-text, #241207); font-size: 13px;} .xzm-opening-plan-detail-grid article span {display: grid; gap: 2px; color: color-mix(in srgb,var(--xzm-text, #241207) 74%,var(--xzm-muted, #7a6558)); font-size: 12px; line-height: 1.5;} .xzm-opening-plan-detail-grid article em {color: var(--xzm-muted, #7a6558); font-size: 11px;} .xzm-opening-plan-detail-notes {display: grid; gap: 4px;} .xzm-setup-package-pick-list {display: grid; gap: 8px;} .xzm-setup-package-pick {display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 10px; padding: 11px 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent);} .xzm-setup-package-pick.readonly {grid-template-columns: minmax(0,1fr);} .xzm-setup-package-pick span {min-width: 0; display: grid; gap: 3px;} .xzm-setup-package-pick b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35;} .xzm-setup-package-pick small {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-setup-package-pick p {margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.55;} .xzm-setup-package-edit {display: grid; gap: 20px;} .xzm-setup-package-edit section {display: grid; gap: 12px;} .xzm-setup-package-edit-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .xzm-setup-package-edit-grid label,.xzm-setup-package-edit-card {min-width: 0; display: grid; gap: 7px;} .xzm-setup-package-edit-grid label > span {color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 760;} .xzm-setup-package-edit-wide,.xzm-opening-plan-edit-card {grid-column: 1 / -1;} .xzm-opening-plan-edit-card {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 74%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 97%,transparent);} .xzm-opening-plan-edit-card > b {grid-column: 1 / -1; color: var(--xzm-text, #241207); font-size: 13px;} .xzm-setup-package-edit-section-head {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .xzm-setup-package-edit-list {display: grid; gap: 10px;} .xzm-setup-package-edit-card {padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 78%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,transparent);} .xzm-setup-package-edit-card-head,.xzm-setup-package-edit-two {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center;} .xzm-setup-package-edit-two {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-book-core-empty {min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border: 1px dashed color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 92%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent); color: var(--xzm-muted, #7a6558); font-size: 13px;} @media (max-width: 760px) {.xzm-world-building-head,.xzm-world-building-synopsis,.xzm-book-core-empty {align-items: stretch; flex-direction: column;} .xzm-world-building-empty-state {grid-template-columns: minmax(0,1fr);} .xzm-setup-package-grid,.xzm-setup-package-detail-grid {grid-template-columns: 1fr;} .xzm-setup-package-card {box-shadow: none;} .xzm-setup-package-card-button {padding: 15px;} .xzm-setup-package-card-top {grid-template-columns: minmax(0,1fr) auto;} .xzm-setup-package-card-contents {grid-template-columns: minmax(0,1fr);} .xzm-agent-status-main {grid-template-columns: auto minmax(0,1fr) auto;} .xzm-agent-status-copy em,.xzm-agent-status-bar strong {display: none;}} .xzm-process-stream-body.peek .xzm-process-note {padding-left: 14px;} .xzm-start-prompt {min-height: 0; display: grid; place-items: start; padding: 4px 0 12px; text-align: left;} .xzm-start-prompt-inner {max-width: 640px; display: grid; justify-items: start; gap: 5px;} .xzm-start-prompt .panel-eyebrow {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 76%,var(--xzm-primary, #e07040)); font-size: 12px;} .xzm-start-prompt h2.ant-typography {max-width: 620px; margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 86%,var(--xzm-muted, #7a6558)); font-size: 20px; font-weight: 780; line-height: 1.24; letter-spacing: 0;} .xzm-start-prompt p.ant-typography {max-width: 500px; margin: 0; color: var(--xzm-muted, #7a6558); font-size: 13px; line-height: 1.55;} .xzm-setting-seed-panel {min-width: 0; display: grid; gap: 16px; padding: 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 88%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-setting-seed-panel.needs-seeds {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 88%,transparent);} .xzm-setting-seed-panel.onboarding {box-shadow: 0 16px 42px color-mix(in srgb,var(--xzm-text, #241207) 7%,transparent);} .xzm-setting-seed-head {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; align-items: start;} .xzm-setting-seed-head > div {min-width: 0; display: grid; gap: 4px;} .xzm-setting-seed-head h4.ant-typography,.xzm-setting-seed-head .ant-typography {margin: 0;} .xzm-setting-seed-head h4.ant-typography {color: var(--xzm-text, #241207); font-size: 22px; line-height: 1.2; font-weight: 780; letter-spacing: 0;} .xzm-setting-seed-head .ant-typography {color: var(--xzm-muted, #7a6558); max-width: 680px; font-size: 14px; line-height: 1.7;} .xzm-setting-seed-commandbar {justify-content: flex-start;} .xzm-setting-seed-commandbar .ant-input {width: min(420px,52vw);} .xzm-setting-seed-start {min-width: 0; display: grid; gap: 12px; padding: 4px 0 2px;} .xzm-setting-seed-start-input {min-width: 0; display: grid; grid-template-columns: minmax(220px,1fr) auto auto; gap: 10px; align-items: center; max-width: 820px;} .xzm-setting-seed-start-input .ant-input {min-height: 42px;} .xzm-setting-seed-start-notes {min-width: 0; display: flex; flex-wrap: wrap; gap: 8px;} .xzm-setting-seed-start-notes span {padding: 5px 8px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 74%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 52%,transparent); color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 760;} .xzm-setting-seed-skip-link {justify-self: start; padding: 0; border: 0; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 90%,var(--xzm-text, #241207)); font: inherit; font-size: 13px; font-weight: 760; cursor: pointer;} .xzm-setting-seed-skip-link:hover,.xzm-setting-seed-skip-link:focus-visible {color: var(--xzm-primary, #127c6b); outline: none;} .xzm-setting-seed-progress {min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; opacity: .82;} .xzm-setting-seed-progress span {min-width: 0; height: 34px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 80%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 55%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 760; display: flex; align-items: center; justify-content: center; gap: 7px; overflow: hidden; white-space: nowrap;} .xzm-setting-seed-progress b {width: 18px; height: 18px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 78%,transparent); color: var(--xzm-text, #241207); font-size: 10px; display: grid; place-items: center;} .xzm-setting-seed-progress span.current {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 24%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .xzm-setting-seed-progress span.done {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 28%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b);} .xzm-setting-seed-progress span.done b {background: var(--xzm-primary, #127c6b); color: #fff;} .xzm-setting-seed-progress span.current b {background: var(--xzm-primary, #127c6b); color: #fff;} .xzm-setting-seed-statusbar,.xzm-setting-seed-actions {min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center;} .xzm-setting-seed-decision-options {min-width: 0; display: grid; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent);} .xzm-setting-seed-option {min-width: 0; min-height: 86px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 16px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent); background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-setting-seed-option:hover,.xzm-setting-seed-option:focus-visible {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 3.5%,transparent); outline: none; box-shadow: inset 2px 0 0 color-mix(in srgb,var(--xzm-primary, #127c6b) 58%,transparent);} .xzm-setting-seed-option:disabled {cursor: not-allowed; opacity: .42;} .xzm-setting-seed-option-key {width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900;} .xzm-setting-seed-option.recommended .xzm-setting-seed-option-key {background: var(--xzm-primary, #127c6b); color: #fff;} .xzm-setting-seed-option-copy {min-width: 0; display: grid; gap: 4px;} .xzm-setting-seed-option-title {min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;} .xzm-setting-seed-option-copy b {color: var(--xzm-text, #241207); font-size: 16px; line-height: 1.35;} .xzm-setting-seed-option-title em {padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); font-size: 11px; font-style: normal; font-weight: 900;} .xzm-setting-seed-option-copy small,.xzm-setting-seed-option-copy em {color: var(--xzm-muted, #7a6558); font-size: 13px; line-height: 1.55; font-style: normal; overflow-wrap: anywhere;} .xzm-setting-seed-option-copy em {color: color-mix(in srgb,var(--xzm-text, #241207) 70%,var(--xzm-muted, #7a6558)); font-size: 12px;} .xzm-setting-seed-option-meta {padding: 3px 7px; border-radius: 999px; color: var(--xzm-primary, #127c6b); font-size: 11px; font-weight: 900;} .xzm-setting-seed-option-action {align-self: center; padding: 5px 9px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 18%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 999px; color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-primary, #127c6b)); font-size: 12px; font-weight: 850; white-space: nowrap;} .xzm-setting-seed-picked {min-width: 0; display: grid; gap: 7px; padding: 10px 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent);} .xzm-setting-seed-picked > span {color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 800;} .xzm-setting-seed-picked > div {min-width: 0; display: flex; flex-wrap: wrap; gap: 6px;} .xzm-setting-seed-picked b {padding: 4px 8px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 18%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207); font-size: 12px; line-height: 1.25;} .xzm-setting-seed-advanced {min-width: 0; display: grid; gap: 12px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent); padding-top: 4px;} .xzm-setting-seed-advanced summary {min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 820; cursor: pointer; list-style: none;} .xzm-setting-seed-advanced summary::-webkit-details-marker {display: none;} .xzm-setting-seed-advanced summary b {color: var(--xzm-text, #241207); font-size: 12px;} .xzm-setting-seed-advanced[open] summary {border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent);} .xzm-setting-seed-package {min-width: 0; display: grid; grid-template-columns: minmax(190px,.42fr) minmax(0,1fr); gap: 10px; position: relative;} .xzm-setting-seed-candidate-list {min-width: 0; display: grid; gap: 6px; align-content: start;} .xzm-setting-seed-candidate-tab {width: 100%; min-width: 0; min-height: 48px; padding: 8px 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 86%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-text, #241207); display: grid; grid-template-columns: 22px minmax(0,1fr); grid-template-areas: "index title" "index meta"; gap: 1px 8px; align-items: center; text-align: left; cursor: pointer;} .xzm-setting-seed-candidate-tab:hover,.xzm-setting-seed-candidate-tab.active {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 34%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff));} .xzm-setting-seed-candidate-tab span {grid-area: index; width: 22px; height: 22px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 80%,transparent); color: var(--xzm-muted, #7a6558); font-size: 11px; font-weight: 800; display: grid; place-items: center;} .xzm-setting-seed-candidate-tab b {grid-area: title; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 1.25;} .xzm-setting-seed-candidate-tab small {grid-area: meta; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--xzm-muted, #7a6558); font-size: 11px; line-height: 1.25;} .xzm-setting-seed-candidate-tab.adopted span {background: var(--xzm-primary, #127c6b); color: #fff;} .xzm-setting-seed-candidate-tab.replacement span {background: var(--xzm-accent, #f97316); color: #fff;} .xzm-setting-seed-candidate-tab.candidate span {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 12%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b);} .xzm-setting-seed-candidate-tab.empty {border-style: dashed;} .xzm-setting-seed-candidate-detail {min-width: 0; display: grid; gap: 12px; align-content: start; min-height: 388px; padding: 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 86%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-setting-seed-candidate-detail.adopted {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 32%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff));} .xzm-setting-seed-candidate-detail.candidate {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 92%,transparent);} .xzm-setting-seed-candidate-detail.empty {background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,var(--xzm-panel-soft, #fff8ef)); border-style: dashed;} .xzm-setting-seed-detail-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .xzm-setting-seed-detail-head > div {min-width: 0;} .xzm-setting-seed-detail-head h4.ant-typography,.xzm-setting-seed-detail-head .ant-typography,.xzm-setting-seed-candidate-detail .ant-typography {margin: 0;} .xzm-setting-seed-detail-head h4.ant-typography {color: var(--xzm-text, #241207); font-size: 18px; line-height: 1.35; overflow-wrap: anywhere;} .xzm-setting-seed-main-copy {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.7;} .xzm-setting-seed-replacement-note {min-width: 0; display: grid; gap: 3px; padding: 10px 11px; border: 1px solid color-mix(in srgb,var(--xzm-accent, #f97316) 24%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-accent, #f97316) 6%,var(--xzm-panel, #fff));} .xzm-setting-seed-replacement-note span {color: var(--xzm-muted, #7a6558); font-size: 11px; font-weight: 800;} .xzm-setting-seed-replacement-note b {color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.35; overflow-wrap: anywhere;} .xzm-setting-seed-replacement-note small {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-setting-seed-detail-grid {min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-setting-seed-detail-grid > div {min-width: 0; padding: 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 78%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 40%,var(--xzm-panel, #fff));} .xzm-setting-seed-detail-grid span {display: block; margin-bottom: 4px; color: var(--xzm-muted, #7a6558); font-size: 11px; font-weight: 800;} .xzm-setting-seed-detail-grid p,.xzm-setting-seed-candidate-detail small {margin: 0; color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere;} .xzm-setting-seed-candidate-detail small {color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558));} .xzm-setting-seed-detail-actions {align-self: end;} .xzm-setting-seed-candidate-risk,.xzm-setting-seed-warning {color: #b45309;} .xzm-setting-seed-warning,.xzm-setting-seed-tip {padding: 9px 11px; border: 1px solid color-mix(in srgb,var(--xzm-accent, #f97316) 22%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-accent, #f97316) 6%,var(--xzm-panel, #fff)); font-size: 12px; line-height: 1.55;} .xzm-setting-seed-tip {color: var(--xzm-muted, #7a6558);} .xzm-setting-seed-empty {padding: 14px 12px; border: 1px dashed color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 90%,transparent); border-radius: 8px; color: var(--xzm-muted, #7a6558); font-size: 13px; text-align: center;} .xzm-setting-seed-package-empty {grid-column: 1 / -1;} .xzm-decision-card,.xzm-artifact-panel,.xzm-activity-feed {border: 1px solid var(--xzm-border, rgba(245, 158, 11, .18)); border-radius: 8px; background: var(--xzm-panel, #fff); box-shadow: var(--xzm-shadow, 0 10px 24px rgba(15, 23, 42, .05));} .xzm-decision-card.warning {border-color: var(--xzm-border-strong, rgba(245, 158, 11, .4)); background: var(--xzm-panel-soft, #fff8ef);} .xzm-context-note span,.xzm-activity-row small,.xzm-feed-item small {color: var(--xzm-muted, #7a6558);} .xzm-panel-headline {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .xzm-panel-headline.plain {padding: 0; border: 0; background: transparent;} .xzm-decision-card,.xzm-artifact-panel,.xzm-activity-feed {display: grid; gap: 14px; padding: 14px;} .xzm-route-generating-hero {padding: 14px; box-shadow: none;} .xzm-writers-page {max-width: 1180px; margin: 0 auto; display: grid; gap: 14px;} .xzm-writers-page.loading {min-height: 320px; place-items: center;} .xzm-writers-page h3.ant-typography {margin: 0 0 4px;} .xzm-writers-status-row {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .xzm-writers-status-row > div {min-height: 64px; padding: 12px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel, #fff); display: flex; align-items: center; justify-content: space-between; gap: 10px;} .xzm-writers-status-row span,.xzm-writers-card-head small,.xzm-writers-sample-head small {color: var(--xzm-muted, #7a6558);} .xzm-writers-status-row b {color: var(--xzm-text, #241207); font-size: 18px;} .xzm-writers-tabs .ant-tabs-nav {margin-bottom: 10px;} .xzm-writers-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .xzm-writers-card,.xzm-writers-sample-card {min-width: 0; padding: 14px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel, #fff); display: grid; gap: 12px;} .xzm-writers-card.wide {grid-column: 1 / -1;} .xzm-writers-card.empty {color: var(--xzm-muted, #7a6558);} .xzm-writers-card-head,.xzm-writers-sample-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .xzm-writers-card-head {justify-content: flex-start;} .xzm-writers-card-head > span {width: 30px; height: 30px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; display: grid; place-items: center; color: var(--xzm-primary, #e07040); background: var(--xzm-panel-soft, #fff8ef);} .xzm-writers-card-head > div,.xzm-writers-sample-head > div {min-width: 0; display: grid; gap: 3px;} .xzm-writers-card textarea.ant-input {font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 12px; line-height: 1.55;} .xzm-writers-sample-list {display: grid; gap: 12px;} .xzm-writers-sample-columns {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;} .xzm-writers-sample-columns p {min-height: 96px; margin: 0; padding: 10px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel-soft, #fff8ef); color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.65; white-space: pre-wrap;} .xzm-writers-diagnostics {display: grid; gap: 10px;} .xzm-writers-diagnostics > div {display: flex; align-items: flex-start; gap: 8px; color: var(--xzm-text, #241207); line-height: 1.55;} @keyframes xzmThinkingLine {from {opacity: 0; transform: translateY(4px);} to {opacity: 1; transform: translateY(0);}} @keyframes xzmPulse {0%,100% {opacity: .45; transform: scale(.82);} 50% {opacity: 1; transform: scale(1);}} @keyframes xzmOrbitPulse {0%,100% {opacity: .42;} 50% {opacity: 1;}} @keyframes xzmSwitchIn {from {opacity: 0; transform: translate(-50%,-4px);} to {opacity: 1; transform: translate(-50%,0);}} .xzm-project-meta-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .xzm-project-meta-grid.two {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-project-meta-grid.three {grid-template-columns: repeat(3,minmax(0,1fr));} .xzm-project-meta-grid .ant-form-item {min-width: 0;} .xzm-create-project-estimate-inline {display: flex; align-items: center; height: 32px; padding: 0 11px; border: 1px solid var(--xzm-border); border-radius: 6px; background: var(--xzm-panel); font-size: 14px; color: var(--xzm-text);} .xzm-create-project-estimate-inline b {font-weight: 700;} .xzm-preset-field {display: grid; gap: 8px;} .xzm-preset-field .ant-select-selector,.xzm-project-meta-grid .ant-select-selector,.xzm-project-meta-grid .ant-input,.xzm-project-meta-grid .ant-select {min-width: 0;} .xzm-import-cost-note {margin-bottom: 14px; padding: 10px 12px; border: 1px solid var(--xzm-border, rgba(15, 23, 42, .12)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #64748b); font-size: 13px; line-height: 1.6;} .xzm-import-mode-switch {margin-bottom: 14px;} .xzm-import-entry-strip {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,var(--xzm-panel-soft, #fff8ef));} .xzm-import-entry-strip > div:first-child {min-width: 0; display: grid; gap: 3px;} .xzm-manuscript-import-flow,.xzm-manuscript-preview {display: grid; gap: 14px;} .xzm-manuscript-upload-box {display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 16%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 8px; background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff)),transparent 78%),var(--xzm-panel, #fff);} .xzm-manuscript-upload-box > div {min-width: 0; display: grid; gap: 3px;} .xzm-manuscript-upload-box label {min-width: 148px; max-width: 220px; display: inline-grid; place-items: center; height: 36px; padding: 0 13px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 24%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 7%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); font-size: 13px; font-weight: 900; cursor: pointer;} .xzm-manuscript-upload-box label input {width: 1px; height: 1px; position: absolute; opacity: 0; pointer-events: none;} .xzm-manuscript-upload-box label span {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-manuscript-preview {padding: 12px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 80%,var(--xzm-panel-soft, #fff8ef));} .xzm-manuscript-preview-head {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: start;} .xzm-manuscript-preview-head > div {min-width: 0; display: grid; gap: 4px;} .xzm-manuscript-preview-head h4.ant-typography {margin: 0;} .xzm-manuscript-diagnostics {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-manuscript-preview-list {display: grid; gap: 8px; max-height: 320px; overflow-y: auto; padding-right: 3px;} .xzm-manuscript-preview-list article,.xzm-manuscript-preview-more {min-width: 0; display: grid; gap: 4px; padding: 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 82%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-manuscript-preview-list article span {display: flex; align-items: center; gap: 8px; color: var(--xzm-muted, #64748b); font-size: 12px; font-weight: 800;} .xzm-manuscript-preview-list article span i {margin-left: auto; font-style: normal; white-space: nowrap;} .xzm-manuscript-preview-list article strong,.xzm-manuscript-preview-list article small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-manuscript-preview-list article small {color: var(--xzm-muted, #64748b); font-size: 12px;} .xzm-manuscript-preview-more {color: var(--xzm-muted, #64748b); font-size: 13px; font-weight: 800; text-align: center;} .xzm-manuscript-preview-actions {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: 10px;} .xzm-manuscript-history-in-modal {margin-top: 14px;} .xzm-manuscript-import-history {display: grid; gap: 10px; padding: 12px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,var(--xzm-panel-soft, #fff8ef));} .xzm-manuscript-import-history-head {display: flex; align-items: center; justify-content: space-between; gap: 12px;} .xzm-manuscript-import-history-head > div {min-width: 0; display: grid; gap: 3px;} .xzm-manuscript-history-empty {padding: 16px 12px; border: 1px dashed var(--xzm-border, rgba(148, 163, 184, .26)); border-radius: 8px; color: var(--xzm-muted, #64748b); font-size: 13px; text-align: center;} .xzm-manuscript-history-list {display: grid; gap: 8px;} .xzm-manuscript-history-list article {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px; align-items: center; padding: 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 82%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-manuscript-history-list article > div {min-width: 0; display: flex; align-items: center; gap: 8px;} .xzm-manuscript-history-list article b,.xzm-manuscript-history-list article span,.xzm-manuscript-history-list article small {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-manuscript-history-list article span,.xzm-manuscript-history-list article small {grid-column: 1 / -1; color: var(--xzm-muted, #64748b); font-size: 12px;} .xzm-manuscript-history-list article small {line-height: 1.45;} .xzm-credit-recovery-banner,.xzm-inline-danger-confirm {display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 clamp(12px,2vw,20px) 10px; padding: 12px 14px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 26%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,var(--xzm-primary, #127c6b)); box-shadow: 0 12px 28px rgba(15,23,42,.08);} .xzm-credit-recovery-modal .ant-modal-content {border-radius: 16px; padding: 0; overflow: hidden;} .xzm-credit-recovery-modal-body {text-align: center; padding: 32px 24px 20px;} .xzm-credit-recovery-modal-icon {display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%; background: color-mix(in srgb,var(--xzm-primary, #101112) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #101112);} .xzm-credit-recovery-modal-body h3 {margin: 0 0 8px; font-size: 17px; font-weight: 600; color: var(--xzm-text, #111);} .xzm-credit-recovery-modal-body p {margin: 0 0 24px; font-size: 14px; line-height: 1.5; color: var(--xzm-muted, #616871);} .xzm-credit-recovery-modal-actions {display: flex; flex-direction: column; gap: 8px;} .xzm-inline-danger-confirm {border-color: color-mix(in srgb,#ef4444 34%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,#ef4444 6%,var(--xzm-panel, #fff));} .xzm-credit-recovery-banner > div,.xzm-inline-danger-confirm > div {min-width: 0; display: flex; align-items: center; gap: 10px;} .xzm-credit-recovery-banner > div:first-child,.xzm-inline-danger-confirm > div:first-child {display: grid; gap: 3px;} .xzm-credit-recovery-banner b,.xzm-inline-danger-confirm b {color: var(--xzm-text, #0f172a); font-size: 13px;} .xzm-credit-recovery-banner span,.xzm-inline-danger-confirm span {color: var(--xzm-muted, #64748b); font-size: 12px; line-height: 1.45;} .xzm-credit-recovery-banner.has-weekly-supply {border-color: color-mix(in srgb,var(--xzm-gold, #f5a623) 36%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,var(--xzm-gold, #f5a623) 7%,var(--xzm-panel, #fff));} .xzm-drawer-inline-confirm {flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 20px 10px; padding: 12px; border: 1px solid color-mix(in srgb,#ef4444 32%,var(--xzm-border, rgba(15, 23, 42, .12))); border-radius: 8px; background: color-mix(in srgb,#ef4444 7%,var(--xzm-panel, #fff));} .xzm-drawer-inline-confirm > div {min-width: 0; display: flex; align-items: center; gap: 10px;} .xzm-drawer-inline-confirm > div:first-child {display: grid; gap: 3px;} .xzm-drawer-inline-confirm b {color: var(--xzm-text, #0f172a); font-size: 13px;} .xzm-drawer-inline-confirm span {color: var(--xzm-muted, #64748b); font-size: 12px; line-height: 1.45;} .xzm-candidate-list,.xzm-memory-list,.xzm-manuscript-panel {display: grid; gap: 12px;} .xzm-candidate-card,.xzm-memory-list article {min-width: 0; display: grid; gap: 9px; padding: 12px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-candidate-card.selectable {cursor: pointer; transition: border-color .16s ease,box-shadow .16s ease,transform .16s ease;} .xzm-candidate-card.selectable:hover,.xzm-candidate-card.selectable:focus-visible {border-color: var(--xzm-accent, #f97316); box-shadow: 0 10px 20px rgba(249,115,22,.1); outline: none;} .xzm-candidate-card.selected {border-color: var(--xzm-accent, #f97316); box-shadow: inset 0 0 0 1px var(--xzm-accent, #f97316),0 12px 24px rgba(249,115,22,.12);} .xzm-candidate-board {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; align-items: start;} .xzm-candidate-rail {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0; border: 0; border-radius: 0; background: transparent;} .xzm-candidate-row {min-width: 0; min-height: 148px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 84%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); color: var(--xzm-text, #241207); text-align: left; box-shadow: none; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;} .xzm-candidate-row.ant-card {display: block; grid-template-columns: none; padding: 0;} .xzm-candidate-row.ant-card > .ant-card-body {min-width: 0; position: relative; min-height: 148px; display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "head" "main"; align-content: start; align-items: start; gap: 11px; padding: 15px 16px;} .xzm-candidate-row.selectable {cursor: pointer;} .xzm-candidate-row.selectable:hover,.xzm-candidate-row.selectable:focus-visible,.xzm-candidate-row.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 26%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-panel, #fff) 98%,var(--xzm-primary, #0f766e) 2%); box-shadow: 0 10px 26px color-mix(in srgb,#4b5563 7%,transparent); outline: none; transform: translateY(-1px);} .xzm-candidate-row.selected {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 36%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 4%,var(--xzm-panel, #fff)); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #0f766e) 30%,transparent),0 12px 24px color-mix(in srgb,var(--xzm-primary, #0f766e) 10%,transparent);} .xzm-candidate-row.placeholder {min-height: 148px; border-style: dashed; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 82%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 68%,transparent); box-shadow: none;} .xzm-candidate-row.placeholder.ant-card > .ant-card-body {min-height: 148px;} .xzm-candidate-row-head {grid-area: head; min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px;} .xzm-candidate-row-index {min-width: 28px; width: auto; height: 24px; display: inline-grid; place-items: center; padding: 0 9px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #70584d)); font-size: 12px; font-weight: 900; line-height: 1;} .xzm-candidate-row.selected .xzm-candidate-row-index {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 13%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-candidate-row-main {grid-area: main; min-width: 0; display: grid; gap: 9px;} .xzm-candidate-row-kicker {min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 5px;} .xzm-candidate-row-kicker .ant-tag {margin-inline-end: 0; border-radius: 999px; font-size: 11px; font-weight: 850;} .xzm-candidate-row-main b {min-width: 0; color: var(--xzm-text, #241207); font-size: 17px; font-weight: 860; line-height: 1.32; overflow-wrap: anywhere;} .xzm-candidate-row-main p {display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-muted, #70584d)); font-size: 14px; font-weight: 620; line-height: 1.62;} .xzm-candidate-row-meta {min-width: 0; display: flex; flex-wrap: wrap; gap: 5px;} .xzm-candidate-row-meta span {max-width: 100%; overflow: hidden; min-height: 23px; display: inline-flex; align-items: center; padding: 0 7px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 4%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 88%,var(--xzm-text, #241207)); font-size: 11px; font-weight: 760; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-candidate-row-detail {display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-height: 26px; padding: 0 9px; border: 0; border-radius: 999px; background: transparent; font-size: 12px; font-weight: 900; line-height: 1; cursor: pointer; align-self: start;} .xzm-candidate-row-detail {color: var(--xzm-muted, #70584d);} .xzm-candidate-row-detail:hover,.xzm-candidate-row-detail:focus-visible {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent); color: var(--xzm-primary, #127c6b); outline: none;} .xzm-candidate-preview {min-width: 0; display: grid; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent);} .xzm-candidate-preview.empty {align-content: start; min-height: 220px; border-style: dashed;} .xzm-candidate-preview-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;} .xzm-candidate-preview-head .ant-tag {margin-inline-end: 0; border-radius: 999px; font-weight: 850;} .xzm-candidate-preview-title {min-width: 0; display: grid; gap: 4px; padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent);} .xzm-candidate-preview-title h4.ant-typography {margin: 0; color: var(--xzm-text, #241207); font-size: 21px; line-height: 1.28;} .xzm-candidate-preview section {min-width: 0; display: grid; gap: 5px;} .xzm-candidate-preview p,.xzm-candidate-preview p.ant-typography {margin: 0; color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.68; overflow-wrap: anywhere;} .xzm-candidate-preview-agency {padding-left: 9px; border-left: 2px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 26%,var(--xzm-border, rgba(148, 163, 184, .2)));} .xzm-candidate-preview-hook {color: var(--xzm-accent, #b45309) !important;} .xzm-candidate-preview-more.ant-btn {justify-self: start; height: 28px; padding: 0; color: var(--xzm-accent, #b45309); font-size: 12px; font-weight: 850;} .xzm-candidate-label-row,.xzm-candidate-detail-labels {min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;} .xzm-candidate-helper-tag {display: inline-flex; align-items: center; min-width: 0; min-height: 24px; max-width: 100%; border-radius: 999px; padding: 5px 9px; font-size: 12px; font-weight: 900; line-height: 1.15; white-space: nowrap;} .xzm-candidate-helper-tag {border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,var(--xzm-surface-muted, #fff0d8)); color: var(--xzm-muted, #7a6558);} .xzm-candidate-card.placeholder {min-height: 156px; align-content: start; border-style: dashed; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,var(--xzm-surface-muted, #fff0d8) 28%);} .xzm-candidate-progress-row {display: flex; align-items: center; gap: 10px; min-width: 0; padding: 7px 9px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .18)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent);} .xzm-candidate-progress-count {flex: 0 0 auto; color: var(--xzm-text, #241207); font-size: 13px; font-weight: 800;} .xzm-candidate-progress-bars {min-width: 0; display: flex; align-items: center; gap: 5px;} .xzm-candidate-progress-row i {width: 20px; height: 4px; border-radius: 999px; background: var(--xzm-border-strong, rgba(148, 163, 184, .3));} .xzm-candidate-progress-row i.ready {background: var(--xzm-accent, #b45309);} .xzm-candidate-progress-status.ant-typography {flex: 0 0 auto; margin-left: auto; font-size: 12px; line-height: 1.2; white-space: nowrap;} .xzm-candidate-progress-action.ant-btn {flex: 0 0 auto; height: 28px; padding: 0 8px; border-radius: 7px; font-size: 12px; font-weight: 800; color: var(--xzm-accent, #b45309);} .xzm-candidate-progress-action.ant-btn:hover {background: color-mix(in srgb,var(--xzm-accent, #b45309) 10%,transparent); color: var(--xzm-accent-strong, #92400e);} .xzm-candidate-skeleton-line,.xzm-candidate-skeleton-block,.xzm-candidate-skeleton-meta span {position: relative; overflow: hidden; border-radius: 999px; background: color-mix(in srgb,var(--xzm-border-strong, rgba(148, 163, 184, .3)) 54%,transparent);} .xzm-candidate-skeleton-line::after,.xzm-candidate-skeleton-block::after,.xzm-candidate-skeleton-meta span::after {content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent),transparent); animation: xzmSkeletonSweep 1.6s ease-in-out infinite;} .xzm-candidate-skeleton-line {width: 100%; height: 12px;} .xzm-candidate-skeleton-line.short {width: 78px;} .xzm-candidate-skeleton-line.title {width: 68%; height: 18px;} .xzm-candidate-skeleton-block {height: 46px; border-radius: 8px;} .xzm-candidate-skeleton-meta {display: flex; gap: 8px;} .xzm-candidate-skeleton-meta span {width: 88px; height: 24px;} @keyframes xzmSkeletonSweep {100% {transform: translateX(100%);}} .xzm-memory-review-summary,.xzm-memory-item-head {display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;} .xzm-memory-review-summary {padding: 10px 12px; border: 1px dashed var(--xzm-border-strong, rgba(245, 158, 11, .36)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 70%,transparent);} .xzm-memory-filter-row {display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;} .xzm-memory-filter-row button[type="button"] {border: 1px solid var(--xzm-border, rgba(148, 163, 184, .26)); border-radius: 999px; background: var(--xzm-panel, #fff); color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 800; line-height: 1; padding: 7px 10px; cursor: pointer;} .xzm-memory-filter-row button[type="button"].active {border-color: var(--xzm-accent, #b45309); color: var(--xzm-accent, #b45309); background: color-mix(in srgb,var(--xzm-accent, #b45309) 8%,var(--xzm-panel, #fff));} .xzm-memory-filter-note,.xzm-archive-memory-filter-note {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 74%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #70584d); font-size: 12px;} .xzm-memory-empty {padding: 14px; border: 1px dashed var(--xzm-border, rgba(148, 163, 184, .26)); border-radius: 8px; color: var(--xzm-muted, #7a6558); font-size: 13px;} .xzm-memory-brain {display: grid; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(15, 118, 110, .18))); border-radius: 8px; background: radial-gradient(circle at 16% 18%,color-mix(in srgb,#2563eb 8%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,#0f172a 3%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff));} .xzm-memory-brain-head {display: grid; gap: 8px;} .xzm-memory-brain-head > div:first-child {display: grid; gap: 3px;} .xzm-memory-brain-head span {display: inline-flex; align-items: center; gap: 5px; color: color-mix(in srgb,var(--xzm-primary, #0f766e) 82%,#2563eb); font-size: 12px; font-weight: 900;} .xzm-memory-brain-head b {color: var(--xzm-text, #241207); font-size: 15px; line-height: 1.35;} .xzm-memory-brain-head small {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.5;} .xzm-memory-brain-legend {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-memory-brain-legend button {display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: 5px 8px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 900; cursor: pointer;} .xzm-memory-brain-legend button.active {border-color: color-mix(in srgb,#2563eb 28%,var(--xzm-primary, #0f766e)); background: color-mix(in srgb,#2563eb 6%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #0f766e) 78%,#2563eb);} .xzm-memory-brain-legend i {width: 7px; height: 7px; border-radius: 999px;} .xzm-memory-brain-legend em {font-style: normal; opacity: .7;} .xzm-memory-brain-canvas {min-height: 198px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,#0f172a 7%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 8px; background: linear-gradient(color-mix(in srgb,#0f172a 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#0f172a 5%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--xzm-panel, #fff) 86%,#f8fafc); background-size: 28px 28px; overflow: hidden;} .xzm-memory-brain-canvas svg {width: 100%; max-width: 680px; height: auto; display: block;} .xzm-memory-brain-atlas {width: 100%; display: grid; gap: 10px;} .xzm-memory-brain-atlas-head {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 2px;} .xzm-memory-brain-atlas-head b {display: block; color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.3;} .xzm-memory-brain-atlas-head span {display: block; color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.45;} .xzm-memory-brain-atlas-head small {color: var(--xzm-muted, #7d6a60); font-size: 11px; font-weight: 800; white-space: nowrap;} .xzm-memory-brain-lane {display: grid; grid-template-columns: minmax(90px,116px) minmax(0,1fr); gap: 8px; align-items: start;} .xzm-memory-brain-lane > button {display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 6px 8px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent); color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 900; text-align: left;} .xzm-memory-brain-lane > button.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 40%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-memory-brain-lane > button i {width: 7px; height: 7px; border-radius: 999px; flex: 0 0 auto;} .xzm-memory-brain-lane > button em {margin-left: auto; font-style: normal; opacity: .72;} .xzm-memory-brain-lane-nodes {display: flex; flex-wrap: wrap; gap: 6px; min-width: 0;} .xzm-memory-brain-chip,.xzm-memory-brain-more {min-height: 28px; padding: 5px 8px; border-radius: 999px; font-size: 11px;} .xzm-memory-brain-chip {border: 1px solid var(--xzm-border, rgba(148, 163, 184, .18)); background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); font-weight: 800; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-memory-brain-chip.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-memory-brain-more {display: inline-flex; align-items: center; justify-content: center; border: 1px dashed var(--xzm-border, rgba(148, 163, 184, .22)); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 72%,transparent); color: var(--xzm-muted, #70584d); font-weight: 800;} .xzm-memory-brain-orbit {fill: none; stroke: rgba(15,118,110,.1); stroke-dasharray: 4 7;} .xzm-memory-brain-orbit.inner {stroke: rgba(37,99,235,.08);} .xzm-memory-brain-link {stroke: rgba(15,118,110,.16); stroke-width: 1.2;} .xzm-memory-brain-link.muted {opacity: .22;} .xzm-memory-brain-core-ring {fill: none; stroke: rgba(15,118,110,.18); stroke-width: 1.5;} .xzm-memory-brain-core {fill: url(#xzm-memory-brain-core); stroke: rgba(15,118,110,.28);} .xzm-memory-brain-core-title {fill: var(--xzm-primary, #0f766e); font-size: 12px; font-weight: 900;} .xzm-memory-brain-core-sub {fill: var(--xzm-muted, #70584d); font-size: 10px; font-weight: 700;} .xzm-memory-brain-node {cursor: pointer; outline: none; transition: opacity .16s ease;} .xzm-memory-brain-node.muted {opacity: .28;} .xzm-memory-brain-node circle:nth-child(2) {filter: drop-shadow(0 3px 6px rgba(15,23,42,.14));} .xzm-memory-brain-node:hover circle:nth-child(2),.xzm-memory-brain-node.active circle:nth-child(2) {filter: drop-shadow(0 5px 10px rgba(15,23,42,.22));} .xzm-memory-brain-node-stroke {fill: none; stroke: rgba(255,255,255,.9); stroke-width: 3;} .xzm-memory-brain-node-label {fill: var(--xzm-muted, #70584d); font-size: 9px; font-weight: 800;} .xzm-memory-brain-node.is-pending .xzm-memory-brain-node-stroke,.xzm-memory-brain-node.is-edited .xzm-memory-brain-node-stroke {stroke-dasharray: 4 3;} .xzm-memory-brain-node.is-deleted {opacity: .35;} .xzm-memory-brain-empty {display: grid; place-items: center; align-content: center; gap: 7px; min-height: 190px; padding: 18px; text-align: center; color: var(--xzm-muted, #70584d);} .xzm-memory-brain-empty b {color: var(--xzm-text, #241207); font-size: 14px;} .xzm-memory-brain-empty span {max-width: 280px; font-size: 12px; line-height: 1.55;} .xzm-memory-list article.muted {opacity: .62; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,var(--xzm-muted, #7a6558) 6%);} .xzm-memory-compact-card {gap: 12px;} .xzm-memory-compact-card.incomplete {padding: 10px; border: 1px solid color-mix(in srgb,#ef4444 28%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 8px; background: color-mix(in srgb,#fff 90%,#fef2f2);} .xzm-memory-question-card {display: grid; gap: 14px; padding: 14px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .22)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,var(--xzm-panel-soft, #fff8ef));} .xzm-memory-question-card.muted {opacity: .72; background: color-mix(in srgb,var(--xzm-panel, #fff) 80%,var(--xzm-muted, #7a6558) 5%);} .xzm-memory-question-card.incomplete {border-color: color-mix(in srgb,#ef4444 32%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,#fff 90%,#fef2f2);} .xzm-memory-card-copy {display: grid; gap: 5px; min-width: 0;} .xzm-memory-card-copy h5 {margin: 0; color: var(--xzm-text, #241207); font-size: 16px; line-height: 1.45;} .xzm-memory-card-copy b {color: var(--xzm-text, #241207); font-size: 15px; line-height: 1.35;} .xzm-memory-card-copy span {color: var(--xzm-muted, #7a6558); font-size: 14px; line-height: 1.7;} .xzm-memory-card-copy strong {color: #b91c1c; font-size: 12px; font-weight: 850; line-height: 1.5;} .xzm-memory-card-copy em {color: var(--xzm-accent, #b45309); font-size: 13px; font-style: normal; line-height: 1.55;} .xzm-memory-reason-tags {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-memory-choice-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-memory-choice-grid button {display: grid; grid-template-columns: auto 1fr; gap: 3px 8px; min-height: 74px; padding: 10px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .24)); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); text-align: left; cursor: pointer; transition: border-color .16s ease,background .16s ease,transform .16s ease;} .xzm-memory-choice-grid button:hover {border-color: color-mix(in srgb,var(--xzm-accent, #b45309) 42%,var(--xzm-border, rgba(148, 163, 184, .24))); background: color-mix(in srgb,var(--xzm-accent, #b45309) 5%,var(--xzm-panel, #fff));} .xzm-memory-choice-grid button.selected {border-color: var(--xzm-accent, #b45309); background: color-mix(in srgb,var(--xzm-accent, #b45309) 10%,var(--xzm-panel, #fff));} .xzm-memory-choice-grid button span {display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-muted, #7a6558) 10%,transparent); color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 900; line-height: 1;} .xzm-memory-choice-grid button.selected span {background: var(--xzm-accent, #b45309); color: #fff;} .xzm-memory-choice-grid button b {align-self: center; min-width: 0; overflow-wrap: anywhere; font-size: 14px; line-height: 1.35;} .xzm-memory-choice-grid button small {grid-column: 2; min-width: 0; color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.45;} .xzm-memory-choice-grid button.tone-danger.selected {border-color: #b91c1c; background: color-mix(in srgb,#b91c1c 8%,var(--xzm-panel, #fff));} .xzm-memory-choice-grid button.tone-danger.selected span {background: #b91c1c;} .xzm-memory-choice-grid button.tone-edit.selected {border-color: #c05621; background: color-mix(in srgb,#c05621 9%,var(--xzm-panel, #fff));} .xzm-memory-expand-button {justify-self: center;} .xzm-memory-edit-form {display: grid; gap: 14px;} .xzm-memory-edit-form label {display: grid; gap: 6px;} .xzm-memory-edit-form label > span {color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 800;} .xzm-memory-edit-form .ant-input,.xzm-memory-edit-form textarea.ant-input,.xzm-memory-edit-form .ant-select-selector {border-radius: 8px;} .xzm-candidate-head,.xzm-feed-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .xzm-candidate-meta {display: flex; flex-wrap: wrap; gap: 8px;} .xzm-candidate-meta span {border-radius: 999px; padding: 3px 8px; color: var(--xzm-muted, #7a6558); background: var(--xzm-surface-muted, #fff0d8); font-size: 12px;} .xzm-candidate-direction p.ant-typography {margin: 4px 0 0; color: var(--xzm-text, #241207); line-height: 1.7;} .xzm-candidate-hook {color: var(--xzm-accent, #b45309); line-height: 1.45;} .xzm-candidate-agency {display: block; padding: 9px 11px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 18%,var(--xzm-border, rgba(148, 163, 184, .22))); border-radius: 10px; background: color-mix(in srgb,var(--xzm-panel-soft, #f7faf8) 84%,var(--xzm-primary, #0f766e) 5%); color: var(--xzm-text, #241207); font-size: 13px; font-weight: 760; line-height: 1.6; overflow-wrap: anywhere;} .xzm-candidate-snippet.ant-typography {margin: 0; color: var(--xzm-muted, #7a6558); line-height: 1.65;} .xzm-candidate-actions {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 10px;} .xzm-candidate-actions .ant-btn {min-width: 0;} .xzm-candidate-detail-modal .ant-modal-content {border-radius: 10px; background: var(--xzm-panel, #fff);} .xzm-floating-layer-root { --xzm-float-ease: cubic-bezier(.2, .8, .2, 1); --xzm-float-shadow: 0 24px 70px rgba(15, 23, 42, .18), 0 2px 0 rgba(255, 255, 255, .55) inset; } .xzm-floating-layer-root.ant-modal-root {z-index: 1200 !important;} .xzm-floating-layer-root.ant-modal-root,.xzm-floating-layer-root .ant-modal-wrap {transform: none;} .xzm-floating-layer-root .ant-modal-wrap {position: fixed; inset: 0; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: center; padding: max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom)); overscroll-behavior: contain; overflow-x: hidden; overflow-y: auto;} .xzm-floating-layer-root .ant-modal-wrap.xzm-centered-modal-wrap {display: flex; align-items: flex-start; justify-content: center;} .xzm-floating-layer-root .ant-modal-wrap .ant-modal,.xzm-floating-layer-root .ant-modal-wrap.xzm-centered-modal-wrap .ant-modal {top: auto !important; max-width: min(100%,calc(100vw - 48px)); min-height: 0; margin: auto 0; padding-bottom: 0;} .xzm-floating-layer-root .ant-modal-centered::before {display: none;} .xzm-floating-layer-root .ant-modal-mask,.xzm-floating-layer-root .ant-drawer-mask {background: rgba(15,23,42,.28) !important; backdrop-filter: blur(8px) saturate(1.02); -webkit-backdrop-filter: blur(8px) saturate(1.02);} .xzm-floating-layer-root .ant-modal {top: auto !important; display: flex; max-height: calc(100dvh - 48px) ; min-height: 0; transform-origin: 50% 50% !important; will-change: opacity,transform;} .xzm-floating-layer-root .ant-modal[style] {transform-origin: 50% 50% !important;} .xzm-floating-layer-root .ant-modal-centered .ant-modal {top: auto !important;} .xzm-floating-layer-root .ant-modal-content {width: 100%; max-height: min(760px,calc(100dvh - 48px)); min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent); border-radius: 12px; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent),color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 70%,transparent)),var(--xzm-panel, #fff); box-shadow: var(--xzm-float-shadow);} .xzm-floating-layer-root .ant-modal-header {flex: 0 0 auto; margin-bottom: 0; padding: 18px 20px 10px; border-bottom: 0; background: transparent;} .xzm-floating-layer-root .ant-modal-title {color: var(--xzm-text, #241207); font-size: 18px; font-weight: 860; line-height: 1.35;} .xzm-floating-layer-root .ant-modal-close {top: 14px; inset-inline-end: 14px; border-radius: 8px; color: var(--xzm-muted, #7a6558); transition: background .16s ease,color .16s ease;} .xzm-floating-layer-root .ant-modal-close:hover {background: color-mix(in srgb,var(--xzm-primary, #e07040) 8%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-text, #241207);} .xzm-floating-layer-root .ant-modal-body {flex: 1 1 auto; min-height: 0; overflow: auto; padding: 14px 20px 20px;} .xzm-floating-layer-root .ant-modal-footer {flex: 0 0 auto; margin-top: 0; padding: 12px 20px 18px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 58%,transparent); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 42%,transparent);} .xzm-import-chapter-modal .ant-modal-body {padding-bottom: 18px;} .xzm-import-chapter-modal.ant-modal,.xzm-memory-edit-modal.ant-modal,.xzm-candidate-detail-modal.ant-modal {max-height: calc(100dvh - 48px) ;} .xzm-import-chapter-modal .ant-modal-content,.xzm-memory-edit-modal .ant-modal-content,.xzm-candidate-detail-modal .ant-modal-content {max-height: min(780px,calc(100dvh - 48px));} .xzm-import-chapter-modal form {display: grid; gap: 12px;} .xzm-import-chapter-modal .ant-form-item {margin-bottom: 0;} .xzm-import-chapter-modal textarea.ant-input {min-height: clamp(160px,34dvh,260px); max-height: min(38dvh,360px); resize: vertical;} .xzm-floating-layer-root .ant-drawer-content {background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel, #fff) 96%,transparent),color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 72%,transparent)),var(--xzm-panel, #fff); box-shadow: -24px 0 70px rgba(15,23,42,.14); backface-visibility: hidden; transform: translateZ(0);} .xzm-floating-layer-root .ant-drawer-header {padding: 18px 20px 12px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 66%,transparent); background: transparent;} .xzm-floating-layer-root .ant-drawer-title {color: var(--xzm-text, #241207); font-size: 18px; font-weight: 860;} .xzm-floating-layer-root .ant-drawer-close {border-radius: 8px; color: var(--xzm-muted, #7a6558); transition: background .16s ease,color .16s ease;} .xzm-floating-layer-root .ant-drawer-close:hover {background: color-mix(in srgb,var(--xzm-primary, #e07040) 8%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-text, #241207);} .xzm-floating-layer-root .ant-modal-confirm-body-wrapper {display: grid; gap: 16px;} .xzm-floating-layer-root .ant-modal-confirm .ant-modal-content {max-width: min(100%,560px);} .xzm-floating-layer-root .ant-modal-confirm-title {color: var(--xzm-text, #241207); font-weight: 860;} .xzm-floating-layer-root .ant-modal-confirm-content {color: var(--xzm-muted, #7a6558); line-height: 1.65;} .xzm-floating-layer-root .ant-modal-confirm-btns {display: flex; justify-content: flex-end; gap: 8px; margin-top: 0;} .xzm-floating-layer-root .ant-zoom-enter,.xzm-floating-layer-root .ant-zoom-appear,.xzm-floating-layer-root .ant-zoom-enter-active,.xzm-floating-layer-root .ant-zoom-appear-active {animation-name: xzm-modal-enter !important; animation-duration: .2s; animation-timing-function: var(--xzm-float-ease); animation-fill-mode: both;} .xzm-floating-layer-root .ant-zoom-enter-prepare,.xzm-floating-layer-root .ant-zoom-appear-prepare {opacity: 0 !important; transform: translate3d(0,8px,0) scale(.985) !important;} .xzm-floating-layer-root .ant-zoom-leave,.xzm-floating-layer-root .ant-zoom-leave-active {animation-name: xzm-modal-leave !important; animation-duration: .14s; animation-timing-function: cubic-bezier(.4,0,1,1); animation-fill-mode: both;} .xzm-floating-layer-root .ant-fade-enter,.xzm-floating-layer-root .ant-fade-appear {animation-duration: .22s !important; animation-timing-function: var(--xzm-float-ease) !important;} .xzm-floating-layer-root .ant-fade-leave {animation-duration: .16s !important;} .xzm-floating-layer-root .ant-slide-right-enter,.xzm-floating-layer-root .ant-slide-right-appear,.xzm-floating-layer-root .ant-slide-left-enter,.xzm-floating-layer-root .ant-slide-left-appear {animation-duration: .26s !important; animation-timing-function: var(--xzm-float-ease) !important; animation-fill-mode: both !important; will-change: transform,opacity;} .xzm-floating-layer-root .ant-slide-right-leave,.xzm-floating-layer-root .ant-slide-left-leave {animation-duration: .18s !important; animation-timing-function: cubic-bezier(.4,0,1,1) !important; animation-fill-mode: both !important; will-change: transform,opacity;} .xzm-floating-layer-root .ant-slide-right-enter,.xzm-floating-layer-root .ant-slide-right-appear {animation-name: xzm-drawer-right-enter !important;} .xzm-floating-layer-root .ant-slide-right-leave {animation-name: xzm-drawer-right-leave !important;} .xzm-floating-layer-root .ant-slide-left-enter,.xzm-floating-layer-root .ant-slide-left-appear {animation-name: xzm-drawer-left-enter !important;} .xzm-floating-layer-root .ant-slide-left-leave {animation-name: xzm-drawer-left-leave !important;} .xzm-floating-layer-root .ant-drawer-content-wrapper.ant-drawer-panel-motion-right,.xzm-floating-layer-root .ant-drawer-content-wrapper.ant-drawer-panel-motion-left {backface-visibility: hidden; will-change: transform,opacity;} .xzm-floating-layer-root .ant-drawer-panel-motion-right-enter,.xzm-floating-layer-root .ant-drawer-panel-motion-right-appear {opacity: 0 !important; transform: translate3d(42px,0,0) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-right-enter-active,.xzm-floating-layer-root .ant-drawer-panel-motion-right-appear-active {opacity: 1 !important; transform: translate3d(0,0,0) !important; transition: transform .28s var(--xzm-float-ease),opacity .22s var(--xzm-float-ease) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-right-leave {opacity: 1 !important; transform: translate3d(0,0,0) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-right-leave-active {opacity: 0 !important; transform: translate3d(34px,0,0) !important; transition: transform .18s cubic-bezier(.4,0,1,1),opacity .16s cubic-bezier(.4,0,1,1) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-left-enter,.xzm-floating-layer-root .ant-drawer-panel-motion-left-appear {opacity: 0 !important; transform: translate3d(-42px,0,0) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-left-enter-active,.xzm-floating-layer-root .ant-drawer-panel-motion-left-appear-active {opacity: 1 !important; transform: translate3d(0,0,0) !important; transition: transform .28s var(--xzm-float-ease),opacity .22s var(--xzm-float-ease) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-left-leave {opacity: 1 !important; transform: translate3d(0,0,0) !important;} .xzm-floating-layer-root .ant-drawer-panel-motion-left-leave-active {opacity: 0 !important; transform: translate3d(-34px,0,0) !important; transition: transform .18s cubic-bezier(.4,0,1,1),opacity .16s cubic-bezier(.4,0,1,1) !important;} @keyframes xzm-modal-enter {from {opacity: 0; transform: translate3d(0,8px,0) scale(.985);} to {opacity: 1; transform: translate3d(0,0,0) scale(1);}} @keyframes xzm-modal-leave {from {opacity: 1; transform: translate3d(0,0,0) scale(1);} to {opacity: 0; transform: translate3d(0,5px,0) scale(.99);}} @keyframes xzm-drawer-right-enter {from {opacity: 0; transform: translate3d(36px,0,0);} to {opacity: 1; transform: translate3d(0,0,0);}} @keyframes xzm-drawer-right-leave {from {opacity: 1; transform: translate3d(0,0,0);} to {opacity: 0; transform: translate3d(28px,0,0);}} @keyframes xzm-drawer-left-enter {from {opacity: 0; transform: translate3d(-36px,0,0);} to {opacity: 1; transform: translate3d(0,0,0);}} @keyframes xzm-drawer-left-leave {from {opacity: 1; transform: translate3d(0,0,0);} to {opacity: 0; transform: translate3d(-28px,0,0);}} @media (prefers-reduced-motion: reduce) {.xzm-floating-layer-root .ant-zoom-enter,.xzm-floating-layer-root .ant-zoom-appear,.xzm-floating-layer-root .ant-zoom-leave,.xzm-floating-layer-root .ant-slide-right-enter,.xzm-floating-layer-root .ant-slide-right-appear,.xzm-floating-layer-root .ant-slide-right-leave,.xzm-floating-layer-root .ant-slide-left-enter,.xzm-floating-layer-root .ant-slide-left-appear,.xzm-floating-layer-root .ant-slide-left-leave,.xzm-floating-layer-root .ant-drawer-panel-motion-right-enter-active,.xzm-floating-layer-root .ant-drawer-panel-motion-right-appear-active,.xzm-floating-layer-root .ant-drawer-panel-motion-right-leave-active,.xzm-floating-layer-root .ant-drawer-panel-motion-left-enter-active,.xzm-floating-layer-root .ant-drawer-panel-motion-left-appear-active,.xzm-floating-layer-root .ant-drawer-panel-motion-left-leave-active,.xzm-question-card,.xzm-question-option {animation-duration: .01ms !important; transition-duration: .01ms !important;}} @media (max-width: 720px) {.xzm-floating-layer-root .ant-modal-wrap {align-items: flex-start; padding: 14px 12px calc(14px + env(safe-area-inset-bottom)) ;} .xzm-floating-layer-root .ant-modal-wrap.xzm-centered-modal-wrap {align-items: flex-start; padding: 14px 12px calc(14px + env(safe-area-inset-bottom)) ;} .xzm-floating-layer-root .ant-modal-wrap.xzm-centered-modal-wrap .ant-modal {max-width: calc(100vw - 24px) ;} .xzm-floating-layer-root .ant-modal,.xzm-import-chapter-modal.ant-modal,.xzm-memory-edit-modal.ant-modal,.xzm-candidate-detail-modal.ant-modal {max-height: calc(100dvh - 28px) ;} .xzm-floating-layer-root .ant-modal-content,.xzm-import-chapter-modal .ant-modal-content,.xzm-memory-edit-modal .ant-modal-content,.xzm-candidate-detail-modal .ant-modal-content {max-height: calc(100dvh - 28px) ;}} .ant-dropdown .ant-dropdown-menu,.ant-select-dropdown,.ant-popover .ant-popover-inner,.ant-tooltip .ant-tooltip-inner {border-radius: 10px; box-shadow: 0 16px 42px rgba(15,23,42,.14);} .ant-popover .ant-popover-inner,.ant-tooltip .ant-tooltip-inner {backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);} .xzm-candidate-detail {display: grid; gap: 14px;} .xzm-candidate-detail-labels {padding-bottom: 2px;} .xzm-candidate-detail section {display: grid; gap: 6px;} .xzm-candidate-detail p.ant-typography {margin: 0; line-height: 1.8;} .xzm-candidate-detail-meta {display: flex; flex-wrap: wrap; gap: 8px;} .xzm-candidate-detail-meta span {border-radius: 999px; padding: 5px 9px; color: var(--xzm-muted, #7a6558); background: var(--xzm-surface-muted, #fff0d8); font-size: 12px;} .xzm-candidate-agency-grid,.xzm-candidate-guard-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .xzm-candidate-agency-grid span,.xzm-candidate-guard-grid span {min-width: 0; display: grid; gap: 6px; padding: 10px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel-soft, #fff8ef); color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere;} .xzm-candidate-agency-grid b,.xzm-candidate-guard-grid b {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-candidate-detail-content {padding: 14px 16px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel-soft, #fff8ef); color: var(--xzm-text, #241207); font-size: 15px; line-height: 1.9; white-space: pre-wrap;} .xzm-draft-guide {display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .18)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 70%,var(--xzm-panel, #fff));} .xzm-draft-guide strong {color: var(--xzm-text, #241207); white-space: nowrap;} .xzm-draft-guide.viewing {border-color: color-mix(in srgb,#3b82f6 24%,var(--xzm-border, rgba(245, 158, 11, .18))); background: color-mix(in srgb,#3b82f6 6%,var(--xzm-panel, #fff));} .xzm-manuscript-panel .ant-input[readonly],.xzm-manuscript-panel textarea.ant-input[readonly] {border-color: transparent; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 62%,var(--xzm-panel, #fff)); box-shadow: none; cursor: default;} .xzm-manuscript-panel textarea.ant-input {overflow: hidden; resize: none; line-height: 1.86; font-size: 15px;} .xzm-draft-save-strip {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #e07040) 26%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 7%,var(--xzm-panel, #fff));} .xzm-draft-save-strip > div {min-width: 0; display: grid; gap: 2px;} .xzm-draft-save-strip strong {color: var(--xzm-text, #241207);} .xzm-memory-locate {display: grid; gap: 12px;} .xzm-memory-locate-snippet {padding: 14px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel-soft, #fff8ef); color: var(--xzm-text, #241207); line-height: 1.85; white-space: pre-wrap;} .xzm-memory-locate-snippet mark {padding: 1px 3px; border-radius: 4px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 24%,#fff); color: inherit;} .xzm-memory-locate-memory {display: grid; gap: 6px; padding: 12px; border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-memory-locate-memory p {margin: 0; color: var(--xzm-text, #241207); line-height: 1.72;} .xzm-activity-feed {background: var(--xzm-panel-soft, #fff8ef);} .xzm-feed-head span {color: var(--xzm-muted, #7a6558); font-weight: 800;} .xzm-feed-item {display: grid; grid-template-columns: 10px minmax(0,1fr); gap: 10px;} .xzm-feed-item b,.xzm-activity-row b,.xzm-context-note b {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dot {width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--xzm-gold, #f5a623);} .dot.done,.dot.selected,.dot.approved,.dot.pass {background: #10b981;} .dot.failed,.dot.risk,.dot.fail {background: #ef4444;} .xzm-composer {flex: 0 0 auto; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; align-items: end; justify-items: center; padding: 10px 24px 18px; border-top: 0; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent) 26%),color-mix(in srgb,var(--xzm-shell, #fff8ef) 92%,transparent); backdrop-filter: blur(18px);} .xzm-composer.expanded {padding-top: 14px;} .xzm-composer.collapsed {padding-top: 8px;} .xzm-question-card {grid-column: 1 / -1; max-width: 980px; width: 100%; justify-self: center; display: grid; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 66%,transparent); border-radius: 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent); box-shadow: 0 10px 24px rgba(15,23,42,.045); animation: xzmQuestionFadeIn .18s ease-out both;} .xzm-question-card.mini-arc {max-width: 900px; padding: 12px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-question-card.mini-arc .xzm-question-head {padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-question-card.mini-arc .panel-eyebrow {color: color-mix(in srgb,var(--xzm-primary, #e07040) 72%,var(--xzm-muted, #7a6558));} .xzm-question-card.mini-arc .xzm-question-options {gap: 0; border-top: 0;} .xzm-question-card.mini-arc .xzm-question-option {min-height: 78px; padding: 15px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); border-radius: 0; background: transparent; box-shadow: none; transform: none;} .xzm-question-card.mini-arc .xzm-question-option:hover,.xzm-question-card.mini-arc .xzm-question-option.selected {background: color-mix(in srgb,var(--xzm-primary, #e07040) 3%,transparent); box-shadow: inset 2px 0 0 color-mix(in srgb,var(--xzm-primary, #e07040) 56%,transparent); transform: none;} .xzm-question-card.mini-arc .xzm-question-key {border-radius: 999px;} .xzm-question-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;} .xzm-question-head > div {min-width: 0; display: grid; gap: 4px;} .xzm-question-head b {color: var(--xzm-text, #241207); font-size: 18px; line-height: 1.35;} .xzm-question-head span {color: var(--xzm-muted, #7a6558); font-size: 13px; line-height: 1.55;} .xzm-question-progress {display: flex; align-items: center; gap: 7px;} .xzm-question-progress span {width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 86%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 70%,#fff); color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 900;} .xzm-question-progress span.active {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 45%,transparent); color: var(--xzm-primary, #e07040);} .xzm-question-progress span.done {background: color-mix(in srgb,var(--xzm-primary, #e07040) 12%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .xzm-question-review {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-question-review-item {min-width: 0; max-width: 260px; display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 7px; padding: 7px 8px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #e07040) 12%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 3%,var(--xzm-panel, #fff));} .xzm-question-review-item > span {width: 19px; height: 19px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 13%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #e07040); font-size: 11px; font-weight: 900;} .xzm-question-review-item div {min-width: 0; display: grid; gap: 3px;} .xzm-question-review-item header,.xzm-composer-selection-chip header {min-width: 0; display: flex; align-items: center; gap: 6px;} .xzm-question-review-item header small,.xzm-composer-selection-chip header small {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-question-review-item small,.xzm-question-review-item p,.xzm-question-review-item em {color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.5;} .xzm-question-review-item b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35;} .xzm-question-review-item p,.xzm-question-review-item em {display: none; margin: 0;} .xzm-question-review-item em {font-style: normal; color: color-mix(in srgb,var(--xzm-text, #241207) 74%,var(--xzm-muted, #7a6558));} .xzm-question-options {display: grid; grid-template-columns: 1fr; gap: 8px;} .xzm-question-stack {display: grid; gap: 10px;} .xzm-question-block {display: grid; gap: 6px;} .xzm-question-block + .xzm-question-block {padding-top: 9px; border-top: 1px solid var(--xzm-border, rgba(148, 163, 184, .18));} .xzm-question-block-head {min-width: 0; display: grid; gap: 3px;} .xzm-question-block-head b {color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.35;} .xzm-question-block-head small {min-width: 0; color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.5;} .xzm-question-option {min-width: 0; min-height: 74px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: start; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 78%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,transparent); color: var(--xzm-text, #241207); text-align: left; cursor: pointer; transform-origin: 50% 0%; animation: xzmQuestionOptionIn .16s ease-out both; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;} .xzm-question-option:hover,.xzm-question-option.selected {border-color: var(--xzm-primary, #e07040); background: color-mix(in srgb,var(--xzm-primary, #e07040) 5%,var(--xzm-panel, #fff)); box-shadow: 0 0 0 2px color-mix(in srgb,var(--xzm-primary, #e07040) 8%,transparent); transform: translateY(-1px);} .xzm-question-key {width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #e07040); font-size: 12px; font-weight: 900; margin-top: 1px;} .xzm-question-option.selected .xzm-question-key {background: var(--xzm-primary, #e07040); color: #fff;} .xzm-question-copy {min-width: 0; display: grid; gap: 4px;} .xzm-question-copy b,.xzm-question-copy small,.xzm-question-copy em {min-width: 0;} .xzm-question-copy b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35;} .xzm-question-copy small {color: var(--xzm-muted, #7a6558); font-size: 13px; line-height: 1.55; display: block; overflow: visible; white-space: normal;} .xzm-question-copy em {color: color-mix(in srgb,var(--xzm-text, #241207) 68%,var(--xzm-muted, #7a6558)); font-size: 12px; font-style: normal; line-height: 1.45;} .xzm-question-option-meta {display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; padding-top: 1px;} .xzm-question-tooltip {max-width: 340px; display: grid; gap: 6px;} .xzm-question-tooltip b {color: #fff; font-size: 13px; line-height: 1.35;} .xzm-question-tooltip span,.xzm-question-tooltip p,.xzm-question-tooltip em {margin: 0; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.5;} .xzm-question-tooltip em {color: rgba(255,255,255,.9); font-style: normal;} .xzm-question-option.custom {border-style: dashed;} .xzm-question-ready {display: grid; gap: 3px; padding: 11px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 80%,transparent); border-radius: 10px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 52%,var(--xzm-panel, #fff));} .xzm-question-ready b {color: var(--xzm-text, #241207); font-size: 14px;} .xzm-question-ready span {color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.5;} @keyframes xzmQuestionFadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes xzmQuestionOptionIn {from {opacity: 0;} to {opacity: 1;}} .xzm-composer.collapsed {align-items: center;} .xzm-composer-shell {width: min(1180px,100%); justify-self: center; display: grid; gap: 10px; padding: 11px 13px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(245, 158, 11, .18)) 46%,transparent); border-radius: 16px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,transparent); box-shadow: 0 14px 36px rgba(60,28,11,.09),0 1px 0 rgba(255,255,255,.72) inset; backdrop-filter: blur(18px);} .xzm-composer.expanded .xzm-composer-shell {gap: 12px; padding: 13px 15px 12px; border-radius: 18px;} .xzm-composer.creation-ready .xzm-composer-shell {padding: 12px 14px;} .xzm-composer.creation-ready.expanded .xzm-composer-shell {padding: 14px 16px 12px;} .xzm-composer.world-building-minimal {padding-top: 8px;} .xzm-composer.world-building-minimal .xzm-composer-shell {width: min(900px,100%); grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 14px;} .xzm-composer.world-building-minimal .xzm-composer-toolbar {padding-top: 0; border-top: 0;} .xzm-composer.world-building-minimal .xzm-composer-toolbar-left {display: none;} .xzm-composer.world-building-minimal .xzm-composer-actions {justify-content: center;} .xzm-agent-status-bar {width: min(900px,100%); min-width: 0; margin: 0 auto 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 7px;} .xzm-agent-status-bar.inline-process {grid-template-columns: minmax(0,1fr); align-items: stretch; gap: 0;} .xzm-agent-status-main {width: 100%; min-width: 0; min-height: 44px; display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 6px 10px 6px 7px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 50%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 64%,transparent); box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent); color: var(--xzm-muted, #7a6558); text-align: left; cursor: pointer; backdrop-filter: blur(12px);} .xzm-agent-status-bar.inline-process.expanded .xzm-agent-status-main {border-bottom-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 30%,transparent); border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent); box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent),inset 0 -1px 0 color-mix(in srgb,#fff 48%,transparent);} .xzm-agent-status-main[aria-disabled="true"] {cursor: default;} .xzm-agent-status-main > svg {transition: transform .16s ease,color .16s ease;} .xzm-agent-status-main[aria-expanded="true"] > svg {transform: rotate(90deg);} .xzm-agent-dock-button.ant-btn {width: 36px; min-width: 36px; height: 36px; padding: 0; border-radius: 11px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 78%,transparent);} .xzm-agent-dock-button.ant-btn:not(:disabled):hover {background: color-mix(in srgb,var(--xzm-primary, #e07040) 10%,transparent); color: var(--xzm-text, #241207);} .xzm-agent-avatar { --xzm-agent-line: #111214; --xzm-agent-fill: #fff; --xzm-agent-shadow: color-mix(in srgb, var(--xzm-text, #0f172a) 9%, transparent); position: relative; width: 34px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; isolation: isolate; overflow: visible; } .xzm-agent-status-bar.queued .xzm-agent-avatar { --xzm-agent-shadow: color-mix(in srgb, #c47a16 18%, transparent); } .xzm-agent-status-bar.completed .xzm-agent-avatar { --xzm-agent-shadow: color-mix(in srgb, #15935f 18%, transparent); } .xzm-agent-status-bar.failed .xzm-agent-avatar { --xzm-agent-shadow: color-mix(in srgb, #dc2626 18%, transparent); } .xzm-agent-orb {position: relative; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px; background: var(--xzm-agent-fill); border: 2px solid var(--xzm-agent-line); box-shadow: 0 5px 12px var(--xzm-agent-shadow); overflow: visible; transform-origin: 50% 65%;} .xzm-agent-face-mark { --xzm-agent-face-y: -2.75px; --xzm-agent-face-scale: 1; position: relative; z-index: 3; width: 10.6px; height: 6.2px; display: block; transform: translateY(var(--xzm-agent-face-y)) scale(var(--xzm-agent-face-scale)); } .xzm-agent-eye {position: absolute; top: .15px; width: 2.85px; height: 4.55px; border-radius: 999px; background: var(--xzm-agent-line); transform-origin: 50% 50%;} .xzm-agent-eye.left {left: 1.15px;} .xzm-agent-eye.right {right: 1.15px;} .xzm-agent-avatar.large {width: 56px; height: 54px;} .xzm-agent-avatar.large .xzm-agent-orb {width: 42px; height: 42px; border-width: 2.5px; box-shadow: 0 12px 26px var(--xzm-agent-shadow);} .xzm-agent-avatar.large .xzm-agent-face-mark { --xzm-agent-face-y: -3px; --xzm-agent-face-scale: 1.35; } .xzm-inspiration-agent-avatar { --xzm-inspiration-agent-line: color-mix(in srgb, var(--xzm-text, #241207) 86%, #0f766e); --xzm-inspiration-agent-fill: color-mix(in srgb, var(--xzm-panel, #fff) 90%, #e7fbf4); --xzm-inspiration-agent-accent: #0f766e; color: var(--xzm-inspiration-agent-line); } .xzm-inspiration-agent-shell {position: relative; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 999px; isolation: isolate; transform-origin: 50% 64%;} .xzm-inspiration-agent-shell::before {content: ""; position: absolute; inset: 2px 3px 4px; border-radius: 999px; background: radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--xzm-inspiration-agent-accent) 19%,transparent),transparent 30%),radial-gradient(circle at 42% 55%,var(--xzm-inspiration-agent-fill),color-mix(in srgb,var(--xzm-panel, #fff) 80%,transparent) 70%); box-shadow: 0 8px 16px color-mix(in srgb,var(--xzm-inspiration-agent-accent) 14%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent),inset 0 -2px 0 color-mix(in srgb,var(--xzm-inspiration-agent-accent) 8%,transparent); z-index: 0;} .xzm-inspiration-agent-face {position: relative; z-index: 3; width: 16px; height: 13px; display: block; border: 2px solid var(--xzm-inspiration-agent-line); border-radius: 9px 9px 8px 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent); box-shadow: 0 3px 8px color-mix(in srgb,var(--xzm-inspiration-agent-accent) 14%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 68%,transparent); transform: translateY(1px); transform-origin: 50% 58%;} .xzm-inspiration-agent-face::before {content: ""; position: absolute; top: -8px; right: -4px; width: 6px; height: 6px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-inspiration-agent-accent) 72%,#fff); box-shadow: 0 0 0 3px color-mix(in srgb,var(--xzm-inspiration-agent-accent) 10%,transparent);} .xzm-inspiration-agent-eye {position: absolute; top: 3px; width: 2.6px; height: 3.8px; border-radius: 999px; background: var(--xzm-inspiration-agent-line); transform-origin: 50% 50%;} .xzm-inspiration-agent-eye.left {left: 4px;} .xzm-inspiration-agent-eye.right {right: 4px;} .xzm-inspiration-agent-mouth {position: absolute; left: 50%; bottom: 2px; width: 5px; height: 2px; border-radius: 0 0 999px 999px; border-bottom: 1.6px solid color-mix(in srgb,var(--xzm-inspiration-agent-line) 82%,transparent); transform: translateX(-50%);} .xzm-inspiration-agent-pulse {position: absolute; inset: 1px; z-index: 1; border: 1px solid color-mix(in srgb,var(--xzm-inspiration-agent-accent) 32%,transparent); border-radius: 999px; opacity: 0; transform: scale(.92);} .xzm-inspiration-agent-scan {position: absolute; left: 8px; right: 8px; top: 13px; z-index: 3; height: 1px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-inspiration-agent-accent) 80%,#fff); opacity: 0; box-shadow: 0 0 8px color-mix(in srgb,var(--xzm-inspiration-agent-accent) 46%,transparent);} .xzm-inspiration-agent-signal {position: absolute; z-index: 4; width: 5px; height: 5px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-inspiration-agent-accent) 82%,#fff); box-shadow: 0 0 0 3px color-mix(in srgb,var(--xzm-inspiration-agent-accent) 10%,transparent);} .xzm-inspiration-agent-signal.one {top: 2px; right: 1px;} .xzm-inspiration-agent-signal.two {top: -2px; right: 8px; width: 3px; height: 3px; opacity: .68;} .xzm-agent-avatar.large .xzm-inspiration-agent-shell {width: 48px; height: 48px;} .xzm-agent-avatar.large .xzm-inspiration-agent-shell::before {inset: 4px 5px 6px; box-shadow: 0 14px 30px color-mix(in srgb,var(--xzm-inspiration-agent-accent) 16%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent);} .xzm-agent-avatar.large .xzm-inspiration-agent-face {width: 24px; height: 19px; border-width: 2.5px; border-radius: 13px 13px 11px 11px; transform: translateY(2px);} .xzm-agent-avatar.large .xzm-inspiration-agent-face::before {top: -12px; right: -7px; width: 8px; height: 8px;} .xzm-agent-avatar.large .xzm-inspiration-agent-eye {top: 5px; width: 3.8px; height: 5.6px;} .xzm-agent-avatar.large .xzm-inspiration-agent-eye.left {left: 6px;} .xzm-agent-avatar.large .xzm-inspiration-agent-eye.right {right: 6px;} .xzm-agent-avatar.large .xzm-inspiration-agent-mouth {bottom: 3px; width: 8px;} .xzm-agent-avatar.large .xzm-inspiration-agent-scan {left: 13px; right: 13px; top: 21px;} .xzm-agent-avatar.large .xzm-inspiration-agent-signal.one {top: 4px; right: 3px; width: 7px; height: 7px;} .xzm-agent-avatar.large .xzm-inspiration-agent-signal.two {top: -1px; right: 14px; width: 4px; height: 4px;} .xzm-agent-status-bar:not(.failed) .xzm-agent-orb {animation: xzmAgentIdleBreathe 5.2s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent:not(.failed) .xzm-inspiration-agent-shell {animation: xzmAgentIdleBreathe 5.2s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-shell {animation: xzmAgentFloat 2.8s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent:not(.failed) .xzm-inspiration-agent-face {animation: xzmAgentIdleLook 7.4s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-face {animation: xzmAgentLook 4.6s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent:not(.failed) .xzm-inspiration-agent-eye {animation: xzmAgentBlink 5.8s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-eye {animation: xzmAgentBlink 3.6s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-pulse {animation: xzmAgentPulse 2.2s ease-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-scan {animation: xzmAgentScan 2.4s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-signal {animation: xzmAgentSignal 1.7s ease-in-out infinite;} .xzm-agent-status-bar.inspiration-agent.active .xzm-inspiration-agent-signal.two {animation-delay: .35s;} .xzm-agent-status-bar.inspiration-agent.failed .xzm-inspiration-agent-face {border-color: color-mix(in srgb,#dc2626 72%,var(--xzm-text, #241207)); color: color-mix(in srgb,#dc2626 72%,var(--xzm-text, #241207)); animation: none;} .xzm-agent-status-bar:not(.failed) .xzm-agent-face-mark {animation: xzmAgentIdleLook 7.4s ease-in-out infinite;} .xzm-agent-status-bar:not(.failed) .xzm-agent-eye {animation: xzmAgentBlink 5.8s ease-in-out infinite;} .xzm-agent-status-bar.active .xzm-agent-orb {animation: xzmAgentFloat 2.8s ease-in-out infinite;} .xzm-agent-status-bar.active .xzm-agent-face-mark {animation: xzmAgentLook 4.6s ease-in-out infinite;} .xzm-agent-status-bar.active .xzm-agent-eye {animation: xzmAgentBlink 3.6s ease-in-out infinite;} .xzm-agent-status-bar.queued .xzm-agent-orb {animation-duration: 3s;} .xzm-agent-status-bar.completed .xzm-agent-orb {box-shadow: 0 5px 12px var(--xzm-agent-shadow),0 0 0 3px color-mix(in srgb,#16a34a 12%,transparent);} .xzm-agent-status-bar.failed .xzm-agent-orb {box-shadow: 0 5px 12px var(--xzm-agent-shadow),0 0 0 3px color-mix(in srgb,#ef4444 12%,transparent);} .xzm-agent-status-bar.failed .xzm-agent-eye {height: 2px; top: 2px; animation: none;} .xzm-agent-status-copy {min-width: 0; display: flex; align-items: baseline; gap: 8px;} .xzm-agent-status-copy b,.xzm-agent-status-copy em,.xzm-agent-status-bar strong {white-space: nowrap; font-size: 12px; line-height: 1.2; font-style: normal;} .xzm-agent-status-copy b {color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-muted, #7a6558)); font-weight: 820;} .xzm-agent-status-copy em,.xzm-agent-status-bar strong {color: color-mix(in srgb,var(--xzm-primary, #e07040) 68%,var(--xzm-muted, #7a6558)); font-weight: 780;} .xzm-agent-status-copy small {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #7a6558)); font-size: 12px; line-height: 1.2;} .xzm-agent-status-bar svg {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 78%,transparent);} .xzm-agent-status-bar.focus {width: min(820px,100%); margin-bottom: 4px;} .xzm-agent-status-bar.focus .xzm-agent-status-main {min-height: 36px; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 8px; padding: 4px 8px 4px 5px; border-color: transparent; background: transparent; box-shadow: none; backdrop-filter: none;} .xzm-agent-status-bar.focus .xzm-agent-avatar {width: 28px; height: 28px;} .xzm-agent-status-bar.focus .xzm-agent-orb {width: 22px; height: 22px; border-width: 2px; box-shadow: 0 4px 9px var(--xzm-agent-shadow);} .xzm-agent-status-bar.focus .xzm-agent-face-mark { --xzm-agent-face-y: -1.8px; --xzm-agent-face-scale: .88; } .xzm-agent-status-bar.focus .xzm-agent-status-copy small {color: color-mix(in srgb,var(--xzm-text, #241207) 52%,var(--xzm-muted, #7a6558));} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline {width: 100%; min-width: 0; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 50%,transparent); border-top: 0; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 58%,transparent); box-shadow: 0 12px 22px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent); backdrop-filter: blur(12px); overflow: hidden;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-stream-body {width: 100%; max-width: none; gap: 8px; margin: 0; padding: 6px 12px 12px 51px; border-left: 0;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-line-list {gap: 6px;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-line {color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #7a6558)); font-size: 12.5px; line-height: 1.5;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-line i {width: 5px; height: 5px; margin-top: 7px;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-cancel.ant-btn {margin-left: -2px;} .xzm-agent-status-bar.inspiration-agent .xzm-agent-status-main {border-color: color-mix(in srgb,var(--xzm-inspiration-agent-accent, #0f766e) 18%,var(--xzm-border, rgba(148, 163, 184, .18))); background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-inspiration-agent-accent, #0f766e) 7%,transparent),transparent 42%),color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent);} .xzm-agent-status-bar.inspiration-agent.inline-process .xzm-process-stream.inline {border-color: color-mix(in srgb,var(--xzm-inspiration-agent-accent, #0f766e) 16%,var(--xzm-border, rgba(148, 163, 184, .18))); background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-inspiration-agent-accent, #0f766e) 5%,transparent),transparent 58%),color-mix(in srgb,var(--xzm-panel, #fff) 62%,transparent);} .xzm-agent-status-bar.inspiration-agent.inline-process .xzm-process-line {color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-muted, #7a6558));} .xzm-agent-status-bar.inspiration-agent.inline-process .xzm-process-line i.active {box-shadow: 0 0 0 5px color-mix(in srgb,var(--xzm-inspiration-agent-accent, #0f766e) 10%,transparent);} .xzm-agent-status-bar.focus.inline-process.expanded .xzm-agent-status-main {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 42%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 58%,transparent); box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent); backdrop-filter: blur(12px);} @keyframes xzmAgentFloat {0%,100% {transform: translateY(0) scale(1);} 50% {transform: translateY(-1px) scale(1.025,.985);}} @keyframes xzmAgentIdleBreathe {0%,100% {transform: translateY(0) scale(1);} 50% {transform: translateY(-.5px) scale(1.012,.992);}} @keyframes xzmAgentIdleLook {0%,54%,100% {transform: translateY(var(--xzm-agent-face-y)) translateX(0) scale(var(--xzm-agent-face-scale));} 64%,72% {transform: translateY(var(--xzm-agent-face-y)) translateX(.6px) scale(var(--xzm-agent-face-scale));} 82%,90% {transform: translateY(var(--xzm-agent-face-y)) translateX(-.5px) scale(var(--xzm-agent-face-scale));}} @keyframes xzmAgentLook {0%,58%,100% {transform: translateY(var(--xzm-agent-face-y)) translateX(0) scale(var(--xzm-agent-face-scale));} 68%,76% {transform: translateY(var(--xzm-agent-face-y)) translateX(1px) scale(var(--xzm-agent-face-scale));} 84%,90% {transform: translateY(var(--xzm-agent-face-y)) translateX(-1px) scale(var(--xzm-agent-face-scale));}} @keyframes xzmAgentBlink {0%,88%,100% {transform: scaleY(1);} 92% {transform: scaleY(.12);}} @keyframes xzmAgentPulse {0% {opacity: .5; transform: scale(.9);} 72%,100% {opacity: 0; transform: scale(1.28);}} @keyframes xzmAgentScan {0%,100% {opacity: 0; transform: translateY(-5px) scaleX(.52);} 34% {opacity: .86; transform: translateY(0) scaleX(1);} 68% {opacity: 0; transform: translateY(5px) scaleX(.68);}} @keyframes xzmAgentSignal {0%,100% {opacity: .5; transform: translateY(0) scale(1);} 50% {opacity: 1; transform: translateY(-1px) scale(1.2);}} @media (prefers-reduced-motion: reduce) {.xzm-agent-orb,.xzm-agent-face-mark,.xzm-agent-eye,.xzm-inspiration-agent-shell,.xzm-inspiration-agent-pulse,.xzm-inspiration-agent-scan,.xzm-inspiration-agent-signal {animation: none !important;}} .focus-mode .xzm-composer.collapsed:not(.has-question):not(.creation-ready) .xzm-composer-submit.ant-btn {box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 14%,transparent);} .xzm-process-drawer-shell .xzm-process-stream {border: 0; background: transparent; box-shadow: none;} .xzm-composer-question {min-width: 0; max-height: min(42vh,420px); display: grid; gap: 8px; padding: 2px 2px 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent); overflow-y: auto; overscroll-behavior: contain; animation: xzmQuestionFadeIn .16s ease-out both; -webkit-overflow-scrolling: touch;} .xzm-composer-question-head {min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px;} .xzm-composer-question-head span {color: color-mix(in srgb,var(--xzm-primary, #127c6b) 74%,var(--xzm-muted, #70584d)); font-size: 11px; font-weight: 900; white-space: nowrap;} .xzm-composer-question-head b {min-width: 0; overflow: visible; color: color-mix(in srgb,var(--xzm-text, #241207) 92%,transparent); font-size: 13px; font-weight: 860; line-height: 1.35; white-space: normal;} .xzm-composer-question-head em {color: color-mix(in srgb,var(--xzm-muted, #70584d) 70%,transparent); font-size: 11px; font-style: normal; font-weight: 850;} .xzm-composer-question > p {margin: 0; overflow: visible; color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,transparent); font-size: 12px; line-height: 1.55; white-space: normal;} .xzm-composer-question-flow {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .xzm-composer-question-steps,.xzm-composer-question-nav {min-width: 0; display: flex; align-items: center; gap: 5px;} .xzm-composer-question-steps {flex: 1 1 auto; flex-wrap: wrap;} .xzm-composer-question-steps button,.xzm-composer-question-nav button {appearance: none; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer;} .xzm-composer-question-steps button {width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 84%,var(--xzm-text, #241207)); font-size: 11px; font-weight: 900; line-height: 1; transition: background .16s ease,color .16s ease,box-shadow .16s ease;} .xzm-composer-question-steps button.answered {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,transparent); color: color-mix(in srgb,var(--xzm-primary, #127c6b) 86%,var(--xzm-text, #241207));} .xzm-composer-question-steps button.active {background: var(--xzm-text, #241207); color: var(--xzm-panel, #fff); box-shadow: 0 4px 10px color-mix(in srgb,var(--xzm-text, #241207) 12%,transparent);} .xzm-composer-question-nav {flex: 0 0 auto; color: color-mix(in srgb,var(--xzm-muted, #70584d) 78%,transparent);} .xzm-composer-question-nav button {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 999px; color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,var(--xzm-text, #241207)); transition: background .16s ease,color .16s ease;} .xzm-composer-question-nav button:not(:disabled):hover {background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); color: var(--xzm-text, #241207);} .xzm-composer-question-nav button:disabled {opacity: .36; cursor: default;} .xzm-composer-question-nav span {min-width: 48px; color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,transparent); font-size: 11px; font-weight: 850; text-align: center; white-space: nowrap;} .xzm-composer-question-nav span.answered {color: color-mix(in srgb,var(--xzm-primary, #127c6b) 74%,var(--xzm-muted, #70584d));} .xzm-composer-question-auto-row {min-width: 0; display: flex; justify-content: flex-start;} .xzm-composer-question-auto {appearance: none; min-width: 0; display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 22%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #127c6b) 84%,var(--xzm-text, #241207)); font: inherit; font-size: 12px; font-weight: 860; line-height: 1; cursor: pointer; transition: border-color .16s ease,background .16s ease,color .16s ease;} .xzm-composer-question-auto:hover {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 36%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b);} .xzm-composer-question-options {min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px;} .xzm-composer-question-options button {position: relative; min-width: 0; min-height: 50px; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: start; gap: 7px; padding: 8px 8px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); border-radius: 9px; background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent); color: var(--xzm-text, #241207); text-align: left; cursor: pointer; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease;} .xzm-composer-question-options button:hover,.xzm-composer-question-options button.selected {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 36%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff));} .xzm-composer-question-options button.selected {box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #127c6b) 28%,transparent);} .xzm-composer-question-options button > span {width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 84%,var(--xzm-text, #241207)); font-size: 11px; font-weight: 900; line-height: 1;} .xzm-composer-question-options button.selected > span {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 14%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b);} .xzm-composer-question-options button b,.xzm-composer-question-options button small {min-width: 0; overflow: visible;} .xzm-composer-question-options button b {color: color-mix(in srgb,var(--xzm-text, #241207) 88%,transparent); font-size: 12px; font-weight: 850; line-height: 1.35; white-space: normal;} .xzm-composer-question-options button small {grid-column: 2; display: block; color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,transparent); font-size: 11px; line-height: 1.45;} .xzm-composer-question-options button.custom {border-style: dashed;} .xzm-composer-question-empty {grid-column: 1 / -1; padding: 10px 12px; border: 1px solid color-mix(in srgb,#f59e0b 24%,transparent); border-radius: 8px; background: color-mix(in srgb,#f59e0b 8%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800;} .xzm-composer-selection-summary {min-width: 0; display: grid; gap: 7px; padding: 0 2px;} .xzm-composer-selection-chip {min-width: 0; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #e07040) 16%,var(--xzm-border, rgba(245, 158, 11, .18))); border-radius: 10px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 5%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .xzm-composer-selection-chip > span {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 16%,#fff); color: var(--xzm-primary, #e07040); font-size: 11px; font-weight: 900;} .xzm-composer-selection-chip b,.xzm-composer-selection-chip small,.xzm-composer-selection-chip em {min-width: 0;} .xzm-composer-selection-chip div {min-width: 0; display: grid; gap: 2px;} .xzm-composer-selection-chip b {font-size: 13px; font-weight: 900;} .xzm-composer-selection-chip small {color: var(--xzm-muted, #7a6558); font-size: 11px; font-weight: 760;} .xzm-composer-selection-chip em {color: color-mix(in srgb,var(--xzm-text, #241207) 66%,var(--xzm-muted, #7a6558)); font-size: 12px; font-style: normal; line-height: 1.45; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-composer-selection-chip i {width: 20px; height: 20px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 80%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 74%,#fff); color: var(--xzm-muted, #7a6558); cursor: help; font-style: normal;} .xzm-composer-selection-chip i:hover {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 35%,transparent); color: var(--xzm-primary, #e07040);} .xzm-composer-topline {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 8px;} .xzm-composer-model-trigger {height: 32px; max-width: min(240px,100%); display: inline-grid; grid-template-columns: minmax(0,auto) minmax(0,auto) auto; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 86%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 72%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207); cursor: pointer; box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 48%,transparent);} .xzm-composer-model-trigger b,.xzm-composer-model-trigger span,.xzm-composer-model-trigger em {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer-model-trigger b {font-size: 13px; font-weight: 900;} .xzm-composer-model-trigger span {color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-muted, #7a6558)); font-size: 13px; font-weight: 880;} .xzm-composer-model-trigger em {color: var(--xzm-muted, #7a6558); font-size: 12px; font-style: normal; font-weight: 760;} .xzm-composer-model-trigger svg {color: var(--xzm-muted, #7a6558);} .xzm-composer-model-trigger:hover,.xzm-composer-model-trigger.open {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 28%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #e07040) 7%,var(--xzm-panel, #fff));} .xzm-composer-model-trigger.open svg {transform: rotate(180deg);} .xzm-composer.agent-ready .xzm-composer-shell {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 22%,var(--xzm-border, rgba(148, 163, 184, .2)));} .xzm-composer.agent-ready .xzm-composer-topline {grid-template-columns: minmax(0,1fr); align-items: center; gap: 0;} .xzm-composer.agent-ready .xzm-composer-input {width: 100%; gap: 0;} .xzm-composer.agent-ready .xzm-composer-input > span {display: none;} .xzm-composer.agent-ready .xzm-composer-input textarea.ant-input {width: 100%; min-height: 48px; max-height: 132px; padding: 11px 13px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 84%,transparent); border-radius: 13px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,transparent); box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent),0 7px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent); font-size: 15px; line-height: 1.5;} .xzm-composer.agent-ready .xzm-composer-input textarea.ant-input:hover,.xzm-composer.agent-ready .xzm-composer-input textarea.ant-input:focus {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,var(--xzm-border, rgba(148, 163, 184, .2))); background: var(--xzm-panel, #fff); box-shadow: 0 0 0 3px color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,transparent),0 9px 22px color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,transparent);} .xzm-composer.agent-ready .xzm-composer-toggle {display: none;} .xzm-composer-agent-help {min-width: 0; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.4fr); gap: 10px; align-items: center; padding: 8px 2px 2px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 62%,transparent);} .xzm-composer-agent-help > div:first-child {min-width: 0; display: grid; gap: 2px;} .xzm-composer-agent-help b {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: color-mix(in srgb,var(--xzm-text, #241207) 88%,transparent); font-size: 12px; font-weight: 880;} .xzm-composer-agent-help small {min-width: 0; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,transparent); font-size: 11.5px; line-height: 1.45;} .xzm-composer-agent-prompts {min-width: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; overflow: visible;} .xzm-composer-agent-prompts button {min-width: 0; max-width: none; height: 28px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 16%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 5%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-primary, #0f766e)); font-size: 11.5px; font-weight: 780; overflow: visible; text-overflow: clip; white-space: nowrap; cursor: pointer;} .xzm-composer-agent-busy {min-width: 0; min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 18%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 13px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 4%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558)); box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent);} .xzm-composer-agent-busy svg {flex: 0 0 auto; color: var(--xzm-primary, #0f766e); animation: xzmAgentGlow 1.8s ease-in-out infinite;} .xzm-composer-agent-busy span {min-width: 0; display: grid; gap: 2px;} .xzm-composer-agent-busy b,.xzm-composer-agent-busy small {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer-agent-busy b {color: color-mix(in srgb,var(--xzm-text, #241207) 86%,var(--xzm-primary, #0f766e)); font-size: 13px; font-weight: 900;} .xzm-composer-agent-busy small {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,transparent); font-size: 12px; line-height: 1.35;} @keyframes xzmAgentGlow {0%,100% {opacity: .66; transform: scale(1);} 50% {opacity: 1; transform: scale(1.08);}} .xzm-composer-agent-prompts button:hover,.xzm-composer-agent-prompts button:focus-visible {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); outline: none;} .xzm-composer.agent-ready .xzm-composer-submit-tooltip {width: auto; min-width: 112px;} .xzm-composer.agent-ready .xzm-composer-submit.ant-btn {width: auto; min-width: 112px; padding: 0 15px; border-radius: 999px;} .xzm-composer.agent-ready .xzm-composer-submit.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: inline-flex; max-width: 104px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer.agent-ready .xzm-composer-submit.ant-btn .ant-btn-icon {margin-inline-end: 6px;} .xzm-composer-model-dropdown .ant-dropdown-menu {display: none;} .xzm-composer-model-menu {width: min(340px,calc(100vw - 24px)); display: grid; gap: 10px; padding: 8px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 84%,transparent); border-radius: 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,var(--xzm-panel-soft, #fff8ef)); box-shadow: 0 22px 54px rgba(15,23,42,.2);} .xzm-composer-model-section {display: grid; gap: 2px;} .xzm-composer-model-section + .xzm-composer-model-section {padding-top: 8px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 74%,transparent);} .xzm-composer-model-section > span {padding: 4px 8px 5px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 78%,transparent); font-size: 11px; font-weight: 880; letter-spacing: 0;} .xzm-composer-model-section button {min-width: 0; min-height: 48px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 7px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-composer-model-section button:hover,.xzm-composer-model-section button.active {background: color-mix(in srgb,var(--xzm-primary, #e07040) 9%,var(--xzm-panel-soft, #fff8ef));} .xzm-composer-model-copy {min-width: 0; display: grid; gap: 2px;} .xzm-composer-model-copy b,.xzm-composer-model-copy small {min-width: 0; overflow: hidden; text-overflow: ellipsis;} .xzm-composer-model-copy b {display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 850; white-space: nowrap;} .xzm-composer-engine-tier {flex: none; padding: 1px 5px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 9%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #e07040) 78%,var(--xzm-text, #241207)); font-size: 10px; font-weight: 900; line-height: 1.35;} .xzm-composer-model-copy small {color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 720; line-height: 1.35;} .xzm-composer-model-right {display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px;} .xzm-composer-engine-multiplier {min-width: 42px; padding: 3px 8px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,var(--xzm-panel-soft, #fff8ef)); color: color-mix(in srgb,var(--xzm-muted, #7a6558) 86%,var(--xzm-text, #241207)); font-size: 12px; font-style: normal; font-weight: 900; line-height: 1.1; text-align: center; white-space: nowrap;} .xzm-composer-model-section button.active .xzm-composer-engine-multiplier {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 34%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #e07040) 11%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #e07040) 78%,var(--xzm-text, #241207));} .xzm-composer-model-section button svg {flex: 0 0 auto; color: var(--xzm-primary, #e07040);} .xzm-composer-actions {display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0;} .xzm-composer-actions.single {min-width: 0;} .xzm-composer-secondary-action.ant-btn {min-width: 0; height: 32px; padding: 0 8px; border-radius: 999px; color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 850;} .xzm-composer-secondary-action.ant-btn:hover {background: color-mix(in srgb,var(--xzm-text, #241207) 5%,transparent); color: var(--xzm-text, #241207);} .xzm-composer-secondary-action.ant-btn.icon-only {width: 40px; min-width: 40px; height: 40px; padding: 0; display: inline-grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,transparent); box-shadow: 0 8px 18px color-mix(in srgb,#0f172a 7%,transparent); color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,var(--xzm-text, #241207));} .xzm-composer-secondary-action.ant-btn.icon-only:hover {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 28%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #e07040) 7%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #e07040);} .xzm-composer-secondary-action.ant-btn.icon-only .ant-btn-icon {margin-inline-end: 0;} .xzm-composer-input {display: grid; gap: 6px; min-width: 0;} .xzm-composer-input > span {color: color-mix(in srgb,var(--xzm-muted, #9a6a4f) 64%,transparent); font-size: 12px; font-weight: 780; letter-spacing: 0; padding: 0 4px;} .xzm-composer-input textarea.ant-input {min-height: 96px; padding: 6px 4px 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--xzm-text, #241207); font-size: 16px; line-height: 1.62; resize: none;} .xzm-composer-input textarea.ant-input:hover,.xzm-composer-input textarea.ant-input:focus {border: 0; background: transparent; box-shadow: none;} .xzm-composer-input textarea.ant-input::placeholder {color: color-mix(in srgb,var(--xzm-muted, #8b6f61) 42%,transparent); font-weight: 520;} .xzm-composer-collapsed-input {width: 100%; min-width: 0; min-height: 44px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; padding: 0 4px; border: 0; background: transparent; color: inherit; cursor: text; text-align: left;} .xzm-composer-collapsed-input.has-answer {min-height: 58px; align-items: start; padding-block: 7px;} .xzm-composer-collapsed-input span {color: color-mix(in srgb,var(--xzm-muted, #9a6a4f) 62%,transparent); font-size: 12px; font-weight: 780; letter-spacing: 0; white-space: nowrap;} .xzm-composer-collapsed-input > b {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-text, #241207) 48%,transparent); font-size: 16px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer-selected-answer {min-width: 0; display: grid; gap: 3px;} .xzm-composer-selected-answer b {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-text, #241207) 78%,transparent); font-size: 14px; font-weight: 820; line-height: 1.28; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer-selected-answer small {min-width: 0; display: -webkit-box; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,transparent); font-size: 12px; font-weight: 680; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .xzm-composer-collapsed-input:hover > b,.xzm-composer-collapsed-input:hover .xzm-composer-selected-answer b {color: color-mix(in srgb,var(--xzm-text, #241207) 68%,transparent);} .xzm-composer-toolbar {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding-top: 8px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 52%,transparent);} .xzm-composer.collapsed .xzm-composer-toolbar {padding-top: 6px;} .focus-mode .xzm-composer.collapsed:not(.has-question):not(.creation-ready) {padding: 8px 24px 14px; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 78%,transparent) 66%); backdrop-filter: none;} .focus-mode .xzm-composer.collapsed:not(.has-question):not(.creation-ready) .xzm-composer-shell {width: min(860px,calc(100vw - 64px)); padding: 10px 12px; border-radius: 16px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 52%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); box-shadow: 0 12px 30px color-mix(in srgb,var(--xzm-text, #0f172a) 7%,transparent);} .xzm-composer-toolbar-left {min-width: 0; display: inline-flex; align-items: center; gap: 8px; overflow: visible; flex-wrap: wrap;} .xzm-composer-context-spacer {width: 1px; height: 1px; display: inline-block; overflow: hidden;} .xzm-composer-context-chip {min-width: 0; display: inline-flex; align-items: center; height: 30px; padding: 0 11px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 82%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 74%,#fff); color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 800; white-space: nowrap;} .xzm-composer-submit.ant-btn {min-width: 40px; width: 40px; height: 40px; padding: 0; border-radius: 999px; font-weight: 900; box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-primary, #e07040) 16%,transparent);} .xzm-composer-submit-tooltip {display: inline-flex; flex: 0 0 auto; min-width: 0;} .xzm-composer-submit.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: none;} .xzm-composer-submit.ant-btn .ant-btn-icon {margin-inline-end: 0;} .xzm-composer-toggle {width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 82%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 68%,#fff); color: var(--xzm-muted, #7a6558); cursor: pointer; transition: background .16s ease,color .16s ease,transform .16s ease;} .xzm-composer-toggle:hover {background: color-mix(in srgb,var(--xzm-primary, #e07040) 12%,#fff); color: var(--xzm-text, #241207); transform: translateY(-1px);} .xzm-context {grid-column: 5; height: 100vh; position: sticky; top: 0; border-left: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,var(--xzm-shell, #fff8ef)); overflow: auto;} .right-collapsed .xzm-context {display: none;} .xzm-context-utility-header {position: sticky; top: 0; z-index: 3; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 54%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,var(--xzm-shell, #fff8ef)); backdrop-filter: blur(16px);} .xzm-context-utility-actions {min-width: 0; display: grid; grid-template-columns: repeat(4,32px); gap: 5px;} .xzm-context-utility-actions .ant-btn {width: 32px; min-width: 0; height: 32px; padding: 0; border-radius: 9px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 70%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 66%,var(--xzm-muted, #55706e)); box-shadow: none;} .xzm-context-utility-actions .ant-btn:not(:disabled):hover {border-color: color-mix(in srgb,var(--xzm-border-strong, rgba(15, 23, 42, .18)) 84%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); color: var(--xzm-text, #241207);} .xzm-context-utility-header .ant-badge {display: inline-flex; width: 32px; min-width: 0;} .xzm-context-utility-header .xzm-notification-button.ant-btn {width: 32px; min-width: 0;} .xzm-context-utility-header .xzm-credit-cluster {width: auto; min-width: 0;} .xzm-context-utility-header .xzm-credit-pill {flex: 0 1 auto; min-width: 0; max-width: 118px; justify-content: flex-start;} .xzm-context-utility-header .xzm-credit-pill b {overflow: hidden; text-overflow: ellipsis;} .xzm-right-restore-handle.ant-btn {position: fixed; top: 66px; right: 13px; z-index: 12; width: 36px; min-width: 36px; height: 36px; padding: 0; border-radius: 12px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 90%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #55706e)); box-shadow: 0 10px 24px color-mix(in srgb,var(--xzm-text, #0f172a) 8%,transparent); backdrop-filter: blur(14px);} .xzm-right-restore-handle.ant-btn:not(:disabled):hover {border-color: color-mix(in srgb,var(--xzm-border-strong, rgba(15, 23, 42, .18)) 86%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 98%,transparent); color: var(--xzm-text, #241207);} .xzm-context-inner {display: grid; gap: 14px; padding: 16px 14px 18px;} .xzm-context-inspector-head {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0 0 16px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 38%,transparent);} .xzm-context-inspector-title {min-width: 0; display: grid; gap: 4px;} .xzm-context-inspector-title b {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-text, #241207) 90%,transparent); font-size: 15px; line-height: 1.25; font-weight: 800; text-overflow: ellipsis; white-space: nowrap;} .xzm-context-inspector-title span {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 72%,transparent); font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-context-inspector-title small {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 66%,transparent); font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-context-inspector-action {width: 32px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #70584d) 76%,var(--xzm-text, #241207)); cursor: pointer; font-size: 12px; font-weight: 820;} .xzm-context-inspector-action span {display: none;} .xzm-context-inspector-action:hover:not(:disabled) {color: var(--xzm-primary, #127c6b); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,transparent);} .xzm-context-inspector-action:disabled {cursor: not-allowed; opacity: .48;} .xzm-context-section {display: grid; gap: 9px; padding: 0 0 15px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 48%,transparent);} .xzm-context-section + .xzm-context-section {padding-top: 0;} .xzm-context-section.compact {gap: 8px;} .xzm-story-structure-panel {padding-bottom: 13px;} .xzm-story-structure-list {display: grid; gap: 8px;} .xzm-story-structure-item {min-width: 0; display: grid; gap: 5px; padding: 10px 11px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 54%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 70%,var(--xzm-shell, #fff8ef));} .xzm-story-structure-top {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px;} .xzm-story-structure-top span,.xzm-story-structure-top em,.xzm-story-structure-item small {overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 74%,transparent); font-size: 11px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;} .xzm-story-structure-top span {font-weight: 820;} .xzm-story-structure-top em {flex: 0 0 auto; padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 7%,transparent); color: color-mix(in srgb,var(--xzm-primary, #127c6b) 82%,var(--xzm-text, #241207)); font-style: normal; font-weight: 850;} .xzm-story-structure-item b {min-width: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 86%,transparent); font-size: 13px; line-height: 1.35; font-weight: 880; overflow-wrap: anywhere; white-space: normal;} .xzm-story-structure-item p {margin: 0; color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,transparent); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere;} .xzm-story-structure-item small {color: color-mix(in srgb,var(--xzm-muted, #70584d) 66%,transparent);} .xzm-context-titleline {display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0;} .xzm-context-titleline > div {min-width: 0; display: grid; gap: 2px;} .xzm-context-titleline small {color: color-mix(in srgb,var(--xzm-muted, #8b6f61) 78%,transparent); font-size: 11px; line-height: 1.35;} .xzm-context-titleline .ant-btn {flex: 0 0 auto; height: 24px; padding: 0 2px; color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,transparent); font-size: 12px; font-weight: 800;} .xzm-context-titleline .ant-btn:hover {color: var(--xzm-primary, #127c6b); background: transparent;} .xzm-context-stats {display: grid; gap: 6px; border-top: 0; border-bottom: 0;} .xzm-context-stats span {min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 64%,transparent);} .xzm-context-stats span + span {border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent);} .xzm-context-stats b {min-width: 0; overflow: hidden; color: var(--xzm-text, #241207); font-size: 13px; font-weight: 850; line-height: 1; text-overflow: ellipsis; white-space: nowrap;} .xzm-context-stats small {color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,transparent); font-size: 11px; white-space: nowrap;} .xzm-context-quiet-line {color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,transparent); font-size: 12px; line-height: 1.5;} .xzm-side-card-panel {gap: 10px;} .xzm-side-card-progress {min-width: 0; display: flex; align-items: center; gap: 8px; color: color-mix(in srgb,var(--xzm-muted, #70584d) 76%,transparent);} .xzm-side-card-progress b {color: color-mix(in srgb,var(--xzm-text, #241207) 84%,transparent); font-size: 12px; font-weight: 840; font-variant-numeric: tabular-nums;} .xzm-side-card-progress span {min-width: 0; display: flex; align-items: center; gap: 4px; flex: 1;} .xzm-side-card-progress i {height: 3px; flex: 1 1 0; border-radius: 999px; background: color-mix(in srgb,var(--xzm-border-strong, rgba(148, 163, 184, .28)) 58%,transparent);} .xzm-side-card-progress i.ready {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 64%,var(--xzm-accent, #b45309));} .xzm-side-card-list {display: grid; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-side-card-option {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-side-card-select {min-width: 0; display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 8px; align-items: start; padding: 11px 0; border: 0; background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-side-card-select:disabled {cursor: not-allowed; opacity: .7;} .xzm-side-card-option:not(.placeholder):hover,.xzm-side-card-option.selected {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 3.5%,transparent);} .xzm-side-card-option.selected {box-shadow: inset 2px 0 0 color-mix(in srgb,var(--xzm-primary, #127c6b) 50%,transparent);} .xzm-side-card-index {width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; color: color-mix(in srgb,var(--xzm-muted, #70584d) 72%,transparent); background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); font-size: 11px; font-weight: 900; line-height: 1;} .xzm-side-card-option.selected .xzm-side-card-index {color: var(--xzm-primary, #127c6b); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,transparent);} .xzm-side-card-copy {min-width: 0; display: grid; gap: 5px;} .xzm-side-card-tags,.xzm-side-card-meta {min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 5px;} .xzm-side-card-tags em {color: var(--xzm-primary, #127c6b); font-size: 11px; font-style: normal; font-weight: 850;} .xzm-side-card-copy b {min-width: 0; overflow: hidden; color: var(--xzm-text, #241207); font-size: 13px; font-weight: 880; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap;} .xzm-side-card-copy small {display: -webkit-box; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,transparent); font-size: 12px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-side-card-meta i {max-width: 100%; overflow: hidden; padding: 1px 0; color: color-mix(in srgb,var(--xzm-muted, #70584d) 76%,transparent); font-size: 11px; font-style: normal; font-weight: 760; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-side-card-detail {align-self: start; margin-top: 10px; padding: 0 0 0 4px; border: 0; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #70584d) 76%,transparent); font-size: 12px; font-weight: 820; cursor: pointer;} .xzm-side-card-detail:hover {color: var(--xzm-primary, #127c6b);} .xzm-side-card-option.placeholder {grid-template-columns: 26px minmax(0,1fr); align-items: start; padding: 12px 0;} .xzm-creative-engine-section {gap: 8px;} .xzm-creative-engine-actions {display: flex; align-items: center; gap: 4px; flex: 0 0 auto;} .xzm-creative-engine-summary {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 4px 0 0;} .xzm-creative-engine-summary > div {min-width: 0; display: grid; gap: 4px;} .xzm-creative-engine-summary b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35;} .xzm-creative-engine-summary span {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.5;} .xzm-creative-engine-summary .ant-tag {margin-inline-end: 0; flex: 0 0 auto; border-radius: 999px; font-size: 11px; font-weight: 800;} .xzm-creative-engine-key-tags {display: none;} .xzm-creative-engine-key-tags .ant-tag {margin-inline-end: 0; border-radius: 999px; font-size: 11px; font-weight: 750;} .xzm-creative-engine-tags {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-creative-engine-tags .ant-tag {margin-inline-end: 0;} .xzm-creative-engine-stats {display: none;} .xzm-creative-dna-preview {min-width: 0; display: grid; gap: 0; padding: 0; border-top: 0;} .xzm-creative-dna-preview-head,.xzm-creative-engine-detail-titleline {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .xzm-creative-dna-preview-head span {color: var(--xzm-text, #241207); font-size: 12px; font-weight: 820;} .xzm-creative-dna-preview-head button,.xzm-creative-dna-empty button {border: 0; padding: 0; background: transparent; color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 780; cursor: pointer;} .xzm-creative-dna-preview-head button:disabled,.xzm-creative-dna-empty button:disabled {cursor: not-allowed; opacity: .45;} .xzm-creative-dna-chips {min-width: 0; display: grid; gap: 0; border-top: 0;} .xzm-creative-dna-chips button,.xzm-creative-dna-empty {width: 100%; min-width: 0; border: 0; border-radius: 0; background: transparent;} .xzm-creative-dna-chips button {min-height: 32px; padding: 6px 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .16)) 58%,transparent); color: inherit; display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; cursor: pointer;} .xzm-creative-dna-chips button:hover {color: var(--xzm-primary, #127c6b); background: transparent;} .xzm-creative-dna-chips b {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--xzm-text, #241207); font-size: 12px; line-height: 1.25;} .xzm-creative-dna-chips small {flex: 0 0 auto; color: var(--xzm-muted, #70584d); font-size: 11px;} .xzm-creative-dna-empty {min-height: 38px; padding: 8px 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--xzm-muted, #70584d); font-size: 12px;} .xzm-creative-engine-next {display: grid; gap: 5px; padding: 4px 0 0;} .xzm-creative-engine-next.needs_review {padding-left: 9px; border-left: 1px solid color-mix(in srgb,var(--xzm-accent, #f97316) 32%,var(--xzm-border, rgba(148, 163, 184, .18)));} .xzm-creative-engine-next b {color: var(--xzm-text, #241207); font-size: 12px; line-height: 1.35;} .xzm-creative-engine-next span,.xzm-creative-engine-next li {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.45;} .xzm-creative-engine-next ul {display: grid; gap: 4px; margin: 0; padding: 0; list-style: none;} .xzm-creative-engine-next li {position: relative; padding-left: 10px;} .xzm-creative-engine-next li::before {content: ""; position: absolute; left: 0; top: .65em; width: 3px; height: 3px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-muted, #70584d) 72%,transparent);} .xzm-creative-engine-detail {display: grid; gap: 14px;} .xzm-creative-engine-detail section {display: grid; gap: 8px; padding-bottom: 14px; border-bottom: 1px solid var(--xzm-border, rgba(148, 163, 184, .18));} .xzm-creative-engine-detail section:last-child {border-bottom: 0; padding-bottom: 0;} .xzm-creative-engine-detail-titleline > div {min-width: 0; display: grid; gap: 5px;} .xzm-creative-engine-detail b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35;} .xzm-creative-engine-detail p {margin: 0; color: var(--xzm-muted, #70584d); font-size: 13px; line-height: 1.65;} .xzm-creative-dna-section {gap: 10px;} .xzm-creative-dna-list {min-width: 0; display: grid; gap: 8px;} .xzm-creative-dna-list.compact {padding-top: 8px;} .xzm-creative-dna-item {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 10px 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 64%,transparent);} .xzm-creative-dna-item:last-child {border-bottom: 0;} .xzm-creative-dna-item > div {min-width: 0; display: grid; gap: 5px;} .xzm-creative-dna-item .ant-tag {width: fit-content; margin-inline-end: 0; border-radius: 999px; font-size: 11px;} .xzm-creative-dna-item b {overflow-wrap: anywhere;} .xzm-creative-dna-item p {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .xzm-creative-dna-item small {color: color-mix(in srgb,var(--xzm-text, #241207) 68%,var(--xzm-muted, #70584d)); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere;} .xzm-creative-dna-candidates {min-width: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 72%,transparent); padding-top: 8px;} .xzm-creative-dna-candidates summary {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; list-style: none;} .xzm-creative-dna-candidates summary::-webkit-details-marker {display: none;} .xzm-creative-dna-candidates summary span {color: var(--xzm-text, #241207); font-size: 13px; font-weight: 800;} .xzm-creative-dna-candidates summary b {color: var(--xzm-muted, #70584d); font-size: 12px;} .xzm-creative-engine-warning-list {display: grid; gap: 6px;} .xzm-creative-engine-warning-list span {padding: 8px 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .16)) 62%,transparent); color: var(--xzm-text, #241207); font-size: 12px; line-height: 1.5;} .xzm-creative-engine-detail-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px;} .xzm-creative-engine-detail-grid span {min-width: 0; display: grid; gap: 4px; padding: 9px 8px; border-radius: 8px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .12)); background: var(--xzm-panel-soft, #fff8ef);} .xzm-creative-engine-detail-grid strong {color: var(--xzm-accent, #f97316); font-size: 17px; line-height: 1;} .xzm-creative-engine-detail-grid small {color: var(--xzm-muted, #70584d); font-size: 11px; line-height: 1.2;} .xzm-project-archive-card {width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 0; border: 0; border-radius: 0; background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer; transition: color .16s ease,opacity .16s ease;} .xzm-context-row-button {width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border: 0; border-radius: 0; background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-context-row-button:hover:not(:disabled) {color: var(--xzm-primary, #127c6b); background: transparent;} .xzm-context-row-button:disabled {cursor: not-allowed; opacity: .58;} .xzm-context-row-button > div {min-width: 0; display: grid; gap: 3px;} .xzm-context-row-button b {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-text, #241207) 86%,transparent); font-size: 12px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;} .xzm-context-row-button span,.xzm-context-row-button small {min-width: 0; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 76%,transparent); text-overflow: ellipsis; white-space: nowrap;} .xzm-context-row-button span {font-size: 11px; line-height: 1.35;} .xzm-context-row-button small {font-size: 11px; line-height: 1.35;} .xzm-context-row-button svg {color: color-mix(in srgb,var(--xzm-muted, #70584d) 58%,transparent);} .xzm-memory-hub-section.slim {padding-top: 0; padding-bottom: 14px;} .xzm-memory-hub-button {grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; padding: 10px 0 0;} .xzm-memory-hub-button > svg:first-child {width: 18px; height: 18px; color: color-mix(in srgb,var(--xzm-text, #241207) 64%,transparent);} .xzm-memory-hub-button > svg:last-child {width: 14px; height: 14px; color: color-mix(in srgb,var(--xzm-muted, #70584d) 48%,transparent);} .xzm-memory-hub-button b {font-size: 12px;} .xzm-memory-hub-button span {font-size: 11px;} .xzm-context-pending-line {padding: 7px 0 7px 9px; border: 0; border-left: 1px solid color-mix(in srgb,var(--xzm-accent, #f97316) 34%,transparent); border-radius: 0; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #70584d) 88%,var(--xzm-text, #241207)); font-size: 11px; line-height: 1.45;} .xzm-project-archive-card:hover:not(:disabled) {color: var(--xzm-primary, #127c6b);} .xzm-project-archive-card:disabled {cursor: not-allowed; opacity: .62;} .xzm-project-archive-card > div {min-width: 0; display: grid; gap: 4px;} .xzm-project-archive-card b {color: var(--xzm-text, #241207); font-size: 13px;} .xzm-project-archive-card span {overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,transparent); font-size: 12px; line-height: 1.45; text-overflow: ellipsis;} .xzm-project-archive-card small {color: color-mix(in srgb,var(--xzm-muted, #70584d) 72%,transparent); font-size: 11px; font-weight: 700; line-height: 1.35;} .xzm-memory-hub-section .xzm-context-titleline {margin-bottom: -2px;} .xzm-memory-evidence-grid {display: grid; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .16)) 58%,transparent); border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .16)) 58%,transparent);} .xzm-memory-evidence-grid span {min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); column-gap: 8px; row-gap: 1px; align-items: baseline; padding: 7px 0; border: 0; background: transparent;} .xzm-memory-evidence-grid span + span {border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .16)) 50%,transparent);} .xzm-memory-evidence-grid b {color: var(--xzm-text, #241207); font-size: 13px; font-weight: 900; line-height: 1; grid-row: 1 / span 2;} .xzm-memory-evidence-grid small,.xzm-memory-evidence-grid em {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-memory-evidence-grid small {color: color-mix(in srgb,var(--xzm-muted, #70584d) 84%,transparent); font-size: 11px; font-weight: 900;} .xzm-memory-evidence-grid em {color: color-mix(in srgb,var(--xzm-muted, #70584d) 68%,transparent); font-size: 11px; font-style: normal; line-height: 1.25;} .xzm-reference-summary {display: grid; gap: 0; border-top: 0; border-bottom: 0;} .xzm-reference-summary span {min-width: 0; display: grid; gap: 5px; padding: 9px 2px 10px; border: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 48%,transparent); border-radius: 0; background: transparent; color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere;} .xzm-reference-summary span:first-child {border-top: 0; padding-top: 2px;} .xzm-reference-summary b {justify-self: start; padding: 2px 7px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 46%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 58%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 76%,transparent); font-size: 10px; font-weight: 860; line-height: 1.2; letter-spacing: 0;} .xzm-reference-summary em {display: block; color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #70584d)); font-size: 12px; font-style: normal; line-height: 1.55; overflow-wrap: anywhere;} .xzm-context-note,.xzm-activity-row {display: grid; gap: 3px; min-width: 0;} .xzm-context-note {padding: 8px 0;} .xzm-context-note + .xzm-context-note {border-top: 1px dashed var(--xzm-border, rgba(148, 163, 184, .16));} .xzm-context-note > div {display: flex; align-items: center; gap: 6px; min-width: 0;} .xzm-context-note.muted b,.xzm-context-note.muted span {color: var(--xzm-muted, #7d6a60);} .xzm-context-note.warning {padding: 9px 10px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .2)); border-radius: 8px; background: var(--xzm-panel-soft, #fffaf2);} .xzm-context .xzm-context-note.warning {padding: 8px 0 8px 10px; border: 0; border-left: 1px solid color-mix(in srgb,var(--xzm-accent, #f97316) 34%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 0; background: transparent;} .xzm-context-empty {padding: 8px 0; border: 0; background: transparent; color: color-mix(in srgb,var(--xzm-muted, #8b6f61) 78%,transparent); font-size: 12px; line-height: 1.55;} .xzm-archive-drawer {display: grid; gap: 12px;} .xzm-memory-brain-hero {background: radial-gradient(circle at 94% 8%,color-mix(in srgb,#2563eb 12%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,#0f172a 5%,var(--xzm-panel, #fff)),transparent 68%),var(--xzm-panel, #fff);} .xzm-memory-brain-hero-top {display: grid; grid-template-columns: 66px minmax(0,1fr); align-items: center; gap: 12px; min-width: 0;} .xzm-memory-brain-hero-orbit {position: relative; display: grid; place-items: center; width: 66px; height: 66px; border-radius: 50%; background: radial-gradient(circle at 50% 50%,var(--xzm-panel, #fff) 0 35%,color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-panel, #fff)) 36% 100%); color: var(--xzm-primary, #127c6b); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #127c6b) 18%,transparent),0 10px 22px color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,transparent);} .xzm-memory-brain-hero-orbit::before,.xzm-memory-brain-hero-orbit::after {content: ""; position: absolute; border-radius: 50%; pointer-events: none;} .xzm-memory-brain-hero-orbit::before {inset: 6px; border: 1px dashed color-mix(in srgb,var(--xzm-primary, #127c6b) 26%,transparent);} .xzm-memory-brain-hero-orbit::after {top: 9px; right: 10px; width: 8px; height: 8px; background: color-mix(in srgb,var(--xzm-accent, #f97316) 68%,#fff); box-shadow: -42px 36px 0 color-mix(in srgb,var(--xzm-primary, #127c6b) 52%,#fff),-8px 45px 0 color-mix(in srgb,#2563eb 55%,#fff);} .xzm-memory-brain-hero-copy {display: grid; gap: 4px; min-width: 0;} .xzm-memory-brain-hero-copy span {color: var(--xzm-primary, #127c6b); font-size: 11px; font-weight: 900; letter-spacing: .04em;} .xzm-memory-brain-hero-copy b {overflow: hidden; color: var(--xzm-text, #241207); font-size: 18px; line-height: 1.28; text-overflow: ellipsis; white-space: nowrap;} .xzm-memory-brain-hero-copy small {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.55;} .xzm-memory-brain-hero-metrics {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .xzm-memory-brain-hero-metric {min-width: 0; display: grid; gap: 4px; padding: 9px 10px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent);} .xzm-memory-brain-hero-metric span {overflow: hidden; color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap;} .xzm-memory-brain-hero-metric b {overflow: hidden; color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap;} .xzm-memory-curation-strip {display: flex; flex-wrap: wrap; gap: 7px;} .xzm-memory-curation-strip > span {min-width: 0; display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 90%,transparent);} .xzm-memory-curation-strip b {color: var(--xzm-text, #241207); font-size: 12px; font-weight: 900; white-space: nowrap;} .xzm-memory-curation-strip small {color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800; white-space: nowrap;} .xzm-memory-brain-next-strip {display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 14%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff));} .xzm-memory-brain-next-strip > span {color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900; white-space: nowrap;} .xzm-memory-brain-next-strip > div {min-width: 0; display: flex; flex-wrap: wrap; gap: 6px;} .xzm-memory-brain-writer-note {display: grid; gap: 4px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 12%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,#f8fafc);} .xzm-memory-brain-writer-note b {color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.35;} .xzm-memory-brain-writer-note span {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.65;} .xzm-memory-brain-graph-details {display: grid; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,#f8fafc); overflow: hidden;} .xzm-memory-brain-graph-details summary {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; color: var(--xzm-text, #241207); cursor: pointer; list-style: none;} .xzm-memory-brain-graph-details summary::-webkit-details-marker {display: none;} .xzm-memory-brain-graph-details summary > div {min-width: 0; display: grid; gap: 3px;} .xzm-memory-brain-graph-details summary b {font-size: 14px; line-height: 1.35;} .xzm-memory-brain-graph-details summary span {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.55;} .xzm-memory-brain-graph-details summary svg {flex: 0 0 auto; color: var(--xzm-muted, #70584d); transition: transform .16s ease;} .xzm-memory-brain-graph-details[open] summary svg {transform: rotate(90deg);} .xzm-archive-priority-section {background: linear-gradient(135deg,color-mix(in srgb,#f59e0b 8%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 74%);} .xzm-archive-character-section {background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 74%);} .xzm-archive-core-memory-section,.xzm-archive-curation-section {background: linear-gradient(135deg,color-mix(in srgb,#0f766e 4%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 72%);} .xzm-archive-character-grid,.xzm-archive-core-memory-grid,.xzm-archive-progress-stack,.xzm-archive-continuity-stack {min-width: 0; display: grid; gap: 10px;} .xzm-archive-character-grid {grid-template-columns: repeat(auto-fit,minmax(220px,1fr));} .xzm-archive-core-memory-grid {grid-template-columns: repeat(auto-fit,minmax(260px,1fr));} .xzm-archive-core-memory-grid .xzm-archive-memory-group {margin: 0;} .xzm-archive-curation-list {display: grid; gap: 8px;} .xzm-archive-curation-list button {width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(148, 163, 184, .14))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,#f8fafc); color: var(--xzm-text, #241207); text-align: left;} .xzm-archive-curation-list span {overflow: hidden; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap;} .xzm-archive-curation-list small {color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800; white-space: nowrap;} .xzm-archive-progress-details > summary,.xzm-archive-continuity-details > summary,.xzm-archive-understanding-details > summary,.xzm-archive-all-memory-details > summary {border-bottom: 0;} .xzm-archive-progress-details[open] > summary,.xzm-archive-continuity-details[open] > summary,.xzm-archive-understanding-details[open] > summary,.xzm-archive-all-memory-details[open] > summary {border-bottom: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(245, 158, 11, .16)));} .xzm-archive-progress-stack,.xzm-archive-continuity-stack {padding: 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,#f8fafc);} .xzm-archive-progress-stack .xzm-archive-section,.xzm-archive-continuity-stack .xzm-archive-section {margin: 0;} .xzm-memory-brain-stage {margin: 0; border-right: 0; border-bottom: 0; border-left: 0; padding: 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,#f8fafc);} .xzm-archive-focus-strip {display: grid; grid-template-columns: auto minmax(0,.72fr) minmax(0,1.28fr); align-items: start; gap: 10px; padding: 10px 12px; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-archive-focus-strip span {color: var(--xzm-primary, #127c6b); font-size: 11px; font-weight: 900; white-space: nowrap;} .xzm-archive-focus-strip b {overflow: hidden; color: var(--xzm-text, #241207); font-size: 13px; text-overflow: ellipsis; white-space: nowrap;} .xzm-archive-focus-strip small {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere;} .xzm-archive-brain-hero {display: grid; gap: 10px;} .xzm-archive-brain-hero.compact {grid-template-columns: 1fr;} .xzm-archive-hub-card {display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 18%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 7%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 76%);} .xzm-archive-hub-card b {display: block; margin-bottom: 4px; color: var(--xzm-text, #241207); font-size: 16px; line-height: 1.35;} .xzm-archive-hub-card small {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.55;} .xzm-archive-hub-orbit {position: relative; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b);} .xzm-archive-hub-orbit .ring,.xzm-archive-hub-orbit .spark {position: absolute; border-radius: 50%;} .xzm-archive-hub-orbit .ring.outer {inset: 4px; border: 1px dashed color-mix(in srgb,var(--xzm-primary, #127c6b) 26%,transparent);} .xzm-archive-hub-orbit .ring.inner {inset: 12px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 18%,transparent);} .xzm-archive-hub-orbit .spark {width: 8px; height: 8px; background: color-mix(in srgb,var(--xzm-accent, #f97316) 60%,#fff); box-shadow: 0 0 0 4px color-mix(in srgb,var(--xzm-accent, #f97316) 14%,transparent);} .xzm-archive-hub-orbit .spark.a {top: 8px; right: 10px;} .xzm-archive-hub-orbit .spark.b {bottom: 10px; left: 8px;} .xzm-archive-hub-orbit .spark.c {top: 26px; left: 3px;} .xzm-archive-brain-focus {border-style: dashed; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 4%,var(--xzm-panel, #fff));} .xzm-archive-brain-focus span {color: var(--xzm-primary, #127c6b);} .xzm-archive-section {display: grid; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,#f8fafc);} .xzm-archive-hero {background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 9%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 68%);} .xzm-archive-section-head {display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0;} .xzm-archive-section-head > div {min-width: 0; display: grid; gap: 4px;} .xzm-archive-section-head small {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.5;} .xzm-archive-section-head b {overflow: hidden; color: var(--xzm-text, #241207); font-size: 15px; text-overflow: ellipsis; white-space: nowrap;} .xzm-archive-head-actions {display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap;} .xzm-archive-actions {display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap;} .xzm-archive-actions.split {justify-content: space-between;} .xzm-archive-managed-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-archive-managed-card {min-width: 0; display: grid; gap: 5px; padding: 11px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,transparent);} .xzm-archive-managed-card span {color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 900;} .xzm-archive-managed-card b {overflow: hidden; color: var(--xzm-text, #241207); font-size: 14px; text-overflow: ellipsis; white-space: nowrap;} .xzm-archive-managed-card small {color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.55;} .xzm-archive-source-list {display: flex; flex-wrap: wrap; gap: 8px;} .xzm-archive-source-list span {padding: 7px 9px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800;} .xzm-archive-understanding-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-archive-understanding-card {min-width: 0; display: grid; align-content: start; gap: 7px; padding: 11px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-archive-understanding-card > span {color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900;} .xzm-archive-understanding-card > b {overflow: hidden; color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-archive-understanding-card > small {display: -webkit-box; min-height: 38px; overflow: hidden; color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-archive-network-intro {display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 14%,var(--xzm-border, rgba(245, 158, 11, .16))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #70584d); font-size: 12px; line-height: 1.5;} .xzm-archive-correction-form {padding-top: 4px; border-top: 1px dashed var(--xzm-border, rgba(245, 158, 11, .16));} .xzm-archive-form-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;} .xzm-archive-form-grid .ant-form-item {min-width: 0;} .xzm-bible-summary-grid {display: grid; gap: 8px;} .xzm-bible-summary-item {display: grid; gap: 5px; padding: 10px 11px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-bible-summary-item span {color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900;} .xzm-bible-summary-item p {margin: 0; color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.65; white-space: pre-wrap;} .xzm-bible-empty {display: grid; gap: 6px; padding: 12px; border: 1px dashed var(--xzm-border, rgba(245, 158, 11, .2)); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-bible-empty b {color: var(--xzm-text, #241207); font-size: 14px;} .xzm-bible-empty span {color: var(--xzm-muted, #70584d); font-size: 13px; line-height: 1.6;} .xzm-bible-edit-form {padding-top: 4px; border-top: 1px dashed var(--xzm-border, rgba(245, 158, 11, .16));} .xzm-archive-memory-status {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;} .xzm-foreshadowing-ledger .xzm-archive-memory-status {grid-template-columns: repeat(4,minmax(0,1fr));} .xzm-archive-memory-status.compact {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-archive-memory-status span {display: flex; align-items: center; justify-content: space-between; min-width: 0; padding: 8px 10px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800;} .xzm-archive-memory-status b {color: var(--xzm-text, #241207); font-size: 14px;} .xzm-archive-memory-status small {color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 800;} .xzm-foreshadowing-ledger {background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 7%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 72%);} .xzm-foreshadowing-ledger-list,.xzm-foreshadowing-detail {display: grid; gap: 8px;} .xzm-longform-ledger {background: linear-gradient(135deg,color-mix(in srgb,#0ea5e9 7%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 72%);} .xzm-story-progress-card {background: linear-gradient(135deg,color-mix(in srgb,#0f172a 4%,var(--xzm-panel, #fff)),var(--xzm-panel, #fff) 72%);} .xzm-story-progress-top {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .xzm-story-progress-title {min-width: 0; display: grid; gap: 4px;} .xzm-story-progress-title b {color: var(--xzm-text, #241207); font-size: 15px; line-height: 1.3; overflow-wrap: anywhere;} .xzm-story-progress-summary {min-width: 0; display: grid; gap: 4px; color: var(--xzm-muted, #70584d); padding: 10px 11px; border: 1px solid color-mix(in srgb,#0f172a 7%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,#f8fafc); font-size: 13px; font-weight: 650; line-height: 1.72;} .xzm-story-progress-summary span,.xzm-story-progress-summary em {display: block; font-style: normal; overflow-wrap: anywhere;} .xzm-story-progress-summary em {opacity: .78;} .xzm-story-progress-summary.expanded span,.xzm-story-progress-summary.expanded em {display: block; overflow: visible; white-space: normal; -webkit-line-clamp: unset;} .xzm-story-progress-toggle {justify-self: start; width: fit-content; border: 0; padding: 0; background: transparent; color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900; cursor: pointer;} .xzm-story-progress-toggle:hover {text-decoration: underline;} .xzm-story-progress-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;} .xzm-story-progress-grid span {min-width: 0; display: grid; gap: 3px; padding: 10px; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,#f8fafc);} .xzm-story-progress-grid b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.25; overflow-wrap: anywhere;} .xzm-story-progress-grid small {color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 800;} .xzm-story-progress-items {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-story-progress-items .ant-tag {max-width: 100%; height: auto; white-space: normal; line-height: 1.45;} .xzm-longform-ledger-metrics {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .xzm-longform-ledger-metrics span {min-width: 0; display: grid; gap: 3px; padding: 10px; border: 1px solid color-mix(in srgb,#0ea5e9 16%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,#e0f2fe);} .xzm-longform-ledger-metrics b {color: var(--xzm-text, #241207); font-size: 18px; line-height: 1;} .xzm-longform-ledger-metrics small {color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 800; line-height: 1.35;} .xzm-foreshadowing-detail details {display: grid; gap: 8px;} .xzm-foreshadowing-detail summary {cursor: pointer; color: var(--xzm-text, #241207); font-size: 13px; font-weight: 900;} .xzm-foreshadowing-detail p {margin: 8px 0 0; color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.65; white-space: pre-wrap;} .xzm-archive-memory-chips {display: flex; flex-wrap: wrap; gap: 6px;} .xzm-archive-memory-chips span {padding: 5px 8px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 999px; background: var(--xzm-panel-soft, #fff8ef); color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800;} .xzm-archive-memory-tools {display: grid; grid-template-columns: minmax(0,1fr) 116px 116px; gap: 8px;} .xzm-archive-memory-tools .ant-input-search .ant-input {border-radius: 8px;} .xzm-archive-memory-tools .ant-input-search,.xzm-archive-memory-tools .ant-select {min-width: 0;} .xzm-archive-memory-group {display: grid; gap: 0; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(148, 163, 184, .14))); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 90%,#f8fafc); overflow: hidden;} .xzm-archive-memory-group + .xzm-archive-memory-group {margin-top: 8px;} .xzm-archive-memory-group-head {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-bottom: 1px solid color-mix(in srgb,#0f172a 7%,transparent); background: color-mix(in srgb,#0f172a 3%,var(--xzm-panel, #fff));} .xzm-archive-memory-group-head b {color: var(--xzm-text, #241207); font-size: 13px;} .xzm-archive-memory-group-head span {color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 800;} .xzm-archive-memory-item {position: relative; width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px 10px; padding: 11px 12px; border: 0; border-top: 1px solid color-mix(in srgb,#0f172a 7%,transparent); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer;} .xzm-archive-memory-item:first-of-type {border-top: 0;} .xzm-archive-memory-item:hover {background: color-mix(in srgb,#2563eb 4%,var(--xzm-panel, #fff));} .xzm-archive-memory-item-main {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px;} .xzm-archive-memory-item-main > div {min-width: 0; display: flex; align-items: center; gap: 6px;} .xzm-archive-memory-item-main b {min-width: 0; color: var(--xzm-text, #241207); font-size: 13px; line-height: 1.35; overflow-wrap: anywhere;} .xzm-archive-memory-item small {margin-left: auto; color: var(--xzm-muted, #7d6a60); font-size: 11px; font-weight: 800; white-space: nowrap;} .xzm-archive-memory-item > span {grid-column: 1; color: var(--xzm-muted, #70584d); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; display: block;} .xzm-archive-memory-item-arrow {grid-column: 2; grid-row: 1 / span 2; align-self: center; color: color-mix(in srgb,var(--xzm-muted, #70584d) 72%,transparent);} .xzm-character-soul-item {position: relative; width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 10px; padding: 13px 13px 12px; border: 0; border-top: 1px solid color-mix(in srgb,#0f172a 7%,transparent); background: linear-gradient(135deg,color-mix(in srgb,#0f766e 6%,transparent),transparent 48%),color-mix(in srgb,var(--xzm-panel, #fff) 92%,#f8fafc); color: inherit; font: inherit; text-align: left; cursor: pointer;} .xzm-character-soul-item:first-of-type {border-top: 0;} .xzm-character-soul-item:hover {background: linear-gradient(135deg,color-mix(in srgb,#0f766e 9%,transparent),transparent 50%),color-mix(in srgb,var(--xzm-panel, #fff) 88%,#ecfeff);} .xzm-character-soul-item.overview {background: linear-gradient(135deg,color-mix(in srgb,#b45309 7%,transparent),transparent 50%),color-mix(in srgb,var(--xzm-panel, #fff) 92%,#fff7ed);} .xzm-character-soul-item.state {background: linear-gradient(135deg,color-mix(in srgb,#2563eb 6%,transparent),transparent 50%),color-mix(in srgb,var(--xzm-panel, #fff) 92%,#eff6ff);} .xzm-character-soul-kicker,.xzm-character-soul-title,.xzm-character-soul-item p,.xzm-character-soul-grid,.xzm-character-soul-anchors,.xzm-character-soul-note {grid-column: 1;} .xzm-character-soul-kicker {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px;} .xzm-character-soul-kicker small {color: var(--xzm-muted, #7d6a60); font-size: 11px; font-weight: 850;} .xzm-character-soul-title {min-width: 0; display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap;} .xzm-character-soul-title b {min-width: 0; color: var(--xzm-text, #241207); font-size: 15px; line-height: 1.35; overflow-wrap: anywhere;} .xzm-character-soul-title em {color: var(--xzm-primary, #127c6b); font-size: 12px; font-style: normal; font-weight: 900;} .xzm-character-soul-item p {margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-muted, #70584d)); display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-character-soul-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px;} .xzm-character-soul-grid > span {min-width: 0; display: grid; gap: 3px; padding: 7px 8px; border: 1px solid color-mix(in srgb,#0f172a 7%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent);} .xzm-character-soul-grid > span.is-primary {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 20%,transparent); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 7%,var(--xzm-panel, #fff));} .xzm-character-soul-grid > span.is-warning {border-color: color-mix(in srgb,#b45309 20%,transparent); background: color-mix(in srgb,#b45309 6%,var(--xzm-panel, #fff));} .xzm-character-soul-grid small {color: var(--xzm-muted, #7d6a60); font-size: 11px; font-weight: 900;} .xzm-character-soul-grid b {color: var(--xzm-text, #241207); display: -webkit-box; overflow: hidden; font-size: 12px; font-weight: 800; line-height: 1.45; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-character-soul-anchors {min-width: 0; display: flex; gap: 6px; flex-wrap: wrap;} .xzm-character-soul-anchors > span,.xzm-character-soul-note {min-width: 0; padding: 5px 7px; border: 1px solid color-mix(in srgb,#0f172a 6%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent); color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 850; line-height: 1.35; overflow-wrap: anywhere;} .xzm-character-soul-note {border-radius: 8px;} .xzm-character-soul-item .xzm-archive-memory-item-arrow {grid-column: 2; grid-row: 1 / span 6; align-self: center;} .xzm-archive-memory-review-note {display: flex; align-items: center; justify-content: space-between; gap: 10px;} .xzm-archive-memory-review-note span {min-width: 0;} .xzm-archive-memory-toggle {width: 100%;} .xzm-archive-memory-detail {display: grid; gap: 12px;} .xzm-archive-memory-detail-head {display: flex; align-items: center; gap: 8px; min-width: 0;} .xzm-archive-memory-detail-head b {min-width: 0; color: var(--xzm-text, #241207); overflow-wrap: anywhere;} .xzm-archive-memory-detail p {margin: 0; color: var(--xzm-text, #241207); line-height: 1.7; white-space: pre-wrap;} .xzm-archive-memory-detail dl {display: grid; gap: 8px; margin: 0;} .xzm-archive-memory-detail dl > div {display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 10px; padding: 8px 0; border-top: 1px dashed var(--xzm-border, rgba(148, 163, 184, .16));} .xzm-archive-memory-detail dt {color: var(--xzm-muted, #7d6a60); font-size: 12px; font-weight: 800;} .xzm-archive-memory-detail dd {margin: 0; color: var(--xzm-text, #241207); font-size: 13px; overflow-wrap: anywhere;} .xzm-character-soul-detail {display: grid; gap: 12px;} .xzm-character-soul-detail-hero {display: grid; gap: 6px; padding: 13px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 16%,var(--xzm-border, rgba(148, 163, 184, .16))); border-radius: 10px; background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent),transparent 54%),color-mix(in srgb,var(--xzm-panel, #fff) 90%,#f8fafc);} .xzm-character-soul-detail-hero > span {color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 900;} .xzm-character-soul-detail-hero b {color: var(--xzm-text, #241207); font-size: 18px; line-height: 1.35;} .xzm-character-soul-detail-hero small {color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 850;} .xzm-character-soul-detail-hero p {margin: 0; color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.75; white-space: pre-wrap;} .xzm-character-soul-detail-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-character-soul-detail-grid article {min-width: 0; display: grid; gap: 5px; padding: 10px; border: 1px solid color-mix(in srgb,#0f172a 7%,transparent); border-radius: 9px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,#f8fafc);} .xzm-character-soul-detail-grid article.is-primary {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 22%,transparent); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 7%,var(--xzm-panel, #fff));} .xzm-character-soul-detail-grid article.is-warning {border-color: color-mix(in srgb,#b45309 22%,transparent); background: color-mix(in srgb,#b45309 6%,var(--xzm-panel, #fff));} .xzm-character-soul-detail-grid span {color: var(--xzm-muted, #70584d); font-size: 12px; font-weight: 900;} .xzm-character-soul-detail-grid b {color: var(--xzm-text, #241207); font-size: 13px; font-weight: 760; line-height: 1.65; overflow-wrap: anywhere;} .xzm-character-soul-detail-anchors {display: grid; gap: 8px;} .xzm-character-soul-detail-anchors > span,.xzm-character-soul-detail-note {min-width: 0; display: grid; gap: 4px; padding: 9px 10px; border: 1px dashed color-mix(in srgb,#0f172a 10%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,#f8fafc);} .xzm-character-soul-detail-anchors b {color: var(--xzm-muted, #70584d); font-size: 12px;} .xzm-character-soul-detail-anchors em,.xzm-character-soul-detail-note {color: var(--xzm-text, #241207); font-size: 13px; font-style: normal; line-height: 1.65;} .xzm-archive-memory-form {display: grid; gap: 2px;} .xzm-full-width-control {width: 100%;} .xzm-activity-row {grid-template-columns: 10px minmax(0,1fr); align-items: start; padding: 4px 0;} .xzm-empty-workspace {min-height: calc(100vh - 96px) ; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 42px 24px; text-align: center;} .xzm-empty-agent-wrap {display: grid; place-items: center; margin-bottom: 2px;} .xzm-empty-agent-wrap .xzm-agent-avatar.large { --xzm-agent-shadow: color-mix(in srgb, var(--xzm-text, #0f172a) 11%, transparent); width: 86px; height: 82px; } .xzm-empty-agent-wrap .xzm-agent-avatar.large .xzm-agent-orb {width: 64px; height: 64px; border-width: 3px; box-shadow: 0 16px 34px var(--xzm-agent-shadow); animation: xzmAgentIdleBreathe 5.2s ease-in-out infinite;} .xzm-empty-agent-wrap .xzm-agent-avatar.large .xzm-agent-face-mark { --xzm-agent-face-y: -7.5px; --xzm-agent-face-scale: 1; width: 25.5px; height: 15px; animation: xzmAgentIdleLook 7.4s ease-in-out infinite; } .xzm-empty-agent-wrap .xzm-agent-avatar.large .xzm-agent-eye {top: .4px; width: 6.6px; height: 10.5px; border-radius: 999px; animation: xzmAgentBlink 5.8s ease-in-out infinite;} .xzm-empty-agent-wrap .xzm-agent-avatar.large .xzm-agent-eye.left {left: 3.2px;} .xzm-empty-agent-wrap .xzm-agent-avatar.large .xzm-agent-eye.right {right: 3.2px;} .xzm-empty-workspace-copy {display: grid; justify-items: center; gap: 8px;} .xzm-empty-workspace h1.ant-typography {max-width: 760px; margin: 0; color: var(--xzm-text, #241207); font-size: clamp(28px,3.8vw,44px); font-weight: 780; line-height: 1.08;} .xzm-empty-workspace .ant-typography {max-width: 620px; margin: 0; color: var(--xzm-muted, #7a6558); font-size: 14px; line-height: 1.7;} .xzm-empty-workspace-actions {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px;} .xzm-empty-workspace .ant-btn {height: 42px; border-radius: 12px; padding-inline: 18px; font-weight: 850;} .xzm-mobile-only {display: none;} .xzm-mobile-utility-topbar {display: none;} .xzm-mobile-tabbar {display: none;} .xzm-tool-icon-button,.xzm-task-button {width: 36px; min-width: 36px; height: 32px; display: inline-flex; align-items: center; justify-content: center;} .xzm-task-button {background: var(--xzm-panel-soft, #fff8ef);} .xzm-tool-icon-button.is-active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-credit-cluster {display: inline-flex; align-items: center; gap: 6px; position: relative;} .xzm-credit-pill,.xzm-weekly-supply-pill {min-width: 44px; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); border-radius: 9px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 70%,var(--xzm-muted, #55706e)); font: inherit; cursor: pointer; user-select: none; box-shadow: none;} .xzm-credit-pill:hover,.xzm-weekly-supply-pill:hover {border-color: color-mix(in srgb,var(--xzm-border-strong, rgba(15, 23, 42, .18)) 92%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent);} .xzm-credit-pill b {font-size: 12px; line-height: 1; font-weight: 820;} .xzm-weekly-supply-pill {min-width: 0; padding-inline: 8px; border-color: color-mix(in srgb,var(--xzm-gold, #f5a623) 24%,var(--xzm-border, rgba(15, 23, 42, .12))); background: color-mix(in srgb,var(--xzm-gold, #f5a623) 7%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-primary, #0f766e)); font-size: 11px; font-weight: 760;} .xzm-weekly-supply-pill svg {color: var(--xzm-gold, #f5a623);} .xzm-weekly-supply-pill:disabled {cursor: default; opacity: .68;} .xzm-settings-center {width: 100%; min-height: 100vh; margin: 0; display: grid; grid-template-columns: 264px minmax(0,1fr); gap: 0; background: var(--xzm-shell, #fff8ef);} .xzm-settings-nav {position: sticky; top: 0; align-self: start; height: 100vh; min-width: 0; display: grid; align-content: start; gap: 14px; padding: 22px 12px; border-right: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 92%,var(--xzm-panel, #fff));} .xzm-settings-back,.xzm-settings-nav button {width: 100%; min-width: 0; border: 0; background: transparent; color: var(--xzm-text, #10242a); font: inherit; cursor: pointer; text-align: left;} .xzm-settings-back {display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px 10px; border-radius: 8px; color: var(--xzm-muted, #55706e); font-size: 14px; font-weight: 800;} .xzm-settings-back:hover {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,var(--xzm-panel, #fff)); color: var(--xzm-text, #10242a);} .xzm-settings-nav-title {display: flex; align-items: center; gap: 8px; padding: 2px 10px 0; color: var(--xzm-text, #10242a); font-size: 19px; font-weight: 900;} .xzm-settings-nav-title svg {color: var(--xzm-primary, #0f766e);} .xzm-settings-nav-icon {width: 22px; height: 22px; display: grid; place-items: center; color: var(--xzm-muted, #55706e);} .xzm-settings-content {width: min(940px,calc(100% - 72px)); min-width: 0; margin: 0 auto; padding: 48px 0 88px; display: grid; align-content: start; gap: 18px;} .xzm-settings-section-recharge {width: min(1480px,calc(100% - 48px));} .xzm-settings-section-memory {width: min(1120px,calc(100% - 48px));} .xzm-settings-content-head {min-width: 0; display: grid; gap: 6px;} .xzm-settings-content-head h3.ant-typography {margin: 0; font-size: 28px; line-height: 1.12;} .xzm-settings-content-head > span.ant-typography {max-width: 620px; color: var(--xzm-muted, #55706e); font-size: 14px; line-height: 1.6;} .xzm-settings-content .profile-page-v3,.xzm-settings-content .xzm-personalization {max-width: none; margin: 0;} .xzm-settings-content .profile-toolbar {display: none;} .xzm-settings-content .profile-page-v3 {gap: 14px;} .xzm-settings-memory-empty {display: grid; gap: 8px; padding: 18px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent);} .xzm-settings-memory-empty b {color: var(--xzm-text, #10242a); font-size: 16px; line-height: 1.35;} .xzm-settings-memory-empty span {color: var(--xzm-muted, #55706e); font-size: 13px; font-weight: 720; line-height: 1.7;} .xzm-settings-memory-empty {align-items: start; grid-template-columns: 48px minmax(0,1fr) auto; gap: 12px;} .xzm-settings-memory-empty-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-archive-inline {min-width: 0;} .xzm-archive-inline .xzm-archive-drawer {gap: 14px;} .xzm-referral-page {display: flex; flex-direction: column; gap: var(--space-3); width: 100%; color: var(--xzm-text);} .xzm-referral-page *,.xzm-referral-page *::before,.xzm-referral-page *::after {box-sizing: border-box;} .xzm-referral-loading,.xzm-referral-error {display: flex; align-items: center; gap: var(--space-3); min-height: 180px;} .xzm-referral-error {align-items: flex-start; flex-direction: column; justify-content: center; padding: var(--space-4); border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel);} .xzm-referral-error strong,.xzm-referral-flow-card strong,.xzm-referral-claim-result strong,.xzm-referral-record-empty strong,.xzm-referral-record-item strong {color: var(--xzm-text); font-weight: 900; letter-spacing: 0;} .xzm-referral-hero {display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel);} .xzm-referral-hero h3.ant-typography {margin: 3px 0 4px; color: var(--xzm-text); font-weight: 900; letter-spacing: 0;} .xzm-referral-flow {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-3);} .xzm-referral-flow-card {min-width: 0; padding: var(--space-4); display: grid; grid-template-columns: 34px minmax(0,1fr); gap: var(--space-3); border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel);} .xzm-referral-flow-card > span {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb,var(--xzm-accent) 10%,transparent); color: var(--xzm-accent); font-weight: 900;} .xzm-referral-flow-card .ant-typography {display: block; margin-top: var(--space-1); line-height: var(--line-height-normal);} .xzm-referral-claim-result {padding: var(--space-4); display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: var(--space-3); align-items: center; border: 1px solid color-mix(in srgb,var(--xzm-success) 32%,var(--xzm-border)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-success) 8%,var(--xzm-panel));} .xzm-referral-claim-result > svg {width: 34px; height: 34px; padding: 8px; border-radius: 8px; background: color-mix(in srgb,var(--xzm-success) 14%,transparent); color: var(--xzm-success);} .xzm-referral-notice.ant-alert {border-radius: 8px; border-color: var(--xzm-border); background: var(--xzm-panel);} .xzm-referral-share-panel {display: grid; grid-template-columns: minmax(220px,.8fr) minmax(360px,1.6fr); gap: var(--space-3);} .xzm-referral-code-card,.xzm-referral-link-card {min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel);} .xzm-referral-code-card .ant-qrcode {align-self: flex-start; border-radius: 8px; background: var(--xzm-panel-soft);} .xzm-referral-code-card strong {font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; font-size: clamp(23px,2.7vw,34px); line-height: 1; letter-spacing: 0; color: var(--xzm-text); overflow-wrap: anywhere;} .xzm-referral-code-card .ant-btn,.xzm-referral-link-actions .ant-btn {align-self: flex-start;} .xzm-referral-link-head {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .xzm-referral-link-head .ant-typography:last-child {text-align: right; font-size: 12px;} .xzm-referral-link-actions {display: flex; flex-wrap: wrap; gap: var(--space-2);} .xzm-referral-grid {display: grid; grid-template-columns: repeat(4,minmax(140px,1fr)); gap: var(--space-3);} .xzm-referral-card.ant-card,.xzm-referral-records.ant-card {border-radius: 8px; border-color: var(--xzm-border); background: var(--xzm-panel); box-shadow: none;} .xzm-referral-card .ant-card-body {display: flex; flex-direction: column; gap: var(--space-2); min-height: 112px;} .xzm-referral-card strong {font-size: 22px; line-height: 1.1; color: var(--xzm-text); font-weight: 900;} .xzm-referral-rule.ant-typography {display: block; padding: 0 2px; font-size: 13px;} .xzm-referral-record-empty {padding: var(--space-4); display: grid; grid-template-columns: 34px minmax(0,1fr); gap: var(--space-3); border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel-soft);} .xzm-referral-record-empty > svg {width: 34px; height: 34px; padding: 8px; border-radius: 8px; background: color-mix(in srgb,var(--xzm-accent) 10%,transparent); color: var(--xzm-accent);} .xzm-referral-record-list {display: none; flex-direction: column; gap: var(--space-2);} .xzm-referral-record-item {padding: var(--space-3); display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--space-3); border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel-soft);} .xzm-referral-record-item > div {min-width: 0; display: flex; flex-direction: column; gap: var(--space-1);} .xzm-referral-record-item > div:last-child {align-items: flex-end;} .xzm-referral-record-item b {color: var(--xzm-text); font-size: var(--text-base); font-weight: 900;} .xzm-referral-record-item strong,.xzm-referral-record-item .ant-typography {overflow-wrap: anywhere; word-break: break-word;} .xzm-referral-status {min-height: 24px; padding: 0 var(--space-2); display: inline-flex; align-items: center; border-radius: 8px; border: 1px solid var(--xzm-border); background: var(--xzm-panel); color: var(--xzm-muted); font-size: var(--text-xs); font-weight: 800;} .xzm-referral-status.is-pending {border-color: color-mix(in srgb,var(--xzm-gold) 34%,var(--xzm-border)); color: var(--xzm-gold);} .xzm-referral-status.is-claimed {border-color: color-mix(in srgb,var(--xzm-success) 34%,var(--xzm-border)); color: var(--xzm-success);} .xzm-referral-status.is-reversed {border-color: color-mix(in srgb,var(--xzm-danger) 34%,var(--xzm-border)); color: var(--xzm-danger);} @media (max-width: 760px) {.xzm-referral-hero {align-items: stretch; flex-direction: column;} .xzm-referral-flow,.xzm-referral-share-panel {grid-template-columns: 1fr;} .xzm-referral-claim-result {grid-template-columns: 34px minmax(0,1fr);} .xzm-referral-claim-result .ant-btn {grid-column: 1 / -1; width: 100%;} .xzm-referral-link-head {align-items: flex-start; flex-direction: column; gap: 4px;} .xzm-referral-link-head .ant-typography:last-child {text-align: left;} .xzm-referral-grid {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-referral-link-actions .ant-btn,.xzm-referral-code-card .ant-btn,.xzm-referral-hero .ant-btn {width: 100%; justify-content: center;} .xzm-referral-record-list {display: flex;} .xzm-referral-record-table {display: none;}} @media (max-width: 820px) {.xzm-settings-content .xzm-referral-share-panel,.xzm-referral-share-panel {grid-template-columns: 1fr;}} @media (max-width: 430px) {.xzm-referral-grid {grid-template-columns: 1fr;} .xzm-referral-record-item {grid-template-columns: 1fr;} .xzm-referral-record-item > div:last-child {align-items: flex-start;} .xzm-referral-link-actions {display: grid; grid-template-columns: 1fr 44px 44px; align-items: stretch;} .xzm-referral-link-actions .xzm-referral-secondary-action {width: 44px; min-width: 44px; padding-inline: 0;} .xzm-referral-link-actions .xzm-referral-secondary-action span:not(.ant-btn-icon) {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}} @media (max-width: 900px) {.xzm-settings-center {grid-template-columns: 1fr;} .xzm-settings-nav {position: static; height: auto; padding: 14px; border-right: 0; border-bottom: 1px solid var(--xzm-border, rgba(148, 163, 184, .2));} .xzm-settings-nav-title,.xzm-settings-back {grid-column: 1 / -1;} .xzm-settings-content,.xzm-settings-section-recharge {width: min(100% - 28px,980px); padding: 28px 0 64px;}} @media (max-width: 560px) {.xzm-settings-content-head h3.ant-typography {font-size: 25px;}} .xzm-notification-button {width: 32px; min-width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 9px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #55706e)); box-shadow: none;} .xzm-notification-button:hover {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent); color: var(--xzm-text, #241207);} .xzm-topbar .ant-badge {flex: 0 0 auto;} .xzm-notification-empty {min-height: 180px; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--xzm-muted, #7a6558);} .xzm-notification-masonry {display: flex; gap: 10px; align-items: flex-start;} .xzm-notification-masonry-col {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px;} .xzm-notification-list {display: grid; gap: 10px;} .xzm-notification-row {width: 100%; display: grid; gap: 6px; padding: 12px; border: 1px solid var(--xzm-border, rgba(15, 23, 42, .12)); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-notification-row:focus-visible {outline: 2px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 60%,transparent); outline-offset: 2px;} .xzm-notification-row.unread {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,var(--xzm-panel, #fff));} .xzm-notification-row:hover {border-color: var(--xzm-border-strong, rgba(15, 23, 42, .18));} .xzm-notification-meta {display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--xzm-accent, #f97316); font-size: 12px; font-weight: 800;} .xzm-notification-flags {display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap;} .xzm-notification-flags i {padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 10%,transparent); font-style: normal; color: var(--xzm-primary, #0f766e);} .xzm-notification-flags i.reward-claimable {background: color-mix(in srgb,#f59e0b 16%,transparent); color: #b45309;} .xzm-notification-flags i.reward-claimed {background: color-mix(in srgb,#16a34a 14%,transparent); color: #15803d;} .xzm-notification-flags i.reward-expired {background: color-mix(in srgb,#64748b 14%,transparent); color: #475569;} .xzm-notification-row b {min-width: 0; overflow-wrap: anywhere; font-size: 14px;} .xzm-notification-row small {color: var(--xzm-muted, #7a6558);} .xzm-notification-row p {margin: 0; color: var(--xzm-text, #241207); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere;} .xzm-notification-reward {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 8px; background: color-mix(in srgb,#f59e0b 9%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .xzm-notification-reward > span {min-width: 0; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 850;} .xzm-notification-reward small {flex: 0 0 auto; color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-notification-actions {display: flex; justify-content: flex-end; gap: 8px; margin-top: 2px;} .xzm-command-palette-modal .ant-modal-content {overflow: hidden; border-radius: 10px; padding: 0; background: var(--xzm-panel, #fff);} .xzm-command-palette-modal .ant-modal-body {padding: 0;} .xzm-command-palette {display: grid; gap: 0;} .xzm-command-search {display: grid; gap: 8px; padding: 16px; border-bottom: 1px solid var(--xzm-border, rgba(245, 158, 11, .18)); background: var(--xzm-panel-soft, #fff8ef);} .xzm-command-search .ant-input {border-radius: 8px;} .xzm-command-list {max-height: min(460px,70vh); overflow-y: auto; display: grid; align-content: start; gap: 4px; padding: 8px;} .xzm-command-item {width: 100%; min-width: 0; min-height: 54px; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-command-item:hover {border-color: var(--xzm-border-strong, rgba(245, 158, 11, .34)); background: var(--xzm-panel-soft, #fff8ef);} .xzm-command-item:disabled {cursor: not-allowed; opacity: .48;} .xzm-command-icon {width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: var(--xzm-accent, #f97316); background: var(--xzm-surface-muted, #fff0d8);} .xzm-command-copy {min-width: 0; display: grid; gap: 2px;} .xzm-command-copy b,.xzm-command-copy small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-command-copy small {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-workspace-drawer-shell {pointer-events: none;} .xzm-workspace-drawer-shell .ant-drawer-mask,.xzm-workspace-drawer-shell .ant-drawer-content-wrapper {pointer-events: auto;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-content-wrapper {width: min(420px,calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; height: 100dvh !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell .ant-drawer-content-wrapper {width: min(560px,calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-archive-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-archive-drawer-shell .ant-drawer-content-wrapper {width: min(920px,calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-archive-drawer-shell .ant-drawer-content {background: linear-gradient(180deg,color-mix(in srgb,#0f172a 4%,transparent),transparent 34%),var(--xzm-panel, #fff);} .ant-drawer.xzm-workspace-drawer-shell.xzm-archive-drawer-shell .ant-drawer-body {padding: 16px;} .ant-drawer.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell .ant-drawer-content-wrapper {width: min(680px,calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell .ant-drawer-content-wrapper {width: min(760px,calc(100vw - 24px)) !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-candidate-detail-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-candidate-detail-drawer-shell .ant-drawer-content-wrapper {width: min(860px,calc(100vw - 24px)) !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-memory-edit-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-memory-edit-drawer-shell .ant-drawer-content-wrapper {width: min(560px,calc(100vw - 24px)) !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-archive-memory-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-archive-memory-drawer-shell .ant-drawer-content-wrapper {width: min(680px,calc(100vw - 24px)) !important;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-content {border-radius: 10px 0 0 10px; overflow: hidden;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-body {padding: 14px; overflow-x: hidden;} .ant-drawer.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell .ant-drawer-content {background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 82%,transparent),transparent 36%),var(--xzm-panel, #fff);} .ant-drawer.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell .ant-drawer-body {flex: 1 1 auto; min-height: 0; padding: 0; overflow: hidden;} .xzm-workspace-drawer-form {width: 100%; min-width: 0; display: flex; flex-direction: column; height: 100%; min-height: 100%;} .xzm-workspace-drawer-form-scroll {width: 100%; min-width: 0; box-sizing: border-box; flex: 1 1 auto; min-height: 0; padding: 18px 20px 22px; overflow: auto;} .xzm-workspace-drawer-form-scroll .ant-form-item:last-child {margin-bottom: 0;} .xzm-create-project-hero {display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding: 14px 16px; border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel);} .xzm-create-project-hero .xzm-agent-avatar.large {width: 44px; height: 44px; flex-shrink: 0;} .xzm-create-project-hero > div {min-width: 0; display: grid; gap: 2px;} .xzm-create-project-hero b {color: var(--xzm-text); font-size: 15px;} .xzm-create-project-hero span {color: var(--xzm-muted); font-size: 13px; line-height: 1.5;} .xzm-create-project-paste-btn {display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 0; border-radius: 6px; background: transparent; color: var(--xzm-muted); cursor: pointer; vertical-align: middle; transition: background .15s ease,color .15s ease;} .xzm-create-project-paste-btn:hover {background: var(--xzm-shell); color: var(--xzm-accent);} .xzm-create-project-more {margin-top: 8px; border: 1px solid var(--xzm-border); border-radius: 8px;} .xzm-create-project-more-summary {display: flex; align-items: center; gap: 8px; padding: 10px 14px; cursor: pointer; user-select: none; list-style: none;} .xzm-create-project-more-summary::-webkit-details-marker {display: none;} .xzm-create-project-more-summary::before {content: ""; width: 8px; height: 8px; border-right: 2px solid var(--xzm-muted); border-bottom: 2px solid var(--xzm-muted); transform: rotate(-45deg); transition: transform .18s ease; flex-shrink: 0;} .xzm-create-project-more[open] .xzm-create-project-more-summary::before {transform: rotate(45deg);} .xzm-create-project-more-summary span {color: var(--xzm-text); font-size: 13px; font-weight: 700;} .xzm-create-project-more-summary small {color: var(--xzm-muted); font-size: 12px;} .xzm-create-project-more-body {padding: 0 14px 14px; display: grid; gap: 0; border-top: 1px solid var(--xzm-border);} .xzm-create-project-more-body .xzm-project-meta-grid {margin-top: 14px;} .xzm-create-project-estimate {display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel); font-size: 13px;} .xzm-create-project-estimate b {color: var(--xzm-text); white-space: nowrap;} .xzm-create-project-estimate span {color: var(--xzm-muted);} .xzm-workspace-drawer-form-note {display: grid; gap: 4px; margin-bottom: 16px; padding: 12px 14px; border: 1px solid var(--xzm-border, rgba(15, 23, 42, .12)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #64748b); font-size: 13px; line-height: 1.6;} .xzm-workspace-drawer-form-note b {color: var(--xzm-text, #241207); font-size: 14px;} .xzm-workspace-drawer-form-footer {width: 100%; min-width: 0; box-sizing: border-box; flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 10px; padding: 12px 20px calc(14px + env(safe-area-inset-bottom)) ; border-top: 1px solid var(--xzm-border, rgba(15, 23, 42, .12)); background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); box-shadow: 0 -14px 26px rgba(15,23,42,.06);} .xzm-workspace-drawer-form-footer .ant-btn {min-width: 118px;} .xzm-import-chapter-textarea.ant-input {min-height: clamp(320px,52dvh,620px); resize: vertical;} .ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-content-wrapper {width: min(340px,90vw) !important; max-width: 90vw !important;} .ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-content {background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 86%,transparent),transparent 38%),var(--xzm-panel, #fff); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-header {min-height: 68px; padding: 18px 18px 12px; border-bottom: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); background: transparent;} .ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-title {color: var(--xzm-text, #241207); font-size: 20px; font-weight: 900;} .ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-close {color: var(--xzm-muted, #7a6558);} .ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-body {display: flex; flex-direction: column; gap: 14px; min-height: 0; padding: 14px 14px 18px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-create-project {height: 48px; min-height: 48px; justify-content: center; border: 0; border-radius: 10px; background: rgba(5,7,10,.92); color: #fff; box-shadow: 0 10px 22px color-mix(in srgb,var(--xzm-primary, #e07040) 18%,transparent); font-weight: 780;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-sidebar-create-row {grid-template-columns: 1fr;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-import-icon {width: 100%; min-height: 44px; border-color: var(--xzm-border, rgba(245, 158, 11, .16)); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 78%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-import-icon span {display: inline;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-section {gap: 9px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-label {color: var(--xzm-muted, #7a6558);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-list,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-index {gap: 8px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-item,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-footer button {border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 78%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-list-empty {border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 78%,var(--xzm-panel, #fff));} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-list-empty span {color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-item span,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link span,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-footer button {color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-item small,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link small,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-empty {color: var(--xzm-muted, #7a6558);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-row.active .xzm-project-item,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-row:hover .xzm-project-item,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link.active,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link:hover,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-footer button.active,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-footer button:hover {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 52%,var(--xzm-border, rgba(245, 158, 11, .16))); background: color-mix(in srgb,var(--xzm-primary, #e07040) 12%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-section-head {color: var(--xzm-muted, #7a6558);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-row-action {opacity: 1; background: color-mix(in srgb,var(--xzm-primary, #e07040) 10%,var(--xzm-panel, #fff)); color: var(--xzm-muted, #7a6558);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-archive-confirm {border-color: color-mix(in srgb,#ef4444 32%,var(--xzm-border, rgba(245, 158, 11, .16))); background: color-mix(in srgb,#ef4444 7%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-archive-confirm-icon {background: color-mix(in srgb,#ef4444 12%,var(--xzm-panel-soft, #fff8ef)); color: #ef4444;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-archive-confirm-copy {color: var(--xzm-muted, #7a6558);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-archive-confirm button {border-color: var(--xzm-border, rgba(245, 158, 11, .16)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-archive-confirm button.danger {border-color: #ef4444; color: #ef4444;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-directory-entry {border-color: var(--xzm-border, rgba(245, 158, 11, .16)); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 78%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-directory-entry b {background: color-mix(in srgb,var(--xzm-primary, #e07040) 12%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-footer {margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--xzm-border, rgba(245, 158, 11, .16));} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-footer button {min-height: 42px;} .xzm-chapter-directory {display: grid; gap: 14px;} .xzm-chapter-directory-actionbar {display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 72%,transparent);} .xzm-chapter-directory-actionbar .ant-typography {min-width: 0; font-size: 12px; line-height: 1.45;} .xzm-chapter-directory-tools {display: grid; gap: 10px;} .xzm-chapter-jump {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px;} .xzm-chapter-filter-row {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; padding: 4px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 70%,transparent);} .xzm-chapter-filter-row button {min-width: 0; min-height: 34px; padding: 5px 7px; display: flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 6px; background: transparent; color: var(--xzm-muted, #7a6558); cursor: pointer; font-size: 12px; font-weight: 800;} .xzm-chapter-filter-row button b {min-width: 18px; padding: 1px 5px; border-radius: 999px; background: rgba(255,255,255,.62); color: inherit; font-size: 11px;} .xzm-chapter-filter-row button.active,.xzm-chapter-filter-row button:hover {background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-primary, #e07040) 10%,transparent);} .xzm-directory-summary {color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 700;} .xzm-chapter-directory-list {max-height: calc(100dvh - 260px) ; display: grid; gap: 8px; overflow-y: auto; padding-right: 3px;} .xzm-directory-chapter-item {display: grid; grid-template-columns: minmax(0,1fr) 34px; align-items: stretch; gap: 6px;} .xzm-directory-chapter-row {width: 100%; min-height: 62px; padding: 10px 12px; display: grid; gap: 5px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 84%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-text, #241207); cursor: pointer; text-align: left;} .xzm-directory-chapter-row span {display: flex; align-items: center; gap: 8px; min-width: 0;} .xzm-directory-chapter-row strong,.xzm-directory-chapter-row small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-directory-chapter-row strong {color: var(--xzm-text, #241207); font-size: 14px;} .xzm-directory-chapter-row small {color: var(--xzm-muted, #7a6558); font-size: 12px;} .xzm-directory-chapter-row i {margin-left: auto; padding: 2px 7px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 10%,var(--xzm-panel-soft, #fff8ef)); color: var(--xzm-muted, #7a6558); font-size: 11px; font-style: normal; font-weight: 800; white-space: nowrap;} .xzm-directory-chapter-item.active .xzm-directory-chapter-row,.xzm-directory-chapter-row:hover {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 42%,var(--xzm-border, rgba(245, 158, 11, .16))); background: color-mix(in srgb,var(--xzm-primary, #e07040) 9%,var(--xzm-panel, #fff));} .xzm-directory-chapter-action.ant-btn {width: 34px; height: 100%; min-height: 62px; border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; color: var(--xzm-muted, #7a6558); background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,var(--xzm-panel-soft, #fff8ef));} .xzm-directory-chapter-action.ant-btn:hover {color: var(--xzm-primary, #e07040); border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 36%,var(--xzm-border, rgba(245, 158, 11, .16))); background: color-mix(in srgb,var(--xzm-primary, #e07040) 8%,var(--xzm-panel, #fff));} .xzm-directory-empty {min-height: 128px; display: grid; place-items: center; border: 1px dashed var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; color: var(--xzm-muted, #7a6558); font-size: 13px; font-weight: 700;} .xzm-task-list-scroll {flex: 1 1 auto; min-height: 0; display: grid; align-content: start; gap: 14px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding-right: 4px; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch;} .xzm-task-detail {flex: 1 1 auto; min-height: 0; display: grid; align-content: start; gap: 10px; overflow-y: auto; padding-right: 4px; scrollbar-gutter: stable;} .xzm-task-detail-card {min-width: 0; display: grid; gap: 10px; padding: 12px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-task-detail-card.failed {border-color: rgba(239,68,68,.24); background: color-mix(in srgb,#ef4444 5%,var(--xzm-panel, #fff));} .xzm-task-detail-title {min-width: 0; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: flex-start; gap: 10px;} .xzm-task-detail-title h5.ant-typography {margin: 0 0 2px;} .xzm-task-detail .ant-typography {margin-bottom: 0; line-height: 1.65;} .xzm-task-group {display: grid; gap: 8px;} .xzm-task-group-title {display: flex; align-items: center; justify-content: space-between;} .xzm-task-empty {padding: 10px 2px;} .xzm-task-row {width: 100%; min-width: 0; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 10px; align-items: flex-start; padding: 10px; border: 1px solid var(--xzm-border, rgba(148, 163, 184, .2)); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); text-align: left; cursor: pointer;} .xzm-task-row-body {min-width: 0; display: grid; gap: 3px;} .xzm-task-row-body b,.xzm-task-row-body small {min-width: 0; overflow-wrap: anywhere;} .xzm-task-row:hover {border-color: var(--xzm-border-strong, rgba(245, 158, 11, .36)); background: var(--xzm-panel-soft, #fff8ef);} .xzm-task-row.failed {border-color: rgba(239,68,68,.22);} .xzm-task-row-icon {width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--xzm-accent, #f97316); background: var(--xzm-surface-muted, #fff0d8);} .xzm-task-row.failed .xzm-task-row-icon {color: #ef4444; background: rgba(239,68,68,.08);} .xzm-task-row-body {min-width: 0; display: grid; gap: 2px;} .xzm-task-row-body b,.xzm-task-row-body small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-task-row-body small {color: var(--xzm-muted, #7a6558);} .xzm-task-row-body small.error {color: #c2410c; white-space: normal;} .xzm-personalization {max-width: 1040px; margin: 0 auto; display: grid; gap: 14px;} .xzm-theme-toolbar {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px;} .xzm-theme-system-card {min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr) 18px; gap: 10px; align-items: center; min-height: 52px; padding: 8px 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); text-align: left; cursor: pointer; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease;} .xzm-theme-system-card:hover,.xzm-theme-system-card.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,var(--xzm-border-strong, rgba(148, 163, 184, .28))); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 4%,var(--xzm-panel, #fff));} .xzm-theme-system-icon {width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 18%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-theme-system-card > span:nth-child(2) {min-width: 0; display: grid; gap: 3px;} .xzm-theme-system-card b {font-size: 13px; font-weight: 820; line-height: 1.25;} .xzm-theme-system-card small {overflow: hidden; color: var(--xzm-muted, #7a6558); font-size: 11px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap;} .xzm-theme-system-card > svg {color: var(--xzm-primary, #0f766e);} .xzm-theme-mode-switch {display: inline-grid; grid-template-columns: repeat(2,64px); gap: 4px; padding: 3px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-text, #241207) 3%,transparent);} .xzm-theme-mode-switch button {min-height: 32px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 780; cursor: pointer; transition: background .16s ease,color .16s ease,box-shadow .16s ease;} .xzm-theme-mode-switch button.active {background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); box-shadow: 0 1px 2px color-mix(in srgb,var(--xzm-text, #241207) 8%,transparent);} .xzm-theme-grid {display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent);} .xzm-theme-card {min-width: 0; position: relative; display: grid; grid-template-columns: 112px minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 96px; padding: 14px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 0; background: transparent; color: var(--xzm-text, #241207); text-align: left; cursor: pointer; transition: background .16s ease;} .xzm-theme-card:hover,.xzm-theme-card.current,.xzm-theme-card.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 3%,transparent);} .xzm-theme-preview {position: relative; height: 68px; display: grid; grid-template-columns: 24px minmax(0,1fr); grid-template-rows: minmax(0,1fr) 12px; gap: 5px; padding: 6px; border: 1px solid color-mix(in srgb,var(--preview-border, rgba(148, 163, 184, .24)) 50%,transparent); border-radius: 8px; background: linear-gradient(135deg,color-mix(in srgb,var(--preview-primary, #0f766e) 7%,transparent),transparent 64%),var(--preview-shell, #f6f8f4); overflow: hidden; box-shadow: none;} .xzm-theme-preview i {display: block; border-radius: 5px; box-shadow: none;} .xzm-theme-preview i:nth-child(1) {grid-row: 1 / 3; background: linear-gradient(180deg,var(--preview-sidebar-from, #102420),var(--preview-sidebar-to, #071311)); opacity: .94;} .xzm-theme-preview i:nth-child(2) {background: var(--preview-panel, #fff); min-width: 0;} .xzm-theme-preview i:nth-child(3) {background: var(--preview-panel-soft, #f8fbf8); min-width: 0; opacity: .92;} .xzm-theme-preview i:nth-child(4) {position: absolute; left: 38px; right: 12px; bottom: 12px; height: 3px; border-radius: 999px; background: linear-gradient(90deg,var(--preview-primary, #0f766e),var(--preview-accent, #2563eb)); box-shadow: none;} .xzm-theme-preview i:nth-child(5) {position: absolute; right: 12px; top: 11px; width: 22px; height: 7px; border-radius: 999px; background: color-mix(in srgb,var(--preview-primary, #0f766e) 72%,var(--preview-panel, #fff)); box-shadow: none;} .xzm-theme-card-body {min-width: 0; display: grid; gap: 7px;} .xzm-theme-card-body > span:first-child {min-width: 0; display: inline-flex; align-items: center; gap: 7px;} .xzm-theme-card-body b,.xzm-theme-card-body small {overflow: hidden; text-overflow: ellipsis;} .xzm-theme-card-body b {font-size: 14px; line-height: 1.2; font-weight: 840;} .xzm-theme-card-body em {flex: 0 0 auto; padding: 2px 6px 3px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e); font-size: 10px; font-style: normal; font-weight: 900;} .xzm-theme-card-body small {color: var(--xzm-muted, #7a6558); font-size: 12px; line-height: 1.4; white-space: nowrap;} .xzm-theme-swatches {display: inline-flex; gap: 5px; align-items: center;} .xzm-theme-swatches i {width: 14px; height: 14px; border: 1px solid color-mix(in srgb,var(--xzm-border-strong, rgba(148, 163, 184, .28)) 60%,transparent); border-radius: 999px; box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 32%,transparent);} .xzm-theme-current-mark {align-self: center; min-width: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 5px 8px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 26%,transparent); border-radius: 7px; color: var(--xzm-primary, #0f766e); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); font-size: 11px; font-weight: 820; text-align: center; box-shadow: none;} @media (max-width: 1280px) {.xzm-context-inner {padding: 14px;}} @media (max-width: 980px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.market-mode,.xzm-workspace-shell.market-mode.left-collapsed,.xzm-workspace-shell.market-mode.right-collapsed,.xzm-workspace-shell.market-mode.left-collapsed.right-collapsed {grid-template-columns: var(--xzm-left-width, 250px) 7px minmax(0,1fr);} .xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.market-mode.left-collapsed,.xzm-workspace-shell.market-mode.left-collapsed.right-collapsed {grid-template-columns: 76px 0 minmax(0,1fr);} .xzm-main {grid-column: 3;} .xzm-context {display: none;} .xzm-panel-resizer.right {display: none;} .xzm-story-progress-grid,.xzm-archive-focus-strip,.xzm-archive-memory-item {grid-template-columns: 1fr;} .xzm-archive-memory-item-arrow {display: none;}} @media (max-width: 760px) {.xzm-setting-seed-head {grid-template-columns: minmax(0,1fr);} .xzm-setting-seed-progress {grid-template-columns: minmax(0,1fr);} .xzm-setting-seed-option {grid-template-columns: 26px minmax(0,1fr);} .xzm-setting-seed-option-meta {display: none;} .xzm-setting-seed-package {grid-template-columns: minmax(0,1fr);} .xzm-setting-seed-candidate-list {grid-template-columns: minmax(0,1fr);} .xzm-setting-seed-candidate-detail {min-height: 0;} .xzm-setting-seed-detail-grid {grid-template-columns: minmax(0,1fr);} .xzm-setting-seed-commandbar,.xzm-setting-seed-actions .ant-space,.xzm-setting-seed-head .ant-input,.xzm-setting-seed-head button {width: 100%;} .xzm-setting-seed-decision-options {display: flex; gap: 12px; margin-inline: -14px; padding: 4px 14px 12px; border-top: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: 14px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;} .xzm-setting-seed-decision-options::-webkit-scrollbar {display: none;} .xzm-setting-seed-option {flex: 0 0 min(82vw,340px); min-height: 188px; grid-template-columns: 34px minmax(0,1fr); align-content: start; gap: 12px; padding: 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 78%,transparent); border-radius: 14px; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent),color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 42%,transparent)); box-shadow: 0 12px 28px rgba(60,28,11,.08); scroll-snap-align: center;} .xzm-setting-seed-option:hover,.xzm-setting-seed-option:focus-visible {background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 5%,var(--xzm-panel, #fff)),color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 54%,transparent)); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #127c6b) 28%,transparent),0 14px 30px rgba(15,118,110,.1);} .xzm-setting-seed-option-key {width: 34px; height: 34px;} .xzm-setting-seed-option-copy {gap: 7px;} .xzm-setting-seed-option-copy b {font-size: 17px;} .xzm-setting-seed-option-copy small {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} .xzm-setting-seed-option-copy em {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 4px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 64%,transparent);} .xzm-writers-status-row,.xzm-writers-grid,.xzm-writers-sample-columns {grid-template-columns: 1fr;} .xzm-writers-page .xzm-panel-headline {flex-direction: column;} .xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.market-mode,.xzm-workspace-shell.market-mode.left-collapsed,.xzm-workspace-shell.market-mode.right-collapsed,.xzm-workspace-shell.market-mode.left-collapsed.right-collapsed,.xzm-workspace-shell.no-project-mode,.xzm-workspace-shell.no-project-mode.left-collapsed,.xzm-workspace-shell.no-project-mode.right-collapsed,.xzm-workspace-shell.no-project-mode.left-collapsed.right-collapsed {height: 100svh; grid-template-columns: 1fr; overflow: hidden;} .xzm-sidebar,.xzm-panel-resizer,.xzm-desktop-only {display: none;} .xzm-main {grid-column: 1; height: 100svh; min-height: 100svh; overflow: hidden;} .xzm-settings-work-surface {height: 100svh; overflow: auto;} .xzm-settings-center {display: block; min-height: 100svh;} .xzm-settings-center.is-detail .xzm-settings-nav {display: none;} .xzm-settings-nav {min-height: 100svh; padding: calc(16px + env(safe-area-inset-top)) 14px calc(86px + env(safe-area-inset-bottom)) ; border-bottom: 0; background: var(--xzm-shell, #fff8ef);} .xzm-settings-nav-title {padding-top: 14px; font-size: 28px;} .xzm-settings-nav-icon {width: 28px; height: 28px;} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-memory {width: 100%; padding: 0 14px calc(86px + env(safe-area-inset-bottom)) ; gap: 14px;} .xzm-settings-content-head {padding-top: 18px;} .xzm-settings-content-head > span.ant-typography {max-width: none;} .xzm-settings-memory-empty {grid-template-columns: 1fr;} .xzm-mobile-only {display: inline-flex;} .xzm-candidate-head,.xzm-draft-save-strip,.xzm-panel-headline {grid-template-columns: 1fr; flex-direction: column; align-items: stretch;} .xzm-topbar {position: sticky; top: 0; z-index: 18; min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; padding-top: 8px; padding-bottom: 8px; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-shell, #fff8ef) 96%,transparent),color-mix(in srgb,var(--xzm-shell, #fff8ef) 88%,transparent)); box-shadow: 0 1px 0 color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 58%,transparent);} .xzm-topbar::after {content: ""; position: absolute; right: 12px; bottom: -1px; left: 12px; height: 1px; background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent),transparent); pointer-events: none;} .xzm-mobile-safe-area {display: block;} .xzm-topbar .xzm-mobile-safe-area-top {grid-column: 1 / -1; margin: -8px -12px 0;} .xzm-topbar-primary {min-width: 0; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 8px;} .xzm-topbar-primary > div:last-child {min-width: 0;} .xzm-topbar-actions {display: inline-grid; grid-template-columns: repeat(3,40px); align-items: center; gap: 7px;} .xzm-topbar-chapter-tools {grid-column: auto; width: auto; justify-content: flex-end;} .xzm-topbar-chapter-actions {flex: 0 0 auto;} .xzm-topbar-actions .xzm-desktop-only {display: none;} .xzm-mobile-menu-button.ant-btn,.xzm-notification-button.ant-btn,.xzm-context-button.ant-btn {width: 40px; height: 40px; min-width: 40px; padding: 0; border-radius: 10px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 82%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 84%,transparent); color: var(--xzm-text, #1f2933); box-shadow: 0 4px 12px color-mix(in srgb,var(--xzm-text, #0f172a) 5%,transparent);} .xzm-history-controls {height: 40px; gap: 0; padding: 3px; border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); box-shadow: 0 4px 12px color-mix(in srgb,var(--xzm-text, #0f172a) 5%,transparent);} .xzm-history-button.ant-btn {width: 34px; height: 34px; min-width: 34px; border-radius: 9px;} .xzm-topbar h3.ant-typography {max-width: 100%; font-size: 19px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-topbar .panel-eyebrow {display: block; margin-bottom: 1px; font-size: 11px; color: var(--xzm-primary, #0f766e);} .xzm-topbar .ant-badge {display: inline-flex; width: 40px;} .xzm-context-button.ant-btn {color: var(--xzm-primary, #0f766e); background: radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--xzm-primary, #0f766e) 18%,transparent),transparent 46%),color-mix(in srgb,var(--xzm-panel, #fff) 88%,#ecfeff);} .xzm-topbar .xzm-credit-pill.mobile-compact {width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 12px; border-color: color-mix(in srgb,var(--xzm-gold, #f5a623) 34%,var(--xzm-border, rgba(148, 163, 184, .22))); background: radial-gradient(circle at 34% 24%,color-mix(in srgb,var(--xzm-gold, #f5a623) 30%,transparent),transparent 42%),color-mix(in srgb,var(--xzm-panel, #fff) 88%,var(--xzm-panel-soft, #fff8ef)); color: color-mix(in srgb,var(--xzm-gold, #f5a623) 78%,var(--xzm-text, #241207)); box-shadow: 0 4px 12px color-mix(in srgb,var(--xzm-text, #0f172a) 5%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent);} .xzm-topbar .xzm-credit-pill.mobile-compact svg {filter: drop-shadow(0 1px 0 color-mix(in srgb,#fff 62%,transparent));} .xzm-topbar .xzm-credit-pill.mobile-compact b {display: none;} .xzm-topbar .xzm-credit-cluster {width: 40px; min-width: 40px;} .xzm-topbar .xzm-weekly-supply-pill {position: absolute; top: -5px; right: -5px; width: 19px; min-width: 19px; height: 19px; padding: 0; border-radius: 999px; box-shadow: 0 3px 8px color-mix(in srgb,var(--xzm-text, #0f172a) 12%,transparent);} .xzm-topbar .xzm-weekly-supply-pill span {display: none;} .xzm-topbar .xzm-weekly-supply-pill svg {width: 11px; height: 11px;} .xzm-composer {position: relative; bottom: auto; flex: 0 0 auto; grid-template-columns: 1fr; padding: 5px 12px 4px; background: linear-gradient(180deg,transparent,color-mix(in srgb,var(--xzm-shell, #fff8ef) 92%,transparent) 18%);} .xzm-composer .xzm-mobile-safe-area-bottom {width: 100%; max-width: 1180px; height: min(env(safe-area-inset-bottom),8px); min-height: 0; justify-self: center; margin-top: -7px;} .xzm-composer-shell {border-radius: 17px; padding: 8px 10px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 68%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 90%,transparent); box-shadow: 0 12px 28px color-mix(in srgb,var(--xzm-text, #0f172a) 9%,transparent); backdrop-filter: blur(18px);} .xzm-composer.expanded {padding-top: 8px;} .xzm-composer-question {gap: 7px; padding-bottom: 9px;} .xzm-composer-question-head {grid-template-columns: auto minmax(0,1fr) auto;} .xzm-composer-question-head b,.xzm-composer-question > p {white-space: normal;} .xzm-composer-question-flow {align-items: flex-start; gap: 7px;} .xzm-composer-question-nav span {min-width: 42px;} .xzm-composer-question-options {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-composer-question-options button {min-height: 58px;} .xzm-composer.expanded .xzm-composer-shell,.xzm-composer.creation-ready.expanded .xzm-composer-shell {gap: 8px; padding: 9px 10px 8px; border-radius: 18px;} .xzm-composer.creation-ready.collapsed .xzm-composer-shell {gap: 7px; padding: 8px 10px;} .xzm-composer.creation-ready.collapsed .xzm-composer-topline {align-items: center;} .xzm-composer.creation-ready.collapsed .xzm-composer-input {gap: 3px;} .xzm-composer.creation-ready.collapsed .xzm-composer-input > span {padding-inline: 2px; font-size: 11px;} .xzm-composer-model-trigger {max-width: 100%;} .xzm-composer-selection-chip {width: 100%; grid-template-columns: 24px minmax(0,1fr);} .xzm-composer-input textarea.ant-input {min-height: 58px; font-size: 15px; line-height: 1.48;} .xzm-composer-toolbar {grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; padding-top: 6px;} .xzm-composer.expanded .xzm-composer-toolbar {align-items: start;} .xzm-composer.expanded .xzm-composer-actions {padding-top: 1px;} .xzm-composer.creation-ready.collapsed .xzm-composer-toolbar {grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px;} .xzm-composer-toolbar-left {width: 100%; display: flex; flex-wrap: wrap; gap: 7px;} .xzm-composer.creation-ready.collapsed .xzm-composer-toolbar-left {min-width: 0; flex-wrap: nowrap; overflow: hidden;} .xzm-composer-context-chip,.xzm-composer-model-trigger {min-height: 30px; border-radius: 999px;} .xzm-composer-context-chip {flex: 1 1 148px; justify-content: center;} .xzm-composer.creation-ready.collapsed .xzm-composer-model-trigger {flex: 0 0 auto; max-width: 118px;} .xzm-composer-model-menu {width: min(348px,calc(100vw - 32px)); max-height: min(58dvh,420px); overflow-y: auto; padding: 7px; border-radius: 18px; box-shadow: 0 20px 48px color-mix(in srgb,var(--xzm-text, #0f172a) 18%,transparent); -webkit-overflow-scrolling: touch;} .xzm-composer-model-section {gap: 3px;} .xzm-composer-model-section + .xzm-composer-model-section {padding-top: 7px;} .xzm-composer-model-section > span {padding: 3px 8px;} .xzm-composer-model-section button {min-height: 44px; padding: 7px 9px; border-radius: 12px;} .xzm-composer-model-copy b {font-size: 14px;} .xzm-composer-model-copy small {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 11px; line-height: 1.35;} .xzm-composer-engine-multiplier {min-width: 38px; padding: 3px 6px; font-size: 11px;} .xzm-question-card {padding: 10px; border-radius: 14px;} .xzm-question-card.mini-arc {padding: 4px 0; border-radius: 0;} .xzm-question-options {grid-template-columns: 1fr; gap: 7px;} .xzm-question-block-head {display: grid; gap: 2px;} .xzm-question-block-head small {white-space: normal;} .xzm-question-option {min-height: 64px; padding: 10px; border-radius: 12px;} .xzm-question-card.mini-arc .xzm-question-option {grid-template-columns: 28px minmax(0,1fr); min-height: 72px; padding: 14px 0;} .xzm-question-card.mini-arc .xzm-question-option-meta {grid-column: 2; justify-content: start; padding-top: 0;} .xzm-question-copy b {font-size: 13px;} .xzm-question-copy small {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; line-height: 1.45;} .xzm-panel-headline .ant-btn {width: 100%;} .xzm-composer-actions {width: auto; display: flex; justify-content: flex-end; gap: 8px; flex: 0 0 auto;} .xzm-composer.creation-ready.collapsed .xzm-composer-actions {width: auto; flex: 0 0 auto;} .xzm-composer-actions .ant-btn:not(.xzm-composer-submit) {flex: 1 1 120px;} .xzm-composer-submit.ant-btn {flex: 0 0 42px; min-width: 0; width: 42px; height: 42px; border-radius: 999px;} .xzm-composer.creation-ready .xzm-composer-submit.ant-btn {flex: 0 0 42px; width: 42px; min-width: 42px; height: 42px;} .xzm-candidate-board {grid-template-columns: 1fr; gap: 8px;} .xzm-candidate-rail {display: grid; gap: 10px; margin-inline: 0; padding: 8px; overflow: visible; scroll-snap-type: none;} .xzm-candidate-rail::-webkit-scrollbar {display: none;} .xzm-candidate-row {position: relative; min-height: 150px; grid-template-columns: 34px minmax(0,1fr); grid-template-rows: auto auto; gap: 12px; padding: 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 76%,transparent); border-radius: 8px; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent),color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 44%,transparent)); box-shadow: 0 14px 32px rgba(60,28,11,.08);} .xzm-candidate-row-main b {white-space: normal; font-size: 17px;} .xzm-candidate-row-main p {-webkit-line-clamp: 4; font-size: 13px; line-height: 1.58;} .xzm-candidate-row-index {width: 34px; height: 34px; font-size: 13px;} .xzm-candidate-row.selected {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 38%,var(--xzm-border, rgba(148, 163, 184, .2))); box-shadow: inset 3px 0 0 color-mix(in srgb,var(--xzm-primary, #0f766e) 72%,transparent),0 16px 34px color-mix(in srgb,var(--xzm-primary, #0f766e) 12%,transparent);} .xzm-candidate-row-kicker .xzm-candidate-helper-tag,.xzm-candidate-row-meta span:nth-child(n + 3) {display: none;} .xzm-candidate-row-detail {grid-column: 2 / 3; justify-self: start; min-width: 40px; min-height: 30px; font-size: 12px;} .xzm-candidate-preview {display: none;} .xzm-candidate-actions {grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px;} .xzm-candidate-actions .ant-btn {width: 100%; min-height: 38px;} .xzm-candidate-agency-grid,.xzm-candidate-guard-grid {grid-template-columns: 1fr;} .xzm-theme-grid,.xzm-project-meta-grid,.xzm-manuscript-upload-box,.xzm-manuscript-history-list article,.xzm-archive-managed-grid,.xzm-archive-brain-hero,.xzm-archive-form-grid,.xzm-memory-brain-hero-metrics,.xzm-archive-understanding-grid,.xzm-memory-brain-next-strip,.xzm-archive-focus-strip {grid-template-columns: 1fr;} .xzm-start-prompt {min-height: 0; padding-inline: 8px;} .xzm-empty-workspace h1.ant-typography {font-size: clamp(26px,7vw,38px);} .xzm-manuscript-upload-box label {width: 100%; max-width: none;} .xzm-memory-brain-hero-top {grid-template-columns: 44px minmax(0,1fr);} .xzm-memory-brain-hero-orbit {width: 44px; height: 44px;} .xzm-memory-brain-hero-orbit::after {display: none;} .xzm-memory-brain-hero-copy span {font-size: 10px;} .xzm-memory-brain-hero-copy b {font-size: 16px;} .xzm-memory-brain-hero-metrics {gap: 6px;} .xzm-memory-brain-hero-metric {min-height: 58px; padding: 8px;} .xzm-memory-brain-hero-metric span {font-size: 10px;} .xzm-memory-brain-next-strip {grid-template-columns: 1fr; gap: 6px;} .xzm-memory-brain-next-strip > span {white-space: normal;} .xzm-archive-section-head,.xzm-archive-head-actions {align-items: flex-start; justify-content: flex-start;} .xzm-archive-section-head {flex-direction: column;} .xzm-archive-focus-strip small {white-space: normal;} .xzm-archive-section {gap: 10px; padding: 12px; border-radius: 14px;} .xzm-archive-managed-card,.xzm-archive-understanding-card,.xzm-bible-summary-item,.xzm-story-progress-grid span,.xzm-longform-ledger-metrics span {border-radius: 12px;} .xzm-archive-memory-status,.xzm-archive-memory-tools,.xzm-memory-brain-lane {grid-template-columns: 1fr;} .xzm-archive-memory-status {gap: 6px;} .xzm-archive-memory-status span {min-height: 38px; padding: 7px 9px;} .xzm-archive-memory-tools {gap: 8px;} .xzm-archive-memory-tools .ant-input-search,.xzm-archive-memory-tools .ant-select {width: 100%;} .xzm-memory-brain-atlas-head {align-items: flex-start; flex-direction: column;} .xzm-memory-brain-lane > button {width: 100%;} .xzm-memory-brain-lane-nodes {max-height: 86px; overflow-y: auto; -webkit-overflow-scrolling: touch;} .xzm-archive-memory-item {grid-template-columns: minmax(0,1fr); gap: 6px; padding: 10px;} .xzm-archive-memory-item-main {grid-template-columns: minmax(0,1fr); gap: 5px;} .xzm-archive-memory-item-main > div {min-width: 0;} .xzm-archive-memory-item small {margin-left: 0; white-space: normal;} .xzm-archive-memory-item > span {grid-column: 1;} .xzm-archive-memory-item-arrow {display: none;} .xzm-command-list {max-height: 62vh;} .xzm-theme-mode-switch {width: 100%;} .xzm-personalization {gap: 14px; padding: 14px; border-radius: 14px;} .xzm-theme-grid {gap: 10px;} .xzm-theme-card {grid-template-columns: 1fr; gap: 10px; min-height: 0; padding: 11px;} .xzm-theme-preview {width: 100%; height: 82px;} .xzm-theme-card-body {gap: 7px; padding-right: 62px;} .xzm-theme-card-body > span:first-child {align-items: flex-start; flex-direction: column; gap: 5px;} .xzm-theme-card-body small {-webkit-line-clamp: 2;} .xzm-theme-current-mark {position: absolute; top: 12px; right: 12px;} .xzm-topbar,.xzm-work-surface,.xzm-composer {padding-left: 12px; padding-right: 12px;} .xzm-work-surface {padding-top: 10px; padding-bottom: 10px; overscroll-behavior: contain;} .xzm-decision-card {padding: 14px; border-radius: 14px;} .xzm-decision-card h4.ant-typography {font-size: 24px; line-height: 1.2;} .xzm-candidate-list,.xzm-memory-list,.xzm-manuscript-panel {gap: 10px;} .xzm-draft-guide,.xzm-draft-save-strip {align-items: flex-start; flex-direction: column; gap: 5px; padding: 9px 10px; border-radius: 12px;} .xzm-draft-guide strong {white-space: normal;} .xzm-manuscript-panel .ant-form-item {margin-bottom: 10px;} .xzm-manuscript-panel .ant-form-item-label {padding-bottom: 4px;} .xzm-manuscript-panel .ant-form-item-label > label {height: auto; color: var(--xzm-muted, #7a6558); font-size: 12px; font-weight: 850;} .xzm-manuscript-panel input.ant-input {min-height: 42px; border-radius: 12px; font-size: 16px; font-weight: 760;} .xzm-candidate-card,.xzm-memory-list article {gap: 8px; padding: 12px; border-radius: 14px;} .xzm-candidate-card.selectable,.xzm-memory-list article {box-shadow: 0 10px 24px color-mix(in srgb,var(--xzm-text, #0f172a) 5%,transparent);} .xzm-candidate-card.selected {box-shadow: inset 0 0 0 1px var(--xzm-accent, #f97316),0 10px 22px color-mix(in srgb,var(--xzm-accent, #f97316) 14%,transparent);} .xzm-candidate-head {gap: 8px;} .xzm-candidate-head h4.ant-typography {font-size: 19px; line-height: 1.28;} .xzm-candidate-label-row,.xzm-candidate-detail-labels {gap: 5px;} .xzm-candidate-label-row .ant-tag {margin-inline-end: 0;} .xzm-candidate-helper-tag {min-height: 22px; padding: 4px 8px; font-size: 11px;} .xzm-candidate-label-row .xzm-candidate-helper-tag {display: none;} .xzm-candidate-direction p.ant-typography,.xzm-candidate-snippet.ant-typography {font-size: 14px; line-height: 1.62;} .xzm-candidate-direction p.ant-typography {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .xzm-candidate-agency {display: block; overflow: visible; padding: 8px 10px; border-radius: 12px; font-size: 12px; line-height: 1.58; max-height: none;} .xzm-candidate-hook {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 13px;} .xzm-candidate-snippet.ant-typography {display: none;} .xzm-manuscript-panel textarea.ant-input {min-height: max(260px,44dvh); border-radius: 14px; padding: 12px; font-size: 16px; line-height: 1.82;} .xzm-memory-review-summary {align-items: stretch; padding: 9px 10px; border-radius: 12px;} .xzm-memory-review-summary > div {display: flex; flex-wrap: wrap; gap: 6px; min-width: 0;} .xzm-memory-review-summary .ant-typography {flex-basis: 100%; font-size: 12px; line-height: 1.5;} .xzm-memory-review-summary .ant-btn {width: 100%; min-height: 38px;} .xzm-memory-filter-row {display: grid; grid-template-columns: 1fr; gap: 8px;} .xzm-memory-filter-row .ant-space {width: 100%; max-height: 88px; overflow-y: auto; padding-bottom: 2px; -webkit-overflow-scrolling: touch;} .xzm-memory-filter-row button[type="button"] {min-height: 32px; padding: 7px 10px;} .xzm-memory-filter-row > .ant-btn {width: 100%; min-height: 38px;} .xzm-memory-brain {padding: 10px; border-radius: 14px;} .xzm-memory-brain-head small {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-memory-brain-legend {max-height: 72px; overflow-y: auto; -webkit-overflow-scrolling: touch;} .xzm-memory-card-copy span,.xzm-memory-card-copy em {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;} .xzm-memory-card-copy span {-webkit-line-clamp: 3; font-size: 13px; line-height: 1.58;} .xzm-memory-card-copy h5 {font-size: 15px; line-height: 1.42;} .xzm-memory-card-copy em {-webkit-line-clamp: 2; font-size: 12px;} .xzm-memory-choice-grid {grid-template-columns: 1fr; gap: 7px;} .xzm-memory-choice-grid button {min-height: 64px; padding: 9px;} .xzm-memory-reason-tags {max-height: 62px; overflow-y: auto; -webkit-overflow-scrolling: touch;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-content-wrapper {width: min(400px,calc(100vw - 12px)) !important; max-width: calc(100vw - 12px) !important;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-content {border-radius: 18px 0 0 18px;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-header {padding-top: calc(14px + env(safe-area-inset-top)) ; padding-right: 16px; padding-left: 16px;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-body {padding-bottom: calc(14px + env(safe-area-inset-bottom)) ;} .xzm-mobile-menu-drawer-shell .ant-drawer-content-wrapper,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-content-wrapper {width: 100vw !important; max-width: 100vw !important; height: 100dvh !important;} .xzm-mobile-menu-drawer-shell .ant-drawer-content,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-content {height: 100dvh; border-radius: 0;} .xzm-mobile-menu-drawer-shell .ant-drawer-header,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-header {padding-top: calc(14px + env(safe-area-inset-top)) ;} .xzm-mobile-menu-drawer-shell .ant-drawer-body,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-body {padding-bottom: calc(18px + env(safe-area-inset-bottom)) ;} .ant-drawer.xzm-workspace-drawer-shell.xzm-archive-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-archive-drawer-shell .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-candidate-detail-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-candidate-detail-drawer-shell .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-memory-edit-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-memory-edit-drawer-shell .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-archive-memory-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-archive-memory-drawer-shell .ant-drawer-content-wrapper {width: calc(100vw - 12px) !important; max-width: calc(100vw - 12px) !important;} .xzm-workspace-drawer-form-scroll {padding: 14px 14px 18px;} .xzm-workspace-drawer-form-footer {display: grid; grid-template-columns: 1fr; padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) ;} .xzm-credit-recovery-banner,.xzm-inline-danger-confirm,.xzm-drawer-inline-confirm {align-items: stretch; flex-direction: column; margin-right: 12px; margin-left: 12px;} .xzm-credit-recovery-banner > div:last-child,.xzm-inline-danger-confirm > div:last-child,.xzm-drawer-inline-confirm > div:last-child {justify-content: flex-end; flex-wrap: wrap;} .xzm-workspace-drawer-form-footer .ant-btn {width: 100%; min-width: 0;} .xzm-import-chapter-textarea.ant-input {min-height: clamp(260px,48dvh,520px);} .xzm-project-archive-confirm {grid-template-columns: 28px minmax(0,1fr);} .xzm-project-archive-confirm-icon {width: 28px; height: 28px;} .xzm-project-archive-confirm-actions {justify-content: stretch;} .xzm-project-archive-confirm-actions button {flex: 1;} .xzm-memory-brain-canvas svg {display: none;}} @media (max-width: 430px) {.xzm-topbar {gap: 7px; padding-left: 10px; padding-right: 10px;} .xzm-topbar-primary {grid-template-columns: 38px minmax(0,1fr) auto; gap: 7px;} .xzm-mobile-menu-button.ant-btn,.xzm-notification-button.ant-btn,.xzm-context-button.ant-btn {width: 38px; height: 38px; min-width: 38px;} .xzm-history-controls {height: 38px; padding: 2px;} .xzm-history-button.ant-btn {width: 33px; height: 33px; min-width: 33px;} .xzm-topbar h3.ant-typography {font-size: 18px;} .xzm-topbar-actions {grid-template-columns: repeat(3,38px); gap: 7px;} .xzm-topbar .ant-badge {width: 38px;} .xzm-topbar .xzm-credit-pill {min-height: 38px;} .xzm-work-surface,.xzm-composer {padding-left: 10px; padding-right: 10px;} .xzm-decision-card {padding: 12px;} .xzm-candidate-card,.xzm-memory-list article {padding: 11px;} .xzm-candidate-row {grid-template-columns: 32px minmax(0,1fr); min-height: 148px; padding: 14px;} .xzm-candidate-row-index {width: 32px; height: 32px; font-size: 12px;} .xzm-candidate-row-detail {grid-column: 2 / 3; justify-self: start; min-width: 38px; font-size: 11px;} .xzm-candidate-row-main b {font-size: 16px;} .xzm-candidate-actions {grid-template-columns: 1fr;} .xzm-composer-context-chip {flex-basis: 100%;} .xzm-composer.creation-ready.collapsed .xzm-composer-model-trigger {max-width: 108px;} .xzm-composer-input textarea.ant-input {min-height: 58px;} .xzm-composer.expanded .xzm-composer-shell,.xzm-composer.creation-ready.expanded .xzm-composer-shell {padding: 8px 9px 7px;} .xzm-topbar .xzm-credit-pill.mobile-compact {width: 38px; min-width: 38px; max-width: 38px; height: 38px; min-height: 38px;} .xzm-topbar .xzm-credit-cluster {width: 38px; min-width: 38px;}} @media (max-width: 760px) {.xzm-settings-work-surface,.xzm-settings-center,.xzm-settings-content,.xzm-settings-section-memory {box-sizing: border-box; max-width: 100%; overflow-x: hidden;} .xzm-settings-section-memory {padding-inline: 10px;} .xzm-archive-mobile,.xzm-archive-mobile *,.xzm-archive-mobile *::before,.xzm-archive-mobile *::after {box-sizing: border-box;} .xzm-archive-mobile {width: 100%; max-width: 100%; min-width: 0; display: grid; gap: 10px; overflow-x: hidden;} .xzm-archive-mobile-hero,.xzm-archive-mobile-card,.xzm-archive-mobile-details {min-width: 0; border: 1px solid color-mix(in srgb,#0f172a 8%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 16px; background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,#f8fafc); box-shadow: 0 12px 30px color-mix(in srgb,#0f172a 5%,transparent);} .xzm-archive-mobile-hero {display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 14px; background: radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--xzm-primary, #127c6b) 12%,transparent),transparent 36%),color-mix(in srgb,var(--xzm-panel, #fff) 96%,#f8fafc);} .xzm-archive-mobile-orbit {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #127c6b) 18%,transparent);} .xzm-archive-mobile-hero-copy {min-width: 0; display: grid; gap: 4px;} .xzm-archive-mobile-hero-copy b {color: var(--xzm-text, #241207); font-size: 20px; line-height: 1.24; overflow-wrap: anywhere;} .xzm-archive-mobile-hero-copy span,.xzm-archive-mobile-card p,.xzm-archive-mobile-understanding small,.xzm-archive-mobile-progress-item p {color: var(--xzm-muted, #70584d); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere;} .xzm-archive-mobile-status.ant-tag {margin-inline-end: 0; white-space: nowrap;} .xzm-archive-mobile-stat-grid {grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px;} .xzm-archive-mobile-stat-grid article,.xzm-archive-mobile-status-grid span,.xzm-archive-mobile-understanding article {min-width: 0; display: grid; gap: 4px; padding: 9px 10px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 90%,transparent);} .xzm-archive-mobile-stat-grid span,.xzm-archive-mobile-section-head span,.xzm-archive-mobile-understanding span,.xzm-archive-mobile-memory-group-head span,.xzm-archive-mobile-progress-item summary span {color: var(--xzm-primary, #127c6b); font-size: 11px; font-weight: 900;} .xzm-archive-mobile-stat-grid b,.xzm-archive-mobile-section-head b,.xzm-archive-mobile-understanding b,.xzm-archive-mobile-memory-group-head b,.xzm-archive-mobile-progress-item summary b {min-width: 0; color: var(--xzm-text, #241207); line-height: 1.35; overflow-wrap: anywhere;} .xzm-archive-mobile-card {display: grid; gap: 10px; padding: 13px;} .xzm-archive-mobile-card p {margin: 0;} .xzm-archive-mobile-section-head {min-width: 0; display: grid; gap: 4px;} .xzm-archive-mobile-section-head.with-action {grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 10px;} .xzm-archive-mobile-section-head.with-action > div {min-width: 0; display: grid; gap: 4px;} .xzm-archive-mobile-chip-row {min-width: 0; display: flex; flex-wrap: wrap; gap: 6px;} .xzm-archive-mobile-chip-row .ant-tag,.xzm-archive-mobile-memory-list .ant-tag {max-width: 100%; margin-inline-end: 0; white-space: normal;} .xzm-archive-mobile-progress-list {display: grid; gap: 8px;} .xzm-archive-mobile-progress-item {min-width: 0; border: 1px solid color-mix(in srgb,#0f172a 7%,var(--xzm-border, rgba(148, 163, 184, .16))); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 92%,#f8fafc); overflow: hidden;} .xzm-archive-mobile-progress-item summary {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 8px; padding: 10px; list-style: none; cursor: pointer;} .xzm-archive-mobile-progress-item summary::-webkit-details-marker,.xzm-archive-mobile-details summary::-webkit-details-marker {display: none;} .xzm-archive-mobile-progress-item summary span {grid-column: 1 / -1;} .xzm-archive-mobile-progress-item summary em {align-self: start; color: var(--xzm-muted, #70584d); font-size: 11px; font-style: normal; font-weight: 850; white-space: nowrap;} .xzm-archive-mobile-progress-item p {margin: 0; padding: 0 10px 10px;} .xzm-archive-mobile-details {overflow: hidden;} .xzm-archive-mobile-details summary {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; align-items: center; padding: 13px; list-style: none; cursor: pointer;} .xzm-archive-mobile-details summary span {grid-column: 1 / -1; color: var(--xzm-primary, #127c6b); font-size: 11px; font-weight: 900;} .xzm-archive-mobile-details summary b {min-width: 0; color: var(--xzm-text, #241207); overflow-wrap: anywhere;} .xzm-archive-mobile-details summary svg {color: var(--xzm-muted, #70584d); transition: transform .16s ease;} .xzm-archive-mobile-details[open] summary svg {transform: rotate(90deg);} .xzm-archive-mobile-understanding,.xzm-archive-mobile-actions,.xzm-archive-mobile-tools,.xzm-archive-mobile-memory-list,.xzm-archive-mobile-status-grid {min-width: 0; display: grid; gap: 8px; padding: 0 13px 13px;} .xzm-archive-mobile-actions {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-archive-mobile-actions .ant-btn,.xzm-archive-mobile-card > .ant-btn,.xzm-archive-mobile-card .ant-form .ant-btn {width: 100%; min-width: 0;} .xzm-archive-mobile-status-grid {grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0;} .xzm-archive-mobile-status-grid span {align-content: center; min-height: 52px; text-align: center;} .xzm-archive-mobile-status-grid b {color: var(--xzm-text, #241207); font-size: 18px;} .xzm-archive-mobile-status-grid small {color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 850;} .xzm-archive-mobile-tools {padding: 0;} .xzm-archive-mobile-tools .ant-input-search,.xzm-archive-mobile-tools .ant-select {width: 100%; min-width: 0;} .xzm-archive-mobile-memory-list {padding: 0;} .xzm-archive-mobile-memory-list section {min-width: 0; display: grid; gap: 0; border: 1px solid color-mix(in srgb,#0f172a 7%,var(--xzm-border, rgba(148, 163, 184, .16))); border-radius: 13px; overflow: hidden; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,#f8fafc);} .xzm-archive-mobile-memory-group-head {display: flex; justify-content: space-between; gap: 8px; padding: 10px 11px; border-bottom: 1px solid color-mix(in srgb,#0f172a 6%,transparent);} .xzm-archive-mobile-memory-list button {min-width: 0; display: grid; gap: 6px; padding: 11px; border: 0; border-top: 1px solid color-mix(in srgb,#0f172a 6%,transparent); background: transparent; color: inherit; font: inherit; text-align: left;} .xzm-archive-mobile-memory-list button:first-of-type {border-top: 0;} .xzm-archive-mobile-memory-list button > span {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap;} .xzm-archive-mobile-memory-list button small {color: var(--xzm-muted, #70584d); font-size: 11px; font-weight: 850;} .xzm-archive-mobile-memory-list button b {color: var(--xzm-text, #241207); font-size: 14px; line-height: 1.35; overflow-wrap: anywhere;} .xzm-archive-mobile-memory-list button em {color: var(--xzm-muted, #70584d); display: -webkit-box; overflow: hidden; font-size: 13px; font-style: normal; line-height: 1.62; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .xzm-archive-mobile-details .xzm-memory-brain {margin: 0 10px 10px;} .xzm-settings-section-memory .xzm-archive-drawer {gap: 9px;} .xzm-settings-section-memory .xzm-archive-section,.xzm-settings-section-memory .xzm-memory-brain-graph-details {border-radius: 14px;} .xzm-settings-section-memory .xzm-archive-section {gap: 10px; padding: 12px;} .xzm-settings-section-memory .xzm-archive-section-head {align-items: flex-start; gap: 8px;} .xzm-settings-section-memory .xzm-archive-section-head b {white-space: normal;} .xzm-settings-section-memory .xzm-archive-head-actions {width: 100%; justify-content: flex-start;} .xzm-settings-section-memory .xzm-memory-brain-hero {padding: 14px;} .xzm-settings-section-memory .xzm-memory-brain-hero-top {grid-template-columns: 46px minmax(0,1fr); gap: 10px;} .xzm-settings-section-memory .xzm-memory-brain-hero-orbit {width: 46px; height: 46px;} .xzm-settings-section-memory .xzm-memory-brain-hero-copy b {white-space: normal;} .xzm-settings-section-memory .xzm-memory-brain-hero-copy small,.xzm-settings-section-memory .xzm-memory-brain-writer-note span,.xzm-settings-section-memory .xzm-memory-brain-graph-details summary span {font-size: 13px; line-height: 1.65;} .xzm-settings-section-memory .xzm-memory-brain-hero-metrics {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px;} .xzm-settings-section-memory .xzm-memory-brain-hero-metric {min-height: 62px; padding: 9px;} .xzm-settings-section-memory .xzm-memory-brain-hero-metric b,.xzm-settings-section-memory .xzm-memory-brain-hero-metric span {white-space: normal;} .xzm-settings-section-memory .xzm-memory-brain-next-strip {grid-template-columns: 1fr; gap: 8px;} .xzm-settings-section-memory .xzm-memory-brain-next-strip > span {white-space: normal;} .xzm-settings-section-memory .xzm-memory-brain-next-strip > div {gap: 6px;} .xzm-settings-section-memory .xzm-memory-brain-next-strip .ant-tag {margin-inline-end: 0; white-space: normal;} .xzm-memory-brain-graph-details summary {min-height: 58px; padding: 12px;} .xzm-memory-brain-stage {padding: 8px;} .xzm-memory-brain {gap: 9px; padding: 10px; border-radius: 13px;} .xzm-memory-brain-head {display: grid; gap: 9px;} .xzm-memory-brain-head > div:first-child {min-width: 0;} .xzm-memory-brain-head b {font-size: 16px; line-height: 1.35;} .xzm-memory-brain-head small {font-size: 13px; line-height: 1.6;} .xzm-memory-brain-legend {display: flex; flex-wrap: nowrap; gap: 7px; max-height: none; margin-inline: -2px; padding: 1px 2px 5px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .xzm-memory-brain-legend::-webkit-scrollbar {display: none;} .xzm-memory-brain-legend button {flex: 0 0 auto; min-height: 32px; padding: 7px 10px; font-size: 12px;} .xzm-memory-brain-canvas {min-height: 0; place-items: stretch; padding: 10px; overflow: visible; background-size: 22px 22px;} .xzm-memory-brain-atlas {gap: 9px;} .xzm-memory-brain-atlas-head {display: grid; align-items: start; gap: 5px;} .xzm-memory-brain-atlas-head small {justify-self: start; white-space: normal;} .xzm-settings-section-memory .xzm-story-progress-top {display: grid; gap: 8px;} .xzm-settings-section-memory .xzm-story-progress-summary {padding: 9px 10px; font-size: 13px;} .xzm-settings-section-memory .xzm-story-progress-grid,.xzm-settings-section-memory .xzm-longform-ledger-metrics,.xzm-settings-section-memory .xzm-archive-memory-status {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px;} .xzm-settings-section-memory .xzm-story-progress-grid span,.xzm-settings-section-memory .xzm-longform-ledger-metrics span,.xzm-settings-section-memory .xzm-archive-memory-status span {min-height: 54px; align-content: center; padding: 8px;} .xzm-settings-section-memory .xzm-archive-understanding-grid,.xzm-settings-section-memory .xzm-archive-memory-tools {grid-template-columns: 1fr;} .xzm-settings-section-memory .xzm-archive-memory-tools .ant-input-search,.xzm-settings-section-memory .xzm-archive-memory-tools .ant-select {width: 100%;} .xzm-settings-section-memory .xzm-archive-memory-group {border-radius: 12px;} .xzm-settings-section-memory .xzm-archive-memory-item {grid-template-columns: minmax(0,1fr); gap: 6px; padding: 10px;} .xzm-settings-section-memory .xzm-archive-memory-item-main {grid-template-columns: minmax(0,1fr); gap: 5px;} .xzm-settings-section-memory .xzm-archive-memory-item-main > div {flex-wrap: wrap;} .xzm-settings-section-memory .xzm-archive-memory-item small {margin-left: 0; white-space: normal;} .xzm-settings-section-memory .xzm-archive-memory-item > span {grid-column: 1;} .xzm-settings-section-memory .xzm-archive-memory-item-arrow {display: none;} .xzm-memory-brain-lane {grid-template-columns: 1fr; gap: 7px; padding: 9px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 84%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent);} .xzm-memory-brain-lane > button {width: 100%; min-height: 34px; border-radius: 10px;} .xzm-memory-brain-lane-nodes {flex-wrap: nowrap; max-height: none; margin-inline: -2px; padding: 0 2px 4px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .xzm-memory-brain-lane-nodes::-webkit-scrollbar {display: none;} .xzm-memory-brain-chip,.xzm-memory-brain-more {flex: 0 0 auto; max-width: min(72vw,240px); min-height: 31px; padding: 6px 10px; font-size: 12px;} .xzm-archive-focus-strip {grid-template-columns: 1fr; gap: 5px; padding: 10px;} .xzm-archive-focus-strip b {white-space: normal;} .xzm-character-soul-item,.xzm-character-soul-item.compact,.xzm-settings-section-memory .xzm-character-soul-item {grid-template-columns: minmax(0,1fr); gap: 8px; padding: 11px;} .xzm-archive-mobile-memory-list .xzm-character-soul-item > span,.xzm-settings-section-memory .xzm-character-soul-item > span {min-width: 0;} .xzm-archive-mobile-memory-list .xzm-character-soul-kicker,.xzm-settings-section-memory .xzm-character-soul-kicker {display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap;} .xzm-archive-mobile-memory-list .xzm-character-soul-title,.xzm-settings-section-memory .xzm-character-soul-title {display: flex; align-items: baseline; justify-content: flex-start; gap: 7px; flex-wrap: wrap;} .xzm-character-soul-title b {font-size: 14px;} .xzm-archive-mobile-memory-list .xzm-character-soul-title em,.xzm-settings-section-memory .xzm-character-soul-title em {color: var(--xzm-primary, #127c6b); display: inline; font-size: 12px; font-style: normal; font-weight: 900; line-height: 1.35; -webkit-line-clamp: initial;} .xzm-archive-mobile-memory-list .xzm-character-soul-grid,.xzm-settings-section-memory .xzm-character-soul-grid,.xzm-character-soul-grid {display: grid; grid-template-columns: minmax(0,1fr);} .xzm-archive-mobile-memory-list .xzm-character-soul-grid small,.xzm-settings-section-memory .xzm-character-soul-grid small {color: var(--xzm-muted, #7d6a60); font-size: 11px; font-weight: 900;} .xzm-archive-mobile-memory-list .xzm-character-soul-grid b,.xzm-settings-section-memory .xzm-character-soul-grid b {color: var(--xzm-text, #241207); display: -webkit-box; overflow: hidden; font-size: 12px; font-weight: 800; line-height: 1.45; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-archive-mobile-memory-list .xzm-character-soul-anchors,.xzm-settings-section-memory .xzm-character-soul-anchors {display: flex; justify-content: flex-start;} .xzm-character-soul-item .xzm-archive-memory-item-arrow {display: none;} .xzm-character-soul-detail-grid {grid-template-columns: minmax(0,1fr);}} .xzm-workspace-canvas {min-height: 0; flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: color-mix(in srgb,var(--xzm-muted, #7a6558) 14%,transparent) transparent; padding: 24px clamp(18px,2.6vw,42px) 0; background: var(--xzm-shell, #fff8ef);} .xzm-workspace-canvas::-webkit-scrollbar {width: 5px;} .xzm-workspace-canvas::-webkit-scrollbar-track {background: transparent;} .xzm-workspace-canvas::-webkit-scrollbar-thumb {background: color-mix(in srgb,var(--xzm-muted, #7a6558) 12%,transparent); border-radius: 2.5px;} .xzm-workspace-canvas::-webkit-scrollbar-thumb:hover {background: color-mix(in srgb,var(--xzm-muted, #7a6558) 28%,transparent);} .xzm-workspace-canvas .xzm-center-stack {width: min(100%,1280px); max-width: none; min-height: 0; margin: 0 auto; display: grid; gap: 24px;} .focus-mode .xzm-workspace-canvas {padding: 18px clamp(28px,10vw,160px) 0;} .focus-mode .xzm-workspace-canvas .xzm-center-stack {width: min(100%,900px); gap: 14px;} .xzm-workspace-canvas .xzm-process-stream {border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 42%,transparent);} .xzm-workspace-canvas .xzm-process-summary {width: 100%; min-height: 34px; padding: 0; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 72%,var(--xzm-text, #241207)); font-size: 13px;} .xzm-workspace-canvas .xzm-process-stream-body {gap: 9px; padding: 4px 0 14px 15px; max-width: 720px;} .xzm-workspace-canvas .xzm-process-line-list {gap: 6px; padding-left: 0;} .xzm-workspace-canvas .xzm-process-line {color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-muted, #7a6558));} .xzm-workspace-canvas .xzm-process-note {display: none;} .xzm-workspace-canvas .xzm-start-prompt {min-height: 0; padding: 4px 0 12px;} .xzm-workspace-mode-prelude {width: min(900px,100%); min-width: 0; margin: 0 auto 8px; display: grid; padding: 0;} .xzm-workspace-mode-prelude.standby .xzm-agent-status-main {min-height: 52px;} .xzm-workspace-mode-prelude.standby .xzm-agent-status-copy small {font-size: 13px; line-height: 1.35;} .xzm-workspace-mode-prelude.standby strong {align-self: center;} .xzm-agent-conversation-timeline {width: calc(100% - 28px) ; min-width: 0; margin: -1px auto 0; display: grid; gap: 0; padding: 8px 13px 10px 42px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 46%,transparent); border-top: 0; border-radius: 0 0 12px 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,transparent); box-shadow: 0 10px 20px color-mix(in srgb,var(--xzm-text, #0f172a) 3%,transparent);} .xzm-agent-conversation-timeline span {position: relative; min-width: 0; padding: 4px 0 4px 13px; color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #7a6558)); font-size: 12.5px; line-height: 1.4;} .xzm-agent-conversation-timeline span::before {content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #e07040) 64%,var(--xzm-text, #241207)); box-shadow: 0 0 0 4px color-mix(in srgb,var(--xzm-primary, #e07040) 10%,transparent);} .xzm-workspace-canvas .xzm-decision-card,.xzm-workspace-canvas .xzm-artifact-panel,.xzm-workspace-canvas .xzm-question-card,.xzm-workspace-canvas .xzm-setting-seed-panel {width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-workspace-canvas .xzm-decision-card.warning,.xzm-workspace-canvas .xzm-setting-seed-panel.needs-seeds,.xzm-workspace-canvas .xzm-setting-seed-panel.onboarding {border: 0; background: transparent; box-shadow: none;} .xzm-workspace-canvas .xzm-panel-headline {padding-bottom: 16px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 78%,transparent);} .xzm-workspace-canvas .xzm-route-choice-head {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-workspace-canvas .xzm-route-choice-head > div {min-width: 0;} .xzm-workspace-canvas .xzm-route-choice-head h4.ant-typography {margin: 4px 0 0; color: var(--xzm-text, #241207); font-size: 21px; font-weight: 780; line-height: 1.24; letter-spacing: 0;} .xzm-workspace-canvas .xzm-route-choice-head .ant-tag {flex: 0 0 auto; margin-inline-end: 0; border-radius: 999px; font-weight: 760;} .xzm-workspace-canvas .xzm-panel-headline h4.ant-typography,.xzm-workspace-canvas .xzm-question-head b,.xzm-workspace-canvas .xzm-setting-seed-head h4.ant-typography {font-size: 21px; font-weight: 780; line-height: 1.24; letter-spacing: 0;} .xzm-workspace-canvas .xzm-panel-headline .ant-typography,.xzm-workspace-canvas .xzm-question-head span,.xzm-workspace-canvas .xzm-setting-seed-head .ant-typography {font-size: 13px; line-height: 1.55;} .xzm-workspace-canvas .xzm-question-card {justify-self: stretch; max-width: none; gap: 18px; animation: xzmQuestionFadeIn .18s ease-out both;} .xzm-workspace-canvas .xzm-question-card.mini-arc {gap: 16px;} .xzm-workspace-canvas .xzm-question-head {padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent);} .xzm-workspace-canvas .xzm-question-progress {gap: 8px;} .xzm-workspace-canvas .xzm-question-progress span {width: 20px; height: 20px; border: 0; background: transparent;} .xzm-workspace-canvas .xzm-question-review-item,.xzm-workspace-canvas .xzm-question-ready {border: 0; border-left: 2px solid color-mix(in srgb,var(--xzm-primary, #e07040) 28%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-question-options {gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-workspace-canvas .xzm-question-option {min-height: 74px; padding: 16px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); border-radius: 0; background: transparent; box-shadow: none; transform: none;} .xzm-workspace-canvas .xzm-question-option:hover,.xzm-workspace-canvas .xzm-question-option.selected {background: color-mix(in srgb,var(--xzm-primary, #e07040) 3.5%,transparent); box-shadow: inset 2px 0 0 color-mix(in srgb,var(--xzm-primary, #e07040) 62%,transparent); transform: none;} .xzm-workspace-canvas .xzm-question-key {border-radius: 999px;} .xzm-workspace-canvas .xzm-setting-seed-panel {gap: 20px;} .xzm-workspace-canvas .xzm-setting-seed-head {grid-template-columns: minmax(0,1fr); padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-commandbar {justify-content: start;} .xzm-workspace-canvas .xzm-setting-seed-commandbar .ant-input {background: color-mix(in srgb,var(--xzm-panel, #fff) 58%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-start {padding: 2px 0 4px;} .xzm-workspace-canvas .xzm-setting-seed-start-input {max-width: 840px;} .xzm-workspace-canvas .xzm-setting-seed-progress {display: flex; gap: 14px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-progress span {width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-setting-seed-progress b {width: 20px; height: 20px;} .xzm-workspace-canvas .xzm-setting-seed-decision-options {gap: 0; border-top-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-option {min-height: 86px; padding: 17px 0; border-bottom-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-picked {padding: 12px 0;} .xzm-workspace-canvas .xzm-setting-seed-advanced {border-top-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-warning,.xzm-workspace-canvas .xzm-setting-seed-tip,.xzm-workspace-canvas .xzm-setting-seed-replacement-note {padding: 8px 0 8px 12px; border: 0; border-left: 2px solid color-mix(in srgb,var(--xzm-accent, #f97316) 42%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-setting-seed-package {grid-template-columns: minmax(210px,.29fr) minmax(0,1fr); gap: 34px;} .xzm-workspace-canvas .xzm-setting-seed-candidate-list {gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-candidate-tab {min-height: 54px; padding: 10px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-setting-seed-candidate-tab:hover,.xzm-workspace-canvas .xzm-setting-seed-candidate-tab.active {background: color-mix(in srgb,var(--xzm-primary, #127c6b) 3.5%,transparent); box-shadow: inset 2px 0 0 color-mix(in srgb,var(--xzm-primary, #127c6b) 52%,transparent);} .xzm-workspace-canvas .xzm-setting-seed-candidate-detail {min-height: 340px; padding: 0 0 0 30px; border: 0; border-left: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 78%,transparent); border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-setting-seed-candidate-detail.adopted,.xzm-workspace-canvas .xzm-setting-seed-candidate-detail.candidate,.xzm-workspace-canvas .xzm-setting-seed-candidate-detail.empty {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 78%,transparent); background: transparent;} .xzm-workspace-canvas .xzm-setting-seed-detail-grid > div {padding: 0 0 0 11px; border: 0; border-left: 2px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 92%,transparent); border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-candidate-progress-row {padding: 10px 0 12px; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent); border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-candidate-board {grid-template-columns: minmax(0,1fr); gap: 14px;} .xzm-workspace-canvas .xzm-candidate-rail {grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0; border: 0; border-radius: 0; background: transparent;} .xzm-workspace-canvas .xzm-candidate-row {min-height: 148px; padding: 0; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 84%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); box-shadow: none; transform: none;} .xzm-workspace-canvas .xzm-candidate-row.ant-card {padding: 0;} .xzm-workspace-canvas .xzm-candidate-row.ant-card > .ant-card-body {min-height: 148px; grid-template-columns: minmax(0,1fr); grid-template-areas: "head" "main"; align-content: start; align-items: start; gap: 11px; padding: 15px 16px;} .xzm-workspace-canvas .xzm-candidate-row.selectable:hover,.xzm-workspace-canvas .xzm-candidate-row.selectable:focus-visible,.xzm-workspace-canvas .xzm-candidate-row.active {background: color-mix(in srgb,var(--xzm-panel, #fff) 98%,var(--xzm-primary, #0f766e) 2%); box-shadow: 0 10px 26px color-mix(in srgb,#4b5563 7%,transparent); transform: translateY(-1px);} .xzm-workspace-canvas .xzm-candidate-row.selected {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 4%,var(--xzm-panel, #fff)); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #0f766e) 30%,transparent),0 12px 24px color-mix(in srgb,var(--xzm-primary, #0f766e) 10%,transparent);} .xzm-workspace-canvas .xzm-candidate-row:last-child {border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 84%,transparent);} .xzm-workspace-canvas .xzm-candidate-row.placeholder {min-height: 148px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 50%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 68%,transparent);} .xzm-workspace-canvas .xzm-candidate-row-index {width: auto; min-width: 28px; height: 24px; padding: 0 9px; background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #70584d));} .xzm-workspace-canvas .xzm-candidate-row-meta span,.xzm-workspace-canvas .xzm-candidate-meta span,.xzm-workspace-canvas .xzm-candidate-helper-tag {border-color: transparent; background: color-mix(in srgb,var(--xzm-text, #241207) 4%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 88%,var(--xzm-text, #241207));} .xzm-workspace-canvas .xzm-candidate-preview {display: none;} .xzm-workspace-canvas .xzm-candidate-preview.empty {min-height: 180px; border-style: solid;} .xzm-workspace-canvas .xzm-candidate-preview-title {padding-bottom: 12px;} .xzm-workspace-canvas .xzm-candidate-preview-title h4.ant-typography {font-size: 21px; font-weight: 780; letter-spacing: 0;} .xzm-workspace-canvas .xzm-memory-list article {padding: 12px 0 12px 12px; border: 0; border-left: 2px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 92%,transparent); border-radius: 0; background: transparent; box-shadow: none;} .xzm-workspace-canvas .xzm-draft-guide,.xzm-workspace-canvas .xzm-draft-save-strip {padding: 8px 0 8px 12px; border: 0; border-left: 2px solid color-mix(in srgb,var(--xzm-primary, #e07040) 32%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 0; background: transparent;} .focus-mode .xzm-workspace-canvas .xzm-draft-save-strip {min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px; padding: 5px 0 5px 10px; color: color-mix(in srgb,var(--xzm-muted, #7a6558) 88%,var(--xzm-text, #241207)); font-size: 12px;} .focus-mode .xzm-workspace-canvas .xzm-draft-save-strip .ant-typography {font-size: 12px; line-height: 1.35;} .xzm-workspace-canvas .xzm-manuscript-panel {gap: 16px;} .xzm-workspace-canvas .xzm-manuscript-panel .ant-input,.xzm-workspace-canvas .xzm-manuscript-panel textarea.ant-input {border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,transparent);} .xzm-workspace-canvas .xzm-manuscript-panel .ant-form-item {margin-bottom: 18px;} .xzm-workspace-canvas .xzm-manuscript-panel .ant-form-item-label > label {color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,var(--xzm-text, #241207)); font-size: 13px; font-weight: 820;} .xzm-workspace-canvas .xzm-manuscript-panel input.ant-input {min-height: 46px; padding-inline: 16px; font-size: 16px; font-weight: 760;} .xzm-workspace-canvas .xzm-manuscript-panel textarea.ant-input {min-height: clamp(520px,62vh,780px) !important; padding: 18px 20px; font-size: 16px; line-height: 1.9;} .focus-mode .xzm-workspace-canvas .xzm-artifact-panel.focus-document {width: min(100%,880px); margin: 0 auto;} .focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document {display: grid; gap: 20px;} .focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document .ant-input,.focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document textarea.ant-input {border: 0; border-radius: 0; background: transparent; box-shadow: none;} .focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document .ant-input:focus,.focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document textarea.ant-input:focus,.focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document .ant-input:focus-within,.focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document textarea.ant-input:focus-within {box-shadow: none;} .focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document .xzm-manuscript-title-input.ant-input {min-height: auto; padding: 6px 0 12px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 60%,transparent); color: var(--xzm-text, #241207); font-size: 28px; font-weight: 820; line-height: 1.24;} .focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document textarea.xzm-manuscript-body-input.ant-input {min-height: clamp(600px,72vh,980px) !important; padding: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 92%,#000); font-size: 17px; line-height: 2.02; letter-spacing: 0; resize: none;} .focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document .ant-input[readonly],.focus-mode .xzm-workspace-canvas .xzm-manuscript-panel.focus-document textarea.ant-input[readonly] {cursor: default;} @media (max-width: 760px) {.xzm-workspace-canvas {padding: 10px 14px 96px;} .xzm-workspace-canvas .xzm-center-stack {gap: 20px;} .xzm-workspace-canvas .xzm-process-summary {grid-template-columns: auto minmax(0,1fr) auto; gap: 8px;} .xzm-workspace-canvas .xzm-process-summary-main {grid-column: 1 / 2;} .xzm-workspace-canvas .xzm-process-stage {display: none;} .xzm-workspace-canvas .xzm-process-live-metric {grid-column: 2 / 3;} .xzm-workspace-canvas .xzm-process-summary svg {grid-column: 3 / 4;} .xzm-workspace-canvas .xzm-process-summary em {grid-column: 1 / -1; padding-left: 15px;} .xzm-workspace-canvas .xzm-process-line-list,.xzm-workspace-canvas .xzm-process-note {padding-left: 0;} .xzm-workspace-canvas .xzm-setting-seed-head,.xzm-workspace-canvas .xzm-setting-seed-package,.xzm-workspace-canvas .xzm-candidate-board {grid-template-columns: 1fr;} .xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow {gap: 14px;} .xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-rail {gap: 12px; border-top: 0;} .xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row {min-height: 136px; padding: 14px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 76%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 54%,transparent);} .xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.active,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.selected {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 5%,var(--xzm-panel, #fff)); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #0f766e) 28%,transparent);} .xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row-index {width: 30px; height: 30px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,transparent);} .xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-preview {display: none;} .xzm-workspace-canvas .xzm-setting-seed-commandbar {justify-content: stretch;} .xzm-workspace-canvas .xzm-setting-seed-commandbar .ant-input {width: 100%;} .xzm-workspace-canvas .xzm-setting-seed-start-input {grid-template-columns: 1fr; max-width: none;} .xzm-workspace-canvas .xzm-setting-seed-start-input .ant-btn,.xzm-workspace-canvas .xzm-setting-seed-start-input .ant-input {width: 100%;} .xzm-workspace-canvas .xzm-setting-seed-start-notes {gap: 6px;} .xzm-workspace-canvas .xzm-setting-seed-progress {flex-wrap: wrap; gap: 10px 14px;} .xzm-workspace-canvas .xzm-setting-seed-decision-options {display: flex; gap: 12px; margin-inline: -14px; padding: 4px 14px 12px; border-top: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: 14px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;} .xzm-workspace-canvas .xzm-setting-seed-option {flex: 0 0 min(82vw,340px); min-height: 188px; grid-template-columns: 34px minmax(0,1fr); align-content: start; gap: 12px; padding: 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 78%,transparent); border-radius: 14px; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent),color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 42%,transparent)); box-shadow: 0 12px 28px rgba(60,28,11,.08); scroll-snap-align: center;} .xzm-workspace-canvas .xzm-setting-seed-option-meta {display: none;} .xzm-workspace-canvas .xzm-setting-seed-option-key {width: 34px; height: 34px;} .xzm-workspace-canvas .xzm-setting-seed-option-copy b {font-size: 17px;} .xzm-workspace-canvas .xzm-setting-seed-option-copy small {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} .xzm-workspace-canvas .xzm-setting-seed-option-copy em {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 4px; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 64%,transparent);} .xzm-workspace-canvas .xzm-candidate-rail {display: grid; gap: 10px; margin-inline: 0; padding: 8px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 74%,transparent); border-radius: 8px; overflow: visible; scroll-snap-type: none;} .xzm-workspace-canvas .xzm-candidate-row {min-height: 150px; gap: 12px; padding: 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 76%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent);} .xzm-workspace-canvas .xzm-candidate-row-main b {white-space: normal; font-size: 17px;} .xzm-workspace-canvas .xzm-candidate-row-main p {-webkit-line-clamp: 4; font-size: 13px; line-height: 1.58;} .xzm-workspace-canvas .xzm-candidate-row-index {width: 34px; height: 34px; font-size: 13px;} .xzm-workspace-canvas .xzm-candidate-row-detail {min-width: 40px; min-height: 30px; font-size: 12px;} .xzm-workspace-canvas .xzm-setting-seed-candidate-detail,.xzm-workspace-canvas .xzm-candidate-preview {position: static; min-height: 0; padding: 16px 0 0; border-left: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 78%,transparent);} .xzm-workspace-canvas .xzm-candidate-preview {display: none;} .xzm-workspace-canvas .xzm-question-card,.xzm-workspace-canvas .xzm-question-option,.xzm-workspace-canvas .xzm-decision-card,.xzm-workspace-canvas .xzm-manuscript-panel textarea.ant-input {border-radius: 0;} .xzm-workspace-canvas .xzm-manuscript-panel textarea.ant-input {min-height: max(280px,46dvh) !important; padding: 13px 12px; font-size: 16px; line-height: 1.82;}} @media (max-width: 430px) {.xzm-workspace-canvas {padding-right: 12px; padding-left: 12px;} .xzm-workspace-canvas .xzm-panel-headline h4.ant-typography,.xzm-workspace-canvas .xzm-question-head b,.xzm-workspace-canvas .xzm-setting-seed-head h4.ant-typography {font-size: 20px;}} .xzm-settings-center {grid-template-columns: 260px minmax(0,1fr); background: color-mix(in srgb,var(--xzm-shell, #f7f8f5) 86%,var(--xzm-panel, #fff));} .xzm-settings-nav {display: flex; flex-direction: column; gap: 4px; padding: 18px 12px; border-right: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,var(--xzm-shell, #f7f8f5));} .xzm-settings-back {min-height: 34px; margin-bottom: 8px; padding: 6px 8px; border-radius: 7px; color: var(--xzm-muted, #55706e); font-size: 13px; font-weight: 760;} .xzm-settings-back:hover {background: color-mix(in srgb,var(--xzm-text, #10242a) 4%,transparent);} .xzm-settings-nav-title {gap: 9px; padding: 0 8px 12px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 64%,transparent); font-size: 20px; font-weight: 860;} .xzm-settings-nav-title svg {color: var(--xzm-muted, #55706e);} .xzm-settings-nav-icon {width: 24px; height: 24px; color: var(--xzm-muted, #55706e);} .xzm-settings-content {width: min(980px,calc(100% - 80px)); padding: 44px 0 84px; gap: 22px;} .xzm-settings-section-recharge {width: min(1200px,calc(100% - 80px));} .xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-incentives,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: min(980px,calc(100% - 80px));} .xzm-settings-content-head {gap: 8px; padding-bottom: 18px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent);} .xzm-settings-content-title {min-width: 0; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 12px;} .xzm-settings-content-icon {width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,transparent); color: var(--xzm-primary, #0f766e);} .xzm-settings-content-head h3.ant-typography {margin: 1px 0 0; color: var(--xzm-text, #10242a); font-size: 26px; font-weight: 840; line-height: 1.15;} .xzm-settings-content-head > span.ant-typography {max-width: 680px; font-size: 13px; line-height: 1.55;} .xzm-settings-mobile-tabs {display: none;} .xzm-settings-memory-empty b {font-size: 15px; font-weight: 840;} .xzm-settings-content .xzm-panel-headline {align-items: center;} .xzm-settings-content .xzm-panel-headline h4.ant-typography {margin: 2px 0 0; font-size: 20px; font-weight: 830;} .xzm-settings-content .panel-eyebrow {color: var(--xzm-muted, #55706e); font-size: 11px; font-weight: 760; letter-spacing: 0; text-transform: none;} .xzm-settings-content .xzm-personalization {max-width: 720px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible;} .xzm-settings-content .xzm-personalization::before {display: none;} .xzm-settings-content .xzm-theme-toolbar {grid-template-columns: minmax(0,1fr) auto; align-items: stretch;} .xzm-settings-content .xzm-theme-mode-switch {border-radius: 8px; background: color-mix(in srgb,var(--xzm-text, #10242a) 4%,transparent); box-shadow: none;} .xzm-settings-content .xzm-theme-mode-switch button {border-radius: 6px;} .xzm-settings-content .xzm-theme-mode-switch button.active {background: var(--xzm-panel, #fff); box-shadow: 0 1px 2px color-mix(in srgb,var(--xzm-text, #10242a) 8%,transparent);} .xzm-settings-content .xzm-theme-system-card {min-height: 52px; border-radius: 8px; background: var(--xzm-panel, #fff); box-shadow: none;} .xzm-settings-content .xzm-theme-grid {grid-template-columns: 1fr; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent);} .xzm-settings-content .xzm-theme-card {grid-template-columns: 112px minmax(0,1fr) auto; min-height: 104px; padding: 16px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent); border-radius: 0; background: transparent; box-shadow: none; transform: none;} .xzm-settings-content .xzm-theme-card:hover,.xzm-settings-content .xzm-theme-card.current,.xzm-settings-content .xzm-theme-card.active {background: color-mix(in srgb,var(--xzm-text, #10242a) 2.5%,transparent); box-shadow: none; transform: none;} .xzm-settings-content .xzm-theme-card:hover .xzm-theme-preview,.xzm-settings-content .xzm-theme-card.current .xzm-theme-preview,.xzm-settings-content .xzm-theme-card.active .xzm-theme-preview {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 36%,var(--xzm-border, rgba(148, 163, 184, .2)));} .xzm-settings-content .xzm-theme-preview {height: 72px; border-radius: 8px; box-shadow: none;} .xzm-settings-content .xzm-theme-current-mark {align-self: center; border-radius: 7px; box-shadow: none;} .xzm-about-settings {display: grid; max-width: 980px; gap: 12px;} .xzm-about-hero {display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 12px; align-items: stretch; padding: 14px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent);} .xzm-about-brand {min-width: 0; display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 13px; align-items: center;} .xzm-about-brand-icon {width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff); overflow: hidden;} .xzm-about-brand-icon img {width: 38px; height: 38px; object-fit: contain;} .xzm-about-hero h4.ant-typography,.xzm-about-panel h5.ant-typography {margin: 2px 0 0; color: var(--xzm-text, #10242a); font-weight: 840;} .xzm-about-hero .ant-typography-secondary {display: block; max-width: 640px; margin-top: 4px; line-height: 1.45;} .xzm-about-version {display: grid; align-content: center; gap: 6px; padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent); border-radius: 8px; background: linear-gradient(135deg,color-mix(in srgb,var(--xzm-primary, #0f766e) 6%,transparent),transparent 68%),var(--xzm-panel, #fff);} .xzm-about-version span,.xzm-about-version small {min-width: 0; overflow: hidden; color: var(--xzm-muted, #55706e); font-size: 12px; text-overflow: ellipsis; white-space: nowrap;} .xzm-about-version b {color: var(--xzm-primary, #0f766e); font-size: 26px; line-height: 1;} .xzm-about-two-col {display: grid; gap: 14px;} .xzm-about-panel {border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: var(--xzm-panel, #fff);} .xzm-about-panel-head svg,.xzm-about-links a svg {color: var(--xzm-primary, #0f766e);} .xzm-about-two-col {grid-template-columns: minmax(280px,.86fr) minmax(360px,1.14fr); align-items: start; gap: 12px;} .xzm-about-panel {display: grid; gap: 14px; padding: 14px;} .xzm-about-panel-head {display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; align-items: center;} .xzm-about-changelog {display: grid; gap: 8px; margin: 0; padding-left: 18px; color: var(--xzm-muted, #55706e); font-size: 12px; line-height: 1.55;} .xzm-about-links {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px;} .xzm-about-links a {display: inline-flex; min-width: 0; align-items: center; gap: 6px; min-height: 38px; padding: 8px 9px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent); border-radius: 7px; color: var(--xzm-text, #10242a); font-size: 13px; font-weight: 760; text-decoration: none;} .xzm-about-links a:hover {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 36%,var(--xzm-border, rgba(148, 163, 184, .2))); color: var(--xzm-primary, #0f766e);} .xzm-support-list {display: grid; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 68%,transparent);} .xzm-support-row {width: 100%; min-width: 0; min-height: 58px; display: grid; grid-template-columns: 30px minmax(0,1fr) 18px; align-items: center; gap: 10px; padding: 10px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 68%,transparent); background: transparent; color: var(--xzm-text, #10242a); font: inherit; text-align: left; text-decoration: none; cursor: pointer;} .xzm-support-row:hover {color: var(--xzm-primary, #0f766e);} .xzm-support-row-icon {width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-support-row > span:nth-child(2) {min-width: 0; display: grid; gap: 3px;} .xzm-support-row b {color: inherit; font-size: 14px; font-weight: 820; line-height: 1.2;} .xzm-support-row small {min-width: 0; overflow: visible; color: var(--xzm-muted, #55706e); font-size: 12px; line-height: 1.35; white-space: normal;} .xzm-support-row > svg {color: color-mix(in srgb,var(--xzm-muted, #55706e) 72%,transparent);} .xzm-support-detail {display: grid; gap: 12px;} .xzm-support-back {width: fit-content; min-height: 30px; display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: var(--xzm-muted, #55706e); font-size: 12px; font-weight: 800; cursor: pointer;} .xzm-support-back:hover {color: var(--xzm-primary, #0f766e);} .xzm-feedback-form {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 12px; align-items: start;} .xzm-feedback-form .ant-form-item {margin-bottom: 12px;} .xzm-feedback-form .ant-form-item:nth-child(3),.xzm-feedback-form .ant-form-item:nth-child(4) {grid-column: 1 / -1;} .xzm-feedback-form .ant-btn {min-width: 132px; justify-self: start;} @media (max-width: 980px) {.xzm-settings-center {grid-template-columns: 220px minmax(0,1fr);} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: min(100% - 40px,980px);} .xzm-about-hero,.xzm-about-two-col {grid-template-columns: 1fr;} .xzm-feedback-form {grid-template-columns: 1fr;}} @media (max-width: 760px) {.xzm-settings-center {display: block; min-height: 100svh;} .xzm-settings-nav {min-height: 100svh; padding: calc(16px + env(safe-area-inset-top)) 14px calc(86px + env(safe-area-inset-bottom)) ;} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: 100%; padding: 0 14px calc(86px + env(safe-area-inset-bottom)) ;} .xzm-settings-content-head {padding-top: 18px;} .xzm-settings-content-title {grid-template-columns: 34px minmax(0,1fr);} .xzm-settings-content-icon {width: 34px; height: 34px;} .xzm-settings-content .xzm-theme-card {grid-template-columns: 92px minmax(0,1fr);} .xzm-about-links {grid-template-columns: 1fr;} .xzm-settings-content .xzm-theme-system-card {grid-template-columns: 34px minmax(0,1fr) 18px;} .xzm-settings-content .xzm-theme-current-mark {grid-column: 2; justify-self: start;}} @media (max-width: 760px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed {height: 100dvh; min-height: 100dvh; grid-template-columns: minmax(0,1fr); background: var(--xzm-shell, #fff8ef); overflow: hidden;} .xzm-main {grid-column: 1; height: 100dvh; min-height: 0; display: flex; flex-direction: column; overflow: hidden;} .xzm-settings-content .xzm-theme-toolbar {grid-template-columns: 1fr;} .xzm-settings-content .xzm-theme-mode-switch {width: 100%; grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-topbar {flex: 0 0 auto; min-height: 58px; padding: calc(8px + env(safe-area-inset-top)) 12px 8px; border-bottom: 0; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-shell, #fff8ef) 98%,transparent),color-mix(in srgb,var(--xzm-shell, #fff8ef) 88%,transparent)); box-shadow: 0 1px 0 color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 58%,transparent);} .xzm-topbar .xzm-mobile-safe-area-top {display: none;} .xzm-topbar-primary {grid-template-columns: auto minmax(0,1fr); gap: 7px;} .xzm-topbar-actions {grid-template-columns: repeat(2,38px); gap: 6px;} .xzm-mobile-menu-button.ant-btn,.xzm-context-button.ant-btn {display: none;} .xzm-mobile-menu-button.ant-btn,.xzm-notification-button.ant-btn,.xzm-context-button.ant-btn,.xzm-topbar .xzm-credit-pill.mobile-compact {width: 38px; min-width: 38px; height: 38px; min-height: 38px; border-radius: 12px;} .xzm-history-controls {height: 38px; border-radius: 12px;} .xzm-history-button.ant-btn {width: 32px; min-width: 32px; height: 32px; border-radius: 10px;} .xzm-topbar h3.ant-typography {font-size: 18px; line-height: 1.12;} .xzm-topbar .panel-eyebrow {font-size: 10px;} .xzm-work-surface,.xzm-workspace-canvas {flex: 1 1 auto; min-height: 0; padding: 16px 14px calc(132px + env(safe-area-inset-bottom)) ; overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch;} .xzm-workspace-canvas .xzm-center-stack {gap: 22px;} .xzm-workspace-canvas .xzm-panel-headline h4.ant-typography,.xzm-workspace-canvas .xzm-question-head b,.xzm-workspace-canvas .xzm-setting-seed-head h4.ant-typography {font-size: clamp(19px,5.4vw,23px); line-height: 1.22;} .xzm-composer {position: sticky; bottom: 0; flex: 0 0 auto; padding: 7px 10px calc(8px + env(safe-area-inset-bottom)) ; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent) 24%),color-mix(in srgb,var(--xzm-shell, #fff8ef) 88%,transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);} .xzm-composer-shell {gap: 7px; padding: 8px 10px; border-radius: 20px; box-shadow: 0 16px 34px color-mix(in srgb,var(--xzm-text, #0f172a) 12%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent);} .xzm-composer.expanded .xzm-composer-shell,.xzm-composer.creation-ready.expanded .xzm-composer-shell {padding: 10px 11px 9px;} .xzm-composer-input textarea.ant-input {min-height: 56px; font-size: 16px;} .xzm-composer-collapsed-input {min-height: 42px;} .xzm-composer-collapsed-input > b {font-size: 15px;} .xzm-composer-toolbar {padding-top: 6px;} .xzm-composer.world-building-minimal .xzm-composer-toolbar {grid-template-columns: minmax(0,1fr);} .xzm-composer.world-building-minimal .xzm-composer-actions {justify-content: center;} .xzm-composer-model-trigger {height: 32px; max-width: 132px;} .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 42px; min-width: 42px; height: 42px; flex-basis: 42px;} .xzm-settings-work-surface {height: 100dvh; overflow-y: auto; -webkit-overflow-scrolling: touch;} .xzm-settings-center {min-height: 100dvh; background: var(--xzm-shell, #fff8ef);} .xzm-settings-center.is-detail .xzm-settings-nav {display: none;} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: 100%; padding: 0 12px calc(28px + env(safe-area-inset-bottom)) ; gap: 14px;} .xzm-settings-mobile-tabs {position: sticky; top: 0; z-index: 8; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 -12px; padding: calc(8px + env(safe-area-inset-top)) 12px 9px; overflow-x: visible; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 64%,transparent); background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);} .xzm-settings-mobile-tabs button {flex: 1 1 calc(33.333% - 8px) ; justify-content: center; min-width: 88px; min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,transparent); color: var(--xzm-muted, #55706e); font: inherit; font-size: 13px; font-weight: 820; white-space: nowrap;} .xzm-settings-mobile-tabs button.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 28%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-settings-mobile-tabs svg {width: 15px; height: 15px;} .xzm-settings-content-head {padding: 14px 0 12px;} .xzm-settings-content-title {grid-template-columns: 34px minmax(0,1fr); gap: 10px;} .xzm-settings-content-head h3.ant-typography {font-size: 24px;} .xzm-settings-content-head > span.ant-typography {font-size: 13px;} .xzm-mobile-tabbar {position: fixed; right: max(10px,env(safe-area-inset-right)); bottom: max(8px,env(safe-area-inset-bottom)); left: max(10px,env(safe-area-inset-left)); z-index: 32; height: 58px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding: 5px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent); border-radius: 20px; background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); box-shadow: 0 18px 42px color-mix(in srgb,var(--xzm-text, #0f172a) 16%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 64%,transparent); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);} .xzm-mobile-tabbar button {min-width: 0; min-height: 46px; display: grid; place-items: center; gap: 2px; padding: 3px 2px; border: 0; border-radius: 15px; background: transparent; color: var(--xzm-muted, #55706e); font: inherit; font-size: 11px; font-weight: 820; line-height: 1.1;} .xzm-mobile-tabbar button.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-mobile-tabbar svg {width: 18px; height: 18px;} .xzm-work-surface,.xzm-workspace-canvas {padding-bottom: calc(184px + env(safe-area-inset-bottom)) ;} .xzm-composer {padding-bottom: calc(74px + env(safe-area-inset-bottom)) ;} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {padding-bottom: calc(94px + env(safe-area-inset-bottom)) ;} .xzm-mobile-menu-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell .ant-drawer-content-wrapper {max-width: 100vw;} .xzm-mobile-menu-drawer-shell .ant-drawer-body,.xzm-workspace-drawer-shell .ant-drawer-body {padding-bottom: calc(72px + env(safe-area-inset-bottom)) ;}} @media (max-width: 760px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed { --xzm-mobile-tabbar-height: 54px; --xzm-mobile-tabbar-gap: 8px; --xzm-mobile-composer-reserve: 148px; --xzm-mobile-bottom-reserve: calc(var(--xzm-mobile-tabbar-height) + var(--xzm-mobile-tabbar-gap) + env(safe-area-inset-bottom)); background: var(--xzm-shell, #fff8ef); } .xzm-topbar {min-height: 50px; padding: calc(6px + env(safe-area-inset-top)) 10px 6px; gap: 7px; box-shadow: 0 1px 0 color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 62%,transparent);} .xzm-topbar::after {display: none;} .xzm-topbar-primary {grid-template-columns: auto minmax(0,1fr); gap: 7px;} .xzm-history-controls {height: 34px; padding: 2px; border-radius: 11px; box-shadow: none;} .xzm-history-button.ant-btn {width: 29px; min-width: 29px; height: 29px; border-radius: 9px;} .xzm-topbar h3.ant-typography {max-width: 100%; font-size: 17px; line-height: 1.08;} .xzm-topbar .panel-eyebrow {max-width: 100%; overflow: hidden; color: color-mix(in srgb,var(--xzm-muted, #55706e) 86%,var(--xzm-primary, #0f766e)); font-size: 10px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap;} .xzm-topbar-actions {grid-template-columns: repeat(2,34px); gap: 6px;} .xzm-notification-button.ant-btn,.xzm-topbar .xzm-credit-pill.mobile-compact {width: 34px; min-width: 34px; max-width: 34px; height: 34px; min-height: 34px; border-radius: 11px; box-shadow: none;} .xzm-topbar .ant-badge,.xzm-topbar .xzm-credit-cluster {width: 34px; min-width: 34px;} .xzm-topbar .xzm-weekly-supply-pill {top: -4px; right: -4px;} .xzm-work-surface,.xzm-workspace-canvas {padding: 10px 12px 0;} .xzm-workspace-canvas .xzm-center-stack {gap: 14px;} .xzm-workspace-mode-switch.compact {width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0 0 10px; border-radius: 11px;} .xzm-workspace-mode-switch.compact button {height: 36px; font-size: 13px;} .xzm-workspace-mode-prelude {width: 100%; margin-bottom: 10px;} .xzm-workspace-mode-prelude.standby .xzm-agent-status-main {min-height: 52px; grid-template-columns: auto minmax(0,1fr) auto;} .xzm-workspace-mode-prelude.standby .xzm-agent-status-copy {gap: 5px;} .xzm-workspace-mode-prelude.standby .xzm-agent-status-copy small {font-size: 12px;} .xzm-workspace-canvas .xzm-start-prompt,.xzm-start-prompt {min-height: 0; place-items: start center; padding: 10px 0 2px;} .xzm-start-prompt-inner {width: 100%; gap: 5px;} .xzm-start-prompt .panel-eyebrow {font-size: 11px;} .xzm-start-prompt h2.ant-typography {font-size: clamp(19px,5.8vw,23px); line-height: 1.22;} .xzm-start-prompt p.ant-typography {max-width: 100%; font-size: 13px; line-height: 1.5;} .xzm-workspace-canvas .xzm-process-stream {border-bottom-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 52%,transparent);} .xzm-workspace-canvas .xzm-process-summary {min-height: 32px; gap: 7px; font-size: 12px;} .xzm-agent-status-bar {width: 100%; margin-bottom: 10px;} .xzm-agent-status-main {min-height: 42px; gap: 8px; padding: 6px 8px 6px 7px; border-radius: 12px;} .xzm-agent-status-copy small {font-size: 11px;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-stream-body {padding: 6px 10px 11px 43px;} .xzm-agent-status-bar.inline-process .xzm-process-stream.inline .xzm-process-line {font-size: 12px; line-height: 1.48;} .xzm-composer {position: fixed; right: 0; bottom: calc(var(--xzm-mobile-tabbar-height) + var(--xzm-mobile-tabbar-gap) + env(safe-area-inset-bottom)); left: 0; z-index: 31; padding: 7px 10px 0; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent) 28%),color-mix(in srgb,var(--xzm-shell, #fff8ef) 84%,transparent);} .xzm-composer.keyboard-visible {bottom: 0;} .xzm-composer .xzm-mobile-safe-area-bottom {display: none;} .xzm-composer-shell {gap: 6px; padding: 8px 10px; border-radius: 18px; box-shadow: 0 12px 30px color-mix(in srgb,var(--xzm-text, #0f172a) 13%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent);} .xzm-composer.expanded .xzm-composer-shell,.xzm-composer.creation-ready.expanded .xzm-composer-shell {gap: 7px; padding: 9px 10px 8px;} .xzm-composer-topline {gap: 6px;} .xzm-composer-input {gap: 3px;} .xzm-composer-input > span,.xzm-composer-collapsed-input span {font-size: 11px;} .xzm-composer-input textarea.ant-input {min-height: 48px; padding-top: 4px; font-size: 15px; line-height: 1.46;} .xzm-composer-collapsed-input {min-height: 38px; grid-template-columns: auto minmax(0,1fr); gap: 8px;} .xzm-composer-collapsed-input > b {font-size: 14px;} .xzm-composer-toolbar {gap: 7px; padding-top: 5px;} .xzm-composer.world-building-minimal .xzm-composer-toolbar {grid-template-columns: minmax(0,1fr);} .xzm-composer.world-building-minimal .xzm-composer-actions {justify-content: center;} .xzm-composer-model-trigger {max-width: min(46vw,146px); height: 31px; gap: 5px; padding-inline: 9px;} .xzm-composer-model-trigger b,.xzm-composer-model-trigger span,.xzm-composer-model-trigger em {font-size: 12px;} .xzm-composer-secondary-action.ant-btn {height: 31px; padding-inline: 7px;} .xzm-composer-secondary-action.ant-btn.icon-only {width: 40px; min-width: 40px; height: 40px; padding: 0;} .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 40px; min-width: 40px; height: 40px; flex-basis: 40px;} .xzm-composer-question {max-height: 36dvh; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 7px; -webkit-overflow-scrolling: touch;} .xzm-composer-question-options {grid-template-columns: 1fr; gap: 6px;} .xzm-composer-question-options button {min-height: 48px; padding: 7px;} .xzm-mobile-tabbar {right: max(8px,env(safe-area-inset-right)); bottom: max(6px,env(safe-area-inset-bottom)); left: max(8px,env(safe-area-inset-left)); height: var(--xzm-mobile-tabbar-height); grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; padding: 4px; border-radius: 18px; z-index: 32;} .xzm-mobile-tabbar button {min-height: 44px; gap: 1px; padding: 2px 1px; border-radius: 14px; font-size: 10px; font-weight: 820;} .xzm-mobile-tabbar svg {width: 17px; height: 17px;} .xzm-workspace-canvas .xzm-panel-headline {padding-bottom: 10px;} .xzm-workspace-canvas .xzm-panel-headline h4.ant-typography,.xzm-workspace-canvas .xzm-question-head b,.xzm-workspace-canvas .xzm-setting-seed-head h4.ant-typography {font-size: clamp(19px,5.6vw,23px); line-height: 1.22;} .xzm-workspace-canvas .xzm-panel-headline .ant-typography,.xzm-workspace-canvas .xzm-question-head span,.xzm-workspace-canvas .xzm-setting-seed-head .ant-typography {font-size: 13px; line-height: 1.56;} .xzm-world-building-panel {gap: 12px;} .xzm-world-building-head {padding-bottom: 9px;} .xzm-world-building-head > div:first-child {grid-template-columns: minmax(0,1fr); grid-template-areas: "eyebrow" "title" "copy"; gap: 3px;} .xzm-world-building-head h3.ant-typography {font-size: clamp(19px,5.8vw,23px);} .xzm-world-building-head > div:first-child > span:not(.panel-eyebrow) {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-world-building-generating,.xzm-route-generating-hero {grid-template-columns: minmax(0,1fr); gap: 10px; padding: 14px; border-radius: 14px;} .xzm-world-building-generating .xzm-generating-orbit,.xzm-route-generating-hero .xzm-generating-orbit {justify-self: start;} .xzm-setup-package-card {border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent); box-shadow: none;} .xzm-setup-package-card-button {gap: 11px; padding: 14px;} .xzm-setup-package-card-top {grid-template-columns: minmax(0,1fr) auto; gap: 8px;} .xzm-setup-package-card-top b {font-size: 17px; line-height: 1.28;} .xzm-setup-package-card-logline {display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.62; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .xzm-setup-package-card-contents {gap: 8px;} .xzm-setup-package-card-contents i {max-width: 100%;} .xzm-setup-package-edit-grid,.xzm-setup-package-edit-two {grid-template-columns: minmax(0,1fr);} .xzm-opening-plan-edit-card {grid-template-columns: minmax(0,1fr);} .xzm-setup-package-edit-card {padding: 11px;} .xzm-workspace-canvas .xzm-candidate-progress-row {gap: 8px; padding: 8px 0 9px;} .xzm-candidate-progress-status.ant-typography {width: 100%; font-size: 12px; line-height: 1.45;} .xzm-workspace-canvas .xzm-candidate-rail,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-rail {gap: 9px; padding: 0; border: 0; background: transparent;} .xzm-workspace-canvas .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row {min-height: 0; gap: 10px; padding: 13px; border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent);} .xzm-workspace-canvas .xzm-candidate-row.ant-card,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.ant-card {padding: 0;} .xzm-workspace-canvas .xzm-candidate-row.ant-card > .ant-card-body,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.ant-card > .ant-card-body {min-height: 0; grid-template-columns: minmax(0,1fr); grid-template-areas: "head" "main"; gap: 10px; padding: 13px;} .xzm-workspace-canvas .xzm-candidate-row-main b {font-size: 16px; line-height: 1.32;} .xzm-workspace-canvas .xzm-candidate-row-main p {-webkit-line-clamp: 3; font-size: 13px; line-height: 1.52;} .xzm-candidate-row-meta {gap: 5px;} .xzm-workspace-canvas .xzm-candidate-row-detail {min-height: 28px; border-radius: 999px;} .xzm-settings-work-surface,.xzm-story-market-work-surface {padding-bottom: var(--xzm-mobile-bottom-reserve);} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {padding-bottom: calc(78px + env(safe-area-inset-bottom)) ;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-content,.xzm-workspace-drawer-shell .ant-drawer-content,.xzm-story-market-drawer-root .ant-drawer-content {border-radius: 18px 18px 0 0;} .ant-drawer.xzm-workspace-drawer-shell .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell .ant-drawer-content-wrapper,.xzm-story-market-drawer-root .ant-drawer-content-wrapper {width: 100vw !important; max-width: 100vw !important;} .xzm-workspace-drawer-form-scroll {padding: 14px 14px calc(86px + env(safe-area-inset-bottom)) ;} .xzm-workspace-drawer-form-footer {position: sticky; bottom: 0; z-index: 3; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);}} @media (max-width: 430px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed { --xzm-mobile-composer-reserve: 142px; } .xzm-work-surface,.xzm-workspace-canvas {padding-right: 10px; padding-left: 10px;} .xzm-start-prompt h2.ant-typography {font-size: clamp(19px,6vw,22px);} .xzm-composer {padding-right: 8px; padding-left: 8px;} .xzm-composer-shell {border-radius: 17px;} .xzm-composer-model-trigger {max-width: 116px;} .xzm-composer-secondary-action.ant-btn {max-width: 76px; overflow: hidden;} .xzm-composer-secondary-action.ant-btn.icon-only {max-width: 40px;}} @media (max-width: 760px) {.xzm-workspace-shell.market-mode,.xzm-workspace-shell.market-mode.left-collapsed,.xzm-workspace-shell.market-mode.right-collapsed,.xzm-workspace-shell.market-mode.left-collapsed.right-collapsed {height: 100dvh; min-height: 100dvh; grid-template-columns: minmax(0,1fr); overflow: hidden;} .xzm-workspace-shell.market-mode .xzm-main {grid-column: 1; min-width: 0;} .xzm-workspace-shell.market-mode .xzm-topbar {display: none;} .xzm-workspace-shell.market-mode .xzm-sidebar,.xzm-workspace-shell.market-mode .xzm-panel-resizer {display: none;} .xzm-story-market-work-surface {width: 100%; max-width: 100vw; min-width: 0;}} @media (max-width: 760px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed { --xzm-mobile-composer-reserve: 112px; --xzm-mobile-bottom-reserve: 0px; } .xzm-mobile-tabbar {display: none !important;} .xzm-mobile-menu-button.ant-btn.xzm-mobile-brand-trigger {display: inline-flex !important; align-items: center; justify-content: center; padding: 0; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 90%,transparent); box-shadow: 0 8px 20px color-mix(in srgb,var(--xzm-text, #0f172a) 8%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent);} .xzm-mobile-brand-trigger img {width: 23px; height: 23px; display: block; border-radius: 7px; object-fit: cover;} .xzm-topbar-primary {grid-template-columns: 34px minmax(0,1fr) auto;} .xzm-topbar-actions {grid-template-columns: repeat(2,34px);} .xzm-mobile-nav-panel {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 4px 14px 14px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 70%,transparent);} .xzm-mobile-nav-panel button {min-width: 0; min-height: 56px; display: grid; place-items: center; gap: 5px; padding: 7px 4px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 76%,transparent); border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 66%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-muted, #55706e)); font: inherit; font-size: 12px; font-weight: 850; touch-action: manipulation;} .xzm-mobile-nav-panel button.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 34%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-mobile-nav-panel svg {width: 17px; height: 17px;} .xzm-work-surface,.xzm-workspace-canvas {padding-bottom: calc(var(--xzm-mobile-composer-reserve) + env(safe-area-inset-bottom));} .xzm-settings-work-surface,.xzm-story-market-work-surface {padding: 0; padding-bottom: calc(18px + env(safe-area-inset-bottom)) ;} .xzm-mobile-utility-topbar {position: sticky; top: 0; z-index: 20; min-height: 54px; display: grid; grid-template-columns: 42px minmax(0,1fr) 42px; align-items: center; gap: 6px; padding: calc(8px + env(safe-area-inset-top)) 16px 8px; border-bottom: 0; background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);} .xzm-mobile-utility-topbar::after {content: ""; width: 42px; height: 42px;} .xzm-story-market-work-surface .xzm-mobile-utility-topbar {box-shadow: 0 1px 0 color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 52%,transparent);} .xzm-mobile-utility-brand {width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 86%,#000); box-shadow: none; touch-action: manipulation;} .xzm-mobile-utility-brand:active {background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent);} .xzm-mobile-utility-topbar > div {min-width: 0; display: grid; justify-items: center; gap: 1px; text-align: center;} .xzm-mobile-utility-topbar h3.ant-typography {margin: 0; overflow: hidden; color: var(--xzm-text, #241207); font-size: clamp(18px,5vw,21px); line-height: 1.08; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer {position: fixed; right: 0; bottom: 0; left: 0; z-index: 31; padding: 7px 10px calc(8px + env(safe-area-inset-bottom)) ; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent) 28%),color-mix(in srgb,var(--xzm-shell, #fff8ef) 88%,transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);} .xzm-composer .xzm-mobile-safe-area-bottom {display: none;} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {padding-bottom: calc(28px + env(safe-area-inset-bottom)) ;} .xzm-settings-work-surface .xzm-settings-mobile-tabs {position: static;} .xzm-mobile-menu-drawer-shell .ant-drawer-content,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-content {background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 82%,transparent),transparent 36%),var(--xzm-panel, #fff); border-radius: 0 20px 20px 0;} .xzm-mobile-menu-drawer-shell .ant-drawer-header,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-header {padding: calc(14px + env(safe-area-inset-top)) 14px 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 68%,transparent); background: transparent;} .xzm-mobile-menu-drawer-shell .ant-drawer-title,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-title {color: var(--xzm-text, #241207); font-size: 18px; font-weight: 860;} .xzm-mobile-drawer-title {min-width: 0; display: inline-flex; align-items: center; gap: 9px;} .xzm-mobile-drawer-title img {width: 26px; height: 26px; border-radius: 8px; object-fit: cover;} .xzm-mobile-menu-drawer-shell .ant-drawer-body,.ant-drawer.xzm-mobile-menu-drawer-shell .ant-drawer-body {padding: 10px 0 calc(18px + env(safe-area-inset-bottom)) ;} .xzm-mobile-menu-drawer-shell .xzm-side-footer {display: none;} .xzm-composer button,.xzm-workspace-canvas .xzm-candidate-row.selectable,.xzm-setup-package-card-button,.xzm-workspace-drawer-form-footer .ant-btn {touch-action: manipulation;}} @media (max-width: 430px) {.xzm-topbar-primary {grid-template-columns: 34px minmax(0,1fr) auto;} .xzm-mobile-nav-panel {gap: 7px; padding-inline: 12px;} .xzm-mobile-nav-panel button {min-height: 54px; border-radius: 13px;}} .xzm-workspace-shell.settings-mode .xzm-main {background: color-mix(in srgb,var(--xzm-shell, #f7f8f5) 96%,var(--xzm-panel, #fff));} .xzm-settings-work-surface {background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-panel, #fff) 18%,transparent),transparent 220px),var(--xzm-shell, #f7f8f5);} .xzm-settings-center {display: grid; grid-template-columns: 248px minmax(0,1fr); min-height: 100%; background: transparent;} .xzm-settings-nav {position: sticky; top: 0; height: 100dvh; display: flex; flex-direction: column; gap: 14px; padding: 18px 12px; border-right: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 68%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 46%,transparent);} .xzm-settings-back {width: fit-content; min-height: 34px; margin: 0; padding: 6px 8px; border-radius: 8px; font-size: 13px; font-weight: 760;} .xzm-settings-nav-title {min-height: 38px; gap: 8px; padding: 0 8px 12px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 58%,transparent); font-size: 18px;} .xzm-settings-nav-list {display: grid; gap: 4px;} .xzm-settings-nav-list button {position: relative; display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 10px; align-items: center; min-height: 40px; padding: 7px 8px; border: 0; border-radius: 8px; background: transparent; color: var(--xzm-text, #10242a); font-size: 14px; font-weight: 760; text-align: left; transition: background .14s ease,color .14s ease;} .xzm-settings-nav-list button:hover {background: color-mix(in srgb,var(--xzm-text, #10242a) 4%,transparent);} .xzm-settings-nav-list button.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff));} .xzm-settings-nav-list button.active::before {content: ""; position: absolute; top: 10px; bottom: 10px; left: 0; width: 2px; border-radius: 999px; background: var(--xzm-primary, #0f766e);} .xzm-settings-nav-icon {width: 24px; height: 24px; display: grid; place-items: center; color: var(--xzm-muted, #55706e);} .xzm-settings-nav-list button.active .xzm-settings-nav-icon {color: var(--xzm-primary, #0f766e);} .xzm-settings-content,.xzm-settings-section-account,.xzm-settings-section-security,.xzm-settings-section-archive,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: min(1040px,calc(100% - 72px)); margin: 0 auto; padding: 38px 0 76px; gap: 18px;} .xzm-settings-section-recharge {width: min(1180px,calc(100% - 56px));} .xzm-settings-content-head {gap: 7px; padding-bottom: 14px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 64%,transparent);} .xzm-settings-content-title {grid-template-columns: 34px minmax(0,1fr); gap: 10px;} .xzm-settings-content-icon {width: 34px; height: 34px; border-radius: 7px; background: color-mix(in srgb,var(--xzm-panel, #fff) 62%,transparent);} .xzm-settings-content-head h3.ant-typography {margin: 0; font-size: 24px; font-weight: 820; line-height: 1.14;} .xzm-settings-content-head > span.ant-typography {max-width: 620px; font-size: 13px; line-height: 1.55;} .xzm-settings-content :where(.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number,.ant-btn,.ant-alert,.ant-card,.ant-table-wrapper) {border-radius: 8px;} .xzm-settings-content :where(.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number) {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 84%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); box-shadow: none;} .xzm-settings-content :where(.profile-identity-main,.profile-account-meta,.profile-settings-panel,.profile-account-grid,.xzm-referral-link-card,.xzm-referral-code-card,.credits-account-main) {min-width: 0;} .xzm-settings-content :where(.profile-identity-main,.profile-account-grid,.profile-email-bind-box,.profile-phone-bind-box,.xzm-referral-link-card,.xzm-referral-link-card .ant-input,.credits-account-main) {overflow-wrap: anywhere;} .xzm-settings-content :where(.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-input-number:hover),.xzm-settings-content .ant-select:not(.ant-select-disabled):hover .ant-select-selector {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 28%,var(--xzm-border, rgba(148, 163, 184, .22)));} .xzm-settings-content .profile-page-v3,.xzm-settings-content .xzm-personalization,.xzm-settings-content .xzm-referral-page,.xzm-settings-content .xzm-incentive-page,.xzm-settings-content .credits-page-v2.is-embedded,.xzm-settings-content .credits-page-v3.is-embedded {max-width: none; margin: 0;} .xzm-settings-content .profile-toolbar {display: none;} .xzm-settings-content .profile-page-v3 {gap: 14px;} .xzm-settings-content .profile-account-strip {grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 0 0 14px; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 66%,transparent); border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .profile-account-avatar { --xzm-user-avatar-size: 42px; width: 42px; height: 42px; flex-basis: 42px; } .xzm-settings-content .profile-page-v3:not(.profile-section-account) .profile-account-meta span {display: none;} .xzm-settings-content .profile-page-v3.profile-section-security .profile-settings-panel,.xzm-settings-content .profile-page-v3.profile-section-archive .profile-settings-panel {max-width: 760px;} .xzm-settings-content .profile-account-meta {justify-content: flex-start; flex-wrap: wrap; gap: 6px; font-size: 12px;} .xzm-settings-content .profile-account-strip > .ant-btn {grid-column: 2; grid-row: 1 / span 2; align-self: center;} .xzm-settings-content .profile-avatar {width: 38px; height: 38px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff)); font-size: 17px;} .xzm-settings-content .profile-layout-v3 {grid-template-columns: 176px minmax(0,1fr); gap: 24px;} .xzm-settings-content .profile-section-nav {position: sticky; top: 22px; gap: 1px; padding: 2px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .profile-section-nav button {grid-template-columns: 24px minmax(0,1fr); gap: 8px; min-height: 36px; padding: 6px 7px; border: 0; border-radius: 6px; background: transparent;} .xzm-settings-content .profile-section-nav button:hover,.xzm-settings-content .profile-section-nav button.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,var(--xzm-panel, #fff));} .xzm-settings-content .profile-section-nav-icon,.xzm-settings-content .profile-setting-head > span:first-child {width: 24px; height: 24px; border-radius: 6px; background: transparent; color: var(--xzm-muted, #55706e);} .xzm-settings-content .profile-section-nav button.active .profile-section-nav-icon {color: var(--xzm-primary, #0f766e);} .xzm-settings-content .profile-section-nav b {font-size: 13px; font-weight: 790;} .xzm-settings-content .profile-section-nav small {font-size: 11px; font-weight: 620;} .xzm-settings-content .profile-setting-card {gap: 16px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .profile-setting-head {min-height: 36px; padding: 0 0 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 66%,transparent);} .xzm-settings-content .profile-account-grid > div,.xzm-settings-content .profile-email-bind-box,.xzm-settings-content .profile-phone-bind-box,.xzm-settings-content .profile-archive-row {border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 68%,transparent); box-shadow: none;} .xzm-settings-content .profile-email-bind-box,.xzm-settings-content .profile-phone-bind-box {padding: 14px;} .xzm-settings-content .profile-archive-row {padding: 10px 11px;} .xzm-settings-content .xzm-personalization {gap: 15px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .xzm-personalization::before {display: none;} .xzm-settings-content .xzm-theme-toolbar {grid-template-columns: minmax(0,1fr) auto; align-items: stretch;} .xzm-settings-content .xzm-theme-mode-switch {border-radius: 8px; background: color-mix(in srgb,var(--xzm-text, #10242a) 4%,transparent); box-shadow: none;} .xzm-settings-content .xzm-theme-mode-switch button {border-radius: 6px;} .xzm-settings-content .xzm-theme-system-card {min-height: 52px; border-radius: 8px; background: var(--xzm-panel, #fff); box-shadow: none;} .xzm-settings-content .xzm-theme-grid {grid-template-columns: 1fr; gap: 0; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 68%,transparent);} .xzm-settings-content .xzm-theme-card {grid-template-columns: 116px minmax(0,1fr) auto; min-height: 98px; padding: 14px 0; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 68%,transparent); border-radius: 0; background: transparent; box-shadow: none; transform: none;} .xzm-settings-content .xzm-theme-card:hover,.xzm-settings-content .xzm-theme-card.current,.xzm-settings-content .xzm-theme-card.active {background: color-mix(in srgb,var(--xzm-text, #10242a) 2.5%,transparent); box-shadow: none; transform: none;} .xzm-settings-content .xzm-theme-preview {height: 68px; border-radius: 8px; box-shadow: none;} .xzm-settings-content .xzm-theme-current-mark {align-self: center; border-radius: 7px; box-shadow: none;} .xzm-settings-content .xzm-theme-overview {display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,280px); gap: 12px; align-items: stretch;} .xzm-settings-content .xzm-personalization {max-width: 980px;} .xzm-settings-content .xzm-theme-current-panel {min-width: 0; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 11px; align-items: center; min-height: 66px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,transparent);} .xzm-settings-content .xzm-theme-current-preview {position: relative; height: 42px; display: grid; grid-template-columns: 12px minmax(0,1fr); grid-template-rows: 1fr 8px; gap: 4px; padding: 4px; border: 1px solid color-mix(in srgb,var(--xzm-border-strong, rgba(148, 163, 184, .28)) 52%,transparent); border-radius: 8px; background: var(--preview-shell, #f6f8f4); overflow: hidden;} .xzm-settings-content .xzm-theme-current-preview i {display: block; border-radius: 4px;} .xzm-settings-content .xzm-theme-current-preview i:nth-child(1) {grid-row: 1 / 3; background: linear-gradient(180deg,var(--preview-sidebar-from, #102420),var(--preview-sidebar-to, #071311));} .xzm-settings-content .xzm-theme-current-preview i:nth-child(2) {background: var(--preview-panel, #fff);} .xzm-settings-content .xzm-theme-current-preview i:nth-child(3) {background: linear-gradient(90deg,var(--preview-primary, #0f766e),var(--preview-accent, #2563eb));} .xzm-settings-content .xzm-theme-current-panel > span:last-child {min-width: 0; display: grid; gap: 4px;} .xzm-settings-content .xzm-theme-current-panel b {overflow: hidden; color: var(--xzm-text, #10242a); font-size: 14px; font-weight: 840; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap;} .xzm-settings-content .xzm-theme-current-panel small {overflow: hidden; color: var(--xzm-muted, #55706e); font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-settings-content .xzm-theme-toolbar {grid-template-columns: minmax(0,1fr) auto; align-items: center; padding-top: 2px;} .xzm-settings-content .xzm-theme-toolbar-title {color: var(--xzm-text, #10242a); font-size: 13px; font-weight: 820;} .xzm-settings-content .xzm-theme-mode-switch {grid-template-columns: repeat(2,minmax(86px,1fr));} .xzm-settings-content .xzm-theme-mode-switch button {display: inline-flex; gap: 6px; align-items: center; justify-content: center;} .xzm-settings-content .xzm-theme-mode-switch button small {display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #10242a) 7%,transparent); color: inherit; font-size: 10px; font-weight: 860;} .xzm-settings-content .xzm-theme-grid {grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; border-top: 0;} .xzm-settings-content .xzm-theme-card {grid-template-columns: minmax(0,1fr); align-content: start; gap: 12px; min-height: 226px; padding: 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent); overflow: hidden;} .xzm-settings-content .xzm-theme-card:hover,.xzm-settings-content .xzm-theme-card.current,.xzm-settings-content .xzm-theme-card.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 32%,var(--xzm-border-strong, rgba(148, 163, 184, .28))); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 4%,var(--xzm-panel, #fff));} .xzm-settings-content .xzm-theme-preview {width: 100%; height: 112px; grid-template-columns: 28px minmax(0,1fr) 54px; grid-template-rows: 20px minmax(0,1fr) 14px; gap: 6px; padding: 7px; border-radius: 8px; background: linear-gradient(135deg,color-mix(in srgb,var(--preview-primary, #0f766e) 8%,transparent),transparent 68%),var(--preview-shell, #f6f8f4);} .xzm-settings-content .xzm-theme-preview i {border-radius: 5px;} .xzm-settings-content .xzm-theme-preview i:nth-child(1) {grid-row: 1 / 4; grid-column: 1;} .xzm-settings-content .xzm-theme-preview i:nth-child(2) {grid-column: 2 / 4; grid-row: 1 / 3;} .xzm-settings-content .xzm-theme-preview i:nth-child(3) {grid-column: 2; grid-row: 3;} .xzm-settings-content .xzm-theme-preview i:nth-child(4) {left: auto; right: 12px; bottom: 14px; width: 42px; height: 5px;} .xzm-settings-content .xzm-theme-preview i:nth-child(5) {right: 14px; top: 14px; width: 28px; height: 8px;} .xzm-settings-content .xzm-theme-preview i:nth-child(6) {grid-column: 2; grid-row: 2; align-self: end; width: 48%; height: 7px; background: color-mix(in srgb,var(--preview-accent, #2563eb) 34%,var(--preview-panel-soft, #f8fbf8));} .xzm-settings-content .xzm-theme-card-body {gap: 7px; padding-right: 0;} .xzm-settings-content .xzm-theme-card-body > span:first-child {align-items: center; gap: 6px;} .xzm-settings-content .xzm-theme-card-body b {font-size: 14px;} .xzm-settings-content .xzm-theme-card-body strong {display: block; overflow: hidden; color: var(--xzm-text, #10242a); font-size: 11px; font-weight: 760; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap;} .xzm-settings-content .xzm-theme-card-body small {display: -webkit-box; min-height: 34px; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-settings-content .xzm-theme-current-mark {position: absolute; top: 14px; right: 14px; min-width: 0; min-height: 26px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent); backdrop-filter: blur(8px);} .xzm-settings-content .xzm-referral-page {gap: 14px;} .xzm-settings-content .xzm-referral-hero {gap: 14px; padding: 0 0 15px; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 66%,transparent); border-radius: 0; background: transparent;} .xzm-settings-content .xzm-referral-hero h3.ant-typography {margin: 2px 0 4px; font-size: 22px;} .xzm-settings-content .xzm-referral-notice.ant-alert,.xzm-settings-content .xzm-referral-code-card,.xzm-settings-content .xzm-referral-link-card,.xzm-settings-content .xzm-referral-card.ant-card,.xzm-settings-content .xzm-referral-records.ant-card {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 74%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent); box-shadow: none;} .xzm-settings-content .xzm-referral-share-panel {grid-template-columns: minmax(180px,.75fr) minmax(320px,1.5fr);} @media (max-width: 820px) {.xzm-settings-content .xzm-referral-share-panel {grid-template-columns: 1fr;}} .xzm-settings-content .xzm-referral-code-card,.xzm-settings-content .xzm-referral-link-card {padding: 13px;} .xzm-settings-content .xzm-referral-code-card strong {font-size: 26px;} .xzm-settings-content .xzm-referral-grid {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .xzm-settings-content .xzm-referral-card .ant-card-body {min-height: 94px; padding: 13px;} .xzm-settings-content .xzm-referral-card strong {font-size: 20px;} .xzm-settings-content .credits-page-v2.is-embedded,.xzm-settings-content .credits-page-v3.is-embedded {gap: 13px;} .xzm-settings-content .credits-page-v3.is-embedded {min-width: 0;} .xzm-settings-content .credits-page-v3.is-embedded .credits-panel-content {padding-top: 12px;} .xzm-settings-content .credits-page-v2.is-embedded .credits-account-strip {min-height: 52px; padding: 0 0 14px; border-bottom-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 66%,transparent);} .xzm-settings-content .credits-page-v3.is-embedded .credits-embedded-balance-line,.xzm-settings-content .credits-page-v3.is-embedded .credits-balance-card {min-height: 52px; padding: 0 0 14px; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border) 66%,transparent); border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .credits-page-v2.is-embedded .credits-account-main strong {font-size: 23px;} .xzm-settings-content .credits-page-v3.is-embedded .credits-embedded-balance-line b,.xzm-settings-content .credits-page-v3.is-embedded .credits-balance-amount strong {font-size: 23px;} .xzm-settings-content .credits-page-v2.is-embedded .credits-account-actions .btn {border-radius: 7px;} .xzm-settings-content .credits-page-v3.is-embedded :where(.credits-embedded-balance-line .btn,.credits-balance-actions .btn,.creative-points-shop-actions .btn) {border-radius: 8px;} .xzm-settings-content .credits-page-v2.is-embedded .creative-points-shop-guide,.xzm-settings-content .credits-page-v2.is-embedded .credits-redeem-notes > div,.xzm-settings-content .credits-page-v2.is-embedded .transaction-table-v2,.xzm-settings-content .credits-page-v2.is-embedded .creative-points-shop-frame,.xzm-settings-content .credits-page-v3.is-embedded .transaction-row-v3,.xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-frame,.xzm-settings-content .credits-page-v3.is-embedded .credits-redeem-card {border-radius: 8px; box-shadow: none;} .xzm-settings-content .credits-page-v2.is-embedded .creative-points-shop-frame {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 74%,transparent);} .xzm-settings-content .credits-page-v3.is-embedded .transaction-row-v3,.xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-frame,.xzm-settings-content .credits-page-v3.is-embedded .credits-redeem-card {border-color: color-mix(in srgb,var(--xzm-border) 74%,transparent);} .xzm-settings-content .credits-page-v2.is-embedded .creative-points-shop-viewport,.xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-viewport {padding: 24px 30px 72px;} .xzm-settings-content .credits-page-v2.is-embedded .credits-redeem-card,.xzm-settings-content .credits-page-v3.is-embedded .credits-redeem-card {width: min(620px,100%);} .xzm-settings-content .credits-page-v2.is-embedded .credits-redeem-form,.xzm-settings-content .credits-page-v3.is-embedded .credits-redeem-form {padding-top: 14px;} .xzm-settings-content .credits-page-v2.is-embedded .credits-transactions-head,.xzm-settings-content .credits-page-v3.is-embedded .credits-transactions-head {padding-bottom: 12px;} .xzm-settings-content .credits-page-v2.is-embedded .transaction-table-v2 {overflow-x: auto;} @media (max-width: 980px) {.xzm-settings-center {grid-template-columns: 216px minmax(0,1fr);} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: min(100% - 36px,980px);} .xzm-settings-content .profile-layout-v3 {grid-template-columns: 1fr; gap: 14px;} .xzm-settings-content .profile-section-nav {position: static; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; overflow-x: visible; padding-bottom: 2px;} .xzm-settings-content .profile-section-nav button {min-width: 0; justify-content: center;}} @media (max-width: 760px) {.xzm-settings-center {display: block; min-height: 100dvh;} .xzm-settings-center.is-detail .xzm-settings-nav {display: none;} .xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: 100%; padding: 0 12px calc(26px + env(safe-area-inset-bottom)) ; gap: 13px;} .xzm-settings-mobile-tabs {position: sticky; top: 0; z-index: 21; margin: 0 -12px; padding: calc(8px + env(safe-area-inset-top)) 12px 9px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 62%,transparent); background: color-mix(in srgb,var(--xzm-shell, #f7f8f5) 94%,transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);} .xzm-settings-mobile-tabs button {min-height: 32px; border-radius: 999px;} .xzm-settings-content-head {padding: 14px 0 12px;} .xzm-settings-content-head h3.ant-typography {font-size: 22px;} .xzm-settings-content .profile-account-strip {grid-template-columns: minmax(0,1fr);} .xzm-settings-content .profile-account-strip > .ant-btn {grid-column: auto; grid-row: auto; justify-self: start;} .xzm-settings-content .profile-account-grid.compact,.xzm-settings-content .profile-form-grid.two,.xzm-settings-content .xzm-referral-share-panel {grid-template-columns: 1fr;} .xzm-settings-content .profile-section-nav button {flex-basis: min(230px,74vw);} .xzm-settings-content .xzm-referral-hero {align-items: stretch; flex-direction: column;} .xzm-settings-content .xzm-referral-grid {grid-template-columns: repeat(2,minmax(0,1fr));} .xzm-settings-content .xzm-theme-card {grid-template-columns: 96px minmax(0,1fr); gap: 11px;} .xzm-settings-content .xzm-theme-current-mark {grid-column: 2; justify-self: start;} .xzm-settings-content .credits-page-v2.is-embedded .creative-points-shop-frame,.xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-frame {min-height: 0;} .xzm-settings-content .credits-page-v2.is-embedded .creative-points-shop-viewport,.xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-viewport {padding: 16px 16px 66px;} .xzm-settings-content .credits-page-v3.is-embedded .transaction-list-v3 {display: flex;} .xzm-settings-content .credits-page-v2.is-embedded .transaction-table-v2 {margin-right: -12px; padding-right: 12px;}} @media (max-width: 430px) {.xzm-settings-content .xzm-referral-grid {grid-template-columns: 1fr;} .xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-frame {margin-inline: 0;} .xzm-settings-content .credits-page-v3.is-embedded .creative-points-shop-viewport {padding-inline: 8px;} .xzm-settings-content .xzm-theme-card {grid-template-columns: 1fr;} .xzm-settings-content .xzm-theme-preview {width: 100%;} .xzm-settings-content .xzm-theme-current-mark {grid-column: 1;}} @media (max-width: 980px) {.xzm-settings-content .xzm-theme-overview {grid-template-columns: 1fr;} .xzm-settings-content .xzm-theme-grid {grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 760px) {.xzm-settings-content .xzm-personalization {gap: 12px;} .xzm-settings-content .xzm-theme-toolbar {grid-template-columns: 1fr; gap: 8px;} .xzm-settings-content .xzm-theme-toolbar-title {padding-left: 1px;} .xzm-settings-content .xzm-theme-system-card {grid-template-columns: 34px minmax(0,1fr) 18px;} .xzm-settings-content .xzm-theme-current-panel {grid-template-columns: 54px minmax(0,1fr);} .xzm-settings-content .xzm-theme-grid {grid-template-columns: 1fr; gap: 10px;} .xzm-settings-content .xzm-theme-card {grid-template-columns: minmax(0,1fr); gap: 10px; min-height: 0; padding: 10px;} .xzm-settings-content .xzm-theme-preview {width: 100%; height: 98px;} .xzm-settings-content .xzm-theme-current-mark {grid-column: auto; justify-self: auto;}} .xzm-composer-mobile-action-dock,.xzm-mobile-standalone-dock,.xzm-mobile-context-dock {display: none;} .xzm-mobile-page-title {min-width: 0; display: grid; gap: 10px;} .xzm-mobile-page-title > i {width: 38px; height: 4px; justify-self: center; border-radius: 999px; background: color-mix(in srgb,var(--xzm-muted, #55706e) 28%,transparent);} .xzm-mobile-page-title-main {min-width: 0; display: inline-flex; align-items: center; gap: 9px;} .xzm-mobile-page-title-icon {width: 30px; height: 30px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 10px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-mobile-page-title-main b,.xzm-mobile-page-title-main small {min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-mobile-page-title-main b {color: var(--xzm-text, #241207); font-size: 17px; font-weight: 880;} .xzm-mobile-page-title-main small {margin-top: 1px; color: var(--xzm-muted, #55706e); font-size: 12px; font-weight: 650;} @media (max-width: 760px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed { --xzm-mobile-composer-reserve: 184px; --xzm-mobile-utility-dock-reserve: 84px; --xzm-mobile-bottom-reserve: 0px; } .xzm-work-surface,.xzm-workspace-canvas {padding-bottom: calc(var(--xzm-mobile-composer-reserve) + env(safe-area-inset-bottom));} .xzm-settings-work-surface,.xzm-story-market-work-surface,.xzm-settings-content,.xzm-settings-section-recharge,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {padding-bottom: calc(var(--xzm-mobile-utility-dock-reserve) + env(safe-area-inset-bottom));} .xzm-topbar {grid-template-columns: minmax(0,1fr); padding-inline: 10px;} .xzm-topbar-primary,.xzm-topbar-primary {grid-template-columns: auto minmax(0,1fr);} .xzm-topbar-actions {display: none;} .xzm-mobile-tabbar {display: none !important;} .xzm-composer {padding: 8px 10px calc(10px + env(safe-area-inset-bottom)) ;} .xzm-composer-shell {gap: 7px; padding: 9px 10px;} .xzm-composer-mobile-action-dock {display: block;} .xzm-mobile-context-dock {min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px;} .xzm-mobile-context-dock button {min-width: 0; min-height: 46px; display: grid; place-items: center; gap: 3px; padding: 5px 3px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent); border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #55706e)); font: inherit; font-size: 11px; font-weight: 850; line-height: 1.08; touch-action: manipulation;} .xzm-mobile-context-dock button.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 35%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-mobile-context-dock button:disabled {cursor: not-allowed; opacity: .42;} .xzm-mobile-context-icon {position: relative; min-width: 22px; height: 20px; display: inline-grid; place-items: center;} .xzm-mobile-context-icon i {position: absolute; top: -7px; right: -11px; min-width: 17px; height: 17px; display: inline-grid; place-items: center; padding: 0 4px; border: 1px solid color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); border-radius: 999px; background: #ef4444; color: #fff; font-size: 10px; font-style: normal; font-weight: 900; line-height: 1;} .xzm-mobile-context-dock.compact button {min-height: 42px; padding-block: 4px;} .xzm-composer-toolbar {align-items: center;} .xzm-composer-actions {align-items: center;} .xzm-composer-actions .ant-btn:not(.xzm-composer-submit),.xzm-composer-secondary-action.ant-btn {min-height: 44px; border-radius: 999px;} .xzm-composer-secondary-action.ant-btn.icon-only {width: 44px; min-width: 44px; height: 44px;} .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 52px; min-width: 52px; height: 52px; flex-basis: 52px; border-radius: 999px;} .xzm-mobile-standalone-dock {position: fixed; right: max(10px,env(safe-area-inset-right)); bottom: max(8px,env(safe-area-inset-bottom)); left: max(10px,env(safe-area-inset-left)); z-index: 30; display: block; padding: 6px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 70%,transparent); border-radius: 20px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent); box-shadow: 0 18px 42px color-mix(in srgb,var(--xzm-text, #0f172a) 16%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 64%,transparent); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);} .xzm-mobile-standalone-dock .xzm-mobile-context-dock button {min-height: 48px;} .xzm-mobile-project-sheet {height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden;} .xzm-mobile-project-sheet > .xzm-mobile-nav-panel {flex: 0 0 auto; padding-top: 12px;} .xzm-mobile-project-sheet > .xzm-sidebar-primary-group {flex: 0 0 auto; padding: 12px 14px 6px;} .xzm-mobile-project-sheet .xzm-sidebar-create-row {grid-template-columns: minmax(0,1fr) 42px;} .xzm-mobile-project-sheet .xzm-sidebar-brand-link {display: none;} .xzm-mobile-project-sheet > .xzm-side-panel,.xzm-mobile-project-sheet > .xzm-side-content,.xzm-mobile-project-sheet > .xzm-sidebar-scroll {flex: 1 1 auto; min-height: 0; overflow: auto;} .xzm-notification-drawer-shell.xzm-mobile-page-drawer .ant-drawer-body {display: flex; flex-direction: column; gap: 10px; overflow: hidden; min-height: 0;} .xzm-notification-drawer-shell.xzm-mobile-page-drawer .xzm-notification-masonry {flex: 1; overflow: auto; min-height: 0;} .xzm-notification-drawer-shell.xzm-mobile-page-drawer .xzm-notification-empty {flex: 1; min-height: 0;} .xzm-mobile-page-actions {margin-top: auto; flex: 0 0 auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0 -14px calc(-14px - env(safe-area-inset-bottom)) ; padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) ; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 72%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);} .xzm-mobile-page-actions .ant-btn,.xzm-workspace-drawer-form-footer .ant-btn {min-height: 44px; border-radius: 12px;} .xzm-workspace-drawer-form-scroll {padding: 14px 14px calc(92px + env(safe-area-inset-bottom)) ;} .xzm-workspace-drawer-form-footer {position: sticky; bottom: 0; z-index: 3; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) ;} .xzm-workspace-drawer-form-footer .ant-btn {min-width: 0; width: 100%;}} @media (max-width: 430px) {.xzm-topbar-primary {grid-template-columns: auto minmax(0,1fr);} .xzm-mobile-context-dock {gap: 5px;} .xzm-mobile-context-dock button {border-radius: 13px; font-size: 10px;}} @media (max-width: 760px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed { --xzm-mobile-composer-reserve: 108px; } .xzm-topbar {min-height: 54px; padding: calc(7px + env(safe-area-inset-top)) 10px 7px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 56%,transparent); background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 94%,transparent); box-shadow: none; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);} .xzm-topbar-primary {grid-template-columns: auto minmax(0,1fr) auto !important; gap: 8px; align-items: center;} .xzm-topbar-primary > div:last-child:not(.xzm-history-controls) {min-width: 0;} .xzm-topbar h3.ant-typography {font-size: 18px; line-height: 1.08;} .xzm-topbar .panel-eyebrow {font-size: 10px; color: color-mix(in srgb,var(--xzm-muted, #55706e) 78%,transparent);} .xzm-mobile-project-button.ant-btn {display: inline-flex; align-items: center; justify-content: center; height: 36px; width: 38px; min-width: 38px; padding: 0; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 72%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 78%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 80%,var(--xzm-muted, #55706e)); box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 7%,transparent);} .xzm-mobile-project-button.ant-btn .ant-btn-icon {margin-inline-end: 0;} .xzm-mobile-project-button.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: none;} .xzm-history-controls {height: 36px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 72%,transparent);} .xzm-history-button.ant-btn {width: 31px; min-width: 31px; height: 31px; border-radius: 999px;} .xzm-work-surface,.xzm-workspace-canvas {padding: 16px 18px calc(var(--xzm-mobile-composer-reserve) + env(safe-area-inset-bottom));} .xzm-world-building-panel {max-width: none; gap: 12px; padding: 2px 0 18px;} .xzm-world-building-head {padding-bottom: 9px;} .xzm-world-building-head > div:first-child {grid-template-columns: minmax(0,1fr); grid-template-areas: "eyebrow" "title" "copy"; gap: 3px;} .xzm-world-building-head h3.ant-typography {font-size: clamp(19px,5.8vw,23px); line-height: 1.22; font-weight: 780;} .xzm-world-building-head > div:first-child > span:not(.panel-eyebrow) {max-width: none; font-size: 13px; line-height: 1.52; -webkit-line-clamp: 2;} .xzm-world-building-empty-state,.xzm-world-building-adopted-package {gap: 6px; padding: 10px 0;} .xzm-world-building-empty-state b,.xzm-world-building-adopted-package b {font-size: 13px; line-height: 1.34;} .xzm-world-building-empty-state span,.xzm-world-building-adopted-package span,.xzm-world-building-adopted-package p {font-size: 12px; line-height: 1.55;} .xzm-composer {right: 0; bottom: 0; left: 0; padding: 9px 14px calc(11px + env(safe-area-inset-bottom)) ; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 92%,transparent) 42%),color-mix(in srgb,var(--xzm-shell, #fff8ef) 88%,transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);} .xzm-composer-shell {width: 100%; max-width: none; gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-composer-mobile-action-dock,.xzm-composer-toolbar-left,.xzm-composer-toggle {display: none !important;} .xzm-composer-topline {margin-bottom: 8px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 58%,transparent); border-radius: 18px; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,transparent);} .xzm-composer.world-building-minimal .xzm-composer-topline {display: none;} .xzm-composer-toolbar {display: block; padding-top: 0; border-top: 0;} .xzm-composer-actions,.xzm-composer-actions.single {width: auto; display: flex; justify-content: center;} .xzm-composer-actions .ant-btn:not(.xzm-composer-submit),.xzm-composer-secondary-action.ant-btn {display: none;} .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 52px; min-width: 52px; height: 52px; flex: 0 0 52px; padding: 0; border-radius: 999px; box-shadow: 0 12px 28px color-mix(in srgb,var(--xzm-primary, #0f766e) 18%,transparent);} .xzm-composer-submit-tooltip {width: 52px; flex: 0 0 52px;} .xzm-composer-submit.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: none;} .xzm-composer-submit.ant-btn .ant-btn-icon {margin-inline-end: 0;}} @media (max-width: 430px) {.xzm-topbar-primary {grid-template-columns: auto minmax(0,1fr) auto !important;} .xzm-work-surface,.xzm-workspace-canvas {padding-inline: 20px;}} @media (max-width: 760px) {.xzm-workspace-shell,.xzm-workspace-shell.left-collapsed,.xzm-workspace-shell.right-collapsed,.xzm-workspace-shell.left-collapsed.right-collapsed,.xzm-workspace-shell.settings-mode,.xzm-workspace-shell.settings-mode.left-collapsed,.xzm-workspace-shell.settings-mode.right-collapsed,.xzm-workspace-shell.settings-mode.left-collapsed.right-collapsed { --xzm-mobile-composer-reserve: 108px; } .xzm-topbar {min-height: 50px; padding: calc(6px + env(safe-area-inset-top)) 14px 6px;} .xzm-topbar-primary {grid-template-columns: minmax(0,1fr) auto !important; gap: 10px;} .xzm-topbar-title {min-width: 0;} .xzm-topbar h3.ant-typography {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-topbar .ant-badge {justify-self: end;} .xzm-mobile-project-button.ant-btn {width: 38px; min-width: 38px; height: 38px; border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); box-shadow: 0 8px 20px color-mix(in srgb,var(--xzm-text, #0f172a) 8%,transparent);} .xzm-work-surface,.xzm-workspace-canvas {padding-top: 12px; padding-bottom: calc(var(--xzm-mobile-composer-reserve) + env(safe-area-inset-bottom));} .xzm-composer {padding: 8px 14px calc(10px + env(safe-area-inset-bottom)) ; background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--xzm-shell, #fff8ef) 78%,transparent) 30%),color-mix(in srgb,var(--xzm-shell, #fff8ef) 82%,transparent);} .xzm-composer-shell {width: min(100%,430px); margin-inline: auto; display: grid; gap: 7px;} .xzm-composer-mobile-action-dock,.xzm-mobile-context-action-dock,.xzm-mobile-standalone-dock,.xzm-mobile-context-dock {display: none !important;} .xzm-composer.world-building-minimal .xzm-composer-topline {display: none;} .xzm-composer.collapsed:not(.has-question):not(.creation-ready) .xzm-composer-topline {display: none;} .xzm-composer-toolbar {display: grid; justify-items: center;} .xzm-composer-actions,.xzm-composer-actions.single {width: auto; margin-inline: auto;} .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 48px; min-width: 48px; height: 48px; flex: 0 0 48px; border: 0; background: color-mix(in srgb,var(--xzm-text, #241207) 88%,var(--xzm-primary, #0f766e) 12%); box-shadow: 0 10px 24px color-mix(in srgb,var(--xzm-text, #0f172a) 14%,transparent);} .xzm-composer-submit-tooltip {width: 48px; flex-basis: 48px;} .xzm-composer-submit.ant-btn:disabled {background: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-panel, #fff) 78%,transparent); box-shadow: none;} .xzm-composer-submit.ant-btn:disabled .ant-btn-icon,.xzm-composer-submit.ant-btn:disabled > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {color: inherit; opacity: .92;} .xzm-mobile-page-title {gap: 6px;} .xzm-mobile-page-title.compact {gap: 0;} .xzm-mobile-page-title > i {width: 34px; height: 3px; opacity: .78;} .xzm-mobile-page-title-main {gap: 0;} .xzm-mobile-page-title-main b {font-size: 16px; line-height: 1.15;} .xzm-mobile-page-title-main small {max-width: min(62vw,260px); font-size: 11px;} .xzm-mobile-nav-panel {display: flex; flex-wrap: wrap; gap: 6px; padding: 7px 14px 6px; border-bottom: 0; overflow-x: visible;} .xzm-mobile-nav-panel button {flex: 1 1 calc(33.333% - 6px) ; min-width: 82px; min-height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; padding: 0 9px; border: 0; border-radius: 999px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 68%,var(--xzm-muted, #55706e)); font-size: 11px; font-weight: 760;} .xzm-mobile-nav-panel svg {width: 13px; height: 13px; stroke-width: 2.45;} .xzm-mobile-nav-panel button.active {border-color: transparent; background: color-mix(in srgb,var(--xzm-text, #241207) 88%,var(--xzm-primary, #0f766e) 12%); color: #fff;} .xzm-mobile-project-sheet > .xzm-sidebar-primary-group {padding: 6px 14px 8px;} .xzm-mobile-project-sheet .xzm-sidebar-create-row {grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-create-project.ant-btn,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-import-icon {width: 100%; min-height: 44px; height: 44px; border-radius: 14px; box-shadow: none; font-size: 13px; font-weight: 830;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-create-project.ant-btn {border: 1px solid color-mix(in srgb,var(--xzm-text, #241207) 78%,transparent); background: color-mix(in srgb,var(--xzm-text, #241207) 92%,var(--xzm-primary, #0f766e) 8%); color: #fff;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-import-icon {border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 70%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,transparent);} .xzm-mobile-project-sheet .xzm-sidebar-scroll {padding: 4px 14px 16px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-section {gap: 7px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-side-section-head {min-height: 32px; padding-inline: 2px; font-size: 12px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-list,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-index {gap: 7px;} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-item,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-directory-entry {min-height: 56px; padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 80%,transparent);} .ant-drawer.xzm-mobile-menu-drawer-shell .xzm-project-row.active .xzm-project-item,.ant-drawer.xzm-mobile-menu-drawer-shell .xzm-chapter-link.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 42%,var(--xzm-border, rgba(148, 163, 184, .22))); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff));}} @media (max-width: 430px) {.xzm-topbar-primary {grid-template-columns: minmax(0,1fr) auto !important;} .xzm-mobile-nav-panel button {font-size: 11px;}} @media (max-width: 760px) {.ant-drawer.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-mobile-page-drawer .ant-drawer-content-wrapper {width: 100vw !important; max-width: 100vw !important; height: 100dvh !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-workspace-form-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper {width: 100vw !important; max-width: 100vw !important;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-content,.xzm-mobile-page-drawer .ant-drawer-content {border-radius: 0; background: var(--xzm-shell, #fff8ef); box-shadow: none;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-header,.xzm-mobile-page-drawer .ant-drawer-header {min-height: calc(54px + env(safe-area-inset-top)) ; padding: calc(8px + env(safe-area-inset-top)) 16px 8px; border-bottom: 0; background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 96%,transparent);} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-header-title,.xzm-mobile-page-drawer .ant-drawer-header-title {display: grid; grid-template-columns: 42px minmax(0,1fr) 42px; align-items: center; gap: 6px;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-header-title::after,.xzm-mobile-page-drawer .ant-drawer-header-title::after {content: ""; width: 42px; height: 42px;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-close,.xzm-mobile-page-drawer .ant-drawer-close {width: 42px; height: 42px; margin: 0; border-radius: 999px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 86%,#000);} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-title,.xzm-mobile-page-drawer .ant-drawer-title {min-width: 0; display: grid; justify-items: center; text-align: center;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-body,.xzm-mobile-page-drawer .ant-drawer-body {padding: 0 16px calc(18px + env(safe-area-inset-bottom)) ; overflow: auto; -webkit-overflow-scrolling: touch;} .xzm-mobile-page-drawer.xzm-workspace-form-drawer-shell .ant-drawer-body {display: flex; min-height: 0; padding: 0; overflow: hidden;} .xzm-mobile-page-drawer .xzm-workspace-drawer-form-scroll {padding: 18px 20px 96px;} .xzm-mobile-page-drawer.xzm-create-project-drawer-shell .xzm-workspace-drawer-form-note:first-child {display: none;} .xzm-mobile-page-drawer .xzm-create-project-hero {margin-bottom: 20px;} .xzm-mobile-page-drawer .xzm-create-project-more-body .xzm-project-meta-grid.two {grid-template-columns: 1fr 1fr;} .xzm-mobile-page-drawer .xzm-workspace-drawer-form-footer {padding: 12px 20px calc(14px + env(safe-area-inset-bottom)) ; border-top: 1px solid var(--xzm-border); background: color-mix(in srgb,var(--xzm-panel) 94%,transparent); box-shadow: 0 -14px 26px rgba(15,23,42,.06); backdrop-filter: none; -webkit-backdrop-filter: none;} .xzm-mobile-page-drawer .xzm-workspace-drawer-form-footer .ant-btn {flex: 1 1 0; min-width: 0; height: 46px; border-radius: 15px;} .xzm-composer-mobile-action-dock,.xzm-mobile-context-action-dock,.xzm-mobile-standalone-dock,.xzm-mobile-context-dock {display: none !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer,.ant-drawer.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell.xzm-mobile-page-drawer,.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell.xzm-mobile-page-drawer,.ant-drawer.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell.xzm-mobile-page-drawer,.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell.xzm-mobile-page-drawer {inset: 0 !important;} .ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-mask,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-mask {display: none;} .ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper {top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; transform: none;} .ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content {width: 100vw; min-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0 !important;}} @media (max-width: 760px) {.xzm-topbar {min-height: 54px; padding: calc(8px + env(safe-area-inset-top)) 18px 6px; border-bottom: 0; background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 96%,transparent); box-shadow: none;} .xzm-topbar-primary {width: 100%; min-width: 0; display: flex; align-items: center; gap: 8px;} .xzm-topbar-title {min-width: 0; flex: 1; display: grid; align-content: center; gap: 1px; justify-content: center; justify-items: center; text-align: center; overflow: hidden;} .xzm-topbar-title h3.ant-typography {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-topbar .panel-eyebrow {display: none;} .xzm-topbar-mobile-actions {flex: 0 0 auto;} .xzm-empty-workspace {flex: 1; min-height: 0; justify-content: center; gap: 16px; padding: 32px 24px;} .xzm-empty-workspace-copy {gap: 8px;} .xzm-empty-workspace-copy .panel-eyebrow {display: none;} .xzm-empty-workspace h1.ant-typography {font-size: 25px; font-weight: 820; letter-spacing: 0;} .xzm-empty-workspace .ant-typography {max-width: 280px; font-size: 14px; line-height: 1.6;} .xzm-empty-workspace-actions {display: grid; width: 100%; max-width: 300px; gap: 10px;} .xzm-empty-workspace-actions .ant-btn {width: 100%; min-height: 46px; font-size: 15px; border-radius: 14px;} .xzm-topbar h3.ant-typography {max-width: 56vw; color: color-mix(in srgb,var(--xzm-text, #241207) 92%,#000); font-size: 16px; font-weight: 820;} .xzm-mobile-project-button.ant-btn,.xzm-mobile-new-project-button.ant-btn {width: 42px; min-width: 42px; height: 42px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 88%,#000); box-shadow: none;} .xzm-mobile-project-button.ant-btn .ant-btn-icon,.xzm-mobile-new-project-button.ant-btn .ant-btn-icon {margin-inline-end: 0;} .xzm-mobile-project-button.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon),.xzm-mobile-new-project-button.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: none;} .xzm-mobile-project-button.ant-btn:not(:disabled):active,.xzm-mobile-project-button.ant-btn:not(:disabled):hover,.xzm-mobile-new-project-button.ant-btn:not(:disabled):active,.xzm-mobile-new-project-button.ant-btn:not(:disabled):hover {background: color-mix(in srgb,var(--xzm-text, #241207) 6%,transparent); color: var(--xzm-text, #241207);} .ant-drawer.xzm-mobile-side-drawer .ant-drawer-content-wrapper,.xzm-mobile-side-drawer .ant-drawer-content-wrapper {width: min(84vw,336px) !important; max-width: calc(100vw - 44px) !important;} .ant-drawer.xzm-mobile-side-drawer .ant-drawer-content,.xzm-mobile-side-drawer .ant-drawer-content {border-radius: 0 24px 24px 0; background: var(--xzm-panel, #fff); box-shadow: 18px 0 46px color-mix(in srgb,#020617 13%,transparent);} .ant-drawer.xzm-mobile-side-drawer .ant-drawer-header,.xzm-mobile-side-drawer .ant-drawer-header {min-height: calc(48px + env(safe-area-inset-top)) ; padding: calc(12px + env(safe-area-inset-top)) 14px 0; border-bottom: 0; background: transparent;} .xzm-mobile-drawer-header-search { --header-action-size: 38px; display: flex; align-items: center; gap: 8px; padding: 0 0 8px; } .xzm-mobile-drawer-header-search .xzm-mobile-shelf-search {flex: 1; display: flex; align-items: center; gap: 6px; height: var(--header-action-size); min-height: 0; margin: 0; padding: 0 10px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-muted, #55706e) 72%,transparent); box-sizing: border-box;} .ant-drawer.xzm-mobile-side-drawer .ant-drawer-close,.xzm-mobile-side-drawer .ant-drawer-close {display: none;} .xzm-mobile-drawer-header-search { --header-action-size: 38px; display: flex; align-items: center; gap: 8px; padding: 0 0 8px; } .xzm-mobile-drawer-header-search .xzm-mobile-shelf-search {flex: 1; display: flex; align-items: center; gap: 6px; height: var(--header-action-size); min-height: 0; margin: 0; padding: 0 10px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-muted, #55706e) 72%,transparent); box-sizing: border-box;} .xzm-mobile-drawer-close {width: var(--header-action-size); height: var(--header-action-size); display: grid; place-items: center; flex-shrink: 0; border: 0; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #55706e)); cursor: pointer;} .xzm-mobile-side-drawer .ant-drawer-header-title {flex: 1;} .ant-drawer.xzm-mobile-side-drawer .ant-drawer-body,.xzm-mobile-side-drawer .ant-drawer-body {display: block; padding: 8px 12px 0; overflow: hidden;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet {height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden;} .xzm-mobile-side-drawer .xzm-mobile-project-stagger {flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .xzm-mobile-side-drawer .xzm-mobile-project-stagger::-webkit-scrollbar {display: none;} .xzm-mobile-shelf-search {min-height: 50px; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 8px; margin: 0 0 8px; padding: 0 12px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 5%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-muted, #55706e) 72%,transparent);} .xzm-mobile-shelf-search .ant-input-affix-wrapper,.xzm-mobile-shelf-search .ant-input {min-width: 0; padding: 0; background: transparent; color: var(--xzm-text, #241207); font-size: 15px; box-shadow: none !important;} .xzm-mobile-shelf-search .ant-input::placeholder {color: color-mix(in srgb,var(--xzm-muted, #55706e) 62%,transparent);} .xzm-mobile-side-drawer .xzm-mobile-nav-panel {padding: 2px 0 10px;} .xzm-mobile-side-drawer .xzm-mobile-nav-panel button {min-height: 30px; padding: 0 9px; font-size: 11px;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet > .xzm-sidebar-primary-group {padding: 0 0 10px;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet .xzm-sidebar-create-row {grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px;} .ant-drawer.xzm-mobile-side-drawer .xzm-create-project.ant-btn,.ant-drawer.xzm-mobile-side-drawer .xzm-side-import-icon {min-height: 40px; height: 40px; border-radius: 14px; font-size: 13px;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet .xzm-sidebar-scroll { --shelf-footer-height: 46px ; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 14px; padding: 0 0 var(--shelf-footer-height, 46px); overflow: visible; } .xzm-mobile-side-drawer .xzm-mobile-project-sheet .xzm-sidebar-scroll::-webkit-scrollbar {display: none;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-sidebar-primary-group {padding: 0 0 8px;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-sidebar-create-row {grid-template-columns: minmax(0,1fr) !important;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-sidebar-create-row .xzm-create-project.ant-btn {width: 100%;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-side-section-head {display: none;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-project-item small {display: none;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-chapter-index {display: none !important;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-project-row-actions {opacity: 1;} .xzm-mobile-side-drawer .xzm-mobile-project-sheet.project-switcher .xzm-project-row-action.pinned {opacity: 1; background: color-mix(in srgb,var(--xzm-primary, #e07040) 18%,transparent); color: var(--xzm-primary, #e07040);} .xzm-mobile-side-drawer .xzm-mobile-shelf-footer {position: fixed; bottom: 0; left: 12px; right: 12px; width: auto; max-width: none; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 10px 0 calc(10px + env(safe-area-inset-bottom)) ; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 64%,transparent); background: var(--xzm-panel, #fff); z-index: 1;} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-menu {grid-column: 1 / -1; display: grid; gap: 3px; margin: 0 0 2px; padding: 6px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 74%,transparent); border-radius: 16px; background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 54%,var(--xzm-panel, #fff)); box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 64%,transparent); height: auto; max-height: none; overflow: visible;} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-menu button {min-height: 34px; display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 8px; padding: 0 9px; border: 0; border-radius: 12px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 84%,var(--xzm-muted, #55706e)); text-align: left; font-size: 12px; font-weight: 780; touch-action: manipulation;} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-menu button:active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-menu button.danger {color: color-mix(in srgb,#b42318 90%,var(--xzm-text, #241207));} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-menu button svg {justify-self: center;} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-menu button span {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-mobile-side-drawer .xzm-mobile-shelf-more-divider {height: 1px; margin: 3px 4px; background: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 80%,transparent);} .xzm-mobile-side-drawer .xzm-mobile-shelf-account {min-width: 0; min-height: 46px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; padding: 5px 7px; border: 0; border-radius: 14px; background: transparent; color: var(--xzm-text, #241207); text-align: left; touch-action: manipulation;} .xzm-mobile-side-drawer .xzm-mobile-shelf-account:active,.xzm-mobile-side-drawer .xzm-mobile-shelf-footer-actions button:active,.xzm-mobile-side-drawer .xzm-mobile-shelf-footer-actions button.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #0f766e);} .xzm-mobile-side-drawer .xzm-mobile-shelf-avatar {width: 34px; height: 34px; display: inline-flex; place-items: initial; border-radius: 50%; background: transparent;} .xzm-mobile-side-drawer .xzm-mobile-shelf-account span:last-child {min-width: 0; display: grid; gap: 1px;} .xzm-mobile-side-drawer .xzm-mobile-shelf-account b,.xzm-mobile-side-drawer .xzm-mobile-shelf-account small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-mobile-side-drawer .xzm-mobile-shelf-account b {font-size: 13px; font-weight: 820;} .xzm-mobile-side-drawer .xzm-mobile-shelf-account small {color: color-mix(in srgb,var(--xzm-muted, #55706e) 78%,transparent); font-size: 11px;} .xzm-mobile-side-drawer .xzm-mobile-shelf-footer-actions {display: inline-flex; align-items: center; gap: 3px;} .xzm-mobile-side-drawer .xzm-mobile-shelf-footer-actions button {width: 34px; height: 34px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 999px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 70%,var(--xzm-muted, #55706e)); touch-action: manipulation;} .ant-drawer.xzm-mobile-side-drawer .xzm-side-section-head {min-height: 34px; padding-inline: 2px; color: color-mix(in srgb,var(--xzm-muted, #55706e) 82%,transparent); font-size: 12px;} .ant-drawer.xzm-mobile-side-drawer .xzm-project-list,.ant-drawer.xzm-mobile-side-drawer .xzm-chapter-index {gap: 5px;} .ant-drawer.xzm-mobile-side-drawer .xzm-project-item,.ant-drawer.xzm-mobile-side-drawer .xzm-chapter-link,.ant-drawer.xzm-mobile-side-drawer .xzm-chapter-directory-entry {min-height: 48px; padding: 8px 10px; border: 0; border-radius: 14px; background: transparent;} .ant-drawer.xzm-mobile-side-drawer .xzm-project-row.active,.ant-drawer.xzm-mobile-side-drawer .xzm-chapter-link.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff));}} @media (max-width: 760px) {.xzm-topbar.has-chapter-tools .xzm-topbar-primary {grid-template-columns: 72px minmax(0,1fr) 72px !important;} .xzm-topbar.has-chapter-tools .ant-badge {width: 42px; justify-self: start;} .xzm-topbar.has-chapter-tools .xzm-topbar-chapter-tools {width: 72px; min-width: 72px; height: 42px; justify-self: end; justify-content: flex-end; opacity: .78; transition: none;} .xzm-topbar.has-chapter-tools .xzm-topbar-chapter-tools:hover,.xzm-topbar.has-chapter-tools .xzm-topbar-chapter-tools:focus-within {opacity: .78;} .xzm-topbar.has-chapter-tools .xzm-topbar-chapter-actions {width: 72px; min-width: 72px; height: 42px; justify-content: flex-end; gap: 2px;} .xzm-topbar.has-chapter-tools .xzm-topbar-tool-button.ant-btn {width: 34px; min-width: 34px; max-width: 34px; height: 34px; min-height: 34px; padding: 0; border-radius: 999px; box-shadow: none; touch-action: manipulation;} .xzm-topbar.has-chapter-tools .xzm-topbar-tool-button.ant-btn:focus,.xzm-topbar.has-chapter-tools .xzm-topbar-tool-button.ant-btn:focus-visible {box-shadow: none; outline: none;} .ant-drawer.xzm-mobile-page-drawer,.xzm-mobile-page-drawer,.ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer {inset: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-mask,.xzm-mobile-page-drawer .ant-drawer-mask {display: none !important;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-chapter-directory-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.ant-drawer.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper,.xzm-workspace-drawer-shell.xzm-import-chapter-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content-wrapper {position: fixed !important; inset: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; transform: none !important;} .ant-drawer.xzm-mobile-page-drawer .ant-drawer-content,.xzm-mobile-page-drawer .ant-drawer-content,.ant-drawer.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content,.xzm-workspace-drawer-shell.xzm-mobile-page-drawer .ant-drawer-content {width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; border-radius: 0 !important; box-shadow: none !important;}} .xzm-settings-center {grid-template-columns: 236px minmax(0,1fr); background: color-mix(in srgb,var(--xzm-shell, #f7f8f5) 90%,var(--xzm-panel, #fff));} .xzm-settings-nav {gap: 10px; padding: 16px 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 56%,transparent);} .xzm-settings-back {min-height: 32px; padding: 5px 8px; font-size: 12px;} .xzm-settings-nav-title {min-height: 34px; padding: 0 8px 10px; font-size: 17px;} .xzm-settings-nav-list button {min-height: 38px; padding: 6px 8px; border-radius: 7px; font-size: 13px;} .xzm-settings-content,.xzm-settings-section-account,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-incentives,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about {width: min(860px,calc(100% - 64px)); padding: 32px 0 64px; gap: 14px;} .xzm-benefits-center .xzm-settings-section-recharge {width: min(1040px,calc(100% - 64px));} .xzm-benefits-center .xzm-settings-nav {background: radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--xzm-primary) 13%,transparent),transparent 42%),linear-gradient(180deg,var(--xzm-sidebar-from) 0%,var(--xzm-sidebar-to) 100%); color: var(--xzm-sidebar-text); border-right: 0;} .xzm-benefits-center .xzm-settings-back {width: fit-content; min-height: 34px; margin: 0; padding: 6px 9px; border: 0; border-radius: 8px; background: transparent; color: var(--xzm-sidebar-muted); font-weight: 800;} .xzm-benefits-center .xzm-settings-back:hover,.xzm-benefits-center .xzm-settings-back:focus-visible {background: color-mix(in srgb,var(--xzm-sidebar-active) 72%,transparent); color: var(--xzm-sidebar-active-text); outline: none;} .xzm-benefits-center .xzm-settings-nav button,.xzm-benefits-center .xzm-settings-nav-list button {color: var(--xzm-sidebar-muted);} .xzm-benefits-center .xzm-settings-nav-list button:hover,.xzm-benefits-center .xzm-settings-nav-list button:focus-visible {background: color-mix(in srgb,var(--xzm-sidebar-active) 52%,transparent); color: var(--xzm-sidebar-text); outline: none;} .xzm-benefits-center .xzm-settings-nav-list button.active {background: var(--xzm-sidebar-active); color: var(--xzm-sidebar-active-text);} .xzm-benefits-center .xzm-settings-nav-list button.active .xzm-settings-nav-icon {background: color-mix(in srgb,var(--xzm-sidebar-active-text) 16%,transparent); color: var(--xzm-sidebar-active-text);} .xzm-benefits-center .xzm-settings-nav-title > span {width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-sidebar-text) 18%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-sidebar-active) 72%,transparent); color: var(--xzm-sidebar-active-text);} .xzm-benefits-center .xzm-settings-nav-title > div {min-width: 0; display: grid; gap: 2px;} .xzm-benefits-center .xzm-settings-nav-title b {color: var(--xzm-sidebar-text); font-size: 18px; font-weight: 900; line-height: 1.1;} .xzm-benefits-center .xzm-settings-nav-title small {min-width: 0; overflow: hidden; color: var(--xzm-sidebar-muted); font-size: 12px; font-weight: 760; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-benefits-center .xzm-settings-content-head {min-height: 82px; display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,320px); align-items: end; gap: 18px; padding: 0 0 16px; border-bottom: 1px solid var(--xzm-border);} .xzm-benefits-center .xzm-settings-content-title {display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px;} .xzm-benefits-center .xzm-settings-content-icon {display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-primary) 20%,var(--xzm-border)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary) 8%,var(--xzm-panel)); color: var(--xzm-primary);} .xzm-benefits-center .xzm-settings-content-title .panel-eyebrow {display: inline-flex;} .xzm-benefits-center .xzm-settings-content-head h3.ant-typography {margin: 0; color: var(--xzm-text); font-size: 26px; font-weight: 900;} .xzm-benefits-center .xzm-settings-content-head > span.ant-typography {justify-self: end; max-width: 320px; color: var(--xzm-muted); text-align: right; font-size: 14px; line-height: 1.6;} .xzm-settings-content .profile-page-v3 {gap: 12px;} .xzm-settings-content .profile-account-strip {grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; min-height: 76px; padding: 0 0 10px;} .xzm-settings-content .profile-account-main {gap: 9px;} .xzm-settings-content .profile-account-avatar { --xzm-user-avatar-size: 38px; width: 38px; height: 38px; flex-basis: 38px; } .xzm-settings-content .profile-identity-main {gap: 1px;} .xzm-settings-content .profile-identity-main h4.ant-typography {font-size: 16px; font-weight: 790;} .xzm-settings-content .profile-identity-main .ant-typography {font-size: 12px; line-height: 1.35;} .xzm-settings-content .profile-account-meta {grid-column: 1; justify-content: flex-start; gap: 5px; font-size: 11px; white-space: normal;} .xzm-settings-content .profile-account-meta .ant-tag {margin-inline-end: 0;} .xzm-settings-content .profile-account-strip > .ant-btn {grid-column: 2; grid-row: 1 / span 2; align-self: center; height: 32px; padding-inline: 10px; border-radius: 7px;} .xzm-settings-content .profile-layout-v3 {grid-template-columns: minmax(0,1fr) !important; gap: 12px;} .xzm-settings-content .profile-section-nav {position: static; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; gap: 4px; padding: 0 0 8px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 62%,transparent); overflow-x: visible;} .xzm-settings-content .profile-section-nav button {min-width: 0; min-height: 32px; grid-template-columns: 18px minmax(0,auto); gap: 6px; padding: 5px 10px; border-radius: 999px;} .xzm-settings-content .profile-section-nav-icon {width: 18px; height: 18px;} .xzm-settings-content .profile-section-nav b {font-size: 12px; font-weight: 760;} .xzm-settings-content .profile-section-nav small {display: none;} .xzm-settings-content .profile-setting-card {width: min(760px,100%); max-width: 760px; gap: 13px;} .xzm-settings-content .profile-setting-head {min-height: 0; padding-bottom: 8px;} .xzm-settings-content .profile-setting-head > span:first-child {display: none;} .xzm-settings-content .profile-setting-head .ant-typography {font-size: 14px;} .xzm-settings-content .profile-avatar-card {grid-template-columns: 46px minmax(0,1fr) auto; gap: 10px; padding: 10px;} .xzm-settings-content .profile-avatar-preview {width: 46px; height: 46px;} .xzm-settings-content .profile-avatar-copy {gap: 1px;} .xzm-settings-content .profile-avatar-copy .ant-typography {font-size: 12px; line-height: 1.35;} .xzm-settings-content .profile-avatar-card > .ant-btn {height: 32px; padding-inline: 10px; border-radius: 7px;} .xzm-settings-content .profile-account-grid.compact {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-settings-content .profile-account-grid > div,.xzm-settings-content .profile-email-bind-box,.xzm-settings-content .profile-phone-bind-box,.xzm-settings-content .profile-archive-row {border-radius: 7px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent);} .xzm-settings-content .profile-account-grid > div {padding: 10px;} .xzm-settings-content .profile-email-bind-box,.xzm-settings-content .profile-phone-bind-box {padding: 12px;} .xzm-settings-content .profile-form-grid.two {gap: 10px;} .xzm-settings-content .profile-setting-card .ant-form-item {margin-bottom: 10px;} .credits-page-v2.is-embedded,.credits-page-v3.is-embedded {gap: 12px;} .credits-page-v2.is-embedded .credits-embedded-balance-line,.credits-page-v3.is-embedded .credits-embedded-balance-line {min-height: 42px; padding: 6px 0 9px;} .credits-page-v2.is-embedded .credits-embedded-balance-line b,.credits-page-v3.is-embedded .credits-embedded-balance-line b {font-size: 15px;} .credits-page-v2.is-embedded .creative-points-shop-headline,.credits-page-v3.is-embedded .creative-points-shop-headline {padding-top: 0;} .credits-page-v2.is-embedded .creative-points-shop-headline h4.ant-typography,.credits-page-v2.is-embedded .credits-redeem-copy h4.ant-typography,.credits-page-v2.is-embedded .credits-transactions-head h4.ant-typography,.credits-page-v3.is-embedded .creative-points-shop-headline h4.ant-typography,.credits-page-v3.is-embedded .credits-redeem-copy h4.ant-typography,.credits-page-v3.is-embedded .credits-transactions-head h4.ant-typography {font-size: 18px; font-weight: 780;} .credits-page-v2.is-embedded .creative-points-shop-guide,.credits-page-v2.is-embedded .credits-redeem-notes > div,.credits-page-v2.is-embedded .transaction-table-v2 {border-radius: 7px;} .credits-page-v3.is-embedded .creative-points-shop-guide,.credits-page-v3.is-embedded .credits-redeem-notes > div,.credits-page-v3.is-embedded .transaction-row-v3 {border-radius: 8px;} .credits-page-v2.is-embedded .creative-points-shop-frame,.credits-page-v3.is-embedded .creative-points-shop-frame {height: clamp(640px,calc(100dvh - 226px),900px); border-radius: 8px; box-shadow: none;} .credits-page-v2.is-embedded .creative-points-shop-viewport,.credits-page-v3.is-embedded .creative-points-shop-viewport {padding: 22px 28px 72px; border-radius: 8px;} .credits-page-v2.is-embedded .credits-redeem-card,.credits-page-v3.is-embedded .credits-redeem-card {width: min(620px,100%);} @media (min-width: 981px) {.xzm-benefits-center .xzm-settings-section-referrals,.xzm-benefits-center .xzm-settings-section-incentives,.xzm-benefits-center .xzm-settings-section-redeem,.xzm-benefits-center .xzm-settings-section-transactions {width: min(1040px,calc(100% - 64px));} .xzm-benefits-center .xzm-settings-content-head {min-height: 74px; padding-bottom: 14px;} .xzm-benefits-center .xzm-settings-content-head > span.ant-typography {max-width: 360px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-panel-content {padding-top: 0;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-section {width: 100%; max-width: none; display: grid; gap: 12px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-card,.xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-history {width: 100%; border-color: color-mix(in srgb,var(--xzm-border) 76%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel) 86%,transparent); box-shadow: none;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-card .ant-card-body {padding: 18px 20px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-form {max-width: none; padding-top: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-actions {padding-bottom: 0;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-actions .ant-btn {min-width: 132px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-secondary-actions {margin-top: 8px; padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border) 64%,transparent);} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-notes {margin-top: 12px; padding-top: 0; border-top: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-notes > div {min-height: 50px; padding: 10px; border: 1px solid color-mix(in srgb,var(--xzm-border) 66%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-shell) 62%,transparent);} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-history {padding: 14px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-history-list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-history-empty,.xzm-benefits-center .credits-page-v3.is-embedded .credits-redeem-history-row {border-color: color-mix(in srgb,var(--xzm-border) 66%,transparent); background: color-mix(in srgb,var(--xzm-shell) 62%,transparent);} .xzm-benefits-center .credits-page-v3.is-embedded .credits-transactions-list {gap: 10px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-transactions-head {min-height: 0; align-items: center; padding: 0 0 4px;} .xzm-benefits-center .credits-page-v3.is-embedded .credits-transactions-head h4.ant-typography {margin: 0; font-size: 16px;} .xzm-benefits-center .credits-page-v3.is-embedded .transaction-row-v3 {min-height: 62px; padding: 12px 14px; background: color-mix(in srgb,var(--xzm-panel) 86%,transparent);} .xzm-benefits-center .xzm-referral-page {gap: 12px;} .xzm-benefits-center .xzm-referral-share-panel {order: 2; grid-template-columns: minmax(220px,.62fr) minmax(0,1.38fr); gap: 10px;} .xzm-benefits-center .xzm-referral-grid {order: 3; gap: 8px;} .xzm-benefits-center .xzm-referral-flow {order: 4; gap: 0; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border) 70%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel) 76%,transparent);} .xzm-benefits-center .xzm-referral-flow-card {min-height: 48px; padding: 0 14px; border: 0; border-right: 1px solid color-mix(in srgb,var(--xzm-border) 62%,transparent); border-radius: 0; background: transparent; grid-template-columns: 26px minmax(0,1fr); align-items: center; gap: 8px;} .xzm-benefits-center .xzm-referral-flow-card:last-child {border-right: 0;} .xzm-benefits-center .xzm-referral-flow-card > span {width: 26px; height: 26px; border-radius: 999px; font-size: 12px;} .xzm-benefits-center .xzm-referral-flow-card strong {font-size: 14px;} .xzm-benefits-center .xzm-referral-flow-card .ant-typography {margin-top: 0; font-size: 12px; line-height: 1.35;} .xzm-benefits-center .xzm-referral-flow + .xzm-referral-notice.ant-alert {order: 5; padding: 8px 12px;} .xzm-benefits-center .xzm-referral-rule {order: 6;} .xzm-benefits-center .xzm-referral-records {order: 7;} .xzm-benefits-center .xzm-referral-code-card,.xzm-benefits-center .xzm-referral-link-card {padding: 14px; background: color-mix(in srgb,var(--xzm-panel) 86%,transparent);} .xzm-benefits-center .xzm-referral-code-card .ant-qrcode {width: 96px !important; height: 96px !important;} .xzm-benefits-center .xzm-referral-code-card strong {font-size: 24px;} .xzm-benefits-center .xzm-referral-card .ant-card-body {min-height: 76px; padding: 12px 13px; gap: 5px;} .xzm-benefits-center .xzm-referral-card .ant-card-body .ant-typography:last-child {display: none;} .xzm-benefits-center .xzm-referral-records .ant-card-head {min-height: 42px; padding: 0 14px;} .xzm-benefits-center .xzm-referral-records .ant-card-body {padding: 14px;} .xzm-benefits-center .xzm-incentive-page {width: 100%; max-width: none; padding: 0; gap: 12px;} .xzm-benefits-center .xzm-incentive-hero {min-height: 0; padding: 16px 18px; background: color-mix(in srgb,var(--xzm-panel) 86%,transparent);} .xzm-benefits-center .xzm-incentive-hero h3.ant-typography,.xzm-benefits-center .xzm-incentive-hero h3 {margin-top: 2px; font-size: 24px;} .xzm-benefits-center .xzm-incentive-hero .ant-typography-secondary,.xzm-benefits-center .xzm-incentive-hero p.ant-typography {margin-bottom: 0;} .xzm-benefits-center .xzm-incentive-stats {order: 1; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .xzm-benefits-center .xzm-incentive-stats .ant-card-body {min-height: 76px; padding: 12px 13px; gap: 5px;} .xzm-benefits-center .xzm-incentive-stats .ant-card-body .ant-typography:last-child {display: none;} .xzm-benefits-center .xzm-incentive-layout {order: 2; grid-template-columns: minmax(0,1.05fr) minmax(330px,.95fr); gap: 12px;} .xzm-benefits-center .xzm-incentive-form,.xzm-benefits-center .xzm-incentive-history {padding: 14px; background: color-mix(in srgb,var(--xzm-panel) 86%,transparent);} .xzm-benefits-center .xzm-incentive-flow {order: 3; gap: 0; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border) 70%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel) 76%,transparent);} .xzm-benefits-center .xzm-incentive-flow > div {min-height: 48px; padding: 0 14px; border: 0; border-right: 1px solid color-mix(in srgb,var(--xzm-border) 62%,transparent); border-radius: 0; background: transparent; grid-template-columns: 26px minmax(0,1fr); align-items: center; gap: 8px;} .xzm-benefits-center .xzm-incentive-flow p {min-width: 0; display: grid; gap: 2px; margin: 0;} .xzm-benefits-center .xzm-incentive-flow > div:last-child {border-right: 0;} .xzm-benefits-center .xzm-incentive-flow span {width: 26px; height: 26px; border-radius: 999px;} .xzm-benefits-center .xzm-incentive-flow strong {font-size: 14px;} .xzm-benefits-center .xzm-incentive-flow .ant-typography {margin-top: 0; font-size: 12px; line-height: 1.35; white-space: normal;} .xzm-benefits-center .xzm-incentive-notice {order: 4; padding: 8px 12px;} .xzm-benefits-center .xzm-incentive-pending-note {order: 2; padding: 12px 14px;}} @media (max-width: 760px) {.xzm-settings-work-surface {padding: 0;} .xzm-settings-center {min-height: calc(100dvh - 58px) ; display: block; background: var(--xzm-shell, #fff8ef);} .xzm-settings-content,.xzm-settings-section-account,.xzm-settings-section-security,.xzm-settings-section-archive,.xzm-settings-section-appearance,.xzm-settings-section-referrals,.xzm-settings-section-incentives,.xzm-settings-section-redeem,.xzm-settings-section-transactions,.xzm-settings-section-about,.xzm-benefits-center .xzm-settings-section-recharge {width: 100%; padding: 10px 12px calc(22px + env(safe-area-inset-bottom)) ; gap: 11px;} .xzm-settings-content-head {display: none;} .xzm-settings-mobile-tabs {position: sticky; top: calc(54px + env(safe-area-inset-top)) ; z-index: 7; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 -12px; padding: 8px 12px 9px; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 58%,transparent); background: color-mix(in srgb,var(--xzm-shell, #fff8ef) 96%,transparent); overflow-x: visible;} .xzm-settings-mobile-tabs button {flex: 1 1 calc(33.333% - 6px) ; justify-content: center; min-width: 88px; min-height: 32px; display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 760;} .xzm-settings-content .profile-account-strip {min-height: 0; grid-template-columns: minmax(0,1fr) auto; padding: 4px 0 10px;} .xzm-settings-content .profile-account-avatar { --xzm-user-avatar-size: 34px; width: 34px; height: 34px; flex-basis: 34px; } .xzm-settings-content .profile-identity-main h4.ant-typography {font-size: 15px;} .xzm-settings-content .profile-account-meta span {display: none;} .xzm-settings-content .profile-account-strip > .ant-btn {width: 34px; min-width: 34px; height: 34px; padding: 0; border-radius: 999px;} .xzm-settings-content .profile-account-strip > .ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: none;} .xzm-settings-content .profile-section-nav {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin: 0 -12px; padding: 0 12px 8px; overflow-x: visible;} .xzm-settings-content .profile-section-nav button {min-width: 0; min-height: 32px; justify-content: center;} .xzm-settings-content .profile-setting-card {max-width: none; gap: 12px;} .xzm-settings-content .profile-setting-head {padding-bottom: 7px;} .xzm-settings-content .profile-avatar-card {grid-template-columns: 40px minmax(0,1fr); align-items: center;} .xzm-settings-content .profile-avatar-preview {width: 40px; height: 40px;} .xzm-settings-content .profile-avatar-card > .ant-btn {grid-column: 1 / -1; justify-self: start;} .xzm-settings-content .profile-account-grid.compact,.xzm-settings-content .profile-form-grid.two {grid-template-columns: 1fr;} .credits-page-v2.is-embedded .credits-embedded-balance-line,.credits-page-v3.is-embedded .credits-embedded-balance-line {align-items: flex-start; padding-top: 2px;} .credits-page-v2.is-embedded .creative-points-shop-headline .ant-typography,.credits-page-v2.is-embedded .credits-redeem-copy .ant-typography,.credits-page-v3.is-embedded .creative-points-shop-headline .ant-typography,.credits-page-v3.is-embedded .credits-redeem-copy .ant-typography {line-height: 1.45;} .credits-page-v2.is-embedded .creative-points-shop-headline,.credits-page-v3.is-embedded .creative-points-shop-headline {display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; padding: 0;} .credits-page-v2.is-embedded .creative-points-shop-headline > div:first-child,.credits-page-v3.is-embedded .creative-points-shop-headline > div:first-child {gap: 2px;} .credits-page-v2.is-embedded .creative-points-shop-headline h4.ant-typography,.credits-page-v3.is-embedded .creative-points-shop-headline h4.ant-typography {margin: 0; font-size: 17px;} .credits-page-v2.is-embedded .creative-points-shop-headline p.ant-typography,.credits-page-v3.is-embedded .creative-points-shop-headline p.ant-typography {display: none;} .credits-page-v2.is-embedded .creative-points-shop-actions,.credits-page-v3.is-embedded .creative-points-shop-actions {width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px;} .credits-page-v2.is-embedded .creative-points-shop-actions .btn,.credits-page-v3.is-embedded .creative-points-shop-actions .btn {width: 100%; min-height: 34px; justify-content: center; padding-inline: 8px; border-radius: 8px; font-size: 12px; white-space: normal; overflow-wrap: anywhere;} .credits-page-v2.is-embedded .creative-points-shop-guide,.credits-page-v3.is-embedded .creative-points-shop-guide {display: grid; margin: 0; padding: 9px 10px; gap: 4px;} .credits-page-v2.is-embedded .creative-points-shop-frame,.credits-page-v3.is-embedded .creative-points-shop-frame {display: none; height: auto; min-height: 0;}} @media (max-width: 390px) {.credits-page-v2.is-embedded .creative-points-shop-actions,.credits-page-v3.is-embedded .creative-points-shop-actions {grid-template-columns: 1fr;}} .xzm-settings-content .profile-account-summary {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 8px 8px 0 0; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent); overflow: hidden;} .xzm-settings-content .profile-account-summary > div {min-height: 58px; padding: 11px 14px; border: 0; border-right: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 64%,transparent); border-radius: 0; background: transparent;} .xzm-settings-content .profile-account-summary > div:last-child {border-right: 0;} .xzm-settings-content .profile-account-summary .ant-typography-secondary {font-size: 12px; font-weight: 720;} .xzm-settings-content .profile-account-summary b {margin-top: 3px; font-size: 14px; font-weight: 820; line-height: 1.3;} .xzm-settings-content .profile-name-form {min-width: 0; display: grid; grid-template-columns: minmax(150px,.34fr) minmax(240px,1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-top: 0; border-radius: 0 0 8px 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent);} .xzm-settings-content .profile-name-form-copy {min-width: 0; display: grid; gap: 2px;} .xzm-settings-content .profile-name-form-copy .ant-typography {margin: 0; line-height: 1.35;} .xzm-settings-content .profile-name-form-copy .ant-typography-secondary {font-size: 12px;} .xzm-settings-content .profile-name-form .ant-form-item {min-width: 0; margin: 0;} .xzm-settings-content .profile-name-form .ant-input {height: 38px;} .xzm-settings-content .profile-name-form .ant-btn {min-width: 74px; height: 38px; border-radius: 8px;} @media (max-width: 760px) {.xzm-settings-content .profile-account-summary {grid-template-columns: 1fr;} .xzm-settings-content .profile-account-summary > div {min-height: 54px; border-right: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 64%,transparent);} .xzm-settings-content .profile-account-summary > div:last-child {border-bottom: 0;} .xzm-settings-content .profile-name-form {grid-template-columns: minmax(0,1fr); gap: 8px; padding: 11px 12px 12px;} .xzm-settings-content .profile-name-form .ant-btn {width: 100%;}} .xzm-card-detail-button {position: absolute; top: 12px; right: 12px; z-index: 4; width: 32px; height: 32px; display: inline-grid; place-items: center; padding: 0; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 78%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 82%,var(--xzm-text, #241207)); box-shadow: 0 8px 18px color-mix(in srgb,#0f172a 6%,transparent); cursor: pointer; transition: background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;} .xzm-card-detail-button:hover,.xzm-card-detail-button:focus-visible {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 28%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); outline: none; transform: translateY(-1px);} .xzm-card-detail-button svg {width: 15px; height: 15px; pointer-events: none;} .xzm-setup-package-card {position: relative;} .xzm-setup-package-card-button {padding-right: 56px;} .xzm-setup-package-card-top span {flex: 0 0 auto; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; padding: 0 9px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent); color: var(--xzm-primary, #127c6b); font-size: 11px; font-weight: 850; line-height: 1; white-space: nowrap;} .xzm-setup-package-card-detail {top: 11px; right: 12px;} .xzm-candidate-rail,.xzm-workspace-canvas .xzm-candidate-rail,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-rail {gap: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;} .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row {min-height: 128px !important; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 86%,transparent) !important; border-radius: 8px !important; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent) !important; box-shadow: none !important; transform: none !important;} .xzm-candidate-row.ant-card > .ant-card-body,.xzm-workspace-canvas .xzm-candidate-row.ant-card > .ant-card-body,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.ant-card > .ant-card-body {min-height: 0 !important; display: block !important; padding: 0 !important;} .xzm-candidate-row-layout {min-width: 0; position: relative; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 14px; align-items: start; min-height: 128px; padding: 16px 56px 16px 16px;} .xzm-candidate-row-main {grid-area: auto; gap: 7px;} .xzm-candidate-row-titlebar {min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;} .xzm-candidate-row-titlebar b {min-width: 0; color: var(--xzm-text, #241207); font-size: 17px; font-weight: 860; line-height: 1.32; overflow-wrap: anywhere;} .xzm-candidate-row-titlebar .xzm-candidate-row-kicker {flex: 1 1 auto;} .xzm-candidate-selected-badge {display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 12%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); font-size: 12px; font-weight: 860;} .xzm-candidate-row-main > b {display: none;} .xzm-candidate-row-main p,.xzm-workspace-canvas .xzm-candidate-row-main p {-webkit-line-clamp: 3; color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #70584d)); font-size: 14px; font-weight: 600; line-height: 1.6;} .xzm-candidate-row.selectable:hover,.xzm-candidate-row.selectable:focus-visible,.xzm-candidate-row.active,.xzm-workspace-canvas .xzm-candidate-row.selectable:hover,.xzm-workspace-canvas .xzm-candidate-row.selectable:focus-visible,.xzm-workspace-canvas .xzm-candidate-row.active {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 26%,var(--xzm-border, rgba(148, 163, 184, .18))) !important; background: color-mix(in srgb,var(--xzm-panel, #fff) 98%,var(--xzm-primary, #127c6b) 2%) !important; box-shadow: 0 10px 26px color-mix(in srgb,#4b5563 7%,transparent) !important; transform: translateY(-1px) !important; outline: none;} .xzm-candidate-row.selected,.xzm-workspace-canvas .xzm-candidate-row.selected,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.selected {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 36%,var(--xzm-border, rgba(148, 163, 184, .18))) !important; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 4%,var(--xzm-panel, #fff)) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--xzm-primary, #127c6b) 30%,transparent),0 12px 24px color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,transparent) !important;} .xzm-opening-route-decision .xzm-route-choice-head {align-items: flex-start;} .xzm-opening-agent-decision {width: min(920px,100%); min-width: 0; display: grid; gap: 0; margin: 0 auto;} .xzm-opening-agent-status {width: 100%; margin: 0; grid-template-columns: minmax(0,1fr);} .xzm-opening-agent-status .xzm-agent-status-main {cursor: default; border-bottom-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 30%,transparent); border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent); box-shadow: 0 8px 18px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent),inset 0 -1px 0 color-mix(in srgb,#fff 48%,transparent);} .xzm-opening-agent-content {min-width: 0; display: grid; gap: 12px; padding: 14px 18px 18px 51px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 50%,transparent); border-top: 0; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 68%,transparent); box-shadow: 0 12px 24px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent); backdrop-filter: blur(12px); overflow: hidden;} .xzm-opening-agent-title-row {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: start;} .xzm-opening-agent-title-row h4.ant-typography {margin: 3px 0 0; color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-muted, #70584d)); font-size: 18px; line-height: 1.28;} .xzm-opening-agent-title-row .xzm-card-detail-button {position: static; width: 32px; min-width: 32px; height: 32px; box-shadow: none;} .xzm-opening-agent-context {width: min(760px,100%); min-width: 0; display: flex; flex-wrap: wrap; gap: 7px 10px; align-items: center; padding: 8px 10px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 12%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 10px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 3%,var(--xzm-panel, #fff));} .xzm-opening-agent-context b {min-width: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 82%,var(--xzm-primary, #127c6b)); font-size: 13px; font-weight: 900; line-height: 1.25;} .xzm-opening-agent-context span {min-width: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 66%,var(--xzm-muted, #70584d)); font-size: 12.5px; font-weight: 720; line-height: 1.35;} .xzm-opening-agent-summary {width: min(760px,100%); min-width: 0; display: grid; gap: 4px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 62%,transparent); border-radius: 10px; background: color-mix(in srgb,var(--xzm-panel, #fff) 76%,transparent);} .xzm-opening-agent-summary b {color: color-mix(in srgb,var(--xzm-primary, #127c6b) 68%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 860; line-height: 1.2;} .xzm-opening-agent-summary span {color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #70584d)); font-size: 13.5px; font-weight: 650; line-height: 1.58;} .xzm-opening-agent-process {width: min(760px,100%); display: grid; gap: 7px; padding-left: 3px;} .xzm-opening-agent-step {min-width: 0; display: flex; align-items: flex-start; gap: 8px; color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #70584d)); font-size: 13px; font-weight: 640; line-height: 1.55;} .xzm-opening-agent-step i {width: 6px; height: 6px; flex: 0 0 auto; margin-top: 8px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-muted, #70584d) 38%,transparent);} .xzm-opening-agent-step i.ready {background: var(--xzm-primary, #127c6b); box-shadow: 0 0 0 3px color-mix(in srgb,var(--xzm-primary, #127c6b) 9%,transparent);} .xzm-opening-agent-step span {min-width: 0;} .xzm-opening-agent-prompts {width: min(760px,100%); min-width: 0; display: grid; gap: 8px;} .xzm-opening-agent-prompts > b {color: color-mix(in srgb,var(--xzm-text, #241207) 70%,var(--xzm-muted, #70584d)); font-size: 12px; font-weight: 860; line-height: 1.2;} .xzm-opening-agent-prompt-grid {min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .xzm-opening-agent-prompt-grid button {min-width: 0; min-height: 124px; display: grid; align-content: start; gap: 6px; padding: 11px 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 68%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,transparent); color: inherit; text-align: left; cursor: pointer; box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent); transition: border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;} .xzm-opening-agent-prompt-grid.contextual button {min-height: 82px;} .xzm-opening-agent-prompt-grid button:hover,.xzm-opening-agent-prompt-grid button:focus-visible {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 34%,var(--xzm-border, rgba(148, 163, 184, .18))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 4%,var(--xzm-panel, #fff)); box-shadow: 0 10px 22px color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent); outline: none; transform: translateY(-1px);} .xzm-opening-agent-prompt-grid span {color: color-mix(in srgb,var(--xzm-primary, #127c6b) 76%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 900; line-height: 1.2;} .xzm-opening-agent-prompt-grid em {color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #70584d)); font-size: 12.5px; font-style: normal; font-weight: 640; line-height: 1.45; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5;} .xzm-opening-agent-final {width: min(760px,100%); min-width: 0; display: grid; gap: 4px; padding: 10px 12px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 14%,var(--xzm-border, rgba(148, 163, 184, .18))); border-radius: 10px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 3%,var(--xzm-panel, #fff));} .xzm-opening-agent-final b {color: color-mix(in srgb,var(--xzm-primary, #127c6b) 70%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 860; line-height: 1.2;} .xzm-opening-agent-final span {color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #70584d)); font-size: 13.5px; font-weight: 650; line-height: 1.55;} .xzm-agent-route-notice {width: min(900px,100%); min-width: 0; display: grid; gap: 10px; margin: -2px auto 0; padding: 13px 16px 14px 52px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 50%,transparent); border-top: 0; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 62%,transparent); color: color-mix(in srgb,var(--xzm-text, #241207) 76%,var(--xzm-muted, #70584d)); box-shadow: 0 12px 24px color-mix(in srgb,var(--xzm-text, #0f172a) 4%,transparent); backdrop-filter: blur(12px);} .xzm-agent-route-notice-head {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .xzm-agent-route-notice-head span {min-width: 0; display: grid; gap: 2px;} .xzm-agent-route-notice-head b,.xzm-agent-route-notice-head small,.xzm-agent-route-notice-head em {min-width: 0;} .xzm-agent-route-notice-head b {color: color-mix(in srgb,var(--xzm-text, #241207) 86%,var(--xzm-primary, #127c6b)); font-size: 13px; font-weight: 900; line-height: 1.25;} .xzm-agent-route-notice-head small {color: color-mix(in srgb,var(--xzm-muted, #70584d) 88%,transparent); font-size: 12px; line-height: 1.35;} .xzm-agent-route-notice-head em {flex: 0 0 auto; padding: 4px 9px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #127c6b) 76%,var(--xzm-text, #241207)); font-size: 11px; font-style: normal; font-weight: 860;} .xzm-agent-route-notice p {margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 78%,var(--xzm-muted, #70584d)); font-size: 13.5px; font-weight: 650; line-height: 1.55;} .xzm-agent-route-notice-lines {min-width: 0; display: flex; flex-wrap: wrap; gap: 7px;} .xzm-agent-route-notice-lines span {min-width: 0; max-width: 100%; padding: 5px 8px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-text, #241207) 4%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 88%,var(--xzm-text, #241207)); font-size: 12px; font-weight: 720; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-candidate-row.opening-route,.xzm-workspace-canvas .xzm-candidate-row.opening-route,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row.opening-route {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 24%,var(--xzm-border, rgba(148, 163, 184, .18))) !important; background: linear-gradient(180deg,color-mix(in srgb,var(--xzm-primary, #127c6b) 4%,var(--xzm-panel, #fff)),color-mix(in srgb,var(--xzm-panel, #fff) 98%,transparent)) !important;} .xzm-candidate-row.opening-route .xzm-candidate-row-index {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 22%,transparent); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b);} .xzm-candidate-row.opening-route .xzm-candidate-helper-tag:first-child {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 20%,transparent); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 9%,transparent); color: var(--xzm-primary, #127c6b);} .xzm-candidate-row-detail.xzm-card-detail-button,.xzm-workspace-canvas .xzm-candidate-row-detail.xzm-card-detail-button {top: 14px; right: 14px; min-width: 0; min-height: 0; padding: 0;} .xzm-composer-submit-cost {display: none;} @media (max-width: 760px) {.xzm-opening-agent-content {padding: 12px 13px 15px 43px;} .xzm-agent-route-notice {padding: 12px 13px 14px 43px;} .xzm-agent-route-notice-head {align-items: flex-start;} .xzm-agent-route-notice-lines {flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;} .xzm-agent-route-notice-lines::-webkit-scrollbar {display: none;} .xzm-agent-route-notice-lines span {flex: 0 0 auto;} .xzm-opening-agent-title-row h4.ant-typography {font-size: 16px;} .xzm-opening-agent-summary span {font-size: 13px; line-height: 1.55;} .xzm-opening-agent-step,.xzm-opening-agent-final span {font-size: 13px;} .xzm-opening-agent-prompt-grid {grid-template-columns: 1fr;} .xzm-opening-agent-prompt-grid button {min-height: 78px;} .xzm-setup-package-card-button {padding-right: 52px;} .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row {min-height: 118px !important;} .xzm-candidate-row-layout {grid-template-columns: 30px minmax(0,1fr); gap: 11px; min-height: 118px; padding: 14px 48px 14px 14px;} .xzm-candidate-row-titlebar b {font-size: 16px;} .xzm-candidate-row-main p,.xzm-workspace-canvas .xzm-candidate-row-main p {-webkit-line-clamp: 2; font-size: 13px; line-height: 1.52;} .xzm-candidate-row-meta {gap: 5px;} .xzm-candidate-row-detail.xzm-card-detail-button {top: 12px; right: 12px;}} @media (max-width: 760px) {.xzm-composer .xzm-composer-actions.single {width: 100% !important; min-height: 54px; display: grid !important; grid-template-columns: minmax(0,1fr); justify-items: center; align-items: center; gap: 4px; margin-inline: auto !important;} .xzm-composer-submit-cost {width: min(360px,calc(100vw - 36px)); min-height: 16px; display: block; color: color-mix(in srgb,var(--xzm-muted, #55706e) 84%,var(--xzm-text, #241207)); font-size: 11px; font-weight: 720; line-height: 1.35; text-align: center; overflow-wrap: anywhere;} .xzm-composer .xzm-composer-submit-tooltip {width: 48px !important; min-width: 48px !important; height: 48px !important; flex: 0 0 48px !important; display: inline-grid; place-items: center;} .xzm-composer .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; padding: 0 !important; border-radius: 999px !important; touch-action: manipulation;} .xzm-composer .xzm-composer-submit.ant-btn .ant-btn-icon {margin-inline-end: 0 !important;}} @media (max-width: 760px) {.xzm-composer-agent-help {grid-template-columns: 1fr; gap: 7px; padding-top: 7px;} .xzm-composer-agent-help small {display: none;} .xzm-composer-agent-prompts {justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;} .xzm-composer-agent-prompts::-webkit-scrollbar {display: none;} .xzm-composer-agent-prompts button {flex: 0 0 auto;} .xzm-composer-agent-busy small {display: block;} .xzm-composer .xzm-composer-submit-tooltip {width: min(42vw,168px) !important; min-width: 112px !important; height: 48px !important; flex: 0 1 min(42vw,168px) !important; display: inline-flex;} .xzm-composer .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {width: 100% !important; min-width: 112px !important; height: 48px !important; min-height: 48px !important; flex: 1 1 auto !important; padding: 0 14px !important; border-radius: 8px !important;} .xzm-composer .xzm-composer-submit.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: inline-flex !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-composer .xzm-composer-submit.ant-btn .ant-btn-icon {margin-inline-end: 6px !important;} .xzm-composer .xzm-composer-submit.ant-btn:hover,.xzm-composer .xzm-composer-submit.ant-btn:focus-visible,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn:hover,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn:focus-visible {border-color: var(--xzm-primary, #0f766e) !important; background: var(--xzm-primary, #0f766e) !important;} .xzm-composer .xzm-composer-submit.ant-btn:disabled,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn:disabled {border-color: transparent !important; background: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-panel, #fff)) !important; color: color-mix(in srgb,var(--xzm-panel, #fff) 82%,transparent) !important;} .xzm-composer .xzm-composer-submit.ant-btn:disabled .ant-btn-icon,.xzm-composer .xzm-composer-submit.ant-btn:disabled > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {color: inherit !important; opacity: .95;}} @media (max-width: 760px) {.xzm-benefits-center .xzm-settings-mobile-tabs {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px;} .xzm-benefits-center .xzm-settings-mobile-tabs button {min-width: 0; min-height: 40px; border-radius: 8px;} .xzm-benefits-center .xzm-settings-mobile-tabs button.core {grid-row: 1; font-size: 12px; font-weight: 840;} .xzm-benefits-center .xzm-settings-mobile-tabs button.secondary {grid-row: 2; min-height: 32px; color: var(--xzm-muted, #55706e); font-size: 11px; font-weight: 720;}} @media (max-width: 760px) {.xzm-mobile-canvas-instruction {width: 100%; display: grid; gap: 9px; margin: 2px 0 10px; padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 68%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 88%,transparent);} .xzm-mobile-canvas-instruction-head {min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 10px;} .xzm-mobile-canvas-instruction-head .ant-typography-secondary {min-width: 0; display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.35; text-align: right; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .xzm-mobile-canvas-instruction .ant-input {min-height: 116px !important; max-height: 210px; padding: 11px 12px; border-radius: 8px; border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .22)) 86%,transparent); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 46%,var(--xzm-panel, #fff)); color: var(--xzm-text, #241207); font-size: 15px; line-height: 1.6; resize: none;}} .xzm-settings-center-v2 {grid-template-columns: 264px minmax(0,1fr); background: var(--xzm-shell);} .xzm-settings-center-v2 .xzm-settings-nav {gap: 14px; padding: 14px 12px 16px; border-right: 0; background: radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--xzm-primary) 13%,transparent),transparent 42%),linear-gradient(180deg,var(--xzm-sidebar-from) 0%,var(--xzm-sidebar-to) 100%); color: var(--xzm-sidebar-text);} .xzm-settings-center-v2 .xzm-settings-back {width: fit-content; min-height: 34px; margin: 0; padding: 6px 9px; border: 0; border-radius: 8px; background: transparent; color: var(--xzm-sidebar-muted); font-weight: 800;} .xzm-settings-center-v2 .xzm-settings-back:hover,.xzm-settings-center-v2 .xzm-settings-back:focus-visible {background: color-mix(in srgb,var(--xzm-sidebar-active) 72%,transparent); color: var(--xzm-sidebar-active-text); outline: none;} .xzm-settings-center-v2 .xzm-settings-nav-title {min-height: 42px; display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; padding: 0; border: 0;} .xzm-settings-center-v2 .xzm-settings-nav-title > span {width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--xzm-sidebar-text) 18%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-sidebar-active) 72%,transparent); color: var(--xzm-sidebar-active-text);} .xzm-settings-center-v2 .xzm-settings-nav-title > div,.xzm-settings-nav-copy {min-width: 0; display: grid; gap: 2px;} .xzm-settings-center-v2 .xzm-settings-nav-title b {color: var(--xzm-sidebar-text); font-size: 18px; font-weight: 900; line-height: 1.1;} .xzm-settings-center-v2 .xzm-settings-nav-title small,.xzm-settings-nav-copy small {min-width: 0; overflow: hidden; color: var(--xzm-sidebar-muted); font-size: 12px; font-weight: 760; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap;} .xzm-settings-center-v2 .xzm-settings-nav-list {display: grid; gap: 6px; padding-top: 2px;} .xzm-settings-nav-group {display: grid; gap: 5px;} .xzm-settings-nav-group-label {padding: 0 8px; color: var(--xzm-sidebar-muted); font-size: 12px; font-weight: 820; line-height: 1.4;} .xzm-settings-center-v2 .xzm-settings-nav-list button {min-height: 48px; display: grid; grid-template-columns: 30px minmax(0,1fr) 16px; align-items: center; gap: 9px; padding: 8px 9px; border: 0; border-radius: 8px; background: transparent; color: var(--xzm-sidebar-muted);} .xzm-settings-center-v2 .xzm-settings-nav-list button:hover,.xzm-settings-center-v2 .xzm-settings-nav-list button:focus-visible {background: color-mix(in srgb,var(--xzm-sidebar-active) 52%,transparent); color: var(--xzm-sidebar-text); outline: none;} .xzm-settings-center-v2 .xzm-settings-nav-list button.active {background: var(--xzm-sidebar-active); color: var(--xzm-sidebar-active-text);} .xzm-settings-center-v2 .xzm-settings-nav-icon {width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb,var(--xzm-sidebar-text) 8%,transparent); color: inherit;} .xzm-settings-nav-copy b {min-width: 0; overflow: hidden; color: inherit; font-size: 13px; font-weight: 900; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap;} .xzm-settings-center-v2 .xzm-settings-nav-list button.active .xzm-settings-nav-copy small,.xzm-settings-center-v2 .xzm-settings-nav-list button.active .xzm-settings-nav-icon {color: var(--xzm-sidebar-active-text);} .xzm-settings-center-v2 .xzm-settings-content {width: min(940px,calc(100% - 72px)); padding: 34px 0 72px; gap: 16px;} .xzm-settings-center-v2 .xzm-settings-content-head {min-height: 82px; display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,320px); align-items: end; gap: 18px; padding: 0 0 16px; border-bottom: 1px solid var(--xzm-border);} .xzm-settings-center-v2 .xzm-settings-content-title {grid-template-columns: 42px minmax(0,1fr); gap: 12px;} .xzm-settings-center-v2 .xzm-settings-content-icon {width: 42px; height: 42px; border: 1px solid color-mix(in srgb,var(--xzm-primary) 20%,var(--xzm-border)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-primary) 8%,var(--xzm-panel)); color: var(--xzm-primary);} .xzm-settings-center-v2 .xzm-settings-content-head h3.ant-typography {margin: 0; color: var(--xzm-text); font-size: 26px; font-weight: 900;} .xzm-settings-center-v2 .xzm-settings-content-head > span.ant-typography {justify-self: end; max-width: 320px; color: var(--xzm-muted); text-align: right;} .xzm-settings-content-body {min-width: 0; display: grid; gap: 14px;} .xzm-settings-center-v2 .xzm-settings-content .profile-page-v3,.xzm-settings-center-v2 .xzm-settings-content .xzm-personalization,.xzm-settings-center-v2 .xzm-about-settings {max-width: 100%;} .xzm-settings-center-v2 .xzm-settings-content .profile-account-strip,.xzm-settings-center-v2 .xzm-settings-content .profile-setting-card,.xzm-settings-center-v2 .xzm-settings-content .xzm-theme-system-card,.xzm-settings-center-v2 .xzm-settings-content .xzm-theme-current-panel,.xzm-settings-center-v2 .xzm-about-hero,.xzm-settings-center-v2 .xzm-about-panel {border-color: var(--xzm-border); border-radius: 8px; background: var(--xzm-panel);} .xzm-settings-center-v2 .xzm-settings-content .profile-setting-card {width: 100%; max-width: 820px; padding: 16px; border: 1px solid var(--xzm-border);} .xzm-settings-center-v2 .xzm-settings-content .profile-account-strip {padding: 14px; border: 1px solid var(--xzm-border);} .xzm-settings-center-v2 .xzm-settings-content .xzm-theme-card {padding-right: 12px; padding-left: 12px; border-radius: 8px;} .xzm-settings-center-v2 .xzm-settings-content .xzm-theme-card + .xzm-theme-card {margin-top: 4px;} @media (max-width: 960px) {.xzm-settings-center-v2 {grid-template-columns: 220px minmax(0,1fr);} .xzm-settings-center-v2 .xzm-settings-content {width: min(100% - 40px,820px);} .xzm-settings-center-v2 .xzm-settings-content-head {grid-template-columns: minmax(0,1fr); align-items: start;} .xzm-settings-center-v2 .xzm-settings-content-head > span.ant-typography {justify-self: start; text-align: left;}} @media (max-width: 760px) {.xzm-settings-center-v2 {min-height: calc(100dvh - 58px) ; display: block; background: var(--xzm-shell);} .xzm-settings-center-v2 .xzm-settings-nav {display: none;} .xzm-settings-center-v2 .xzm-settings-content,.xzm-settings-center-v2 .xzm-settings-section-account,.xzm-settings-center-v2 .xzm-settings-section-security,.xzm-settings-center-v2 .xzm-settings-section-archive,.xzm-settings-center-v2 .xzm-settings-section-appearance,.xzm-settings-center-v2 .xzm-settings-section-about {width: 100%; padding: 0 12px calc(24px + env(safe-area-inset-bottom)) ; gap: 12px;} .xzm-settings-center-v2 .xzm-settings-mobile-tabs {position: sticky; top: calc(54px + env(safe-area-inset-top)) ; z-index: 7; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin: 0 -12px; padding: 9px 12px; border-bottom: 1px solid var(--xzm-border); background: color-mix(in srgb,var(--xzm-shell) 96%,transparent);} .xzm-settings-center-v2 .xzm-settings-mobile-tabs button {min-width: 0; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 8px; border: 1px solid var(--xzm-border); border-radius: 8px; background: var(--xzm-panel); color: var(--xzm-muted); font-size: 12px; font-weight: 800; white-space: nowrap;} .xzm-settings-center-v2 .xzm-settings-mobile-tabs button.active {border-color: color-mix(in srgb,var(--xzm-primary) 28%,var(--xzm-border)); background: color-mix(in srgb,var(--xzm-primary) 8%,var(--xzm-panel)); color: var(--xzm-primary); font-weight: 900;} .xzm-settings-center-v2 .xzm-settings-content-head {display: grid; min-height: 0; padding: 2px 0 8px; border-bottom: 0;} .xzm-settings-center-v2 .xzm-settings-content-title {display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 9px;} .xzm-settings-center-v2 .xzm-settings-content-icon {display: grid; width: 34px; height: 34px;} .xzm-settings-center-v2 .xzm-settings-content-title .panel-eyebrow {display: block; font-size: 10px;} .xzm-settings-center-v2 .xzm-settings-content-head h3.ant-typography {font-size: 20px;} .xzm-settings-center-v2 .xzm-settings-content-head > span.ant-typography {display: none;} .xzm-settings-center-v2 .xzm-settings-content .profile-page-v3 {gap: 10px;} .xzm-settings-center-v2 .xzm-settings-content .profile-account-strip,.xzm-settings-center-v2 .xzm-settings-content .profile-setting-card {padding: 12px;} .xzm-settings-center-v2 .xzm-settings-content .profile-account-strip {grid-template-columns: minmax(0,1fr) 36px;} .xzm-settings-center-v2 .xzm-settings-content .profile-account-main {min-width: 0;} .xzm-settings-center-v2 .xzm-settings-content .profile-account-meta {grid-column: 1 / -1;} .xzm-settings-center-v2 .xzm-settings-content .xzm-theme-toolbar {grid-template-columns: 1fr; gap: 8px;} .xzm-settings-center-v2 .xzm-settings-content .xzm-theme-card {grid-template-columns: minmax(0,1fr); gap: 10px; padding: 12px; border: 1px solid var(--xzm-border); background: var(--xzm-panel);} .xzm-settings-center-v2 .xzm-settings-content .xzm-theme-preview {width: 100%; height: 70px;} .xzm-settings-center-v2 .xzm-about-hero,.xzm-settings-center-v2 .xzm-about-two-col {grid-template-columns: 1fr;} .xzm-settings-center-v2 .xzm-about-version {grid-template-columns: minmax(0,1fr) auto; align-items: center;} .xzm-settings-center-v2 .xzm-about-version small {grid-column: 1 / -1;}} @media (max-width: 760px) {.xzm-settings-mobile-list {display: flex; flex-direction: column; gap: 0; padding: 0; background: var(--xzm-shell);} .xzm-settings-mobile-list-head {display: flex; flex-direction: column; gap: 6px; padding: calc(8px + env(safe-area-inset-top)) 12px 8px; border-bottom: 1px solid var(--xzm-border); background: var(--xzm-panel);} .xzm-settings-mobile-list-head .xzm-settings-back {width: fit-content; min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: var(--xzm-muted); font: inherit; font-size: 13px; font-weight: 760; cursor: pointer;} .xzm-settings-mobile-list-title {display: flex; align-items: center; gap: 8px; color: var(--xzm-text); font-size: 20px; font-weight: 860;} .xzm-settings-mobile-list-cards {display: flex; flex-direction: column; gap: 8px; padding: 12px; padding-bottom: calc(24px + env(safe-area-inset-bottom)) ;} .xzm-settings-mobile-list-card {display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 14px; border: 1px solid var(--xzm-border); border-radius: 12px; background: var(--xzm-panel); color: var(--xzm-text); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s,background .15s; -webkit-tap-highlight-color: transparent;} .xzm-settings-mobile-list-card:active {border-color: color-mix(in srgb,var(--xzm-accent) 24%,var(--xzm-border)); background: color-mix(in srgb,var(--xzm-accent) 4%,var(--xzm-panel));} .xzm-settings-mobile-list-card-icon {display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: color-mix(in srgb,var(--xzm-accent) 8%,transparent); color: var(--xzm-primary); flex-shrink: 0;} .xzm-settings-mobile-list-card-copy {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;} .xzm-settings-mobile-list-card-copy b {font-size: 15px; font-weight: 840; line-height: 1.3;} .xzm-settings-mobile-list-card-copy small {font-size: 12px; font-weight: 720; color: var(--xzm-muted); line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-settings-mobile-list-card-arrow {flex-shrink: 0; color: var(--xzm-muted);} .xzm-settings-mobile-detail-top {position: sticky; top: calc(54px + env(safe-area-inset-top)) ; z-index: 7; display: flex; margin: 0 -12px; padding: 9px 12px; border-bottom: 1px solid var(--xzm-border); background: color-mix(in srgb,var(--xzm-shell) 96%,transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);} .xzm-settings-mobile-detail-top button {display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: var(--xzm-primary); font: inherit; font-size: 14px; font-weight: 820; cursor: pointer;} .xzm-settings-center-v2 .xzm-settings-mobile-tabs {display: none !important;} .xzm-settings-mobile-detail-top + .xzm-settings-content-head {padding-top: 6px;}} @media (max-width: 430px) {.xzm-settings-center-v2 .xzm-settings-mobile-tabs {grid-template-columns: repeat(2,minmax(0,1fr));}} .xzm-workspace-mode-dock {min-width: 0; display: grid; gap: 8px; padding: 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 72%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent); box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 54%,transparent);} .xzm-workspace-mode-dock .xzm-workspace-mode-switch {width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); border-radius: 10px;} .xzm-workspace-mode-dock .xzm-workspace-mode-switch button {height: 31px; padding-inline: 6px;} .xzm-workspace-mode-meta {min-width: 0; display: grid; gap: 2px; padding-inline: 2px;} .xzm-workspace-mode-meta span,.xzm-workspace-mode-meta small {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xzm-workspace-mode-meta span {color: color-mix(in srgb,var(--xzm-text, #241207) 88%,transparent); font-size: 12px; font-weight: 880;} .xzm-workspace-mode-meta small {color: color-mix(in srgb,var(--xzm-muted, #55706e) 82%,transparent); font-size: 11px; font-weight: 680;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) {gap: 6px; padding: 7px; border-color: rgba(255,255,255,.075); border-radius: 11px; background: rgba(255,255,255,.045); box-shadow: none;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-switch {gap: 2px; padding: 2px; border-color: rgba(255,255,255,.075); border-radius: 9px; background: rgba(255,255,255,.035);} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-switch button {height: 29px; gap: 5px; border-radius: 7px; color: color-mix(in srgb,var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)) 92%,transparent); font-size: 12px; font-weight: 760;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-switch button svg {width: 14px; height: 14px; opacity: .72;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-switch button.active {background: rgba(255,255,255,.11); color: color-mix(in srgb,var(--xzm-sidebar-active-text, #fff) 88%,transparent); box-shadow: none;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-switch button:not(:disabled):hover {background: rgba(255,255,255,.085); color: var(--xzm-sidebar-active-text, #fff);} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-meta {grid-template-columns: minmax(0,auto) minmax(0,1fr); align-items: center; gap: 6px; padding: 0 2px;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-meta span {color: color-mix(in srgb,var(--xzm-sidebar-text, rgba(255, 248, 239, .86)) 82%,transparent); font-size: 11px; font-weight: 760;} .xzm-sidebar .xzm-workspace-mode-dock:not(.compact) .xzm-workspace-mode-meta small {color: color-mix(in srgb,var(--xzm-sidebar-muted, rgba(255, 248, 239, .58)) 78%,transparent); font-size: 10px; font-weight: 620; text-align: right;} .xzm-composer-autopilot,.xzm-composer-question-assist,.xzm-composer-mode-badge {min-width: 0; min-height: 31px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #127c6b) 22%,var(--xzm-border, rgba(148, 163, 184, .2))); border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #127c6b) 6%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #127c6b) 84%,var(--xzm-text, #241207)); font: inherit; font-size: 12px; font-weight: 860; line-height: 1; white-space: nowrap;} .xzm-composer-autopilot,.xzm-composer-question-assist {cursor: pointer; transition: border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;} .xzm-composer-autopilot:hover,.xzm-composer-question-assist:hover {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 38%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 10%,var(--xzm-panel, #fff)); color: var(--xzm-primary, #127c6b); transform: translateY(-1px);} .xzm-composer-question-assist.manual {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 82%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 74%,transparent); color: color-mix(in srgb,var(--xzm-muted, #70584d) 84%,var(--xzm-text, #241207));} .xzm-composer-question-assist.auto {border-color: color-mix(in srgb,var(--xzm-primary, #127c6b) 30%,var(--xzm-border, rgba(148, 163, 184, .2))); background: color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-primary, #127c6b) 86%,var(--xzm-text, #241207));} .xzm-composer-question-assist.has-question {box-shadow: 0 0 0 2px color-mix(in srgb,var(--xzm-primary, #127c6b) 8%,transparent);} .xzm-composer-mode-badge {border-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 82%,transparent); background: color-mix(in srgb,var(--xzm-panel-soft, #fff8ef) 72%,var(--xzm-panel, #fff)); color: color-mix(in srgb,var(--xzm-muted, #70584d) 86%,var(--xzm-text, #241207));} .xzm-question-copy small,.xzm-composer-question-options button small {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .xzm-question-copy b,.xzm-composer-question-options button b {overflow: hidden; text-overflow: ellipsis;} .xzm-workspace-canvas .xzm-question-option {min-height: 66px; padding: 12px 0;} .xzm-workspace-canvas .xzm-question-copy small {font-size: 12px; line-height: 1.42;} .xzm-composer-question-options button {min-height: 50px; align-content: start;} .xzm-composer-question-options button small {max-height: 32px;} .xzm-composer-selected-answer small {-webkit-line-clamp: 4;} @media (max-width: 760px) {.xzm-workspace-mode-dock.compact {width: 100%; margin: 0 0 12px; gap: 7px; padding: 8px; border-radius: 14px; background: color-mix(in srgb,var(--xzm-panel, #fff) 70%,transparent);} .xzm-workspace-mode-dock.compact .xzm-workspace-mode-switch {margin: 0;} .xzm-workspace-mode-dock.compact .xzm-workspace-mode-switch button {height: 34px; font-size: 12px;} .xzm-workspace-mode-dock.compact .xzm-workspace-mode-meta {display: flex; align-items: center; justify-content: space-between; gap: 8px;} .xzm-workspace-mode-dock.compact .xzm-workspace-mode-meta span,.xzm-workspace-mode-dock.compact .xzm-workspace-mode-meta small {font-size: 11px;} .xzm-workspace-shell.has-workspace-question { --xzm-mobile-composer-reserve: 206px; } .xzm-composer.has-question .xzm-composer-shell {gap: 7px;} .xzm-composer.has-question .xzm-composer-toolbar-left,.xzm-composer.creation-ready .xzm-composer-toolbar-left,.xzm-composer.has-mode-badge .xzm-composer-toolbar-left {width: 100%; display: flex !important; justify-content: flex-start; gap: 6px; margin-bottom: 7px; overflow: hidden;} .xzm-composer-autopilot,.xzm-composer-question-assist,.xzm-composer-mode-badge {min-height: 29px; padding-inline: 9px; font-size: 11px;} .xzm-composer-mode-badge {max-width: 148px; overflow: hidden; text-overflow: ellipsis;} .xzm-composer.has-question .xzm-composer-toolbar,.xzm-composer.creation-ready .xzm-composer-toolbar,.xzm-composer.has-mode-badge .xzm-composer-toolbar {display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; justify-items: stretch; gap: 8px;} .xzm-composer.has-question .xzm-composer-actions,.xzm-composer.creation-ready .xzm-composer-actions,.xzm-composer.has-mode-badge .xzm-composer-actions {justify-self: end;} .xzm-composer-question {max-height: min(34vh,260px); padding-bottom: 8px;} .xzm-composer-question-options {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px;} .xzm-composer-question-options button {min-height: 54px; padding: 7px; border-radius: 12px;} .xzm-composer-question-options button b {font-size: 12px; white-space: nowrap;} .xzm-composer-question-options button small {max-height: 30px; font-size: 10px; line-height: 1.36;}} @media (max-width: 430px) {.xzm-composer.has-question .xzm-composer-toolbar,.xzm-composer.creation-ready .xzm-composer-toolbar,.xzm-composer.has-mode-badge .xzm-composer-toolbar {grid-template-columns: minmax(0,1fr) 48px;} .xzm-composer-autopilot span,.xzm-composer-question-assist span {max-width: 76px; overflow: hidden; text-overflow: ellipsis;}} @media (max-width: 390px) {.xzm-composer .xzm-composer-submit.ant-btn > span:not(.ant-btn-icon):not(.ant-btn-loading-icon) {display: none !important;} .xzm-composer .xzm-composer-submit.ant-btn .ant-btn-icon {margin-inline-end: 0 !important;} .xzm-composer .xzm-composer-submit-tooltip {width: 48px !important; min-width: 48px !important; flex: 0 0 48px !important;} .xzm-composer .xzm-composer-submit.ant-btn,.xzm-composer.creation-ready .xzm-composer-submit.ant-btn {min-width: 48px !important; padding: 0 !important;} .xzm-composer-model-trigger {max-width: 90px !important;} .xzm-composer-model-trigger b {font-size: 11px !important;} .xzm-composer-model-trigger span {display: none !important;} .xzm-work-surface,.xzm-workspace-canvas {padding-left: 14px !important; padding-right: 14px !important;} .xzm-topbar h3.ant-typography {font-size: 16px !important;} .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-row,.xzm-workspace-canvas .xzm-candidate-board.mobile-card-flow .xzm-candidate-row {min-height: 100px !important; padding: 10px !important;} .xzm-candidate-row-layout {min-height: 100px; padding: 10px 42px 10px 10px;} .xzm-candidate-row-titlebar b {font-size: 14px !important;} .xzm-candidate-row-main p {font-size: 12px !important; -webkit-line-clamp: 1 !important;} .xzm-candidate-actions {gap: 4px !important;}} .xzm-topbar-mobile-actions {display: inline-flex; align-items: center; gap: 2px;} .xzm-topbar-mobile-action-btn.ant-btn {width: 34px; min-width: 34px; height: 34px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #7a6558)); box-shadow: none;} .xzm-topbar-mobile-action-btn.ant-btn:active {background: color-mix(in srgb,var(--xzm-text, #241207) 8%,transparent);} .xzm-feedback-search-bar {flex: 0 0 auto; padding: 0 14px;} .xzm-feedback-search-input {border-radius: 10px; font-size: 14px;} .xzm-feedback-tabs {flex: 0 0 auto; display: flex; gap: 6px; padding: 0 14px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .xzm-feedback-tabs::-webkit-scrollbar {display: none;} .xzm-feedback-tab {flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 72%,transparent); border-radius: 999px; background: transparent; color: color-mix(in srgb,var(--xzm-text, #241207) 62%,var(--xzm-muted, #7a6558)); font: inherit; font-size: 12px; font-weight: 720; cursor: pointer; white-space: nowrap; transition: background .15s ease,border-color .15s ease,color .15s ease;} .xzm-feedback-tab:hover {border-color: color-mix(in srgb,var(--xzm-primary, #e07040) 24%,var(--xzm-border, rgba(148, 163, 184, .18))); color: var(--xzm-primary, #e07040);} .xzm-feedback-tab.active {border-color: var(--xzm-primary, #e07040); background: color-mix(in srgb,var(--xzm-primary, #e07040) 10%,transparent); color: var(--xzm-primary, #e07040);} .xzm-feedback-list {flex: 1; overflow: auto; min-height: 0; padding: 0 14px;} .xzm-feedback-card {width: 100%; display: grid; gap: 6px; padding: 12px; border: 1px solid var(--xzm-border, rgba(15, 23, 42, .12)); border-radius: 8px; background: var(--xzm-panel, #fff); color: var(--xzm-text, #241207); text-align: left;} .xzm-feedback-card-meta {display: flex; align-items: center; gap: 6px; flex-wrap: wrap;} .xzm-feedback-card-meta small {color: color-mix(in srgb,var(--xzm-muted, #7a6558) 72%,transparent); font-size: 11px;} .xzm-feedback-card-title {min-width: 0; overflow-wrap: anywhere; font-size: 14px; font-weight: 800; line-height: 1.4;} .xzm-feedback-card-content {margin: 0; color: color-mix(in srgb,var(--xzm-text, #241207) 72%,var(--xzm-muted, #7a6558)); font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .xzm-feedback-card-actions {display: flex; align-items: center; gap: 8px; padding-top: 4px;} .xzm-feedback-input-bar {flex: 0 0 auto; display: flex; gap: 8px; align-items: flex-end; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) ; border-top: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .18)) 72%,transparent); background: color-mix(in srgb,var(--xzm-panel, #fff) 96%,transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);} .xzm-feedback-category-select {flex: 0 0 auto; min-width: 80px;} .xzm-feedback-category-select .ant-select-selector {border-radius: 10px !important; font-size: 12px !important;} .xzm-feedback-input {flex: 1; border-radius: 10px; font-size: 14px;} .xzm-feedback-send-btn {flex: 0 0 auto; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px;} .xzm-feedback-empty {min-height: 180px; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--xzm-muted, #7a6558);} .xzm-notification-drawer-shell.xzm-mobile-page-drawer .xzm-feedback-list {flex: 1; overflow: auto; min-height: 0;} .xzm-notification-drawer-shell.xzm-mobile-page-drawer .xzm-feedback-empty {flex: 1; min-height: 0;} :root { --color-primary-50: #ECFDF5; --color-primary-100: #D1FAE5; --color-primary-200: #A7F3D0; --color-primary-300: #6EE7B7; --color-primary-400: #34D399; --color-primary-500: #0F766E; --color-primary-600: #0D5F59; --color-primary-700: #0B4F4A; --color-primary-800: #083F3C; --color-primary-900: #062F2D; --color-accent-50: #FFFBEB; --color-accent-100: #FEF3C7; --color-accent-200: #FDE68A; --color-accent-300: #FCD34D; --color-accent-400: #FBBF24; --color-accent-500: #D97706; --color-accent-600: #B45309; --color-success: #10B981; --color-success-light: #D1FAE5; --color-warning: #D97706; --color-warning-light: #FEF3C7; --color-error: #EF4444; --color-error-light: #FEE2E2; --color-info: #2563EB; --color-info-light: #DDF3F0; --color-gray-50: #F9FAFB; --color-gray-100: #F3F4F6; --color-gray-200: #E5E7EB; --color-gray-300: #D1D5DB; --color-gray-400: #9CA3AF; --color-gray-500: #6B7280; --color-gray-600: #4B5563; --color-gray-700: #374151; --color-gray-800: #1F2937; --color-gray-900: #111827; --text-primary: var(--color-gray-900); --text-secondary: var(--color-gray-600); --text-tertiary: var(--color-gray-400); --text-inverse: #FFFFFF; --bg-primary: #FFFFFF; --bg-secondary: var(--color-gray-50); --bg-tertiary: var(--color-gray-100); --border-light: var(--color-gray-200); --border-normal: var(--color-gray-300); --border-focus: var(--color-primary-500); --brand-deep: #0A1B20; --brand-ink: #101820; --brand-paper: #F6F8F4; --font-family-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-family-serif: "Noto Serif SC", "Source Han Serif SC", "SimSun", Georgia, "Times New Roman", serif; --font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace; --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --line-height-tight: 1.25; --line-height-normal: 1.5; --line-height-relaxed: 1.75; --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --radius-sm: .375rem; --radius-md: .5rem; --radius-lg: .75rem; --radius-xl: 1rem; --radius-2xl: 1.5rem; --radius-full: 9999px; --transition-fast: .15s cubic-bezier(.4, 0, .2, 1); --transition-normal: .3s cubic-bezier(.4, 0, .2, 1); --transition-slow: .5s cubic-bezier(.4, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); } [data-theme="dark"] { --color-primary-50: #062F2D; --color-primary-100: #083F3C; --color-primary-200: #0B4F4A; --color-primary-300: #0D5F59; --color-primary-400: #0F766E; --color-primary-500: #5EEAD4; --color-primary-600: #99F6E4; --color-primary-700: #CCFBF1; --color-primary-800: #E6FFFA; --color-primary-900: #F0FDFA; --color-accent-50: #451A03; --color-accent-100: #78350F; --color-accent-200: #92400E; --color-accent-300: #B45309; --color-accent-400: #D97706; --color-accent-500: #FBBF24; --color-gray-50: #111827; --color-gray-100: #1F2937; --color-gray-200: #374151; --color-gray-300: #4B5563; --color-gray-400: #6B7280; --color-gray-500: #9CA3AF; --color-gray-600: #D1D5DB; --color-gray-700: #E5E7EB; --color-gray-800: #F3F4F6; --color-gray-900: #F9FAFB; --text-primary: var(--color-gray-900); --text-secondary: var(--color-gray-600); --text-tertiary: var(--color-gray-400); --text-inverse: #111827; --bg-primary: #111827; --bg-secondary: #1F2937; --bg-tertiary: #374151; --border-light: var(--color-gray-700); --border-normal: var(--color-gray-600); --border-focus: var(--color-primary-500); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4); } *,*::before,*::after {box-sizing: border-box; margin: 0; padding: 0;} html {font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body {font-family: var(--font-family-sans); font-size: var(--text-base); line-height: var(--line-height-normal); color: var(--text-primary); background-color: var(--bg-primary); transition: background-color var(--transition-normal),color var(--transition-normal);} a {color: var(--color-primary-500); text-decoration: none; transition: color var(--transition-fast);} a:hover {color: var(--color-primary-600);} img {max-width: 100%; height: auto;} :focus-visible {outline: 2px solid var(--color-primary-500); outline-offset: 2px;} ::-webkit-scrollbar {width: 8px; height: 8px;} ::-webkit-scrollbar-track {background: var(--color-gray-100);} ::-webkit-scrollbar-thumb {background: var(--color-gray-300); border-radius: var(--radius-full);} ::-webkit-scrollbar-thumb:hover {background: var(--color-gray-400);} * {box-sizing: border-box;} html,body,#root {width: 100%; height: 100%; overflow: hidden;} html:has(.site-home),body:has(.site-home),#root:has(.site-home),html:has(.login-page),body:has(.login-page),#root:has(.login-page),html:has(.login-auth-page),body:has(.login-auth-page),#root:has(.login-auth-page),html:has(.legal-page),body:has(.legal-page),#root:has(.legal-page) {height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto;} :root { --surface: #ffffff; --surface-muted: #EAF8F2; --border: #BFE6D8; --border-strong: #75B9A5; --text-main: #10242A; --text-muted: #55706E; --primary: #0F766E; --info: #0E3F47; --warning: #B45309; --ink: #0A1B20; --ink-soft: #0E3F47; --brand-primary: #0F766E; --brand-accent: #F5A623; --brand-gold: #F5A623; } body {margin: 0; min-width: 0; background: var(--xzm-shell, #FFF8EF); color: var(--xzm-text, var(--text-main));} .xzm-user-avatar {width: var(--xzm-user-avatar-size, 32px); height: var(--xzm-user-avatar-size, 32px); flex: 0 0 var(--xzm-user-avatar-size, 32px); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 64%,transparent); border-radius: 50%; background: color-mix(in srgb,var(--xzm-panel, #fff) 82%,var(--xzm-text, #10242a) 8%); box-shadow: inset 0 0 0 1px color-mix(in srgb,#fff 38%,transparent); line-height: 0;} .xzm-user-avatar svg {width: 100%; height: 100%; display: block;} .memory-record-list {display: grid; gap: 10px;} .memory-record-actions,.memory-toolbar {display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;} .memory-toolbar .ant-divider {flex: 1 1 auto; min-width: 180px;} .chapter-plan-panel .ant-table-wrapper {border: 1px solid var(--xzm-border, rgba(245, 158, 11, .16)); border-radius: 8px; overflow: hidden; background: var(--xzm-panel, #fff);} .screen-center,.login-page {min-height: 100vh; display: grid; place-items: center; background: var(--xzm-shell, #f7f3ec);} .login-page {width: 100%; min-height: 100svh; min-height: 100dvh; overflow: visible;} .login-card {width: min(360px,calc(100vw - 32px)); box-shadow: none;} .login-auth-page {padding: 24px; background: var(--xzm-panel, #fff);} .login-auth-shell {width: min(360px,100%); display: grid; gap: 18px;} .login-auth-brand {display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--xzm-text, #0f241f); font-size: 14px; font-weight: 850;} .login-auth-brand img {width: 28px; height: 28px; display: block; object-fit: contain; border-radius: 7px;} .login-auth-card.ant-card {width: 100%; border: 0; background: transparent; box-shadow: none;} .login-auth-card .ant-card-body {padding: 0;} .login-form-head {margin-bottom: 18px; text-align: center;} .login-form-head h3.ant-typography {margin: 0 0 5px; color: var(--xzm-text, #111827); font-size: 24px; letter-spacing: 0;} .login-form-head > span.ant-typography {font-size: 13px; line-height: 1.5;} .login-auth-card .ant-form-item {margin-bottom: 12px;} .login-auth-card .ant-input,.login-auth-card .ant-input-affix-wrapper {box-sizing: border-box; height: 44px; min-height: 44px; padding: 0 14px; border-radius: 8px; border-color: var(--xzm-border, rgba(15, 23, 42, .12)); background: var(--xzm-panel, #fff);} .login-auth-card .ant-input-affix-wrapper {display: inline-flex; align-items: center; padding-right: 12px;} .login-auth-card .ant-input-affix-wrapper > input.ant-input {height: 100%; min-height: 0; padding: 0; border: 0; background: transparent; box-shadow: none;} .login-auth-card .ant-input:hover,.login-auth-card .ant-input-affix-wrapper:hover {border-color: color-mix(in srgb,var(--xzm-text, #111827) 24%,var(--xzm-border, rgba(15, 23, 42, .12)));} .login-auth-card .ant-btn-primary {height: 44px; border-radius: 8px; background: var(--xzm-primary, #111827); box-shadow: none;} .login-auth-card .ant-btn-primary:hover {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 86%,var(--xzm-text, #111827));} .login-inline-action {display: flex; justify-content: flex-end; margin: -2px 0 14px;} .login-inline-action .ant-btn {height: auto; padding: 0; color: var(--xzm-muted, #6b7280); font-size: 12px;} .login-inline-action .ant-btn:hover {color: var(--xzm-text, #111827);} .login-auth-switch-line {display: flex; align-items: center; justify-content: center; gap: 2px; margin-top: 16px; color: var(--xzm-muted, #6b7280); font-size: 13px;} .login-auth-switch-line .ant-btn {height: auto; padding: 0; color: var(--xzm-primary, #0f766e); font-size: 13px; font-weight: 700;} .login-auth-footnote {text-align: center; color: var(--xzm-muted, #6b7280); font-size: 12px; line-height: 1.5;} .login-auth-footnote a,.login-legal-consent a,.legal-card a {color: var(--xzm-primary, #0f766e);} .login-legal-consent {display: block; margin-top: 10px; color: var(--xzm-muted, #6b7280); font-size: 12px; line-height: 1.6; text-align: center;} .legal-page {width: 100%; min-height: 100svh; min-height: 100dvh; height: auto; overflow: visible; padding: 24px; background: var(--xzm-shell, #f8f7f4);} .legal-shell {width: min(880px,100%); margin: 0 auto; display: grid; gap: 16px;} .legal-header,.legal-title {border: 1px solid var(--xzm-border, rgba(15, 23, 42, .08)); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel, #fff) 94%,transparent);} .legal-header {min-height: 58px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .legal-brand {display: flex; align-items: center; gap: 8px; font-weight: 800; color: var(--xzm-text, #111827);} .legal-brand img {width: 28px; height: 28px; object-fit: contain; border-radius: 8px;} .legal-title {padding: 22px 24px;} .legal-title h2.ant-typography {margin: 8px 0 6px; color: var(--xzm-text, #111827); letter-spacing: 0;} .legal-title .ant-typography {margin-bottom: 0;} .legal-card.ant-card {border: 1px solid var(--xzm-border, rgba(15, 23, 42, .08)); border-radius: 8px; background: var(--xzm-panel, #fff); box-shadow: none;} .legal-card .ant-card-body {padding: 24px;} .legal-card h4.ant-typography {margin: 20px 0 8px; color: var(--xzm-text, #111827);} .legal-card h4.ant-typography:first-child {margin-top: 0;} .legal-card .ant-typography {color: var(--xzm-muted, #4b5563); line-height: 1.8;} .legal-pricing-table {display: grid; overflow: hidden; margin: 12px 0 16px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(15, 23, 42, .08)) 90%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #f7faf8) 60%,var(--xzm-panel, #fff));} .legal-pricing-row {display: grid; grid-template-columns: minmax(220px,1.6fr) repeat(3,minmax(72px,.55fr)); border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(15, 23, 42, .08)) 84%,transparent);} .legal-pricing-row:last-child {border-bottom: 0;} .legal-pricing-row.head {background: color-mix(in srgb,var(--xzm-text, #111827) 4%,transparent); color: var(--xzm-muted, #4b5563); font-size: 12px; font-weight: 840;} .legal-pricing-row > span {min-width: 0; display: grid; align-content: center; padding: 11px 13px; border-right: 1px solid color-mix(in srgb,var(--xzm-border, rgba(15, 23, 42, .08)) 76%,transparent); color: var(--xzm-text, #111827); font-size: 13px; font-weight: 780;} .legal-pricing-row > span:last-child {border-right: 0;} .legal-pricing-action {gap: 3px;} .legal-pricing-action b {color: var(--xzm-text, #111827); font-size: 14px;} .legal-pricing-action small {color: var(--xzm-muted, #4b5563); font-size: 12px; font-weight: 560; line-height: 1.45;} .login-brand {text-align: center; margin-bottom: 24px;} .login-logo {display: block; width: min(240px,76%); height: auto; margin: 0 auto 10px;} .login-icon {width: 58px; height: 58px; object-fit: contain; border-radius: 14px; box-shadow: 0 12px 28px rgba(15,23,42,.12);} .factory-shell {width: 100dvw; height: 100dvh; min-width: 0; min-height: 0; overflow: hidden;} .factory-shell > .ant-layout,.factory-shell .ant-layout {min-width: 0; min-height: 0; overflow: hidden;} .factory-sider {background: linear-gradient(180deg,var(--xzm-sidebar-from, #102420) 0%,var(--xzm-sidebar-to, #071311) 100%) !important; height: 100%; overflow: hidden;} .factory-sider,.factory-sider .ant-layout-sider-children {transition: width .18s ease,max-width .18s ease,min-width .18s ease,flex-basis .18s ease;} .factory-sider .ant-layout-sider-children {display: flex; flex-direction: column; min-height: 0; overflow: hidden;} .factory-sider .ant-menu {flex: 1 1 auto; min-height: 0; overflow: hidden;} .factory-sider-account-dock {flex: 0 0 auto; min-width: 0; padding: 10px 0 14px; border-top: 1px solid color-mix(in srgb,var(--xzm-sidebar-text, #fff) 12%,transparent); display: grid; gap: 6px;} .factory-sider-account {width: calc(100% - 24px) ; min-width: 0; height: 34px; margin: 0 12px; padding: 0 8px; border: 1px solid color-mix(in srgb,var(--xzm-sidebar-text, #fff) 14%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 8%,transparent); color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 88%,transparent); cursor: pointer; display: flex; align-items: center; gap: 9px; text-align: left; transition: background .18s ease,border-color .18s ease,color .18s ease;} .factory-sider-account:hover,.factory-sider-account:focus-visible,.factory-sider-account.active {border-color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 28%,transparent); background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 14%,transparent); color: var(--xzm-sidebar-active-text, #fff); outline: none;} .factory-sider-account-avatar {width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 94%,transparent); color: var(--xzm-sidebar-to, #071311); display: grid; place-items: center;} .factory-sider-account-copy {min-width: 0; display: block;} .factory-sider-account-copy strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 18px;} .factory-sider-account.danger {color: #fecaca;} .factory-sider-account.danger:hover,.factory-sider-account.danger:focus-visible {background: rgba(239,68,68,.22); color: var(--xzm-sidebar-active-text, #fff);} .factory-sider-account.danger .factory-sider-account-avatar {color: #991b1b;} .factory-brand {height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 16px; color: var(--xzm-sidebar-active-text, #fff);} .factory-brand-main {flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px;} .factory-brand-main span {min-width: 0;} .factory-brand-main b,.factory-brand small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .factory-brand-main b {display: block;} .factory-brand small {display: block; color: var(--xzm-sidebar-muted, rgba(255, 255, 255, .68)); font-size: 12px; margin-top: 2px;} .factory-brand-icon {width: 40px; height: 40px; flex: 0 0 40px; object-fit: contain; border-radius: 10px; background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 94%,transparent); box-shadow: 0 8px 22px rgba(0,0,0,.18);} .factory-sider-toggle.ant-btn {width: 32px; min-width: 32px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--xzm-sidebar-muted, rgba(255, 255, 255, .72));} .factory-sider-toggle.ant-btn:hover,.factory-sider-toggle.ant-btn:focus-visible {color: var(--xzm-sidebar-active-text, #fff) !important; background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 12%,transparent) !important;} .factory-sider-collapsed .factory-brand {height: 94px; padding: 10px 0; flex-direction: column; justify-content: center; gap: 8px;} .factory-sider-collapsed .factory-brand-main {flex: 0 0 auto; justify-content: center;} .factory-sider-collapsed .factory-brand-icon {width: 42px; height: 42px; flex-basis: 42px;} .factory-sider-collapsed .ant-menu-inline-collapsed {width: 76px;} .factory-sider-collapsed .factory-sider-account-dock {padding: 8px 0 12px; justify-items: center;} .factory-sider-collapsed .factory-sider-account {width: 38px; height: 38px; margin: 0 auto; padding: 0; justify-content: center;} .factory-sider-collapsed .factory-sider-account-avatar {width: 28px; height: 28px; flex-basis: 28px;} .project-menu-label {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px;} .project-menu-label > span:first-child {min-width: 0; overflow: hidden; text-overflow: ellipsis;} .project-menu-label svg {flex: 0 0 auto; opacity: .72;} .factory-sider .ant-menu .project-menu-subnav {height: auto !important; min-height: 0 !important; line-height: 1.3 !important; margin: -4px 0 8px !important; padding: 0 8px 0 34px !important; background: transparent !important; cursor: default;} .factory-sider .ant-menu .project-menu-subnav:hover {background: transparent !important;} .factory-sider .ant-menu .project-menu-subnav::after {display: none;} .factory-sider .ant-menu .project-menu-subnav .ant-menu-title-content {margin-inline-start: 0; overflow: visible;} .sidebar-project-nav {margin: 0; padding: 0 0 4px; color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 78%,transparent); overflow: hidden;} .sidebar-project-more,.sidebar-project-create,.sidebar-project-empty,.sidebar-project-item {border: 0; font: inherit; cursor: pointer;} .sidebar-project-more,.sidebar-project-create {padding: 0; color: var(--xzm-sidebar-muted, rgba(255, 255, 255, .62)); background: transparent; font-size: 12px;} .sidebar-project-more:hover,.sidebar-project-create:hover {color: var(--xzm-sidebar-active-text, #fff);} .sidebar-project-nav-loading {min-height: 44px; display: grid; place-items: center;} .sidebar-project-list {display: grid; gap: 5px;} .sidebar-project-item,.sidebar-project-empty {width: 100%; min-width: 0; border-radius: 8px; color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 74%,transparent); background: transparent; text-align: left;} .sidebar-project-item {min-height: 38px; padding: 6px 6px 6px 8px; position: relative; display: flex; align-items: center; gap: 8px; transition: color .14s ease,background .14s ease,transform .14s ease;} .sidebar-project-item:hover,.sidebar-project-empty:hover,.sidebar-project-item.active {color: var(--xzm-sidebar-active-text, #fff); background: var(--xzm-sidebar-active, rgba(255, 255, 255, .13));} .sidebar-project-item.active {box-shadow: inset 3px 0 0 color-mix(in srgb,var(--xzm-primary, #7bd8d0) 78%,var(--xzm-sidebar-text, #fff));} .sidebar-project-item:hover {transform: translateX(2px);} .sidebar-project-dot {width: 7px; height: 7px; flex: 0 0 7px; border-radius: 999px; background: color-mix(in srgb,var(--xzm-primary, #7bd8d0) 72%,var(--xzm-sidebar-text, #fff));} .sidebar-project-copy {flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px;} .sidebar-project-name,.sidebar-project-meta {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .sidebar-project-name {font-size: 12px; font-weight: 650;} .sidebar-project-meta {color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 52%,transparent); font-size: 11px;} .sidebar-project-open {width: 22px; height: 22px; flex: 0 0 22px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 78%,transparent); background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 10%,transparent); opacity: 0; transform: translateX(-3px); transition: opacity .14s ease,transform .14s ease,background .14s ease;} .sidebar-project-item:hover .sidebar-project-open,.sidebar-project-item:focus-visible .sidebar-project-open,.sidebar-project-item.active .sidebar-project-open {opacity: 1; transform: translateX(0);} .sidebar-project-open:hover {background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 16%,transparent);} .sidebar-project-empty {padding: 9px 8px; font-size: 12px;} .sidebar-project-more,.sidebar-project-create {margin-top: 2px; text-align: left;} .sidebar-project-create {width: 100%; min-height: 34px; margin: 0 0 2px; padding: 6px 8px; border: 1px solid color-mix(in srgb,var(--xzm-primary, #7bd8d0) 24%,transparent); border-radius: 8px; display: flex; align-items: center; gap: 8px; color: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 82%,var(--xzm-primary, #7bd8d0)); background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 6%,transparent); font-weight: 650;} .sidebar-project-create:hover {border-color: color-mix(in srgb,var(--xzm-primary, #7bd8d0) 46%,transparent); background: color-mix(in srgb,var(--xzm-sidebar-text, #fff) 12%,transparent);} .sidebar-project-create-icon {width: 20px; height: 20px; flex: 0 0 20px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; color: var(--xzm-sidebar-to, #102722); background: color-mix(in srgb,var(--xzm-primary, #7bd8d0) 82%,var(--xzm-sidebar-text, #fff));} .factory-header {display: none; height: 0; flex: 0 0 auto; padding: 0; background: #fff; border-bottom: 1px solid #e6edf2; line-height: 1; align-items: center; justify-content: space-between;} .header-main,.header-user {min-width: 0; align-items: center;} .project-workspace-context-tools {min-width: 0; height: 32px; padding: 1px; border: 1px solid #dce5eb; border-radius: 8px; background: #f8fbfb; display: inline-flex; align-items: center;} .project-workspace-context-tool.ant-btn {width: 30px; min-width: 30px; height: 28px; padding: 0; border-radius: 7px; line-height: 1; color: #475569; display: inline-flex; align-items: center; justify-content: center;} .project-workspace-context-tool.ant-btn:hover,.project-workspace-context-tool.ant-btn:focus-visible,.project-workspace-context-tool.ant-btn.active {color: #F59E0B !important; background: #e8f5f3 !important;} .project-top-popover .ant-popover-inner {padding: 0; border-radius: 8px; box-shadow: 0 18px 46px rgba(15,23,42,.18);} .project-top-panel {width: min(390px,calc(100vw - 32px)); max-height: min(640px,calc(100vh - 78px)); padding: 12px; display: grid; gap: 10px; overflow: hidden;} .project-progress-panel,.project-progress-panel-head,.project-progress-list,.project-progress-row,.project-progress-row > div:first-child {min-width: 0; display: grid;} .project-progress-panel {gap: 10px;} .project-progress-panel-head {grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start;} .project-progress-panel-head > div {min-width: 0; display: grid; gap: 2px;} .project-progress-list {gap: 8px; overflow: auto;} .project-progress-row {padding: 10px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start;} .project-progress-row.running,.project-progress-row.pending {border-color: #cfe1f5; background: #f8fbff;} .project-progress-row.done {border-color: #c7e4d7; background: #f7fbf8;} .project-progress-row.failed {border-color: #efc7c3; background: #fff7f6;} .project-progress-row > div:first-child {gap: 4px;} .project-progress-row .ant-typography {overflow-wrap: anywhere;} .mobile-menu-trigger,.mobile-route-label {display: none;} .mobile-bottom-nav {display: none;} .mobile-install-prompt {display: none;} .install-instruction-head {min-width: 0; padding: 10px; border: 1px solid #dfe8ec; border-radius: 8px; background: #fbfdfe; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 8px; align-items: center;} .install-instruction-head > span:first-child {width: 30px; height: 30px; border-radius: 8px; color: #F59E0B; background: #e8f5f3; display: grid; place-items: center;} .install-instruction-list {margin: 0; padding-left: 20px; color: #334155; line-height: 1.8;} .mobile-install-instructions,.mobile-install-instruction-actions {min-width: 0;} .mobile-step-flow,.mobile-primary-action-bar,.mobile-chapter-summary,.mobile-recent-tasks-card,.responsive-card-list {display: none;} .mobile-header-logout-button {display: none;} .factory-content {height: 100dvh; min-width: 0; min-height: 0; padding: 16px; overflow: hidden;} .factory-page-shell,.mobile-pull-refresh,.mobile-pull-refresh .adm-pull-to-refresh,.mobile-pull-refresh .adm-pull-to-refresh-content {width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden;} .factory-content-grid {width: 100%; height: 100%; min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr); gap: 10px; overflow: hidden;} .factory-route-window {min-width: 0; min-height: 0; overflow: hidden;} .factory-content-grid > .factory-route-window:only-child {grid-row: 1 / -1;} .factory-route-window > .ant-space,.factory-route-window > .workspace-card {width: 100%; height: 100%; min-height: 0; overflow: hidden;} .factory-route-window > .ant-space-vertical {display: flex; flex-direction: column; align-items: stretch;} .factory-route-window > .ant-space-vertical > .ant-space-item {min-width: 0; min-height: 0;} .factory-route-window > .ant-space-vertical > .ant-space-item:last-child {min-height: 0; flex: 1 1 0; overflow: hidden;} .factory-route-window > .ant-space-vertical > .ant-space-item:last-child > .workspace-card,.factory-route-window > .ant-space-vertical > .ant-space-item:last-child > .ant-card {height: 100%; min-height: 0; overflow: hidden;} .factory-route-window .ant-card {max-width: 100%; overflow: hidden;} .factory-route-window .workspace-card > .ant-card-body,.factory-route-window .ant-card > .ant-card-body {min-width: 0; min-height: 0; overflow: hidden;} .factory-route-window .ant-table-wrapper,.factory-route-window .ant-table,.factory-route-window .ant-table-container,.factory-route-window .ant-table-content {max-width: 100%; min-width: 0; overflow: hidden !important;} .factory-route-window .ant-table-cell {min-width: 0; max-width: 280px; overflow: hidden; text-overflow: ellipsis;} .factory-route-window .ant-list,.factory-route-window .task-card-list,.factory-route-window .responsive-card-list {min-width: 0; min-height: 0; max-height: 100%; overflow: hidden;} .factory-content .ant-card {border-radius: 8px;} .factory-content .ant-card-body {padding: 16px;} .factory-content .ant-btn {border-radius: 8px;} .factory-content .ant-btn:not(.ant-btn-sm) {min-height: 38px;} .factory-content .ant-btn-sm {min-height: 32px;} .panel-eyebrow {color: var(--primary); font-size: 12px; font-weight: 700; letter-spacing: 0;} .panel-actions {flex: 0 0 auto; justify-content: flex-end;} .runtime-alert {margin-bottom: 0; max-height: 128px; overflow: hidden;} .home-dashboard {width: 100%; height: 100%; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(260px,.86fr) minmax(360px,1.26fr) minmax(300px,.92fr); grid-template-rows: minmax(0,1fr) 150px; grid-template-areas: "project command tasks" "readiness command tasks"; gap: 12px; overflow: hidden;} .home-dashboard > .ant-card,.home-dashboard > .workspace-card {min-width: 0; min-height: 0; overflow: hidden;} .home-dashboard .ant-card-body {height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden;} .home-dashboard .ant-typography {min-width: 0;} .home-project-window {grid-area: project;} .home-command-center {grid-area: command; border-color: #b7ddd9; background: #fff; box-shadow: 0 14px 32px rgba(245,158,11,.1);} .home-command-center.ready {border-color: #8bd0c9;} .home-command-center.warning {border-color: #f1d18a;} .home-command-center.blocked {border-color: #fecaca;} .home-command-center .ant-card-body {justify-content: space-between; gap: 18px; padding: 22px;} .home-tasks-window {grid-area: tasks;} .home-readiness-window {grid-area: readiness;} .home-readiness-window .ant-card-body {display: grid; grid-template-rows: auto minmax(0,1fr); gap: 6px;} .home-readiness-window .home-window-title.compact {margin-bottom: 0;} .home-readiness-window .home-window-title h4 {display: none;} .home-window-title {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px;} .home-window-title.compact {margin-bottom: 8px;} .home-window-title > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .home-window-title h4 {margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-window-title .ant-btn,.home-window-actions .ant-btn,.home-command-actions .ant-btn,.home-task-row .ant-btn {min-width: 0;} .home-window-title .ant-btn > span:not(.ant-btn-icon),.home-window-actions .ant-btn > span:not(.ant-btn-icon),.home-command-actions .ant-btn > span:not(.ant-btn-icon),.home-task-row .ant-btn > span:not(.ant-btn-icon) {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-command-topline {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .home-command-icon {width: 44px; height: 44px; border: 1px solid #8bd0c9; border-radius: 10px; color: #fff; background: #F59E0B; display: grid; place-items: center;} .home-command-copy {flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 8px;} .home-command-copy h2 {margin: 0; font-size: 30px; line-height: 1.16; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .home-command-copy .ant-typography-secondary {font-size: 15px; line-height: 1.7; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .home-command-actions {flex: 0 0 auto; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px;} .home-window-loading,.home-empty-window {flex: 1 1 auto; min-height: 0; display: grid; place-items: center;} .home-empty-window {align-content: center; gap: 10px; color: #F59E0B; text-align: center; overflow: hidden;} .home-empty-window .ant-typography {max-width: 260px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .home-project-body {min-height: 0; flex: 1 1 auto; display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; gap: 12px; overflow: hidden;} .home-project-body > .ant-space {min-width: 0; overflow: hidden;} .home-project-body > .ant-space .ant-space-item,.home-project-body .ant-tag {min-width: 0;} .home-project-body .ant-tag {max-width: 100%; margin-inline-end: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-project-stats {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;} .home-project-stats > div,.home-latest-chapter,.home-readiness-item {min-width: 0; border: 1px solid #e0e9ee; border-radius: 8px; background: #fbfdfe;} .home-project-stats > div {min-height: 0; padding: 9px; display: flex; flex-direction: column; gap: 2px; overflow: hidden;} .home-project-stats .ant-typography,.home-latest-chapter .ant-typography {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-latest-chapter {min-height: 0; padding: 10px; display: flex; flex-direction: column; gap: 4px; overflow: hidden;} .home-window-actions {justify-content: flex-start;} .home-task-list {flex: 1 1 auto; min-height: 0; display: grid; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 8px; overflow: hidden;} .home-task-list .task-history-card,.home-task-row {min-height: 0;} .home-task-row {min-width: 0; height: 100%; padding: 8px 10px; border: 1px solid #e0e9ee; border-radius: 8px; background: #fbfdfe; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; overflow: hidden;} .home-task-row.running,.home-task-row.pending {border-color: #f3d188; background: #fffaf0;} .home-task-row.failed {border-color: #fecaca; background: #fff1f2;} .home-task-row-main {min-width: 0; min-height: 0; display: grid; gap: 3px; overflow: hidden;} .home-task-row-main .ant-space,.home-task-row-main .ant-space-item,.home-task-row-main .ant-tag {min-width: 0;} .home-task-row-main .ant-space {max-width: 100%; overflow: hidden;} .home-task-row-main .ant-tag {max-width: 100%; margin-inline-end: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-task-title,.home-task-time {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-readiness-grid {flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; overflow: hidden;} .home-readiness-item {min-height: 0; padding: 5px 2px; display: grid; grid-template-rows: 17px minmax(0,1fr) minmax(0,1fr); align-items: center; justify-items: center; gap: 1px; overflow: hidden; text-align: center;} .home-readiness-item > span:first-child {color: #F59E0B; display: grid; place-items: center;} .home-readiness-item .ant-typography {max-width: 100%; font-size: 12px; line-height: 1.12; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .home-readiness-item .ant-typography-secondary {font-size: 11px;} .home-readiness-item.ready {border-color: #a7dccb; background: #effdf7;} .home-readiness-item.warning,.home-readiness-item.pending {border-color: #f3d188; background: #fffaf0;} .home-readiness-item.blocked {border-color: #fecaca; background: #fff1f2;} .home-onboarding-list {display: grid; gap: 10px;} .home-onboarding-step {min-width: 0; padding: 12px; border: 1px solid #e0e9ee; border-radius: 8px; background: #fbfdfe; display: grid; grid-template-columns: 28px 34px minmax(0,1fr) auto; gap: 10px; align-items: center;} .home-onboarding-index,.home-onboarding-icon {border-radius: 8px; display: grid; place-items: center;} .home-onboarding-index {width: 28px; height: 28px; color: #F59E0B; background: #e8f6f4; font-weight: 800;} .home-onboarding-icon {width: 34px; height: 34px; color: #fff; background: #F59E0B;} .home-onboarding-step > div {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .agent-dashboard {width: 100%; height: 100%; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(260px,.86fr) minmax(0,1.34fr) minmax(280px,.92fr); grid-template-rows: minmax(132px,.74fr) minmax(0,1.18fr) minmax(132px,.7fr); grid-template-areas: "status flow tasks" "next flow value" "steps steps steps"; gap: 12px; overflow: hidden;} .agent-dashboard > * {min-width: 0; min-height: 0; overflow: hidden;} .agent-dashboard-status {grid-area: status; border-color: #b7ddd9; background: linear-gradient(180deg,#f6fcfb 0%,#fff 100%);} .agent-dashboard .next-action-card {grid-area: next;} .agent-dashboard .daily-flow-card {grid-area: flow;} .agent-dashboard .guide-value-roadmap {grid-area: value;} .agent-dashboard .mobile-recent-tasks-card {grid-area: tasks; display: block;} .agent-dashboard-steps {grid-area: steps; padding: 10px; border: 1px solid #d7e7e4; border-radius: 8px; background: #f8fbfb; display: grid;} .guide-hero {border-color: #d7e9e8;} .guide-hero .ant-card-body {height: 100%; min-height: 0; display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 12px;} .guide-hero h3 {margin: 0 0 6px;} .home-command-head,.home-window-head {min-width: 0; display: flex; align-items: flex-start; gap: 10px;} .home-command-head > div:last-child,.home-window-head > div:last-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .home-window-head h3,.home-window-head h4,.home-command-head h3 {margin: 0;} .home-window-icon {width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid #b8d9d5; border-radius: 8px; color: #F59E0B; background: #e9f7f5; display: grid; place-items: center;} .home-window-icon.ready {color: #fff; background: #F59E0B;} .home-runtime-strip {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .home-runtime-item {min-width: 0; min-height: 34px; padding: 7px 9px; border: 1px solid #dfe8ec; border-radius: 8px; background: #fff; display: flex; align-items: center; gap: 6px; color: #4b5563; font-size: 12px; font-weight: 700;} .home-runtime-item.ready {border-color: #a7dccb; color: #047857; background: #ecfdf5;} .home-runtime-item.warning,.home-runtime-item.pending {border-color: #f4d58d; color: #92400e; background: #fffbeb;} .home-runtime-item.blocked {border-color: #fecaca; color: #b91c1c; background: #fff1f2;} .next-action-card .ant-card-body,.config-checklist-card .ant-card-body {height: 100%; display: grid; min-height: 0; gap: 12px; align-content: space-between;} .next-action-card {border-color: #b9dfdc; background: #fff; box-shadow: 0 10px 24px rgba(15,118,110,.06);} .next-action-card h3,.next-action-card h4 {margin: 0;} .home-signal-grid {min-height: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;} .home-signal {min-width: 0; padding: 8px 10px; border: 1px solid #dde8ee; border-radius: 8px; background: #f8fafc; display: flex; flex-direction: column; gap: 2px;} .home-signal.ready {border-color: #a7dccb; background: #effdf7;} .home-signal.warning,.home-signal.pending {border-color: #f3d188; background: #fffaf0;} .next-action-meta {min-width: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px;} .next-action-meta > .ant-space {min-width: 0; justify-content: flex-end;} .next-action-card .ant-alert-action {align-self: center;} .next-action-card .ant-alert-action .ant-btn {min-width: 124px;} .daily-flow-card .ant-card-body {height: 100%; min-height: 0; display: flex; flex-direction: column; gap: 12px;} .home-flow-window {border-color: #d9e7ef; background: #fff;} .daily-flow-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;} .daily-flow-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .daily-flow-head h4 {margin: 0;} .daily-flow-head h3 {margin: 0;} .daily-flow-actions {justify-content: flex-end;} .daily-flow-list {flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; overflow: hidden;} .daily-flow-step {min-width: 0; min-height: 0; padding: 10px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 8px;} .daily-flow-step.active {border-color: #9fd4d0; background: #f0fbf9; box-shadow: inset 0 0 0 1px rgba(245,158,11,.1);} .daily-flow-step-head {display: flex; align-items: center; flex-wrap: wrap; gap: 4px;} .daily-flow-step-index {width: 26px; height: 24px; border-radius: 8px; background: #F59E0B; color: #fff; font-size: 12px; font-weight: 800; line-height: 24px; text-align: center;} .daily-flow-step-body {min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 5px;} .daily-flow-step-icon {width: 30px; height: 30px; border: 1px solid #d7e7e4; border-radius: 8px; color: #F59E0B; background: #fff; display: grid; place-items: center;} .daily-flow-step .ant-btn {width: fit-content;} .guide-support-card .ant-card-body {padding-top: 4px;} .guide-support-card .ant-card-head-title {min-width: 0;} .guide-support-card .ant-card-extra {min-width: 0; white-space: normal;} .guide-support-collapse .ant-collapse-item {border-bottom-color: #edf2f6;} .guide-support-list {display: grid; gap: 8px;} .guide-support-list .ant-typography {display: block; min-width: 0; line-height: 1.65;} .guide-support-actions {justify-content: flex-start;} .guide-support-role-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;} .guide-support-role-grid > div {min-width: 0; padding: 12px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 10px;} .guide-value-roadmap .ant-card-body {height: 100%; min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr); gap: 10px;} .home-memory-window {border-color: #d9e7ef;} .guide-value-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;} .guide-value-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .guide-value-head h4 {margin: 0;} .guide-value-grid {min-height: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; overflow: hidden;} .guide-value-item {min-width: 0; min-height: 0; padding: 10px; border: 1px solid #e0e9ee; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 5px;} .guide-step h4 {margin: 0;} .agent-dashboard-steps {grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px;} .agent-dashboard-steps .guide-step {min-width: 0; min-height: 0;} .agent-dashboard-steps .guide-step .ant-card-body {height: 100%; min-height: 0; padding: 10px; overflow: hidden;} .guide-step-content {height: 100%; min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 8px;} .guide-step-head {min-width: 0; display: flex; align-items: center; gap: 8px;} .guide-step-index {width: 30px; height: 26px; flex: 0 0 30px; border-radius: 8px; background: #e8f6f4; color: #F59E0B; font-size: 12px; font-weight: 800; line-height: 26px; text-align: center;} .guide-step-content > .ant-typography-secondary,.daily-flow-step-body > .ant-typography-secondary,.guide-value-item > .ant-typography-secondary {min-width: 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;} .guide-step-content > .ant-typography-secondary {-webkit-line-clamp: 3;} .daily-flow-step-body > .ant-typography-secondary,.guide-value-item > .ant-typography-secondary {-webkit-line-clamp: 2;} .ide-concept-alert {border-color: #cfe1f5;} .project-buddy-shell {max-width: 1660px; margin: 0 auto; height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; align-items: stretch; overflow: hidden;} .project-buddy-main,.buddy-side-sheet {min-width: 0; border: 1px solid #dfe8ec; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.04);} .buddy-side-sheet {position: sticky; top: 80px; height: 100%; max-height: calc(100vh - 104px) ; overflow: hidden;} .project-stepbar-banner {max-width: 1660px; margin: 0 auto 8px; width: 100%; padding: 0 12px;} .project-stepbar-banner-inner {min-width: 0; width: 100%;} .project-stepbar-banner .project-workspace-stepbar {border-color: #e2d4b8; background: rgba(253,251,245,.92); box-shadow: 0 2px 8px rgba(15,23,42,.04);} .project-buddy-hero,.buddy-side-head,.buddy-side-row,.mobile-buddy-row,.mobile-buddy-next {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .project-buddy-hero h2,.buddy-next-action h3,.buddy-side-head h4 {margin: 0;} .project-buddy-main {padding: 12px; height: 100%; min-height: 0; overflow: hidden;} .project-buddy-stack {height: 100%; min-height: 0; display: flex; flex-direction: column; gap: 10px;} .project-agent-layout {height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(248px,292px) minmax(0,1fr) minmax(288px,336px); gap: 12px; overflow: hidden;} .project-agent-rail,.project-agent-workbench {min-width: 0; min-height: 0; border: 1px solid #dfe8ec; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.04); overflow: hidden;} .project-agent-rail {padding: 10px; display: flex; flex-direction: column; gap: 8px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable;} .project-agent-rail-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .project-agent-rail-head {padding-bottom: 8px; border-bottom: 1px solid #edf2f6;} .project-agent-rail-head h4 {margin: 0;} .project-agent-rail-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .project-agent-current-book {min-width: 0; padding: 12px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fbfdfe; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start;} .project-agent-current-book {box-shadow: inset 3px 0 0 #F59E0B;} .project-agent-current-book > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .project-agent-current-book .ant-typography {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .project-agent-current-book .ant-tag {margin-inline-end: 0;} .project-agent-current-state {grid-column: 1 / -1; white-space: normal !important;} .project-agent-quick-metrics {grid-column: 1 / -1; min-width: 0; padding-top: 9px; border-top: 1px solid #e7edf2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .project-agent-quick-metrics span {min-width: 0; display: grid; gap: 1px;} .project-agent-quick-metrics strong {color: #0f172a; font-size: 15px; line-height: 1.1;} .project-agent-quick-metrics small {min-width: 0; color: #64748b; font-size: 11px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .project-agent-archive-button.ant-btn {grid-column: 1 / -1; justify-content: flex-start; width: max-content; max-width: 100%;} .project-agent-recent {min-width: 0; padding: 10px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fff; display: grid; gap: 8px;} .project-agent-recent-list {min-width: 0; display: grid; gap: 7px;} .project-agent-recent-list > div {min-width: 0; display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 8px; align-items: baseline;} .project-agent-recent-list .ant-typography {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .project-agent-workbench {padding: 12px; display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 10px;} .project-agent-canvas {min-width: 0; min-height: 0; height: 100%; overflow: hidden; transition: opacity .15s ease;} .project-agent-canvas > .project-workspace-panel {height: 100%; min-height: 0; animation: project-canvas-fade-in .2s ease;} @keyframes project-canvas-fade-in {from {opacity: .92;} to {opacity: 1;}} .project-agent-dock.buddy-side-sheet {position: static; height: 100%; max-height: none; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable;} .project-buddy-scroll-area {flex: 1 1 auto; min-height: 0; padding-right: 6px; overflow: hidden; overscroll-behavior: contain; scrollbar-gutter: stable;} .project-buddy-empty {min-height: 360px; padding: 28px 20px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 14px;} .project-buddy-empty h2 {margin: 0;} .project-buddy-hero {align-items: center; padding: 12px; border: 1px solid #dce9ec; border-radius: 8px; background: #f8fbfb;} .project-buddy-hero h2 {font-size: 22px; line-height: 1.22;} .project-buddy-hero-copy {min-width: 0; display: flex; flex-direction: column; gap: 5px;} .project-buddy-hero-actions {justify-content: flex-end;} .buddy-next-action {min-width: 0; padding: 12px; border: 1px solid #dbe7ee; border-radius: 8px; background: #fff; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center;} .buddy-next-action.ready {border-color: #b9ddd3; background: #f5fbf9;} .buddy-next-action.warning {border-color: #ead8a6; background: #fffaf0;} .buddy-next-action.blocked {border-color: #efc7c3; background: #fff7f6;} .buddy-next-copy {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .buddy-next-copy h3 {font-size: 20px; line-height: 1.24;} .buddy-next-meta {display: flex; align-items: center; gap: 8px;} .buddy-next-actions {min-width: 0; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px;} .buddy-next-actions .ant-btn-primary {min-width: 132px;} .buddy-project-brief {padding: 12px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fff;} .section-head.compact {margin-bottom: 10px;} .buddy-side-sheet {padding: 10px; display: flex; flex-direction: column; gap: 10px;} .buddy-side-head {padding-bottom: 8px; border-bottom: 1px solid #edf2f6;} .buddy-side-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .buddy-side-section {min-width: 0; display: flex; flex-direction: column; gap: 7px;} .buddy-side-next {min-width: 0; padding: 10px; border: 1px solid #dbe7ee; border-radius: 8px; background: #fbfdfe; display: grid; gap: 9px;} .buddy-side-next.ready {border-color: #b9ddd3; background: #f5fbf9;} .buddy-side-next.info {border-color: #c8ddf5; background: #f6faff;} .buddy-side-next.warning {border-color: #ead8a6; background: #fffaf0;} .buddy-side-next.blocked {border-color: #efc7c3; background: #fff7f6;} .buddy-side-next > div:first-child {min-width: 0; display: grid; gap: 4px;} .buddy-side-row {align-items: center; padding: 8px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fbfdfe;} .buddy-side-row > span {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .buddy-side-reasoning {min-width: 0; padding-top: 8px; border-top: 1px solid rgba(15,118,110,.12); display: grid; gap: 4px;} .buddy-side-reasoning strong {color: #334155;} .buddy-side-activity-list {min-width: 0; display: grid; gap: 7px;} .buddy-side-activity {min-width: 0; padding: 8px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fbfdfe; display: grid; gap: 2px;} .buddy-side-activity.ready {border-color: #b9ddd3; background: #f5fbf9;} .buddy-side-activity.warning {border-color: #ead8a6; background: #fffaf0;} .buddy-side-activity.blocked {border-color: #efc7c3; background: #fff7f6;} .buddy-side-empty-note,.buddy-side-archive-note {font-size: 12px; line-height: 1.55;} .buddy-side-archive-note {padding: 8px 10px; border: 1px dashed #d7e3ea; border-radius: 8px; background: #fbfdfe;} .buddy-side-actions {display: flex; flex-wrap: wrap; gap: 7px;} .project-context-head {min-width: 0; padding: 10px; border: 1px solid #dfe8ec; border-radius: 8px; background: #fbfdfe; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .project-context-head h4 {margin: 2px 0 0;} .project-context-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .project-tool-shortcut-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .project-tool-shortcut {min-width: 0; min-height: 96px; padding: 10px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fff; color: #334155; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 6px;} .project-tool-shortcut:hover,.project-tool-shortcut:focus-visible {border-color: #8fcfca; background: #f4fbfa; color: #F59E0B;} .project-tool-shortcut:disabled {opacity: .56; cursor: not-allowed;} .project-tool-shortcut > span {width: 28px; height: 28px; border-radius: 8px; background: #e8f5f3; color: #F59E0B; display: grid; place-items: center;} .project-tool-shortcut strong,.project-tool-shortcut small {overflow: hidden; text-overflow: ellipsis;} .project-tool-shortcut small {color: #64748b;} .buddy-tool-group {width: 100%; min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; align-items: center;} .buddy-tool-group-label {width: 38px; flex: 0 0 38px; color: #64748b; font-size: 12px;} .buddy-tool-group .ant-btn {min-height: 30px;} .mobile-buddy-bar,.mobile-buddy-bottom-actions {display: none;} .project-ide-shell {max-width: 1660px; margin: 0 auto; display: grid; grid-template-columns: minmax(280px,320px) minmax(0,1fr) minmax(300px,340px); gap: 14px; align-items: start;} .project-explorer,.workbench-main,.context-dock {min-width: 0; border: 1px solid #dfe7ee; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.04);} .project-explorer,.context-dock {position: sticky; top: 86px; height: 100%; max-height: calc(100vh - 110px) ; overflow: hidden;} .project-explorer {padding: 12px;} .project-explorer-head,.workbench-titlebar,.context-dock-title,.mobile-project-command-row {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .project-explorer-head {padding-bottom: 12px; border-bottom: 1px solid #edf2f6;} .project-explorer-head h4,.workbench-titlebar h3 {margin: 0;} .project-explorer-section {padding-top: 12px; display: flex; flex-direction: column; gap: 8px;} .project-explorer-section-title {min-height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 8px;} .project-explorer-loading {min-height: 84px; display: grid; place-items: center;} .project-explorer-list {display: grid; gap: 8px;} .project-explorer-project {width: 100%; padding: 10px; border: 1px solid #e3ebf0; border-radius: 8px; background: #fbfdfe; color: inherit; cursor: pointer; text-align: left; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;} .project-explorer-project > span:first-child {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .project-explorer-project.active {border-color: #8fcfca; background: #f2fbfa; box-shadow: inset 3px 0 0 #F59E0B;} .asset-tree-group {display: flex; flex-direction: column; gap: 5px;} .asset-tree-group-title {margin-top: 6px; color: #64748b; font-size: 12px; font-weight: 800;} .asset-tree-item {width: 100%; min-height: 42px; border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; text-align: left; display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: center; gap: 8px;} .asset-tree-item:hover,.asset-tree-item.active {background: #eff8f7;} .asset-tree-icon {color: #F59E0B; display: flex;} .asset-tree-copy {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .asset-tree-copy .ant-typography {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .asset-tree-badge {display: flex; justify-content: flex-end;} .asset-tree-badge .ant-tag {margin-inline-end: 0;} .workbench-main {overflow: hidden;} .workbench-titlebar {padding: 14px 16px; border-bottom: 1px solid #e7edf2; background: #fbfdfe;} .workbench-titlebar > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .workbench-path {color: #F59E0B; font-size: 12px; font-weight: 700;} .workbench-titlebar-actions {justify-content: flex-end;} .workbench-editor {min-width: 0; padding: 14px;} .workspace-status-bar {min-height: 32px; padding: 6px 14px; border-top: 1px solid #e7edf2; background: #5a2f16; color: rgba(255,255,255,.82); font-size: 12px; display: flex; align-items: center; gap: 14px; overflow: hidden;} .workspace-status-bar span {flex: 0 0 auto;} .project-workspace {padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; height: 100%; min-height: 0; overflow: hidden;} .project-workspace-stepbar {min-width: 0; width: 100%; min-height: 48px; padding: 4px; border: 1px solid #ead8b8; border-radius: 8px; background: rgba(255,252,246,.88); overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-gutter: stable;} .project-workspace-step-track {min-width: max-content; width: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); align-items: stretch; gap: 5px;} .project-workspace-step {position: relative; min-width: 128px; min-height: 38px; padding: 4px 8px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #334155; cursor: pointer; font: inherit; text-align: center; display: grid; grid-template-columns: auto auto minmax(0,1fr); align-items: center; gap: 7px;} .project-workspace-step:hover {border-color: #e4c58b; background: #fff9ed;} .project-workspace-step.current {border-color: #d99020; background: #fff7e6; color: #8a4b05; box-shadow: inset 0 0 0 1px rgba(217,144,32,.18),0 4px 14px rgba(217,144,32,.12);} .project-workspace-step.completed {border-color: #b8d9c5; background: #f2fbf5; color: #166534;} .project-workspace-step.future {color: #94a3b8; cursor: not-allowed; opacity: .78;} .project-workspace-step-index {width: 18px; height: 18px; border-radius: 999px; background: #e2eaf0; color: #475569; font-size: 10px; font-weight: 800; line-height: 18px; text-align: center; display: grid; place-items: center;} .project-workspace-step.current .project-workspace-step-index {background: #d99020; color: #fff;} .project-workspace-step.completed .project-workspace-step-index {background: #16803c; color: #fff;} .project-workspace-step-copy {min-width: 0; display: grid; gap: 2px;} .project-workspace-step-label {min-width: 0; font-size: 12px; font-weight: 700; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .project-workspace-step-desc {min-width: 0; color: #64748b; font-size: 10px; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .project-workspace-step.current .project-workspace-step-desc {color: #9a5d0b;} .project-action-hub {min-width: 0; padding: 14px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fff; display: grid; gap: 12px;} .project-action-main {min-width: 0; display: grid; gap: 12px;} .project-action-copy {min-width: 0; display: grid; gap: 4px;} .project-action-copy h4 {margin: 0;} .project-action-card {min-width: 0; min-height: 128px; padding: 16px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fbfdfe; color: #334155; cursor: pointer; font: inherit; text-align: left; display: grid; grid-template-columns: 38px minmax(0,1fr); grid-template-rows: auto 1fr; gap: 8px 12px; align-items: start; transition: border-color .14s ease,background .14s ease,color .14s ease;} .project-action-card:hover,.project-action-card:focus-visible {border-color: #8fcfca; background: #f4fbfa; color: #F59E0B;} .project-action-card.ready {border-color: #b9ddd3; background: #f5fbf9;} .project-action-card.info {border-color: #c8ddf5; background: #f6faff;} .project-action-card.warning {border-color: #ead8a6; background: #fffaf0;} .project-action-card.blocked {border-color: #efc7c3; background: #fff7f6;} .project-action-card:disabled {opacity: .56; cursor: not-allowed;} .project-action-card:disabled:hover {border-color: #e2eaf0; background: #fbfdfe; color: #334155;} .project-action-card > span {width: 38px; height: 38px; grid-row: 1 / span 2; border-radius: 8px; display: grid; place-items: center; color: #F59E0B; background: #e8f5f3;} .project-action-card strong,.project-action-card small {min-width: 0; overflow: hidden; text-overflow: ellipsis;} .project-action-card small {color: #64748b; line-height: 1.45;} .project-secondary-actions {min-width: 0; display: flex; flex-wrap: wrap; gap: 8px;} .agent-step-shell {min-width: 0; min-height: 100%; display: flex; flex-direction: column; gap: 12px;} .agent-step-brief {min-width: 0; padding: 12px; border: 1px solid #ead8b8; border-radius: 8px; background: #fffaf0; display: grid; grid-template-columns: minmax(0,.9fr) minmax(280px,1.1fr); gap: 12px; align-items: start;} .agent-step-brief-copy {min-width: 0; display: grid; gap: 4px;} .agent-step-brief-copy h4 {margin: 0;} .agent-step-requirement {min-width: 0; display: grid; gap: 8px;} .agent-step-requirement textarea.ant-input {resize: vertical;} .agent-step-intent-note {min-height: 66px; padding: 10px 12px; border: 1px solid #dfe8ec; border-radius: 8px; background: #fff; display: flex; align-items: center;} .agent-step-materials {min-width: 0; padding: 12px; border: 1px solid #dfe8ec; border-radius: 8px; background: #fff; display: grid; gap: 10px;} .agent-step-materials-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .agent-step-materials-head > div:first-child {min-width: 0; display: grid; gap: 3px;} .agent-step-materials-head h4 {margin: 0;} .agent-step-material-grid {min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px;} .agent-step-material-item {min-width: 0; min-height: 88px; padding: 10px; border: 1px solid #e2eaf0; border-radius: 8px; background: #fbfdfe; display: grid; align-content: start; gap: 5px;} .agent-step-material-item.ready {border-color: #b9ddd3; background: #f5fbf9;} .agent-step-material-item.warning {border-color: #ead8a6; background: #fffaf0;} .agent-step-material-item.blocked {border-color: #efc7c3; background: #fff7f6;} .agent-step-material-item .ant-typography {min-width: 0; overflow-wrap: anywhere;} .project-workspace-panel {min-width: 0; height: 100%; min-height: 0; padding-top: 0; display: grid; grid-template-rows: auto minmax(0,1fr); overflow: hidden;} .project-workspace-strip {margin-bottom: 8px; padding: 8px 10px; border: 1px solid #9fd4d0; border-radius: 7px; background: linear-gradient(90deg,#effaf8 0%,#fbfefd 58%,#fff 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.85); overflow: hidden;} .project-workspace-strip-head {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .project-workspace-current {min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px;} .project-workspace-current-line {min-width: 0; max-width: 100%; flex-wrap: nowrap; overflow: hidden;} .project-workspace-current-line .anticon,.project-workspace-current-line svg {flex: 0 0 auto;} .project-workspace-current-line .ant-typography {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .project-workspace-context-area {min-width: 0; flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 6px;} .project-workspace-context-area .project-workspace-context-tools {flex: 0 0 auto;} .project-step-back-button.ant-btn {flex: 0 0 auto; min-height: 32px; height: 32px; padding: 0 10px; border-color: #b8d9d5; color: #F59E0B; background: #fff; white-space: nowrap;} .project-workspace-body {min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable;} .project-workspace-body > .workspace-card,.project-workspace-body > .project-embedded-panel,.project-workspace-body > .ant-card {min-height: 100%; height: auto; overflow: visible;} .project-workspace-body > .workspace-card > .ant-card-body,.project-workspace-body > .ant-card > .ant-card-body {min-height: 100%; height: auto; overflow: visible;} .project-embedded-panel {min-height: 0; overflow: visible;} .project-embedded-panel > .ant-space,.project-embedded-panel > .full-width {min-height: 100%; height: auto; overflow: visible;} .context-dock {padding: 12px; display: flex; flex-direction: column; gap: 12px;} .context-dock-section {min-width: 0; display: flex; flex-direction: column; gap: 8px;} .context-dock-title {align-items: center;} .skill-tile-list,.context-connector-list {display: grid; gap: 8px;} .skill-tile {width: 100%; padding: 10px; border: 1px solid #e0e8ee; border-radius: 8px; background: #fbfdfe; color: inherit; cursor: pointer; text-align: left; display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 8px;} .skill-tile.active {border-color: #91d0cb; background: #f1fbfa;} .skill-tile-icon {color: #F59E0B; display: flex; padding-top: 2px;} .skill-tile-copy {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .skill-tile-meta {display: flex; flex-wrap: wrap; gap: 4px;} .skill-tile-meta .ant-tag {margin-inline-end: 0;} .context-connector-status {min-width: 0; padding: 10px; border: 1px solid #e0e8ee; border-radius: 8px; background: #fbfdfe; display: grid; grid-template-columns: 10px minmax(0,1fr) auto; gap: 8px; align-items: center;} .context-connector-status.ready {border-color: #c7e4d7; background: #f7fbf8;} .context-connector-status.warning {border-color: #ead8a6; background: #fffaf0;} .context-connector-status.blocked {border-color: #efc7c7; background: #fff8f8;} .context-connector-dot {width: 8px; height: 8px; border-radius: 999px; background: #5A2F16;} .context-connector-status.ready .context-connector-dot {background: #F59E0B;} .context-connector-status.warning .context-connector-dot {background: #B45309;} .context-connector-status.blocked .context-connector-dot {background: #dc2626;} .context-connector-copy {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .context-connector-side {min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 2px;} .context-connector-side .ant-tag {margin-inline-end: 0;} .mobile-project-command-bar {display: none;} .mobile-context-drawer .ant-drawer-body {padding: 12px;} .page-grid {display: grid; grid-template-columns: minmax(300px,360px) minmax(0,1fr); gap: 18px; align-items: start;} .page-main,.page-side,.workspace-card,.empty-card {min-width: 0;} .section-head,.workspace-title,.between {display: flex; align-items: center; justify-content: space-between; gap: 12px;} .section-head {margin-bottom: 16px;} .section-head h3,.workspace-title h4,.chapter-card h5 {margin: 0;} .full-width {width: 100%;} .selected-row td {background: #edfafa !important;} .project-gate-alert {margin: -4px 0 14px;} .project-assistant-panel {margin-bottom: 14px;} .project-assistant-panel .ant-card-body {display: flex; align-items: center; justify-content: space-between; gap: 14px;} .project-assistant-panel h4 {margin: 4px 0 6px;} .project-assistant-actions {justify-content: flex-end;} .project-card-grid {display: grid; grid-template-columns: minmax(0,1fr); gap: 12px;} .project-workspace {padding: 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; box-shadow: 0 8px 22px rgba(15,23,42,.035);} .project-buddy-main .project-workspace {padding: 0; border: 0; background: transparent; box-shadow: none;} .project-embedded-panel {display: flex; flex-direction: column; gap: 14px;} .project-panel-toolbar {padding: 12px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fbfdfe; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .project-panel-toolbar > div:first-child {min-width: 0;} .project-panel-toolbar h4 {margin: 0 0 4px;} .project-select-card {width: 100%; min-height: 168px; padding: 14px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; color: inherit; text-align: left; cursor: pointer; display: flex; flex-direction: column; gap: 12px; transition: border-color .16s ease,box-shadow .16s ease,background .16s ease;} .project-select-card:hover,.project-select-card.selected {border-color: #9fd4d0; background: #f8fcfb; box-shadow: 0 10px 28px rgba(15,23,42,.06);} .project-select-card-head,.project-select-card-actions {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .project-select-card-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .project-card-direction {min-height: 44px; line-height: 1.65;} .project-preset-panel {margin-bottom: 10px; padding: 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 10px;} .project-template-panel {min-width: 0; margin-bottom: 12px; padding: 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-direction: column; justify-content: flex-start;} .project-template-panel > div:first-child {min-width: 0;} .project-select-card-actions {margin-top: auto; align-items: center;} .table-empty-state {min-height: 92px; padding: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;} .empty-state {min-height: 92px; padding: 16px; border: 1px dashed var(--border-strong); border-radius: 8px; background: var(--surface-muted); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;} .task-card-list {display: grid; gap: 12px;} .task-history-card {min-width: 0; padding: 14px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 10px;} .task-history-card.running,.task-history-card.pending {border-color: #cfe1f5; background: #f8fbff;} .task-history-card.done {border-color: #c7e4d7; background: #f7fbf8;} .task-history-card.failed {border-color: #efc7c3; background: #fff7f6;} .task-history-head,.task-history-actions {display: flex; align-items: center; justify-content: space-between; gap: 10px;} .task-history-body {display: flex; flex-direction: column; gap: 5px;} .task-progress-mini {min-width: 0; display: grid; gap: 3px;} .task-progress-mini .ant-typography {margin: 0;} .task-progress-steps {min-width: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(128px,1fr)); gap: 6px;} .task-progress-step {min-width: 0; padding: 8px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; color: #334155; display: grid; gap: 3px;} .task-progress-step span,.task-progress-step small {min-width: 0; overflow-wrap: anywhere;} .task-progress-step span {font-size: 12px; font-weight: 700;} .task-progress-step small {color: #64748b; font-size: 11px; line-height: 1.35;} .task-progress-step.done {border-color: #c7e4d7; background: #f7fbf8;} .task-progress-step.running {border-color: #cfe1f5; background: #f8fbff;} .task-progress-step.failed {border-color: #efc7c3; background: #fff7f6;} .credit-summary-grid {display: grid; grid-template-columns: minmax(220px,.8fr) minmax(280px,1.2fr); gap: 14px;} .credit-summary-card {min-height: 180px;} .credit-summary-card .ant-typography {margin-bottom: 8px;} .mobile-my-entry-card,.my-credit-card {display: none;} .profile-page-v2 {max-width: 1120px; margin: 0 auto;} .profile-page-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .profile-page-head h3.ant-typography {margin: 0 0 4px;} .profile-account-card .ant-card-body {display: grid; gap: 12px;} .profile-account-grid {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .profile-account-grid.compact {grid-template-columns: repeat(2,minmax(0,1fr));} .profile-account-grid > div {min-width: 0; display: grid; gap: 4px; padding: 12px; border-radius: 8px; background: var(--xzm-panel-soft, #fff8ef);} .profile-account-grid b {overflow: hidden; color: var(--xzm-text, #241207); text-overflow: ellipsis; white-space: nowrap;} .profile-page-v3 {max-width: 1180px; margin: 0 auto; display: grid; gap: 12px; color: var(--xzm-text, #10242a);} .profile-toolbar {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 0 2px;} .profile-toolbar h3.ant-typography {margin: 0;} .profile-account-strip {min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--xzm-border, rgba(15, 118, 110, .14)); border-radius: 10px; background: var(--xzm-panel, #fff); box-shadow: 0 8px 22px color-mix(in srgb,var(--xzm-text, #10242a) 5%,transparent);} .profile-account-main {min-width: 0; display: flex; align-items: center; gap: 12px;} .profile-account-meta {display: flex; align-items: center; justify-content: flex-end; gap: 8px; color: var(--xzm-muted, #55706e); font-size: 13px; font-weight: 700; white-space: nowrap;} .profile-layout-v3 {display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 12px; align-items: start;} .profile-section-nav {position: sticky; top: 12px; display: grid; gap: 6px; padding: 8px; border: 1px solid var(--xzm-border, rgba(15, 118, 110, .14)); border-radius: 10px; background: var(--xzm-panel, #fff);} .profile-section-nav button {width: 100%; min-width: 0; display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 10px; padding: 9px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--xzm-text, #10242a); font: inherit; text-align: left; cursor: pointer;} .profile-section-nav button:hover,.profile-section-nav button.active {border-color: color-mix(in srgb,var(--xzm-primary, #0f766e) 18%,transparent); background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff));} .profile-section-nav button:focus {outline: none;} .profile-section-nav button:focus-visible {outline: 2px solid color-mix(in srgb,var(--xzm-primary, #0f766e) 32%,transparent); outline-offset: 2px;} .profile-section-nav-icon {width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: var(--xzm-primary, #0f766e); background: var(--xzm-panel-soft, #f3fbf7);} .profile-section-nav b,.profile-section-nav small {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .profile-section-nav b {font-size: 14px;} .profile-section-nav small {margin-top: 2px; color: var(--xzm-muted, #55706e); font-size: 12px;} .profile-account-avatar {flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: transparent;} .profile-identity-main {min-width: 0; display: grid; gap: 2px;} .profile-identity-main h4.ant-typography {margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .profile-identity-main .ant-typography {min-width: 0; overflow-wrap: anywhere;} .profile-settings-panel {min-width: 0; display: grid;} .profile-setting-card {min-width: 0; display: grid; gap: 16px; padding: 18px; border: 1px solid var(--xzm-border, rgba(15, 118, 110, .14)); border-radius: 10px; background: var(--xzm-panel, #fff); box-shadow: 0 8px 22px color-mix(in srgb,var(--xzm-text, #10242a) 5%,transparent);} .profile-setting-head {display: flex; align-items: center; gap: 8px; min-width: 0; padding-bottom: 10px; border-bottom: 1px solid var(--xzm-border, rgba(15, 118, 110, .12));} .profile-setting-head > span:first-child {width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: var(--xzm-primary, #0f766e); background: var(--xzm-panel-soft, #f3fbf7);} .profile-setting-head > .ant-btn {margin-left: auto;} .profile-avatar-card {min-width: 0; display: grid; grid-template-columns: 64px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 12px; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(15, 118, 110, .14)) 78%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #f3fbf7) 66%,var(--xzm-panel, #fff));} .profile-avatar-preview {width: 64px; height: 64px;} .profile-avatar-copy {min-width: 0; display: grid; gap: 3px;} .profile-avatar-copy .ant-typography {margin: 0;} .profile-form-grid {display: grid; grid-template-columns: minmax(220px,.85fr) minmax(320px,1.15fr); gap: 16px; align-items: start;} .profile-form-grid.single {grid-template-columns: minmax(220px,420px);} .profile-form-grid.two {grid-template-columns: repeat(2,minmax(0,1fr));} .profile-setting-card .ant-form-item {margin-bottom: 12px;} .profile-phone-bind-box,.profile-email-bind-box {display: grid; gap: 12px; padding-top: 12px; border-top: 1px solid var(--xzm-border, rgba(15, 118, 110, .12));} .profile-phone-bind-copy,.profile-email-bind-copy {display: grid; gap: 3px;} .profile-archive-list {display: grid; gap: 8px;} .profile-archive-row {min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 1px solid var(--xzm-border, rgba(15, 118, 110, .14)); border-radius: 8px; background: var(--xzm-panel-soft, #f3fbf7);} .profile-archive-row > div {min-width: 0; display: grid; gap: 3px;} .profile-archive-row b,.profile-archive-row small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .profile-archive-row small {color: var(--xzm-muted, #55706e); font-size: 12px;} .mobile-my-entry-card .ant-card-body {display: flex; flex-direction: column; gap: 14px;} .my-entry-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .my-entry-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .my-entry-head h4 {margin: 0;} .my-entry-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(92px,1fr)); gap: 10px;} .my-entry-button {min-height: 76px; padding: 10px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; color: #241207; font: inherit; font-weight: 700; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;} .my-entry-button.primary {border-color: #9fd4d0; background: #eaf7f5; color: #F59E0B;} .my-entry-button.admin {border-color: #d9d5fb; background: #fbfaff;} .sample-assistant-panel .ant-card-body {display: flex; flex-direction: column; gap: 14px;} .sample-next-action {padding: 14px; border: 1px solid #d7e9e8; border-radius: 8px; background: #f7fbfa; display: flex; align-items: center; justify-content: space-between; gap: 14px;} .sample-next-action p {margin: 6px 0 0;} .sample-stat-grid {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .sample-stat {min-height: 86px; padding: 12px; border: 1px solid #e6edf2; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 5px;} .sample-stat.ready {border-color: #c7e4d7; background: #f6fbf8;} .sample-stat strong {font-size: 22px; line-height: 1.1;} .sample-library-head {display: flex; align-items: center; justify-content: space-between; gap: 12px;} .sample-library-head h4 {margin: 0 0 4px;} .sample-card-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .sample-card {min-width: 0; min-height: 178px; padding: 14px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 10px;} .xzm-settings-content .profile-page-v3 {gap: 16px;} .xzm-settings-content .profile-account-strip {padding: 0 0 16px; border-width: 0 0 1px; border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .profile-account-avatar {width: 42px; height: 42px; border-radius: 50%;} .xzm-settings-content .profile-layout-v3 {grid-template-columns: 200px minmax(0,1fr); gap: 22px;} .xzm-settings-content .profile-section-nav {top: 18px; gap: 2px; padding: 0; border: 0; border-radius: 0; background: transparent;} .xzm-settings-content .profile-section-nav button {grid-template-columns: 26px minmax(0,1fr); gap: 9px; padding: 8px; border: 0; border-radius: 7px;} .xzm-settings-content .profile-section-nav button:hover,.xzm-settings-content .profile-section-nav button.active {background: color-mix(in srgb,var(--xzm-primary, #0f766e) 8%,var(--xzm-panel, #fff));} .xzm-settings-content .profile-section-nav-icon {width: 26px; height: 26px; border-radius: 7px; background: transparent;} .xzm-settings-content .profile-section-nav b {font-size: 13px; font-weight: 820;} .xzm-settings-content .profile-section-nav small {font-size: 11px; font-weight: 680;} .xzm-settings-content .profile-setting-card {gap: 16px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .xzm-settings-content .profile-setting-head {padding-bottom: 12px; border-bottom-color: color-mix(in srgb,var(--xzm-border, rgba(148, 163, 184, .2)) 70%,transparent);} .xzm-settings-content .profile-setting-head > span:first-child {width: 28px; height: 28px; border-radius: 7px; background: color-mix(in srgb,var(--xzm-primary, #0f766e) 7%,var(--xzm-panel, #fff));} .xzm-settings-content .profile-archive-row {border-radius: 7px; background: color-mix(in srgb,var(--xzm-text, #10242a) 3%,transparent);} @media (max-width: 760px) {.xzm-settings-content .profile-layout-v3 {grid-template-columns: 1fr;} .xzm-settings-content .profile-section-nav {position: static; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; overflow-x: visible; padding-bottom: 2px;} .xzm-settings-content .profile-section-nav button {min-width: 0; justify-content: center;}} .sample-card.discarded {opacity: .72; background: #f8fafc;} .sample-card-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .sample-card-summary {min-height: 48px; margin-bottom: 0 !important; line-height: 1.7;} .sample-structure-tags {padding: 10px; border: 1px solid #edf2f6; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 8px;} .sample-human-check {padding: 10px; border: 1px solid #dbe8ee; border-radius: 8px; background: #f8fbff; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .sample-review-decision {padding: 12px; border: 1px solid #e4ebf0; border-radius: 8px; background: #f8fafc; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .sample-review-decision > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .sample-review-decision.ready,.sample-review-decision.adopted {border-color: #c7e4d7; background: #f6fbf8;} .sample-review-decision.pending {border-color: #ead8a6; background: #fffaf0;} .sample-review-decision.discarded {border-color: #e2e8f0; background: #f8fafc;} .sample-review-actions {margin-top: auto; padding-top: 10px; border-top: 1px solid #e8eef3; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .sample-review-actions > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .sample-fallback-collapse {border-top: 1px solid #e8eef3;} .sample-fallback-panel {padding: 10px 12px; border: 1px dashed #d7e1e8; border-radius: 8px; background: #f8fafc; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .sample-fallback-panel > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .sample-advanced-fields {padding: 12px; border: 1px dashed #d7e1e8; border-radius: 8px; background: #f8fafc;} .collect-candidate-panel {padding: 12px; border: 1px solid #dbe8ee; border-radius: 8px; background: #f8fafc;} .sample-collect-hero {margin-bottom: 14px; padding: 14px; border: 1px solid #d7e9e8; border-radius: 8px; background: #f7fbfa; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .sample-collect-hero > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .collect-candidate-head {display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px;} .collect-candidate-list {max-height: min(360px,42vh); padding-right: 4px; overflow: hidden; overscroll-behavior: contain; display: grid; gap: 10px;} .collect-candidate-card {padding: 12px; border: 1px solid #e3ebf0; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .collect-candidate-card.selected {border-color: #9fd4d0; background: #f7fbfa;} .collect-candidate-card > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .memory-summary-grid {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .memory-empty-panel {min-height: 160px; padding: 20px; border: 1px solid #dfe9ee; border-radius: 8px; background: #f8fafc; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px;} .memory-section-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .memory-section {min-width: 0; padding: 14px; border: 1px solid #e0e9ee; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 10px;} .memory-record-list {display: grid; gap: 8px;} .memory-record-card {min-width: 0; padding: 10px; border: 1px solid #e6edf2; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 5px;} .memory-record-card p {margin: 0;} .voice-helper {margin-bottom: 8px; border-radius: 8px;} .voice-empty-panel {min-height: 112px; padding: 16px; border: 1px solid #dfe9ee; border-radius: 8px; background: #f8fafc; display: flex; flex-direction: column; justify-content: center; gap: 8px;} .voice-sample-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .voice-sample-card {min-width: 0; padding: 14px; border: 1px solid #e0e9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 8px;} .voice-sample-head,.voice-sample-actions {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .voice-sample-card p {margin: 0;} .direction-card-grid {display: grid; gap: 12px;} .direction-card {min-width: 0; padding: 14px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 12px;} .direction-card.selected {border-color: #b9dfc8; background: #f7fbf8;} .direction-card-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .direction-card-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 6px;} .direction-card-metrics,.direction-card-blocks {display: grid; gap: 10px;} .direction-card-metrics {grid-template-columns: repeat(4,minmax(0,1fr));} .direction-card-blocks {grid-template-columns: repeat(3,minmax(0,1fr));} .inline-link-button {width: fit-content; height: auto; padding: 0;} .empty-card {min-height: 280px; display: grid; place-items: center; text-align: center; color: #F59E0B;} .info-block {padding: 12px 14px; border: 1px solid #e7edf2; border-radius: 8px; background: #fff;} .info-block p {margin: 8px 0 0; white-space: pre-wrap; color: #475569; line-height: 1.74;} .project-overview-summary {min-width: 0; padding: 14px; border: 1px solid #dfe8ec; border-radius: 8px; background: #fbfdfe; display: flex; align-items: center; justify-content: space-between; gap: 14px;} .project-overview-summary > span:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .project-overview-summary h4 {margin: 0;} .project-overview-summary .ant-btn {flex: 0 0 auto;} .project-overview-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;} .project-library-panel,.project-settings-panel {min-width: 0;} .project-library-hero {min-width: 0; padding: 14px; border: 1px solid var(--xzm-border, #eadfd5); border-radius: 8px; background: linear-gradient(135deg,var(--xzm-panel-soft, #fff8ef) 0%,var(--xzm-panel, #ffffff) 58%,color-mix(in srgb,var(--xzm-gold, #f5a623) 9%,var(--xzm-panel, #fff)) 100%); display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;} .project-library-hero > div {min-width: 0; display: grid; gap: 4px;} .project-library-hero h4 {margin: 0;} .project-library-stat-grid {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .project-settings-form {display: grid; gap: 14px;} .bible-view,.chapter-drawer {max-width: 100%;} .card-select {width: min(420px,100%);} .direction-select-field {min-width: 0; display: flex; flex-direction: column; gap: 6px;} .direction-summary-card {min-height: 68px; padding: 10px 12px; border: 1px solid var(--xzm-border, #e2ebf0); border-radius: 8px; background: var(--xzm-panel-soft, #f8fbfc); display: flex; flex-direction: column; justify-content: center; gap: 4px;} .field-label-row {min-height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 8px;} .field-label-row .ant-btn-link {height: auto; padding: 0;} .project-select {width: min(280px,100%);} .chapter-card-form {display: grid; grid-template-columns: minmax(180px,1fr) 112px minmax(240px,1.35fr); gap: 12px; align-items: start; margin-top: 14px;} .chapter-card-form > * {min-width: 0;} .chapter-card-form .ant-input,.chapter-card-form .ant-input-number {width: 100%; min-width: 0;} .chapter-goal-presets {margin-top: 10px; padding: 10px 12px; border: 1px solid var(--xzm-border, #e6edf2); border-radius: 8px; background: var(--xzm-panel-soft, #fbfdfe); display: flex; align-items: center; justify-content: space-between; gap: 10px;} .chapter-bias-panel {margin-top: 10px; padding: 10px 12px; border: 1px solid var(--xzm-border, #e6edf2); border-radius: 8px; background: var(--xzm-panel-soft, #fbfdfe); display: flex; align-items: center; justify-content: space-between; gap: 10px;} .directive-recommend-card {margin-top: 10px; padding: 12px; border: 1px solid var(--xzm-border, #d7ecef); border-radius: 8px; background: var(--xzm-panel-soft, #f8fcfd); display: grid; gap: 8px;} .directive-recommend-text {margin: 0 !important; color: var(--xzm-text, #1b3440);} .chapter-inspiration-bar {margin-top: 10px; border: 1px solid var(--xzm-border, #d7ecef); border-radius: 8px; background: var(--xzm-panel-soft, #f8fcfd);} .chapter-inspiration-bar .ant-collapse-item {border-bottom: 0;} .chapter-inspiration-bar .ant-collapse-header {align-items: center !important; padding: 11px 12px !important;} .chapter-inspiration-label {min-width: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .chapter-inspiration-label > .ant-typography {min-width: 0; text-align: right;} .chapter-inspiration-body {display: grid; gap: 10px;} .chapter-inspiration-main,.chapter-inspiration-section {min-width: 0; padding: 10px 12px; border: 1px solid var(--xzm-border, #e4eef2); border-radius: 8px; background: var(--xzm-panel, #fff);} .chapter-inspiration-main {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .chapter-inspiration-main > div:first-child {min-width: 0;} .chapter-inspiration-actions {justify-content: flex-end;} .chapter-inspiration-goal {margin: 6px 0 4px !important; color: var(--xzm-text, #1b3440); line-height: 1.7;} .chapter-inspiration-section {display: flex; align-items: center; justify-content: space-between; gap: 10px;} .chapter-inspiration-split {display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: 10px;} .foreshadowing-auth-list {min-height: 76px; padding: 10px 12px; border: 1px solid var(--xzm-border, #e6edf2); border-radius: 8px; background: var(--xzm-panel, #fff);} .foreshadowing-auth-list .ant-checkbox-wrapper {align-items: flex-start;} .directive-panel {margin-top: 14px; padding: 14px; border: 1px solid var(--xzm-border, #dbe7ec); border-radius: 8px; background: var(--xzm-panel-soft, #fbfdfe);} .retrieval-status-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 12px;} .boutique-workflow {margin-top: 14px; padding: 14px; border: 1px solid var(--xzm-border, #dbe7ec); border-radius: 8px; background: var(--xzm-panel, #fff);} .workflow-head,.panel-head,.workflow-actions {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .workflow-head > div:first-child,.panel-head > div:first-child {display: flex; flex-direction: column; gap: 3px;} .workflow-mode-select {width: 160px;} .workflow-mode-actions {justify-content: flex-end; max-width: min(360px,100%);} .secondary-action-row {padding: 2px 0;} .workflow-steps {margin-top: 14px; padding: 14px 12px; border: 1px solid #e4ebf0; border-radius: 8px; background: #f8fafc;} .workflow-next-action {margin-top: 12px; border-radius: 8px;} .chapter-goal-diagnosis {margin-top: 12px; border-radius: 8px;} .workflow-grid {display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); gap: 12px; margin-top: 12px;} .workflow-panel,.result-summary-panel {min-width: 0; padding: 14px; border: 1px solid #e0e9ee; border-radius: 8px; background: #fbfdfe;} .preference-profile-card {grid-column: 1 / -1;} .simple-automation-panel {margin-top: 12px;} .simple-automation-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .preference-tag-row {min-width: 0; display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 8px; align-items: start;} .chapter-decision-guide {margin: 12px 0; border-radius: 8px;} .chapter-candidate-loading,.chapter-card-empty-shell {min-height: 180px; padding: 24px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fff; display: grid; place-items: center;} .chapter-candidate-grid {display: grid; gap: 12px;} .chapter-candidate-card {min-width: 0; padding: 14px; border: 1px solid #e1e9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 12px;} .chapter-candidate-card.recommended {border-color: #9fd4d0; background: #f8fcfb;} .chapter-candidate-card.selected {border-color: #b9dfc8; background: #f6fbf8;} .candidate-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .candidate-head > div:first-child {min-width: 0;} .candidate-scene {margin: 8px 0 0 !important; line-height: 1.7;} .candidate-isolation-note {display: block; margin-top: 6px;} .candidate-actions {justify-content: flex-end;} .candidate-actions .ant-dropdown-trigger {display: inline-flex; align-items: center;} .candidate-decision-strip {padding: 10px; border: 1px solid #dcebed; border-radius: 8px; background: #f8fbfb; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .candidate-decision-strip > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .candidate-decision-strip .ant-tag {margin-inline-end: 0; flex: 0 0 auto;} .candidate-continuity {padding: 10px; border: 1px solid #e3eaf0; border-radius: 8px; background: #fbfdfe; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .candidate-continuity.warn,.candidate-continuity.risk {border-color: #f0d6a3; background: #fffaf0;} .candidate-continuity.pass {border-color: #d6eadb; background: #f8fcf9;} .candidate-continuity > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .continuity-confirm-list {display: flex; flex-direction: column; gap: 8px;} .continuity-confirm-item {min-width: 0; padding: 8px 10px; border: 1px solid #e8eef3; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 6px;} .candidate-selected-next {padding: 10px; border: 1px solid #d9eadf; border-radius: 8px; background: #f7fcf8; display: flex; align-items: flex-start; gap: 8px;} .candidate-selected-next > svg {flex: 0 0 auto; margin-top: 2px; color: #138a50;} .candidate-selected-next > div {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .candidate-human-check {padding: 10px; border: 1px solid #e1ebf4; border-radius: 8px; background: #f8fbff; display: flex; align-items: center; justify-content: space-between; gap: 10px;} .candidate-score-grid,.candidate-block-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .candidate-dimension-grid {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px;} .candidate-dimension {min-width: 0; padding: 8px; border: 1px solid #e8eef3; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 4px;} .candidate-dimension strong {font-size: 14px; line-height: 1.2;} .candidate-score-grid > div,.candidate-text-block {min-width: 0; padding: 10px; border: 1px solid #e8eef3; border-radius: 8px; background: #fff;} .candidate-score-grid > div,.candidate-text-block {display: flex; flex-direction: column; gap: 6px;} .candidate-text-block {line-height: 1.7;} .candidate-content-preview {max-height: 360px; margin: 0 !important; overflow: hidden; white-space: pre-wrap; line-height: 1.8;} .chapter-polish-guide {margin: 10px 0 12px; border-radius: 8px;} .chapter-focus-card {margin-bottom: 12px; padding: 16px; border: 1px solid #d7e9e8; border-radius: 8px; background: #f7fbfa; display: flex; align-items: center; justify-content: space-between; gap: 14px;} .chapter-focus-card.done {border-color: #c7e4d7; background: #f6fbf8;} .chapter-focus-card > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 5px;} .chapter-focus-card h4 {margin: 2px 0;} .chapter-focus-actions {justify-content: flex-end;} .publish-ready-panel {margin-bottom: 12px; padding: 16px; border: 1px solid #c7e4d7; border-radius: 8px; background: #f7fbf8; display: flex; flex-direction: column; gap: 12px;} .publish-ready-head,.publish-ready-item {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .publish-ready-head > div:first-child,.publish-ready-item > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 5px;} .publish-ready-head h4 {margin: 2px 0;} .publish-ready-list {display: grid; gap: 10px;} .publish-ready-item {padding: 12px; border: 1px solid #d7eadf; border-radius: 8px; background: #fff;} .manuscript-desk-page {min-width: 0;} .manuscript-progress-hero {margin: 10px 0 14px; padding: 18px; border: 1px solid #d8e7eb; border-radius: 8px; background: linear-gradient(135deg,#f8fcfd 0%,#f5fbf8 100%); display: grid; grid-template-columns: minmax(0,.92fr) minmax(320px,1.08fr); gap: 16px; align-items: stretch;} .manuscript-progress-main,.manuscript-progress-side,.manuscript-current-card,.manuscript-section-head,.manuscript-directory-item,.manuscript-next-card,.manuscript-context-card,.manuscript-quality-item,.manuscript-fact-item,.memory-preview-panel,.memory-preview-head,.memory-preview-item,.memory-preview-group {min-width: 0;} .manuscript-progress-main {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .manuscript-progress-main h3 {margin: 0;} .manuscript-progress-actions {margin-top: 6px;} .manuscript-progress-side {display: grid; gap: 10px;} .manuscript-stat-grid,.manuscript-detail-metrics {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .manuscript-current-card,.manuscript-next-card {padding: 12px; border: 1px solid #dce8ed; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .manuscript-current-card {align-items: flex-start; flex-direction: column;} .manuscript-current-card.warn,.manuscript-next-card.warn {border-color: #f3d0a8; background: #fffaf2;} .manuscript-next-card.done {border-color: #c7e4d7; background: #f7fbf8;} .manuscript-desk-layout {display: grid; grid-template-columns: minmax(260px,330px) minmax(0,1fr); gap: 14px; align-items: start;} .manuscript-import-modal {min-width: 0;} .manuscript-import-source {display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 12px; align-items: stretch;} .manuscript-import-source > div:first-child,.manuscript-import-preview,.manuscript-import-chapter {min-width: 0; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff;} .manuscript-import-source > div:first-child {padding: 12px; display: flex; flex-direction: column; gap: 10px;} .manuscript-import-source input[type="file"] {max-width: 100%; font-size: 13px;} .manuscript-import-preview {padding: 12px; display: grid; gap: 12px;} .manuscript-import-chapter-list {display: grid; gap: 8px; max-height: 360px; overflow: hidden;} .manuscript-import-chapter {padding: 10px; display: grid; gap: 6px;} .memory-candidate-list {display: grid; gap: 10px;} .memory-candidate-item {min-width: 0; padding: 12px; border: 1px solid #e1e9ee; border-radius: 8px; background: #fff; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .memory-candidate-item.low {border-color: #ead8a6; background: #fffaf0;} .memory-candidate-item > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 6px;} .manuscript-directory,.manuscript-detail {min-width: 0; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff;} .manuscript-directory {padding: 12px; display: flex; flex-direction: column; gap: 12px;} .manuscript-section-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .manuscript-section-head h4 {margin: 0 0 4px;} .manuscript-directory-list {display: grid; gap: 8px;} .manuscript-directory-item {width: 100%; padding: 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; color: inherit; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 7px; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease;} .manuscript-directory-item:hover,.manuscript-directory-item.active {border-color: #8fcfca; background: #f4fbfa; box-shadow: 0 8px 20px rgba(15,23,42,.04);} .manuscript-directory-item.warn {border-color: #f0d5b5;} .manuscript-directory-meta,.manuscript-directory-foot {min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 5px;} .manuscript-directory-meta .ant-tag,.manuscript-fact-item .ant-tag {margin-inline-end: 0;} .manuscript-directory-foot {justify-content: space-between;} .manuscript-detail {padding: 16px; display: flex; flex-direction: column; gap: 14px;} .manuscript-detail-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .manuscript-detail-head > div:first-child {min-width: 0;} .manuscript-detail-head h3 {margin: 8px 0 4px;} .manuscript-detail-actions {justify-content: flex-end;} .manuscript-next-card > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .manuscript-detail-context {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;} .manuscript-context-card {padding: 12px; border: 1px solid #e5edf2; border-radius: 8px; background: #f8fafc; display: flex; flex-direction: column; gap: 8px;} .memory-preview-panel {background: #fff;} .memory-preview-head,.memory-preview-item {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .memory-preview-head > div:first-child,.memory-preview-item > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .memory-preview-type-grid {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px;} .memory-preview-type-grid > div {min-width: 0; padding: 7px; border: 1px solid #e4edf2; border-radius: 8px; background: #f8fafc; display: grid; gap: 1px;} .memory-preview-type-grid .ant-typography {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .memory-preview-list,.memory-preview-group {display: grid; gap: 8px;} .memory-preview-item {padding: 10px; border: 1px solid #e4edf2; border-radius: 8px; background: #fbfdfe;} .memory-preview-item.pending {border-color: #ead8a6; background: #fffaf0;} .memory-preview-item.deleted {opacity: .72;} .manuscript-fact-list,.manuscript-quality-list {display: grid; gap: 8px;} .manuscript-memory-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .manuscript-memory-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .manuscript-memory-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .manuscript-memory-item {min-width: 0; padding: 10px; border: 1px solid #e5edf2; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 6px;} .manuscript-memory-confirm-note {border-radius: 8px;} .manuscript-fact-item {display: flex; align-items: flex-start; gap: 7px;} .manuscript-quality-item {padding: 10px; border: 1px solid #e6eef2; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 5px;} .manuscript-reader-text {min-height: 320px; padding: 18px; border: 1px solid #e3ebf0; border-radius: 8px; background: #fff; color: #1f2937; font-size: 16px; line-height: 1.9; white-space: pre-wrap; word-break: break-word;} .final-draft-editor textarea,.final-draft-editor {font-size: 16px; line-height: 1.9;} .final-draft-editor-toolbar {min-width: 0; padding: 10px 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;} .local-rewrite-panel {min-width: 0; padding: 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; display: flex; flex-direction: column; gap: 10px;} .local-rewrite-panel > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .local-rewrite-preview {min-width: 0; padding: 10px; border: 1px solid #d7eadf; border-radius: 8px; background: #f7fbf8; display: flex; flex-direction: column; gap: 8px;} .local-rewrite-preview p {margin-bottom: 0 !important; white-space: pre-wrap;} .chapter-revision-loading {min-height: 180px; display: grid; place-items: center;} .chapter-revision-list {display: grid; gap: 10px;} .chapter-revision-item {padding: 12px; border: 1px solid #e5edf2; border-radius: 8px; background: #fff; display: flex; justify-content: space-between; gap: 12px;} .chapter-revision-item > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 5px;} .chapter-reader-panel {min-width: 0;} .chapter-reader-loading {min-height: 220px; display: grid; place-items: center;} .chapter-reader-tools {margin: 12px 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,190px); gap: 10px;} .chapter-reader-status-filter {width: 100%;} .chapter-reader-layout {display: grid; grid-template-columns: minmax(220px,280px) minmax(0,1fr); gap: 12px; align-items: start;} .chapter-reader-list {min-width: 0; display: grid; gap: 8px;} .chapter-reader-list-item {min-width: 0; width: 100%; padding: 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; color: inherit; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 7px;} .chapter-reader-list-item:hover,.chapter-reader-list-item.active {border-color: #8fcfca; background: #f4fbfa;} .chapter-reader-list-meta,.chapter-reader-list-foot {min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 5px;} .chapter-reader-list-meta .ant-tag {margin-inline-end: 0;} .chapter-reader-list-foot {justify-content: space-between;} .chapter-reader-detail {min-width: 0; padding: 16px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff;} .chapter-reader-detail-head {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .chapter-reader-detail-head > div:first-child {min-width: 0;} .chapter-reader-detail-head h3 {margin: 8px 0 0;} .chapter-reader-actions {justify-content: flex-end;} .chapter-reader-summary {margin-top: 14px; padding: 12px; border: 1px solid #e5edf2; border-radius: 8px; background: #f8fafc;} .chapter-reader-summary .ant-typography {margin-bottom: 0;} .chapter-reader-text {margin-top: 16px; color: #1f2937; font-size: 16px; line-height: 1.9; white-space: pre-wrap; word-break: break-word;} .approval-checklist {margin-top: 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;} .approval-check-item {min-width: 0; padding: 8px; border: 1px solid #d7eadf; border-radius: 8px; background: #fff; display: flex; align-items: flex-start; gap: 6px;} .approval-check-item .ant-tag {margin-inline-end: 0; flex: 0 0 auto;} .chapter-polish-grid {display: grid; gap: 12px;} .chapter-polish-card {min-width: 0; padding: 14px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 12px;} .chapter-polish-card.done {border-color: #c7e4d7; background: #f7fbf8;} .chapter-polish-head,.chapter-polish-next {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .chapter-polish-head > div:first-child,.chapter-polish-next > div:first-child {min-width: 0;} .chapter-polish-head h5 {margin: 8px 0 6px;} .chapter-polish-next {padding: 12px; border: 1px solid #e5edf2; border-radius: 8px; background: #f8fafc;} .chapter-polish-next > div:first-child {display: flex; flex-direction: column; gap: 4px;} .chapter-polish-metrics {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .chapter-polish-checks {display: grid; gap: 8px;} .chapter-polish-check {min-width: 0; padding: 10px; border: 1px solid #e8eef3; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 5px;} .preflight-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;} .preflight-item {min-height: 108px; padding: 10px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fff;} .preflight-item.ok {border-color: #c7e4d7; background: #f6fbf8;} .preflight-item.info {border-color: #cfe0f5; background: #f7fbff;} .preflight-item.warn {border-color: #ead8a6; background: #fffaf0;} .preflight-item.error {border-color: #efc7c3; background: #fff7f6;} .preflight-row {display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px;} .compact-card .ant-card-body {padding: 14px;} .between-row {display: flex; justify-content: space-between; width: 100%;} .preflight-item .ant-btn-link {height: auto; margin-top: 6px; padding: 0;} .rag-evidence-grid,.result-summary-grid {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .metric-tile {min-height: 70px; padding: 10px; border: 1px solid #e6edf2; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 4px;} .metric-tile strong {font-size: 20px; line-height: 1.15;} .rag-source-list {display: grid; gap: 8px; margin-top: 12px;} .rag-source-item {padding: 10px; border: 1px solid #e6edf2; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 4px;} .workflow-actions {margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6edf2;} .emergency-mode-panel {margin-top: 10px; border-top: 1px solid #edf2f6;} .emergency-mode-content {padding: 10px 12px; border: 1px dashed #d7e1e8; border-radius: 8px; background: #f8fafc; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .emergency-mode-content > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 4px;} .result-summary-panel {margin-bottom: 12px;} .chapter-card-empty {padding: 16px 0;} .directive-head {display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px;} .directive-head > div:first-child {display: flex; flex-direction: column; gap: 3px;} .config-checklist-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px;} .config-checklist-item {min-height: 96px; padding: 12px; border: 1px solid #e4ebf0; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 8px;} .config-checklist-item.ready {border-color: #c7e4d7; background: #f6fbf8;} .config-checklist-item.pending {border-color: #ead8a6; background: #fffaf0;} .field-label {display: block; margin-bottom: 6px; font-size: 13px;} .task-status-notice {margin: 10px 0 12px; border-radius: 8px;} .optional-workbench-guide,.quality-next-alert {margin-bottom: 12px; border-radius: 8px;} .writer-card-grid,.review-opinion-grid {display: grid; gap: 12px;} .writer-card-grid {grid-template-columns: repeat(2,minmax(0,1fr));} .writer-review-card,.review-opinion-card {min-width: 0; padding: 14px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 12px;} .writer-review-card {background: #fbfdfe;} .writer-review-head,.review-opinion-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .writer-review-head > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 6px;} .writer-review-metrics {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;} .writer-review-metrics {grid-template-columns: repeat(3,minmax(0,1fr));} .writer-review-note {padding: 10px; border: 1px solid #e8eef3; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 5px;} .review-opinion-head .ant-progress {width: min(180px,100%);} .review-opinion-body {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .settings-detail-collapse {border-radius: 8px; background: #fff;} .settings-inline-alert {margin-bottom: 12px;} .admin-detail-collapse {border-radius: 8px; background: #fff;} .chapter-card {height: 100%;} @media (max-width: 1180px) {.project-buddy-shell {grid-template-columns: minmax(0,1fr); grid-template-rows: auto minmax(0,1fr);} .desktop-buddy-side {display: none;} .project-agent-layout {grid-template-columns: minmax(0,1fr);} .desktop-project-rail {display: none;} .mobile-buddy-bar {grid-column: 1 / -1; padding: 10px; border: 1px solid #dfe7ee; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.04); display: flex; flex-direction: column; gap: 8px;} .mobile-project-select {min-width: 0; flex: 1 1 auto;} .project-ide-shell {grid-template-columns: minmax(260px,300px) minmax(0,1fr);} .desktop-context-dock {display: none;} .mobile-project-command-bar {grid-column: 1 / -1; padding: 10px; border: 1px solid #dfe7ee; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.04); display: flex; flex-direction: column; gap: 8px;} .mobile-project-select {min-width: 0; flex: 1 1 auto;}} @media (max-width: 1100px) {.home-dashboard {grid-template-columns: minmax(0,1fr) minmax(280px,.86fr); grid-template-rows: 220px minmax(0,1fr) 148px; grid-template-areas: "command command" "project tasks" "readiness tasks";} .home-command-center .ant-card-body {display: grid; grid-template-columns: minmax(0,1fr) 220px; grid-template-rows: auto minmax(0,1fr); align-items: end; gap: 14px;} .home-command-topline {grid-column: 1 / -1;} .home-command-actions {align-self: end;} .home-readiness-grid {grid-template-columns: repeat(5,minmax(0,1fr));} .agent-dashboard {grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); grid-template-rows: minmax(112px,.54fr) minmax(0,1fr) minmax(118px,.58fr) minmax(128px,.58fr); grid-template-areas: "status next" "flow flow" "tasks value" "steps steps";} .agent-dashboard-steps {grid-template-columns: repeat(3,minmax(0,1fr));} .page-grid {grid-template-columns: 1fr;} .daily-flow-list {grid-template-columns: repeat(2,minmax(0,1fr));} .guide-value-grid {grid-template-columns: 1fr;} .daily-flow-step {min-height: 0;} .workflow-grid {grid-template-columns: 1fr;} .project-panel-toolbar {align-items: flex-start; flex-direction: column;}} @media (max-width: 760px) {body {min-width: 0;} .login-auth-page {min-height: 100svh; min-height: 100dvh; padding: 16px;} .login-auth-shell {width: 100%;} .login-auth-card .ant-card-body {padding: 0;} .legal-page {padding: 14px;} .legal-header {align-items: flex-start; flex-direction: column-reverse;} .legal-title,.legal-card .ant-card-body {padding: 18px;} .legal-pricing-table {gap: 8px; border: 0; background: transparent;} .legal-pricing-row,.legal-pricing-row.head {grid-template-columns: 1fr; overflow: hidden; border: 1px solid color-mix(in srgb,var(--xzm-border, rgba(15, 23, 42, .08)) 84%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--xzm-panel-soft, #f7faf8) 60%,var(--xzm-panel, #fff));} .legal-pricing-row.head {display: none;} .legal-pricing-row > span {border-right: 0; border-bottom: 1px solid color-mix(in srgb,var(--xzm-border, rgba(15, 23, 42, .08)) 76%,transparent);} .legal-pricing-row > span:last-child {border-bottom: 0;} .legal-pricing-row > span:not(.legal-pricing-action) {display: flex; align-items: center; justify-content: space-between; gap: 12px;} .legal-pricing-row > span:not(.legal-pricing-action)::before {content: attr(data-label); color: var(--xzm-muted, #4b5563); font-size: 12px; font-weight: 760;} .login-card {width: 100%;} .login-form-head {margin-bottom: 12px;} .factory-shell,.factory-shell > .ant-layout {min-width: 0; width: 100%; min-height: 100svh; min-height: 100dvh; height: auto; overflow: hidden;} .factory-sider {display: none;} .factory-header {position: sticky; top: 0; z-index: 40; display: flex; flex: 0 0 calc(56px + env(safe-area-inset-top)) ; height: calc(56px + env(safe-area-inset-top)) ; padding: env(safe-area-inset-top) 10px 0 12px; border-bottom-color: #dfe8ec; box-shadow: 0 8px 24px rgba(15,23,42,.05);} .mobile-menu-trigger,.mobile-route-label {display: inline-flex;} .mobile-menu-trigger {width: 38px; min-width: 38px; padding: 0;} .mobile-menu-trigger > span:not(.ant-btn-icon) {display: none;} .mobile-route-label {max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;} .header-main,.header-user {gap: 8px;} .header-main {flex: 1 1 auto; overflow: hidden;} .header-user {flex: 0 0 auto;} .mobile-header-logout-button {display: inline-flex;} .header-user-name {display: none;} .header-logout-button {width: 38px; min-width: 38px; padding: 0;} .header-logout-button > span:not(.ant-btn-icon) {display: none;} .factory-content {min-height: calc(100svh - 56px - env(safe-area-inset-top)) ; min-height: calc(100dvh - 56px - env(safe-area-inset-top)) ; height: auto; padding: 8px 10px calc(76px + env(safe-area-inset-bottom)) ; overflow-x: hidden; overflow-y: auto;} .factory-content.project-content-active {min-height: 0; height: calc(100dvh - 56px - env(safe-area-inset-top)) ; padding: 8px 10px calc(88px + env(safe-area-inset-bottom)) ; overflow: hidden;} .home-dashboard {grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(150px,.78fr) minmax(132px,.68fr) minmax(0,1fr) minmax(94px,.46fr); grid-template-areas: "command" "project" "tasks" "readiness"; gap: 8px;} .home-dashboard .ant-card-body {padding: 10px 12px;} .home-command-center .ant-card-body {display: flex; gap: 8px; padding: 12px; justify-content: space-between;} .home-command-icon {width: 30px; height: 30px;} .home-command-copy {gap: 3px;} .home-command-copy h2 {font-size: 18px; line-height: 1.16;} .home-command-copy .ant-typography-secondary {font-size: 12px; line-height: 1.35; -webkit-line-clamp: 1;} .home-command-actions {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px;} .home-command-actions .ant-btn {height: 32px; min-height: 32px; padding-inline: 8px; font-size: 12px;} .home-window-title {margin-bottom: 6px; gap: 8px;} .home-window-title h4 {font-size: 15px;} .home-project-body {display: flex; flex-direction: column; justify-content: space-between; gap: 6px;} .home-project-body > .ant-space,.home-latest-chapter {display: none;} .home-project-stats {gap: 6px;} .home-project-stats > div {padding: 4px 5px; gap: 0;} .home-project-stats .ant-typography {font-size: 12px; line-height: 1.25;} .home-project-stats .ant-typography-secondary {font-size: 11px;} .home-window-actions {width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px;} .home-window-actions .ant-btn {width: 100%; height: 30px; min-height: 30px; padding-inline: 6px; font-size: 12px;} .home-task-list {gap: 6px;} .home-task-row {padding: 7px 8px; gap: 6px;} .home-task-row-main {gap: 2px;} .home-task-row-main .ant-tag {font-size: 11px; line-height: 18px;} .home-task-title,.home-task-time {font-size: 12px; line-height: 1.25;} .home-task-row .ant-btn {width: 42px; padding-inline: 0; font-size: 12px;} .home-task-list .task-history-actions {display: none;} .home-readiness-grid {grid-template-columns: repeat(5,minmax(0,1fr)); gap: 4px;} .home-readiness-item {padding: 4px 1px;} .home-readiness-item .ant-typography {font-size: 11px; line-height: 1.08;} .home-readiness-item .ant-typography-secondary {font-size: 10px;} .home-onboarding-step {grid-template-columns: 28px minmax(0,1fr);} .home-onboarding-icon {display: none;} .home-onboarding-step .ant-btn {grid-column: 1 / -1; width: 100%;} .agent-dashboard {grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(84px,.46fr) minmax(118px,.66fr) minmax(0,1fr) minmax(118px,.64fr); grid-template-areas: "status" "next" "flow" "tasks"; gap: 8px;} .agent-dashboard .guide-value-roadmap,.agent-dashboard-steps {display: none;} .agent-dashboard .next-action-card,.agent-dashboard .daily-flow-card,.agent-dashboard .mobile-recent-tasks-card,.agent-dashboard-status {min-height: 0;} .agent-dashboard-status .ant-card-body {padding: 10px 12px;} .agent-dashboard-status .ant-space {gap: 6px !important;} .agent-dashboard-status .ant-typography {margin-bottom: 0;} .home-command-head,.home-window-head {gap: 8px;} .home-window-icon {width: 30px; height: 30px; flex-basis: 30px;} .home-runtime-strip,.home-signal-grid {gap: 6px;} .home-runtime-item,.home-signal {padding: 6px 7px;} .daily-flow-head {align-items: center;} .daily-flow-head .ant-typography-secondary {display: none;} .project-buddy-shell {width: 100%; max-width: none; min-height: 0; display: flex; flex-direction: column; gap: 8px; height: 100%; overflow: hidden;} .mobile-buddy-bar {position: relative; top: auto; z-index: 30; margin-bottom: 0; padding: 12px; border-radius: 8px; border-color: #d9e6ec; box-shadow: none;} .mobile-buddy-row,.mobile-buddy-next {align-items: center;} .mobile-buddy-next {flex-direction: column; align-items: stretch;} .mobile-buddy-next > div:first-child {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .mobile-buddy-next .ant-typography-secondary {display: -webkit-box; overflow: hidden; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .project-buddy-main {min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; height: 100%; overflow: hidden;} .project-buddy-stack {height: 100%; min-height: 0; gap: 8px;} .project-agent-layout {display: block; height: 100%; min-height: 0; overflow: hidden;} .project-agent-workbench {height: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;} .project-agent-canvas {height: 100%;} .project-buddy-scroll-area {flex: 1 1 auto; min-height: 0; padding: 0; overflow: hidden; overscroll-behavior: contain; scrollbar-gutter: stable;} .factory-content.project-content-active .project-workspace {padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; height: 100%; min-height: 0; overflow: hidden;} .factory-content.project-content-active .project-workspace-stepbar {padding-bottom: 8px;} .factory-content.project-content-active .workspace-status-bar {display: none;} .factory-content.project-content-active .project-workspace-panel {padding-top: 0; height: 100%; min-height: 0; overflow: hidden;} .project-buddy-hero,.buddy-next-action {display: none;} .project-workspace-strip {padding: 7px;} .project-workspace-strip-head {flex-direction: column; align-items: stretch; gap: 6px;} .project-workspace-context-area {width: 100%; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px;} .project-workspace-context-area .project-workspace-context-tools {display: inline-flex;} .project-workspace-stepbar {min-height: 44px; padding: 4px;} .project-stepbar-banner {padding: 0 8px; margin-bottom: 6px;} .project-workspace-step {min-width: 108px; min-height: 34px; padding: 4px 6px; gap: 5px;} .project-workspace-step-index {width: 16px; height: 16px; font-size: 9px; line-height: 16px;} .project-workspace-step-label {font-size: 11px;} .project-workspace-step-desc {display: none;} .project-workspace-step-index {width: 14px; height: 14px; font-size: 9px; line-height: 14px;} .project-workspace-step-label {font-size: 11px;} .project-action-card {min-height: 86px; padding: 12px; grid-template-columns: 32px minmax(0,1fr);} .project-action-card > span {width: 32px; height: 32px;} .agent-step-brief {grid-template-columns: 1fr; padding: 10px;} .agent-step-materials {padding: 10px;} .agent-step-materials-head {flex-direction: column; align-items: stretch;} .agent-step-material-grid {grid-template-columns: 1fr;} .agent-step-material-item {min-height: 0;} .agent-step-requirement .ant-space {width: 100%;} .project-step-back-button.ant-btn {max-width: calc(100% - 106px) ; min-width: 0;} .project-step-back-button.ant-btn > span:not(.ant-btn-icon) {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .manuscript-progress-hero,.manuscript-desk-layout,.manuscript-import-source,.manuscript-stat-grid,.manuscript-detail-metrics,.manuscript-detail-context,.chapter-reader-tools,.chapter-reader-layout {grid-template-columns: 1fr;} .manuscript-progress-hero,.manuscript-detail,.manuscript-directory,.chapter-reader-detail,.chapter-reader-list-item {padding: 12px;} .manuscript-detail-head,.chapter-reader-detail-head {align-items: stretch; flex-direction: column;} .manuscript-detail-actions,.chapter-reader-actions {justify-content: flex-start;} .manuscript-next-card,.manuscript-section-head,.chapter-revision-item,.memory-preview-head,.memory-preview-item {align-items: flex-start; flex-direction: column;} .memory-preview-type-grid {grid-template-columns: repeat(2,minmax(0,1fr));} .manuscript-reader-text {min-height: 240px; padding: 14px; font-size: 15px; line-height: 1.85;} .chapter-reader-text {font-size: 15px; line-height: 1.85;} .mobile-context-drawer .buddy-side-sheet {position: static; height: auto; max-height: none; padding: 0; border: 0; box-shadow: none;} .project-ide-shell {display: block;} .project-explorer {display: none;} .mobile-project-command-bar {position: sticky; top: calc(56px + env(safe-area-inset-top)) ; z-index: 30; margin-bottom: 12px; border-color: #d9e6ec; box-shadow: 0 8px 22px rgba(15,23,42,.08);} .mobile-project-command-row {align-items: center;} .workbench-main {border-radius: 8px;} .workbench-titlebar {padding: 12px;} .workbench-titlebar,.workbench-titlebar-actions {align-items: flex-start; flex-direction: column;} .workbench-titlebar-actions {width: 100%;} .workbench-editor {padding: 12px;} .workspace-status-bar {margin-bottom: 0;} .mobile-bottom-nav {position: fixed; right: 0; bottom: 0; left: 0; z-index: 60; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) ; border-top: 1px solid #dfe8ec; background: rgba(255,255,255,.96); box-shadow: 0 -10px 28px rgba(15,23,42,.08); backdrop-filter: blur(14px);} .mobile-bottom-nav .adm-tab-bar,.mobile-bottom-nav .adm-tab-bar-wrap {width: 100%; min-width: 0; overflow: hidden;} .mobile-bottom-nav.mobile-tabbar-nav {display: block !important;} .mobile-bottom-nav.mobile-tabbar-nav .adm-safe-area {display: block;} .mobile-bottom-nav .adm-tab-bar-wrap {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px;} .mobile-bottom-nav .adm-tab-bar-item {min-width: 0; padding: 0;} .mobile-bottom-nav .adm-tab-bar-item-icon {height: 20px; line-height: 20px;} .mobile-bottom-nav .adm-tab-bar-item-title {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 1.2;} .mobile-bottom-nav-item {min-width: 0; height: 52px; padding: 4px 2px; border: 0; border-radius: 8px; background: transparent; color: #62717e; font: inherit; font-size: 11px; line-height: 1.2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;} .mobile-bottom-nav-item svg {width: 18px; height: 18px;} .mobile-bottom-nav-item span {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .mobile-bottom-nav-item.active {color: #F59E0B; background: #eaf7f5; font-weight: 700;} .mobile-install-prompt {position: fixed; right: 10px; bottom: calc(70px + env(safe-area-inset-bottom)) ; left: 10px; z-index: 61; min-width: 0; padding: 10px; border: 1px solid #cde3e0; border-radius: 8px; background: rgba(255,255,255,.97); box-shadow: 0 14px 36px rgba(15,23,42,.14); backdrop-filter: blur(14px); display: grid !important; grid-template-columns: 32px minmax(0,1fr); gap: 8px 10px; align-items: center;} .mobile-install-prompt-icon {width: 32px; height: 32px; border-radius: 8px; color: #F59E0B; background: #e8f5f3; display: grid; place-items: center;} .mobile-install-prompt-copy {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .mobile-install-prompt-copy .ant-typography {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .mobile-install-prompt-actions {grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end;} .mobile-install-prompt-actions .ant-btn-primary {min-width: 104px;} .mobile-install-instructions {grid-column: 1 / -1; display: grid; gap: 10px; padding-top: 8px; border-top: 1px solid #dfe8ec;} .mobile-install-instructions > b {color: #0f172a; font-size: 13px;} .mobile-install-instruction-actions {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px;} .mobile-nav-drawer .ant-drawer-header {min-height: 54px; padding: 12px 16px;} .mobile-nav-drawer .ant-drawer-body {padding: 8px 0 calc(14px + env(safe-area-inset-bottom)) ;} .workspace-card > .ant-card-body,.empty-card > .ant-card-body {padding: 14px;} .mobile-context-drawer .context-dock {position: static; max-height: none; padding: 0; border: 0; box-shadow: none;} .runtime-alert,.task-status-notice {border-radius: 8px;} .factory-content .ant-alert {min-width: 0; flex-wrap: wrap;} .factory-content .ant-alert-icon {flex: 0 0 auto;} .factory-content .ant-alert-content {min-width: 0; width: auto; flex: 1 1 calc(100% - 34px) ;} .factory-content .ant-alert-message,.factory-content .ant-alert-description {min-width: 0; width: 100%;} .factory-content .ant-alert-description .ant-space {width: 100%;} .factory-content .ant-alert-description .ant-space-vertical {display: flex; align-items: stretch;} .factory-content .ant-alert-description .ant-space-item {min-width: 0; width: 100%;} .factory-content .ant-alert .ant-typography {word-break: normal; overflow-wrap: break-word;} .task-status-notice {position: sticky; top: calc(64px + env(safe-area-inset-top)) ; z-index: 25; margin-bottom: 12px; box-shadow: 0 8px 22px rgba(15,23,42,.08);} .factory-content .ant-alert-action {flex: 0 0 100%; width: 100%; margin-inline-start: 0; margin-top: 10px;} .factory-content .ant-alert-action .ant-space {width: 100%; display: flex; flex-direction: column; align-items: stretch;} .factory-content .ant-alert-action .ant-space-item,.factory-content .ant-alert-action .ant-btn {width: 100%; min-height: 38px;} .factory-content .ant-table-wrapper {max-width: 100%; overflow: hidden;} .factory-content .ant-table {min-width: 0;} .factory-content .ant-table .ant-btn {min-height: 32px;} .factory-content .ant-btn > span:not(.ant-btn-icon),.factory-content .ant-tag {max-width: 100%; white-space: nowrap;} .settings-detail-collapse .ant-table,.admin-detail-collapse .ant-table {min-width: 0;} .ant-drawer:not(.mobile-nav-drawer):not(.xzm-workspace-drawer-shell) .ant-drawer-content-wrapper {width: 100vw !important; height: 100dvh !important; max-width: 100vw !important;} .ant-drawer:not(.mobile-nav-drawer):not(.xzm-workspace-drawer-shell) .ant-drawer-content,.ant-drawer:not(.mobile-nav-drawer):not(.xzm-workspace-drawer-shell) .ant-drawer-body {max-width: 100vw;} .ant-drawer:not(.mobile-nav-drawer):not(.xzm-workspace-drawer-shell) .ant-drawer-content {border-radius: 0;} .ant-drawer:not(.mobile-nav-drawer):not(.xzm-workspace-drawer-shell) .ant-drawer-body {padding: 14px 12px calc(22px + env(safe-area-inset-bottom)) ; overflow-x: hidden;} .ant-drawer-body .ant-form-item {margin-bottom: 12px;} .ant-modal {max-width: calc(100vw - 24px) ; margin: 12px auto;} .ant-modal-content {max-height: calc(100vh - 24px) ; overflow: auto;} .ant-modal-body {padding-bottom: calc(12px + env(safe-area-inset-bottom)) ;} .ant-modal-footer {display: flex; flex-direction: column-reverse; gap: 8px;} .ant-modal-footer .ant-btn {width: 100%; min-height: 40px; margin-inline-start: 0 !important;} .ant-tabs-nav {max-width: 100%;} .ant-tabs-tab {white-space: nowrap;} .section-head,.workspace-title,.chapter-card-form {align-items: flex-start; display: flex; flex-direction: column; width: 100%;} .section-head > div,.workspace-title > div,.chapter-card-form > * {width: 100%;} .section-head > .ant-space,.section-head > .ant-btn,.panel-actions,.workspace-title > .ant-space,.workspace-title > .ant-btn,.daily-flow-actions,.guide-support-actions,.sample-next-action > .ant-space,.sample-library-head > .ant-space,.project-assistant-actions,.secondary-action-row,.workflow-mode-actions,.candidate-actions,.task-history-actions > .ant-space,.project-select-card-actions,.sample-review-actions {width: 100%; display: flex; flex-direction: column; align-items: stretch;} .section-head > .ant-space .ant-btn,.section-head > .ant-btn,.panel-actions .ant-btn,.workspace-title > .ant-space .ant-btn,.workspace-title > .ant-btn,.daily-flow-actions .ant-btn,.daily-flow-step .ant-btn,.guide-support-actions .ant-btn,.sample-next-action .ant-btn,.sample-library-head .ant-btn,.project-assistant-actions .ant-btn,.secondary-action-row .ant-btn,.workflow-next-action .ant-btn,.workflow-mode-actions .ant-btn,.candidate-actions .ant-btn,.candidate-human-check .ant-btn,.task-history-actions .ant-btn,.project-select-card-actions .ant-btn,.sample-review-actions .ant-btn {width: 100%; min-height: 40px;} .project-select,.card-select,.workflow-mode-select,.chapter-card-form .ant-input-number {width: 100%;} .chapter-card-form textarea {min-height: 92px; max-height: 144px;} .chapter-inspiration-label,.chapter-inspiration-main,.chapter-inspiration-section,.manuscript-memory-head {align-items: flex-start; flex-direction: column;} .chapter-inspiration-label > .ant-typography {text-align: left;} .chapter-inspiration-actions,.chapter-inspiration-actions .ant-btn,.chapter-inspiration-section .ant-segmented,.chapter-inspiration-section .ant-space,.chapter-inspiration-section .ant-space-item,.chapter-inspiration-section .ant-btn {width: 100%;} .chapter-inspiration-split,.project-progress-panel-head,.project-progress-row,.manuscript-memory-grid {grid-template-columns: 1fr;} .table-empty-state .ant-space {width: 100%; display: flex; flex-direction: column; align-items: stretch;} .table-empty-state .ant-space-item,.table-empty-state .ant-btn {width: 100%; min-height: 38px;} .settings-detail-collapse .ant-space,.admin-detail-collapse .ant-space {max-width: 100%;} .retrieval-status-grid {grid-template-columns: 1fr;} .next-action-card .ant-card-body,.project-assistant-panel .ant-card-body,.next-action-meta {align-items: flex-start; justify-content: flex-start; width: 100%;} .guide-hero .ant-card-body,.daily-flow-head,.guide-value-head {align-items: flex-start; flex-direction: column;} .daily-flow-list {grid-template-columns: 1fr;} .daily-flow-step {min-height: auto;} .guide-support-card .ant-card-head {align-items: flex-start; flex-direction: column; gap: 4px; padding-top: 10px; padding-bottom: 10px;} .guide-support-card .ant-card-extra {margin-left: 0;} .guide-support-role-grid {grid-template-columns: 1fr;} .workflow-steps {padding: 12px 8px; overflow: hidden;} .workflow-steps .ant-steps-item-title {font-size: 12px; line-height: 1.35;} .workflow-steps .ant-steps-item {min-width: 92px;} .workflow-steps .ant-steps-item-description {display: none;} .sample-next-action,.sample-collect-hero,.sample-library-head,.sample-card-head,.sample-human-check,.sample-fallback-panel,.collect-candidate-head,.collect-candidate-card,.sample-review-decision,.sample-review-actions {align-items: flex-start; flex-direction: column;} .collect-candidate-list {max-height: min(280px,36vh);} .sample-stat-grid,.project-card-grid,.project-overview-grid,.direction-card-metrics,.direction-card-blocks,.memory-summary-grid,.memory-section-grid,.voice-sample-grid,.sample-card-grid {grid-template-columns: 1fr;} .project-overview-summary {align-items: flex-start; flex-direction: column;} .project-overview-summary .ant-btn {width: 100%;} .project-assistant-panel .ant-card-body,.project-select-card-head,.project-select-card-actions,.project-progress-panel-head,.project-progress-row,.direction-card-head,.voice-sample-head,.voice-sample-actions,.task-history-head,.task-history-actions {flex-direction: column;} .candidate-head {align-items: flex-start; flex-direction: column;} .candidate-actions {justify-content: flex-start;} .candidate-content-preview {max-height: 260px;} .candidate-score-grid,.candidate-block-grid,.chapter-polish-metrics,.approval-checklist,.writer-review-metrics,.simple-automation-grid,.review-opinion-body {grid-template-columns: 1fr;} .chapter-polish-head,.chapter-polish-next,.chapter-focus-card,.candidate-decision-strip,.candidate-continuity,.candidate-human-check,.publish-ready-head,.publish-ready-item,.writer-review-head,.review-opinion-head,.chapter-goal-presets,.chapter-bias-panel,.memory-candidate-item {align-items: flex-start; flex-direction: column;} .preference-tag-row {grid-template-columns: 1fr; gap: 6px;} .chapter-goal-diagnosis .ant-alert-action,.workflow-next-action .ant-alert-action {width: 100%; margin-inline-start: 0;} .chapter-goal-presets .ant-space {width: 100%; display: flex; flex-direction: column; align-items: stretch;} .chapter-goal-presets .ant-btn,.chapter-bias-panel .ant-segmented,.memory-candidate-item > .ant-space {width: 100%; min-height: 38px;} .home-flow-window .daily-flow-actions {width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px;} .home-flow-window .daily-flow-actions .ant-btn {width: 100%; min-height: 34px; padding-inline: 6px; font-size: 12px;} .home-flow-window .daily-flow-list {grid-template-columns: 1fr; gap: 6px;} .home-flow-window .daily-flow-step {padding: 7px; gap: 5px;} .home-flow-window .daily-flow-step-body {display: grid; grid-template-columns: 26px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 7px; row-gap: 2px;} .home-flow-window .daily-flow-step-icon {width: 26px; height: 26px; grid-row: 1 / span 2;} .home-flow-window .daily-flow-step-body > .ant-typography-secondary {-webkit-line-clamp: 1;} .directive-head {align-items: flex-start; flex-direction: column;} .workflow-head,.panel-head,.workflow-actions,.emergency-mode-content {flex-direction: column;} .workflow-mode-select,.workflow-mode-actions {width: 100%;} .workflow-mode-actions {justify-content: flex-start;} .preflight-grid,.rag-evidence-grid,.result-summary-grid,.config-checklist-grid,.writer-card-grid,.credit-summary-grid {grid-template-columns: 1fr;} .preflight-item {min-height: auto;} .task-history-head {align-items: flex-start;} .task-history-actions {align-items: stretch;} .mobile-chapter-summary {margin-top: 12px; padding: 12px; border: 1px solid #dfe9ee; border-radius: 8px; background: #fbfdfe; display: grid; gap: 10px;} .mobile-chapter-summary > div {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .mobile-step-flow {margin-top: 12px; padding: 4px 0 2px; overflow: visible; display: flex; flex-wrap: wrap; gap: 8px;} .mobile-step-item {flex: 1 1 min(156px,100%); min-height: 68px; padding: 10px; border: 1px solid #e1e9ee; border-radius: 8px; background: #fff; display: flex; align-items: flex-start; gap: 8px;} .mobile-step-item.finish {border-color: #bddfcf; background: #f7fbf8;} .mobile-step-item.process {border-color: #9fd4d0; background: #f0fbf9;} .mobile-step-item.error {border-color: #efc7c3; background: #fff7f6;} .mobile-step-index {width: 22px; height: 22px; border-radius: 999px; background: #eaf7f5; color: #F59E0B; font-size: 12px; font-weight: 800; display: grid; place-items: center; flex: 0 0 auto;} .mobile-step-copy {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .mobile-step-copy .ant-typography {margin: 0; line-height: 1.35;} .mobile-step-copy .ant-typography-secondary {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .workflow-steps {display: none;} .workflow-next-action {display: none;} .boutique-workflow {padding: 12px;} .workflow-head > div:first-child .ant-typography-secondary {display: none;} .chapter-goal-presets {padding: 10px;} .chapter-goal-presets .ant-space {width: 100%; overflow: hidden; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;} .chapter-goal-presets .ant-space-item {flex: 1 1 min(160px,100%);} .chapter-goal-presets .ant-btn {width: 100%; min-height: 34px;} .daily-flow-list {margin: 0; padding: 0; overflow: hidden; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px;} .daily-flow-step {width: auto; min-height: 0; padding: 8px; gap: 4px;} .daily-flow-step .ant-typography-secondary {display: none;} .daily-flow-step-head {gap: 3px;} .daily-flow-step-head .ant-tag {margin-inline-end: 0; padding-inline: 5px;} .guide-grid {display: none;} .guide-detail-row {display: none;} .mobile-recent-tasks-card {display: block;} .mobile-my-entry-card {display: block;} .my-credit-card {display: block;} .my-entry-head {flex-direction: column;} .my-entry-grid {grid-template-columns: repeat(4,minmax(0,1fr));} .my-entry-button {min-height: 66px; padding: 8px 4px; font-size: 12px;} .my-credit-card > .ant-card-body {padding: 14px;} .profile-page-head {flex-direction: column;} .profile-account-grid {grid-template-columns: 1fr;} .profile-toolbar {flex-direction: column;} .profile-account-strip {grid-template-columns: 1fr; align-items: stretch;} .profile-account-meta {justify-content: flex-start; flex-wrap: wrap; white-space: normal;} .profile-layout-v3,.profile-form-grid,.profile-form-grid.single,.profile-form-grid.two {grid-template-columns: 1fr;} .profile-avatar-card {grid-template-columns: 54px minmax(0,1fr);} .profile-avatar-preview {width: 54px; height: 54px;} .profile-avatar-card > .ant-btn {grid-column: 1 / -1; justify-self: start;} .profile-section-nav {position: static; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; overflow-x: visible; padding: 6px;} .profile-section-nav button {min-width: 0;} .profile-setting-card {padding: 14px;} .profile-archive-row {align-items: stretch; flex-direction: column;} .profile-archive-row .ant-btn {width: 100%;} .credit-user-panel.compact .credit-summary-card {min-height: auto;} .responsive-card-list {display: grid; gap: 10px;} .responsive-table {display: none;} .responsive-entity-card {min-width: 0; padding: 12px; border: 1px solid #e1e9ee; border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: 9px;} .responsive-entity-head,.responsive-entity-meta,.responsive-entity-actions {min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;} .responsive-entity-head > div,.responsive-entity-body {min-width: 0; display: flex; flex-direction: column; gap: 3px;} .responsive-entity-meta {flex-wrap: wrap;} .responsive-entity-actions {align-items: stretch;} .responsive-entity-actions .ant-btn {flex: 1 1 0; min-width: 0;} .mobile-list-loading {min-height: 96px; display: grid; place-items: center;} .mobile-primary-action-bar {position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; min-height: calc(66px + env(safe-area-inset-bottom)) ; padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) ; border-top: 1px solid #dfe8ec; background: rgba(255,255,255,.98); box-shadow: 0 -12px 28px rgba(15,23,42,.08); display: grid; grid-template-columns: minmax(0,1fr) minmax(136px,42%); gap: 10px; align-items: center;} .mobile-project-primary-action {bottom: calc(65px + env(safe-area-inset-bottom)) ;} .mobile-primary-action-bar.copyless {grid-template-columns: 1fr;} .mobile-action-copy {min-width: 0; display: flex; flex-direction: column; gap: 2px;} .mobile-action-copy .ant-typography {margin: 0; line-height: 1.35;} .mobile-action-copy .ant-typography-secondary {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .mobile-action-buttons {min-width: 0; display: flex; align-items: stretch; justify-content: flex-end; gap: 8px;} .mobile-action-buttons .ant-btn {min-width: 0; min-height: 40px; white-space: normal;} .mobile-action-buttons .ant-btn-primary {min-height: 48px;} .mobile-primary-action-bar.copyless .mobile-action-buttons {display: grid; grid-template-columns: minmax(0,1fr);} .mobile-primary-action-bar.copyless.has-secondary .mobile-action-buttons {grid-template-columns: minmax(0,1fr) minmax(82px,auto);} .mobile-primary-action-bar.copyless .mobile-action-buttons .ant-btn {width: 100%;}} .factory-shell {background: radial-gradient(circle at 14% 4%,color-mix(in srgb,var(--xzm-primary, #0f766e) 9%,transparent),transparent 30%),radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--xzm-accent, #2563eb) 8%,transparent),transparent 28%),var(--xzm-shell, #FFF8EF);} .factory-sider {background: linear-gradient(180deg,var(--xzm-sidebar-from, #102420) 0%,color-mix(in srgb,var(--xzm-sidebar-from, #102420) 42%,var(--xzm-sidebar-to, #071311)) 52%,var(--xzm-sidebar-to, #071311) 100%) !important;} .factory-sider .ant-menu {background: transparent !important;} .factory-sider .ant-menu-item,.factory-sider .ant-menu-submenu-title {border-radius: 8px;} .factory-sider .ant-menu-item-selected {background: var(--xzm-sidebar-active, rgba(255, 255, 255, .14)) !important; color: var(--xzm-sidebar-active-text, #ffffff) !important;} .factory-brand-icon {box-shadow: 0 10px 24px color-mix(in srgb,var(--xzm-primary, #0f766e) 24%,transparent);} .factory-header {border-bottom-color: var(--xzm-border, rgba(148, 163, 184, .28)); background: color-mix(in srgb,var(--xzm-panel, #fff) 86%,transparent); backdrop-filter: blur(18px);} .factory-content.project-content-active {background: linear-gradient(180deg,rgba(11,16,32,.03),rgba(245,247,251,.92)),#FFF8EF;} .project-buddy-shell {max-width: 1760px;} .project-stepbar-banner .project-workspace-stepbar,.project-workspace-strip {border-color: rgba(99,102,241,.22); background: linear-gradient(90deg,rgba(238,242,255,.95),rgba(240,253,250,.72));} .project-agent-layout {grid-template-columns: minmax(260px,312px) minmax(0,1fr) minmax(300px,360px); gap: 14px;} .project-agent-rail,.project-agent-workbench,.project-agent-dock.buddy-side-sheet,.project-workspace-panel {border-color: rgba(148,163,184,.28); border-radius: 10px; box-shadow: 0 18px 40px rgba(15,23,42,.07);} .project-agent-rail {background: linear-gradient(180deg,#111827 0%,#121a2f 100%); color: #e5e7eb;} .project-agent-rail .ant-typography,.project-agent-rail .ant-typography-secondary {color: inherit;} .project-agent-rail .ant-typography-secondary,.project-agent-recent-list > div > .ant-typography:first-child {color: #94a3b8 !important;} .project-agent-rail-head,.project-agent-quick-metrics,.project-agent-current-book {border-color: rgba(148,163,184,.18);} .project-agent-current-book,.project-agent-recent {background: rgba(15,23,42,.62); border-color: rgba(148,163,184,.18);} .project-agent-current-book {box-shadow: inset 3px 0 0 #F59E0B;} .project-agent-quick-metrics strong {color: #ffffff;} .project-agent-quick-metrics small {color: #94a3b8;} .project-agent-archive-button.ant-btn {border-color: rgba(99,102,241,.4); background: rgba(99,102,241,.14); color: #eef2ff;} .project-agent-workbench,.project-workspace-panel {background: rgba(255,255,255,.94);} .project-agent-dock.buddy-side-sheet {background: #ffffff;} .buddy-side-next {border-radius: 10px;} .agent-step-brief {border-color: rgba(99,102,241,.16); background: linear-gradient(135deg,rgba(238,242,255,.92),rgba(240,253,250,.74)),#ffffff;} .agent-step-material-item {border-color: rgba(148,163,184,.24); background: #f8fafc;} .agent-step-material-item.ready {border-color: rgba(20,184,166,.34); background: #f0fdfa;} .agent-step-material-item.warning {border-color: rgba(245,158,11,.34); background: #fffbeb;} .factory-content .ant-btn-primary {background: #F59E0B; border-color: #F59E0B; box-shadow: 0 10px 20px rgba(79,70,229,.18);} .factory-content .ant-btn-primary:hover,.factory-content .ant-btn-primary:focus-visible {background: #4338ca !important; border-color: #4338ca !important;} .mobile-bottom-nav-item.active {background: #eef2ff; color: #F59E0B;} @media (max-width: 1100px) {.project-agent-layout {grid-template-columns: minmax(232px,280px) minmax(0,1fr);} .project-agent-dock.buddy-side-sheet {display: none;}} @media (max-width: 760px) {.project-agent-rail {display: none;} .project-agent-layout {display: block;} .project-agent-workbench,.project-workspace-panel {border-radius: 10px;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes fadeOut {from {opacity: 1;} to {opacity: 0;}} .animate-fade-in {animation: fadeIn .3s ease-out forwards;} .animate-fade-out {animation: fadeOut .2s ease-in forwards;} @keyframes floatUp {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @keyframes floatDown {from {opacity: 1; transform: translateY(0);} to {opacity: 0; transform: translateY(20px);}} .animate-float-up {animation: floatUp .4s ease-out forwards;} .animate-float-down {animation: floatDown .2s ease-in forwards;} @keyframes scaleIn {from {opacity: 0; transform: scale(.9);} to {opacity: 1; transform: scale(1);}} @keyframes scaleOut {from {opacity: 1; transform: scale(1);} to {opacity: 0; transform: scale(.9);}} .animate-scale-in {animation: scaleIn .3s ease-out forwards;} .animate-scale-out {animation: scaleOut .2s ease-in forwards;} @keyframes slideLeft {from {opacity: 0; transform: translateX(-30px);} to {opacity: 1; transform: translateX(0);}} @keyframes slideRight {from {opacity: 0; transform: translateX(30px);} to {opacity: 1; transform: translateX(0);}} .animate-slide-left {animation: slideLeft .4s ease-out forwards;} .animate-slide-right {animation: slideRight .4s ease-out forwards;} .btn-animate {transition: all .2s ease;} .btn-animate:hover:not(:disabled) {transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.15);} .btn-animate:active:not(:disabled) {transform: translateY(0) scale(.98); box-shadow: 0 2px 6px rgba(0,0,0,.1);} .card-animate {transition: all .2s ease;} .card-animate:hover {transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.12);} .card-animate:active {transform: translateY(-2px) scale(.98);} .input-animate {transition: all .2s ease;} .input-animate:focus {transform: translateY(-1px); box-shadow: 0 0 0 3px rgba(99,102,241,.1);} @keyframes skeletonPulse {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} .skeleton-animate {background: linear-gradient(90deg,var(--color-gray-100, #f3f4f6) 25%,var(--color-gray-200, #e5e7eb) 50%,var(--color-gray-100, #f3f4f6) 75%); background-size: 200% 100%; animation: skeletonPulse 1.5s ease-in-out infinite;} @keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}} .animate-spin {animation: spin 1s linear infinite;} @keyframes bounce {0%,100% {transform: translateY(0);} 50% {transform: translateY(-10px);}} .animate-bounce {animation: bounce 1s ease-in-out infinite;} @keyframes pageEnter {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @keyframes pageExit {from {opacity: 1; transform: translateY(0);} to {opacity: 0; transform: translateY(-20px);}} .page-enter {animation: pageEnter .3s ease-out forwards;} .page-exit {animation: pageExit .2s ease-in forwards;} @keyframes xzmPageEnter {from {opacity: 0; transform: translateY(16px);} to {opacity: 1; transform: translateY(0);}} @keyframes xzmPageExit {from {opacity: 1; transform: translateY(0);} to {opacity: 0; transform: translateY(-12px);}} .xzm-page-enter {animation: xzmPageEnter var(--page-transition-duration, .22s) ease-out forwards;} .xzm-page-exit {animation: xzmPageExit var(--page-transition-duration, .22s) ease-in forwards; overflow: hidden;} .xzm-page-entered {opacity: 1;} .stagger-item {opacity: 0; animation: floatUp .4s ease-out forwards;} .stagger-item:nth-child(1) {animation-delay: .1s;} .stagger-item:nth-child(2) {animation-delay: .2s;} .stagger-item:nth-child(3) {animation-delay: .3s;} .stagger-item:nth-child(4) {animation-delay: .4s;} .stagger-item:nth-child(5) {animation-delay: .5s;} .stagger-item:nth-child(6) {animation-delay: .6s;} .stagger-item:nth-child(7) {animation-delay: .7s;} .stagger-item:nth-child(8) {animation-delay: .8s;} @media (prefers-reduced-motion: reduce) {.animate-fade-in,.animate-fade-out,.animate-float-up,.animate-float-down,.animate-scale-in,.animate-scale-out,.animate-slide-left,.animate-slide-right,.btn-animate,.card-animate,.input-animate,.skeleton-animate,.animate-spin,.animate-bounce,.page-enter,.page-exit,.stagger-item {animation: none !important; transition: none !important;}} .transition-all {transition: all .2s ease;} .transition-transform {transition: transform .2s ease;} .transition-opacity {transition: opacity .2s ease;} .transition-colors {transition: background-color .2s ease,color .2s ease;} .gpu-accelerated {transform: translateZ(0); backface-visibility: hidden; perspective: 1000px;} .delay-100 {animation-delay: .1s;} .delay-200 {animation-delay: .2s;} .delay-300 {animation-delay: .3s;} .delay-400 {animation-delay: .4s;} .delay-500 {animation-delay: .5s;} .duration-150 {animation-duration: .15s;} .duration-200 {animation-duration: .2s;} .duration-300 {animation-duration: .3s;} .duration-400 {animation-duration: .4s;} .duration-500 {animation-duration: .5s;} .ease-linear {animation-timing-function: linear;} .ease-in {animation-timing-function: ease-in;} .ease-out {animation-timing-function: ease-out;} .ease-in-out {animation-timing-function: ease-in-out;} :focus-visible {outline: 2px solid var(--color-primary-500, #3b82f6); outline-offset: 2px; border-radius: 2px;} :focus:not(:focus-visible) {outline: none;} .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0;} .skip-link {position: absolute; top: -40px; left: 0; background: var(--color-primary-500, #3b82f6); color: white; padding: 8px 16px; z-index: 10000; text-decoration: none; border-radius: 0 0 4px 0; font-size: 14px; font-weight: 500;} .skip-link:focus {top: 0;} .touch-target {min-width: 44px; min-height: 44px;} .text-high-contrast {color: var(--text-primary, #111827);} .text-medium-contrast {color: var(--text-secondary, #6b7280);} .bg-high-contrast {background-color: var(--bg-primary, #ffffff); color: var(--text-primary, #111827);} @media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}} @media (prefers-contrast: high) {:root { --color-primary-500: #0000ff; --color-success: #006600; --color-warning: #996600; --color-error: #cc0000; } .btn,.card,.input {border: 2px solid currentColor;}} @media (prefers-color-scheme: dark) {:root:not([data-theme]) { --color-gray-50: #111827; --color-gray-100: #1f2937; --color-gray-200: #374151; --color-gray-300: #4b5563; --color-gray-400: #6b7280; --color-gray-500: #9ca3af; --color-gray-600: #d1d5db; --color-gray-700: #e5e7eb; --color-gray-800: #f3f4f6; --color-gray-900: #f9fafb; --text-primary: #f9fafb; --text-secondary: #d1d5db; --text-placeholder: #6b7280; --bg-primary: #111827; --bg-secondary: #1f2937; --bg-tertiary: #374151; }} [data-keyboard-navigable]:focus-visible {outline: 3px solid var(--color-primary-500, #3b82f6); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(59,130,246,.2);} .input-wrapper:focus-within label {color: var(--color-primary-500, #3b82f6); font-weight: 500;} .input-error {border-color: var(--color-error, #ef4444);} .input-error:focus {box-shadow: 0 0 0 3px rgba(239,68,68,.2);} .btn:disabled,button:disabled {opacity: .6; cursor: not-allowed;} .btn-loading {position: relative; color: transparent !important;} .btn-loading::after {content: ""; position: absolute; width: 16px; height: 16px; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; border: 2px solid currentColor; border-radius: 50%; border-top-color: transparent; animation: spin .6s linear infinite;} a:not([class]) {color: var(--color-primary-500, #3b82f6); text-decoration: underline; text-underline-offset: 2px;} a:not([class]):hover {text-decoration: none;} ul:not([class]),ol:not([class]) {padding-left: 1.5em;} table:not([class]) th {background-color: var(--color-gray-100, #f3f4f6); font-weight: 600; text-align: left; padding: 8px 12px;} table:not([class]) td {padding: 8px 12px; border-bottom: 1px solid var(--color-gray-200, #e5e7eb);} .modal[role="dialog"] {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: white; padding: 24px; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.3); z-index: 1000; max-width: 90vw; max-height: 90vh; overflow-y: auto;} .modal[role="dialog"] h2 {margin-top: 0;} .modal[role="dialog"] [aria-label="Close"],.modal[role="dialog"] [aria-label="关闭"] {position: absolute; top: 12px; right: 12px;} [role="alert"] {padding: 12px 16px; border-radius: 6px; border-left: 4px solid;} [role="alert"][aria-live="polite"] {border-color: var(--color-info, #3b82f6); background-color: rgba(59,130,246,.1);} [role="alert"][aria-live="assertive"] {border-color: var(--color-error, #ef4444); background-color: rgba(239,68,68,.1);} [role="progressbar"] {width: 100%; height: 8px; background-color: var(--color-gray-200, #e0e0e0); border-radius: 4px; overflow: hidden;} [role="progressbar"] [aria-valuenow] {height: 100%; background-color: var(--color-primary-500, #3b82f6); transition: width .3s ease;} [role="tooltip"] {position: absolute; padding: 6px 10px; background-color: var(--color-gray-900, #111827); color: white; font-size: 12px; border-radius: 4px; z-index: 10000; pointer-events: none; white-space: nowrap;} @media print {*,*::before,*::after {background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important;} a,a:visited {text-decoration: underline;} a[href]::after {content: " (" attr(href) ")";} abbr[title]::after {content: " (" attr(title) ")";} .no-print {display: none !important;}} .visually-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0;} .invisible {visibility: hidden;} .no-animation {animation: none !important; transition: none !important;} .forced-dark-text {color: #000000 !important;} .forced-light-text {color: #ffffff !important;} [dir="rtl"] {text-align: right;} [dir="rtl"] .ml-2 {margin-left: 0; margin-right: 8px;} [dir="rtl"] .mr-2 {margin-right: 0; margin-left: 8px;} :root { --focus-outline-color: var(--color-primary-500, #3b82f6); --focus-outline-offset: 2px; --min-touch-target: 44px; --min-contrast-ratio: 4.5; })})})})})})}