:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1c2540;background:#f8faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #769cf8;outline-offset:2px}.shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e8ebf3;padding:22px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;padding:8px}.brand i{display:grid;place-items:center;width:30px;height:30px;background:#5c69d9;color:white;border-radius:10px;font-style:normal}.new{background:#6872df;color:white;border:0;border-radius:11px;padding:12px;text-align:left;font-weight:700}.nav{display:grid;gap:4px}.nav button,.recent button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:#59637b;width:100%}.nav button.active,.nav button:hover,.recent button:hover{background:#eef0ff;color:#4e59c8}.side-label{color:#9aa2b5;font-size:12px;font-weight:700;padding:8px 12px 0}.recent{display:grid;gap:3px}.recent button{display:grid;gap:4px}.recent small{color:#a2a9b7}.side-foot{margin-top:auto;padding:12px;color:#7a8297;font-size:12px;border-top:1px solid #eceef5}.main{min-width:0;padding:24px 4vw 56px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#7c8599;font-size:13px}.badge{background:#fff5de;color:#8b642a;padding:7px 10px;border-radius:99px;border:1px solid #f4e6bd}.home{max-width:1060px;margin:54px auto 0}.hero{text-align:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.24em;color:#838ed5}.hero h1{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:15px 0 10px}.hero h1 span{color:#6872df}.hero p{color:#8b94a9;margin:0}.modes{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:35px auto 12px}.modes button,.chip,.ghost{background:#fff;border:1px solid #e2e5ef;border-radius:999px;padding:9px 15px;color:#67718b}.modes button.on,.chip.on{border-color:#777fe6;background:#eef0ff;color:#505ccd;font-weight:700}.composer{background:white;border:1px solid #dfe4f2;border-radius:19px;box-shadow:0 18px 42px #222e5510;padding:19px;max-width:900px;margin:0 auto}.composer textarea{width:100%;border:0;outline:0;resize:vertical;min-height:100px;font-size:16px;color:#24304c}.composer textarea::placeholder{color:#a4adbf}.composer-bottom,.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.composer-bottom{justify-content:space-between}.row{min-width:0}.small-button{border:1px solid #e2e6f1;background:#fff;border-radius:9px;color:#63708d;padding:8px 11px}.primary{border:0;background:#6974df;color:white;border-radius:10px;padding:10px 17px;font-weight:700}.hint{color:#9aa3b4;font-size:12px;text-align:center;margin:12px}.asset-list{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 13px}.asset{display:flex;align-items:center;gap:8px;border:1px solid #e7eaf3;background:#f8f9fd;border-radius:10px;padding:6px;font-size:12px;max-width:100%}.asset img{width:38px;height:38px;object-fit:cover;border-radius:6px}.asset select{max-width:110px;border:1px solid #dbe0ed;border-radius:6px;padding:4px;background:white}.asset button{border:0;background:transparent;color:#a85b5b}.cards{margin-top:42px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.section-head h2{font-size:20px;margin:0 0 5px}.section-head p,.muted{color:#8992a7;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px}.card{border:1px solid #e4e8f1;background:white;border-radius:15px;overflow:hidden;text-align:left;padding:0;min-width:0;transition:transform .15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #27325414}.card-art{height:128px;display:grid;place-items:center;font-size:52px;position:relative;overflow:hidden}.card-art:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffffaa;border-radius:50%;right:-40px;top:-80px}.card-art i{position:relative;font-style:normal;filter:drop-shadow(0 10px 12px #0002)}.card-copy{padding:14px;display:grid;gap:5px}.card-copy small{color:#8d96a7}.workspace{max-width:1130px;margin:25px auto}.workspace-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.workspace h1,.page-title{font-size:27px;margin:5px 0}.status{padding:7px 10px;border-radius:8px;background:#eef0ff;color:#5d66c9;font-size:12px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:19px;margin-top:20px}.panel{background:#fff;border:1px solid #e4e8f0;border-radius:15px;padding:20px;min-width:0}.panel h2{font-size:17px;margin:0 0 14px}.message{border-left:3px solid #ccd2ef;padding:9px 13px;margin-bottom:12px;background:#f8f9fe;border-radius:0 8px 8px 0}.message small{color:#8b94aa}.question{background:#f4f5ff;border:1px solid #dfe3fc;border-radius:12px;padding:16px;margin:13px 0}.question p{margin:0 0 10px}.question button{margin:3px}.steps{display:grid;gap:10px;margin:15px 0}.step{display:flex;align-items:center;gap:8px;color:#788299;font-size:13px}.dot{height:8px;width:8px;border-radius:50%;background:#bec6d9}.dot.done{background:#64ba95}.dot.live{background:#7481ee}.progress{height:7px;background:#edf0f8;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#6974df}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0}.result{border:1px solid #e3e7f0;border-radius:12px;overflow:hidden;background:#fff}.result.selected{outline:2px solid #6b74dd}.result-visual{position:relative;background:linear-gradient(135deg,#e6e7fa,#f7ebe2);height:190px;display:grid;place-items:center}.result-visual img{max-width:85%;max-height:85%;object-fit:contain}.result-visual .stamp{position:absolute;top:8px;left:8px;background:#fffdf0;padding:5px;font-size:10px;border-radius:5px;color:#8e743e}.result-meta{padding:11px}.result-meta strong{display:block}.result-meta small{color:#8c95a7}.result-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.result-actions button{font-size:12px;padding:5px 8px;border:1px solid #e3e6ef;border-radius:6px;background:white}.edit-box{background:#f8f9fc;border-radius:10px;padding:13px;margin-top:12px}.edit-box textarea,.field{width:100%;border:1px solid #dfe4ed;border-radius:8px;padding:10px;background:#fff}.edit-box textarea{min-height:62px;resize:vertical}.region{height:220px;max-width:360px;margin:12px 0;background:#eef0f8;position:relative;cursor:crosshair;touch-action:none;display:grid;place-items:center}.region img{max-height:100%;max-width:100%}.rect{position:absolute;border:2px dashed #5c64d7;background:#6872df33;pointer-events:none}.side-section{margin-bottom:22px}.side-section h3{font-size:14px;margin:0 0 8px}.side-section p{font-size:13px;line-height:1.5;color:#758099}.side-section .chip{margin:3px;font-size:12px;padding:6px 9px}.list{display:grid;gap:12px;max-width:920px;margin-top:20px}.list-item{border:1px solid #e4e8f0;border-radius:12px;padding:16px;background:#fff;display:flex;justify-content:space-between;gap:14px;align-items:center}.list-item strong{display:block;margin-bottom:5px}.list-item small{color:#8e98ac}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.skill-card{background:white;border:1px solid #e4e8f1;border-radius:14px;padding:17px}.skill-card .glyph{display:grid;place-items:center;background:#eff0ff;border-radius:12px;width:52px;height:52px;font-size:26px;color:#6974dc}.skill-card p{font-size:13px;color:#748098;min-height:50px}.skill-card small{color:#9a8a60}.modal-back{position:fixed;inset:0;background:#17203d66;display:grid;place-items:center;padding:16px;z-index:20}.modal{background:white;border-radius:16px;max-width:520px;width:100%;padding:23px;max-height:90vh;overflow:auto;box-shadow:0 25px 60px #10193240}.modal h2{margin:0 0 9px}.modal p{color:#69758e;line-height:1.5}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.warning{background:#fff8e9;border:1px solid #f3e3c1;border-radius:9px;padding:11px;color:#825f27;font-size:12px}.empty{padding:26px;text-align:center;color:#8e98aa}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid #dfe4ed;border-radius:8px;padding:9px}.tag{font-size:11px;color:#9a6b44;background:#fff3e8;border-radius:99px;padding:5px 8px}#toast{position:fixed;right:22px;bottom:20px;background:#263354;color:white;border-radius:9px;padding:11px 15px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:30}#toast.show{opacity:1;transform:none}@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.main{padding:20px}.card-grid,.skills{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}}@media(max-width:620px){.shell{display:block}.sidebar{position:static;height:auto;padding:10px;gap:7px}.brand{display:none}.nav{display:flex;overflow:auto}.nav button{width:auto;white-space:nowrap}.recent,.side-label,.side-foot,.new{display:none}.main{padding:16px}.home{margin:28px auto}.card-grid,.skills{grid-template-columns:1fr 1fr}.card-art{height:100px}.workspace-head{display:block}.result-grid{grid-template-columns:1fr}}

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-art img{max-height:90px;max-width:78%;object-fit:contain;position:relative;filter:drop-shadow(0 12px 12px #27325433)}.art-note{position:absolute;bottom:8px;right:9px;font-size:10px;color:#667086;background:#ffffffc9;border-radius:5px;padding:3px 6px}.asset label{white-space:nowrap;color:#66718b}.asset input{vertical-align:middle}.composer .toolbar input{flex:1;min-width:180px}

/* Server conversation workspace. The demo layout above remains independent. */
.server-main{padding-bottom:24px}.server-banner{max-width:1050px;margin:16px auto;padding:9px 13px;background:#fff5de;border:1px solid #f1dfb2;border-radius:9px;color:#795a28;font-size:12px}.server-workspace{max-width:1050px;margin:14px auto;display:flex;flex-direction:column;min-height:calc(100vh - 140px)}.server-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e3e8f2;border-radius:12px;padding:10px 14px;font-size:12px;color:#6c7890}.server-context strong{color:#2d3854}.server-context button{margin-left:auto}.server-setup{margin-top:12px}.server-setup h3{font-size:14px;margin:20px 0 9px}.server-setup details{margin-top:13px;padding:10px;border:1px solid #edf0f6;border-radius:9px}.server-setup summary{cursor:pointer;color:#5663b7;font-size:13px}.server-setup .toolbar{margin-top:12px}.server-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.server-fields label{display:grid;gap:5px;color:#7b859a;font-size:12px}.server-fields select{width:100%;min-width:0;border:1px solid #dfe4ed;border-radius:8px;padding:9px;background:white}.server-feed{flex:1;display:flex;flex-direction:column;gap:14px;padding:28px 0 18px}.server-welcome{text-align:center;margin:auto;color:#58657e;padding:55px 10px}.server-welcome h1{font-size:28px;color:#25314d}.server-message{max-width:78%;padding:17px 19px;border-radius:15px;box-shadow:0 7px 20px #28375c09;line-height:1.55}.server-message small{color:#8c97ac}.server-message h3{margin:6px 0 8px;font-size:16px}.server-message p{margin:7px 0}.server-user{align-self:flex-end;background:#6473d9;color:white;border-bottom-right-radius:4px}.server-user small{color:#e4e8ff}.server-system{align-self:flex-start;background:white;border:1px solid #e2e7f1;border-bottom-left-radius:4px}.server-system .question{margin-bottom:8px}.server-events{margin:12px 0;padding-left:20px;color:#65718a;font-size:13px}.server-events li{margin:5px 0}.server-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.server-result{border:1px solid #e1e5ef;border-radius:10px;padding:9px;display:grid;gap:7px;min-width:0}.server-result.selected{border-color:#6974df;box-shadow:0 0 0 2px #6974df33}.server-result strong,.server-result small{display:block;overflow-wrap:anywhere}.server-image{height:170px;background:#f2f4f9;border-radius:7px;display:grid;place-items:center;color:#8992a7;font-size:12px;text-align:center}.server-image img{max-width:100%;max-height:100%;object-fit:contain}.server-composer{position:sticky;bottom:12px;background:#fff;border:1px solid #d9e0f0;border-radius:15px;padding:13px;box-shadow:0 15px 35px #2634581c}.server-composer-context{color:#67738b;font-size:12px;margin-bottom:7px}.server-composer textarea{display:block;width:100%;border:0;outline:0;resize:vertical;min-height:65px;padding:7px;color:#24304c}.server-composer .toolbar{justify-content:flex-end}.server-composer select{margin-right:auto;border:1px solid #e1e5ee;border-radius:8px;padding:8px;background:#fff}.server-limit{color:#9ba3b4;font-size:11px;text-align:center;margin:10px 0 0}@media(max-width:900px){.server-message{max-width:94%}}@media(max-width:620px){.server-fields,.server-results{grid-template-columns:1fr}.server-context button{margin-left:0}.server-message{max-width:100%}.server-composer{bottom:0}}

.server-edit-reference{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f2f4ff;border:1px solid #d7ddfb;border-radius:9px;padding:8px 10px;color:#4d5bb3}.server-edit-reference strong{color:#3344a3}.server-edit-reference span{margin-right:auto}.server-lineage{background:#f1f4ff;border-radius:8px;padding:7px 10px;color:#495ab0;font-size:13px}
.server-result{grid-template-rows:170px auto auto auto;align-content:start;min-width:0}.server-result .server-image{height:170px;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.server-result .server-image img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}.server-result .toolbar{align-self:start;align-items:flex-start}.server-result .toolbar button{white-space:normal;line-height:1.3}

/* Desktop reference recreation, measured against the supplied 1586 × 992 image. */
.server-home-shell{grid-template-columns:282px minmax(0,1fr);background:#f8faff;min-height:100vh}
.server-home-sidebar{width:282px;padding:20px 18px 0;gap:0;background:linear-gradient(110deg,#f9fbff,#f2f6fd);border-right:1px solid #e9edf5;overflow:hidden}
.server-home-sidebar .brand{height:52px;margin:0 0 14px;padding:4px 12px;gap:12px;font-size:21px;color:#0d1831}
.server-home-sidebar .brand i{width:31px;height:31px;font-size:27px;background:linear-gradient(135deg,#19b9ef,#5747e8);color:#fff;border-radius:9px;transform:rotate(12deg)}
.server-home-nav{display:grid;gap:0}
.server-home-nav button{height:54px;padding:0 26px;display:flex;gap:24px;align-items:center;border:0;border-radius:12px;background:transparent;color:#233451;font-size:16px;text-align:left;white-space:nowrap}
.server-home-nav button.active,.server-home-nav button:hover{background:#e7ecff;color:#1458ed;font-weight:700}
.home-nav-icon{width:22px;text-align:center;color:#182a4b;font-size:23px;font-weight:400}
.home-nav-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.server-home-nav button.active .home-nav-icon{color:#1760e8}
.home-recent-heading{margin:17px 10px 7px;padding-top:22px;border-top:1px solid #e1e7f0;display:flex;justify-content:space-between;color:#a0aac0;font-size:13px}
.home-recent-heading span:last-child{font-size:20px;line-height:10px;color:#6c82af}
.server-home-sidebar .home-recent{gap:3px}
.server-home-sidebar .home-recent button{display:flex;align-items:center;gap:13px;padding:5px 10px;height:76px;color:#223151}
.home-recent-thumb{width:64px;height:64px;flex:none;border-radius:12px;background-image:url('/public/home-reference-20261026.png');background-size:1586px 992px;background-repeat:no-repeat}
.home-recent-thumb.thumb-0{background-position:-29px -699px}.home-recent-thumb.thumb-1{background-position:-29px -777px}.home-recent-thumb.thumb-2{background-position:-29px -854px}
.home-recent-copy{min-width:0;display:grid;gap:4px}.home-recent-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.home-recent-copy small{font-size:12px;color:#9ca8bf}
.home-user{margin-top:auto;height:66px;border-top:1px solid #e4e9f2;display:flex;align-items:center;gap:12px;padding:0 10px;color:#24314e;font-size:14px}
.home-user span:first-child{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#e4ebfb;color:#245ff2;font-size:18px}.home-user span:last-child{margin-left:auto;font-size:26px;color:#42516c}
.server-home-main{position:relative;min-height:992px;padding:0;background:radial-gradient(ellipse at 12% 12%,#e9f0fe 0,transparent 33%),radial-gradient(ellipse at 82% 7%,#f6efe7 0,transparent 30%),#fbfcff;overflow:hidden}
.server-home-main:before{content:"";position:absolute;top:0;right:0;width:305px;height:465px;background:url('/public/home-reference-20261026.png') right top / 1586px 992px no-repeat;mask-image:radial-gradient(ellipse at 100% 25%,#000 0%,#000 50%,transparent 82%);pointer-events:none}
.server-home-content{position:relative;max-width:1204px;margin:0 auto;padding-top:94px}
.server-home-hero{text-align:center;padding:0;transform:translateX(-20px)}
.server-home-hero .eyebrow{color:#b7c1d4;font-size:11px;letter-spacing:.5em;font-weight:400}
.server-home-hero h1{margin:31px 0 15px;color:#10203d;font-size:55px;line-height:1.15;letter-spacing:-.055em;font-weight:800}
.server-home-hero h1 span{color:#325bec}
.server-home-hero p{margin:0;color:#77869f;font-size:22px;font-weight:500}
.server-home-modes{display:flex;width:max-content;max-width:100%;align-items:center;margin:51px auto 20px;padding:5px 6px;background:#fffc;border:1px solid #e6ebf4;border-radius:999px;box-shadow:0 12px 30px #273d5d0b;gap:0;transform:translateX(-20px)}
.server-home-modes button{position:relative;padding:12px 38px;background:none;border:0;border-radius:999px;color:#253754;font-size:15px;white-space:nowrap}
.server-home-modes button:not(:first-child):before{content:"";position:absolute;left:0;top:16px;height:20px;width:1px;background:#dce3ee}
.server-home-modes button.on{color:#1459ee;background:#eef3ff;box-shadow:inset 0 0 0 1px #cfdcff;font-weight:700}
.server-home-modes button span{margin-left:9px}
.server-home-composer{position:relative;width:1077px;max-width:calc(100% - 86px);height:213px;min-height:0;margin:0 auto;padding:25px 24px 22px;background:#fff;border:1px solid #cddaf2;border-radius:25px;box-shadow:0 0 0 5px #edf3ffbb,0 17px 40px #2d426319;transform:translateX(-20px)}
.server-home-composer textarea{display:block;width:100%;height:106px;min-height:0;padding:4px 0;resize:none;border:0;outline:0;color:#1b2b4c;font-size:20px;line-height:1.5}
.server-home-composer textarea::placeholder{color:#9aaac5}
.server-home-compose-bottom{position:absolute;left:24px;right:24px;bottom:19px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.server-home-compose-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.server-home-compose-actions .small-button{padding:10px 17px;background:#fff;border:1px solid #e1e7f1;border-radius:999px;color:#253653;font-size:14px;white-space:nowrap}
.server-home-compose-actions .small-button span{margin-left:7px}
.home-plus{width:43px;height:43px;border:0;border-radius:50%;background:#f1f4f9;color:#293d61;font-size:29px;line-height:1}
.server-home-send{width:50px;height:50px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:#172748;color:#fff;font-size:31px;line-height:1;box-shadow:0 5px 13px #1b2e5d2d}
.server-home-composer.has-image{height:290px}.server-home-composer.has-image textarea{height:84px}.quick-image-preview{position:absolute;top:106px;left:24px;right:24px;display:flex;align-items:center;gap:12px;max-width:570px;padding:8px 10px;background:#f7f9fd;border:1px solid #dce5f2;border-radius:12px}.quick-image-preview img{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#e9eef7}.quick-image-details{display:grid;gap:3px;min-width:0;font-size:12px;color:#6a7894}.quick-image-details strong{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263856}.quick-image-details label{display:flex;align-items:center;gap:5px}.quick-image-details select{border:1px solid #d9e1ed;background:white;border-radius:6px;padding:2px 5px;color:#263856}.quick-image-attest input{margin:0}.quick-image-remove{align-self:flex-start;margin-left:auto;border:0;background:transparent;color:#8190a9;font-size:24px;line-height:1}.home-inspiration{width:1077px;max-width:calc(100% - 86px);margin:18px auto 0;padding:15px 18px;background:#fff;border:1px solid #dce4f1;border-radius:14px;box-shadow:0 10px 25px #2437530a;transform:translateX(-20px)}.home-inspiration>div:first-child{display:flex;gap:10px;align-items:center;color:#273857;font-size:14px}.home-inspiration>div:first-child span{color:#8997ad;font-size:12px}.home-inspiration-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.home-inspiration-chips button,.home-inspiration-chips span{border:1px solid #dce5f2;border-radius:999px;padding:8px 12px;background:#f8faff;color:#425370;font-size:12px}.home-inspiration-chips span{color:#8b98ac}
.server-home-main .server-setup{width:1077px;max-width:calc(100% - 86px);margin:24px auto}
.home-skill-panel{width:1077px;max-width:calc(100% - 86px);margin:22px auto 0;padding:14px 18px;background:#fff;border:1px solid #e1e7f1;border-radius:12px;color:#55627d;font-size:14px}.home-skill-panel label{display:flex;align-items:center;gap:12px}.home-skill-panel select{padding:8px 12px;border:1px solid #dce4f1;border-radius:8px;background:#fff;color:#263552}
.server-home-section-head{display:flex;align-items:center;justify-content:space-between;margin:53px 0 17px;color:#273956;font-size:16px}
.server-home-section-head>div{display:flex;align-items:center;gap:14px}
.server-home-section-head button{border:0;background:transparent;color:#7786a0;font-size:12px}
.server-home-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.server-home-card{height:250px;min-width:0;padding:0;border:0;border-radius:13px;background-image:url('/public/home-reference-20261026.png');background-size:1586px 992px;background-repeat:no-repeat;box-shadow:none}
.server-home-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2e416522}
.server-home-card.card-0{background-position:-332px -679px}.server-home-card.card-1{background-position:-529px -679px}.server-home-card.card-2{background-position:-733px -679px}.server-home-card.card-3{background-position:-935px -679px}.server-home-card.card-4{background-position:-1140px -679px}.server-home-card.card-5{background-position:-1345px -679px}
@media(max-width:1450px){.server-home-content{margin:0 35px}.server-home-hero h1{font-size:clamp(33px,3.3vw,52px)}.server-home-hero p{font-size:clamp(15px,1.4vw,22px)}.server-home-cards{overflow:auto;grid-template-columns:repeat(6,191px)}}
@media(max-width:850px){.server-home-shell{grid-template-columns:180px minmax(0,1fr)}.server-home-sidebar{width:180px;padding:16px 10px}.server-home-sidebar .brand{font-size:15px}.server-home-nav button{padding:0 10px;gap:10px;font-size:13px;height:44px}.server-home-content{margin:0 22px;padding-top:70px}.server-home-hero,.server-home-modes,.server-home-composer{transform:none}.server-home-modes{flex-wrap:wrap;border-radius:24px}.server-home-modes button{font-size:12px;padding:10px}.server-home-composer{max-width:100%;height:auto;min-height:210px}.server-home-compose-actions{flex-wrap:wrap}.server-home-section-head{margin-top:40px}}

/* Conversation-focused image studio, entered after the first send. */
.server-chat-shell{grid-template-columns:282px minmax(0,1fr);background:#f8faff}.server-chat-shell .sidebar{width:282px;padding:25px 18px;background:linear-gradient(110deg,#fbfcff,#f1f5fd);border-right:1px solid #e7ebf3}.server-chat-shell .brand{font-size:19px;color:#14213e;margin-bottom:8px}.server-chat-shell .brand i{background:linear-gradient(135deg,#25c3f3,#6252e9)}.server-chat-shell .new{background:#245eea;border-radius:12px;padding:13px 16px}.server-chat-shell .recent{overflow-y:auto;gap:5px}.server-chat-shell .recent button{padding:11px 12px;color:#40516f}.server-chat-shell .recent button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.server-chat-shell .main{padding:27px 42px 28px;background:radial-gradient(ellipse at 10% 0%,#ebf2ff,transparent 38%),#fbfcff}.server-chat-shell .top,.server-chat-shell .server-banner,.server-chat-shell .server-workspace{max-width:1080px;margin-left:auto;margin-right:auto}.server-chat-shell .top{color:#62718d;font-size:14px}.server-chat-shell .server-banner{margin-top:16px;margin-bottom:14px;padding:8px 12px;background:#fff9eb;border-color:#f2e7c9}.server-chat-shell .server-workspace{margin-top:0;min-height:calc(100vh - 130px)}.server-chat-shell .server-context{border-radius:13px;padding:10px 14px}.server-chat-shell .server-feed{padding:28px 0 178px;gap:18px}.server-chat-shell .server-user{max-width:min(680px,75%);background:#e9efff;color:#1e3153;border-radius:17px 17px 4px 17px;box-shadow:none}.server-chat-shell .server-user small{color:#7d8daa}.server-chat-shell .server-task-card,.server-chat-shell .server-results-message{width:100%;max-width:100%;border-radius:20px;padding:22px;box-shadow:0 10px 28px #2435500a}.server-task-heading{display:flex;align-items:center;gap:13px}.server-task-heading h3{font-size:19px;margin:0 0 4px}.server-task-heading p{margin:0;color:#8190a8;font-size:13px}.server-task-heading small{margin-left:auto;white-space:nowrap;color:#6080bc}.server-task-sparkle{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;background:#e9efff;color:#2663ef;font-size:22px}.server-chat-shell .server-task-card .progress{margin:16px 0 8px}.server-chat-shell .server-task-card .toolbar{margin-top:14px}.server-task-details{margin-top:12px;color:#8491a5;font-size:12px}.server-task-details summary{cursor:pointer}.server-chat-shell .server-results-message h3{font-size:20px;margin:0 0 5px}.server-chat-shell .server-results-message>p{margin:0}.server-chat-shell .server-results{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.server-chat-shell .server-result{grid-template-rows:280px auto auto auto;border-radius:15px;padding:10px;background:#fff}.server-chat-shell .server-result .server-image{height:280px;border-radius:10px;background:#f6f8fc}.server-chat-shell .server-result .server-image img{object-fit:contain}.server-chat-shell .server-result strong{color:#243653;font-size:14px}.server-chat-shell .server-result .toolbar{gap:6px}.server-chat-shell .server-composer{bottom:16px;border-radius:20px;padding:16px 18px;box-shadow:0 20px 44px #26345823}.server-chat-shell .server-composer textarea{min-height:70px;font-size:16px}.server-chat-shell .server-composer .primary{background:#1b3262;border-radius:10px}.server-chat-shell .server-limit{margin-top:8px}
@media(max-width:900px){.server-chat-shell{grid-template-columns:190px minmax(0,1fr)}.server-chat-shell .sidebar{width:190px;padding:16px 10px}.server-chat-shell .main{padding:20px}.server-chat-shell .server-results{grid-template-columns:1fr}}
@media(max-width:620px){.server-chat-shell{display:block}.server-chat-shell .sidebar{width:100%;height:auto;position:static}.server-chat-shell .recent,.server-chat-shell .side-label,.server-chat-shell .side-foot{display:none}.server-chat-shell .main{padding:16px}.server-chat-shell .server-user{max-width:95%}.server-chat-shell .server-feed{padding-bottom:155px}}
.server-chat-shell .server-result{grid-template-rows:240px auto auto auto}.server-chat-shell .server-result .server-image{height:240px}.server-open-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.server-open-preview img{max-width:100%;max-height:100%;object-fit:contain}.server-lightbox{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:38px;background:#101a32e8}.server-lightbox img{display:block;max-width:min(90vw,1400px);max-height:78vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 65px #0006}.server-lightbox-close{position:absolute;top:22px;right:30px;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff25;color:#fff;font-size:28px}.server-lightbox-actions{display:flex;gap:10px}.server-lightbox-actions .small-button{border-color:#ffffff5c;background:#ffffffee;color:#1d2c49}
.memory-overlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#14213a99}.memory-panel{width:min(520px,100%);height:100%;overflow:auto;padding:25px 26px;background:#fff;box-shadow:-18px 0 50px #14213a2b}.memory-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.memory-panel h2{font-size:22px;margin:0 0 5px;color:#162543}.memory-panel header p{font-size:13px;color:#7e8ca4;margin:0}.memory-panel header>button{border:0;background:transparent;color:#697995;font-size:30px;line-height:1}.memory-list{display:grid;gap:12px}.memory-item{border:1px solid #dfe6f1;border-radius:14px;padding:16px}.memory-item>div:first-child{display:flex;justify-content:space-between;gap:12px}.memory-item strong{color:#21314f}.memory-item small{color:#92a0b7}.memory-item p{color:#5d6d86;font-size:13px;line-height:1.5;white-space:pre-wrap;max-height:85px;overflow:auto}.memory-editor label:not(.memory-confirm){display:grid;gap:6px;margin:14px 0;color:#4b5a75;font-size:13px}.memory-editor input:not([type=checkbox]),.memory-editor textarea{width:100%;border:1px solid #dce4f0;border-radius:10px;padding:10px 12px;background:#fbfcff;color:#243552;resize:vertical}.memory-source-preview{width:90px;height:90px;object-fit:cover;border-radius:10px}.memory-confirm{display:flex;align-items:center;gap:9px;color:#3e4e6b;font-size:13px}.memory-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.server-chat-shell .memory-shortcut{align-self:start;margin:0 0 4px}.memory-selected{display:flex;align-items:center;gap:8px;color:#4565aa;font-size:12px}.memory-selected button{border:0;background:transparent;color:#a85252}
.canvas-overlay{position:fixed;inset:0;z-index:70;background:#121b2bef;padding:24px;display:flex;align-items:center;justify-content:center}.canvas-workspace{width:min(1360px,100%);height:min(920px,100%);display:flex;flex-direction:column;background:#f9fbff;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px #0008}.canvas-workspace header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 24px;background:#fff;border-bottom:1px solid #e3e9f2}.canvas-workspace h2{font-size:20px;color:#172746;margin:0 0 4px}.canvas-workspace header p{font-size:12px;color:#7c8ba4;margin:0}.canvas-workspace header>button{border:0;background:transparent;font-size:29px;color:#70809c}.canvas-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 20px;background:#fff;border-bottom:1px solid #e3e9f2}.canvas-tools button,.canvas-tools label{border:1px solid #dbe3f0;border-radius:9px;background:#fff;padding:8px 12px;color:#283953;font-size:13px}.canvas-tools button.on{color:#245deb;border-color:#b9caff;background:#edf3ff}.canvas-tools label{display:flex;align-items:center;gap:7px}.canvas-tools input[type=color]{width:30px;height:25px;border:0;padding:0}.canvas-tools input[type=text]{border:0;outline:0;width:min(240px,32vw);color:#283953}.canvas-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle,#eef2f8 1px,transparent 1px) 0 0/18px 18px}.canvas-stage canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 32px #20324c30;background:#fff;cursor:crosshair;touch-action:none}.canvas-workspace footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px;background:#fff;border-top:1px solid #e3e9f2;color:#71809a;font-size:13px}.canvas-workspace footer>div{display:flex;gap:8px}.canvas-error{margin:0;padding:7px 24px;background:#fff0f0;color:#b53434;font-size:13px}@media(max-width:700px){.canvas-overlay{padding:0}.canvas-workspace{height:100%;border-radius:0}.canvas-workspace footer{flex-wrap:wrap}}
.canvas-body{flex:1;min-height:0;display:flex}.canvas-body .canvas-stage{min-width:0}.canvas-layers{width:220px;flex:none;overflow:auto;padding:16px;background:#fff;border-left:1px solid #e4eaf3;color:#233553}.canvas-layers>strong,.canvas-layers>small{display:block}.canvas-layers>small{font-size:11px;color:#8b98ac;margin:4px 0 14px}.canvas-layers>div{font-size:12px;color:#8b98ac}.canvas-layer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #edf0f5}.canvas-layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-layer button{border:0;background:transparent;color:#cc4c4c;cursor:pointer}@media(max-width:700px){.canvas-body{flex-direction:column}.canvas-layers{width:100%;max-height:100px;border-left:0;border-top:1px solid #e4eaf3;padding:8px 12px}.canvas-layers>small{display:none}}
.link-overlay{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:#14213aaa}.link-panel{width:min(780px,100%);height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 65px #17234045}.link-panel>header{display:flex;justify-content:space-between;gap:18px;padding:24px 28px;border-bottom:1px solid #e6ebf3}.link-panel h2{font-size:23px;margin:0 0 5px;color:#192946}.link-panel header p{font-size:13px;color:#7988a0;margin:0}.link-panel header>button{border:0;background:transparent;color:#6b7c98;font-size:29px;line-height:1}.link-panel-body{padding:22px 28px 28px;overflow:auto}.link-url-label{display:grid;gap:8px;margin-bottom:18px;color:#42526d;font-size:13px;font-weight:600}.link-url-label input{width:100%;padding:12px;border:1px solid #d8e1ef;border-radius:10px;color:#24344f;font:inherit;font-weight:400}.link-url-row{display:flex;gap:10px}.link-url-row input{flex:1;min-width:0}.link-hint{font-size:12px;line-height:1.5;color:#8391a7}.link-inspection-title{display:flex;justify-content:space-between;gap:10px;margin:2px 0 18px;color:#5d6e88;font-size:12px}.link-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px}.link-candidate{display:flex;gap:12px;min-width:0;border:1px solid #dfe6f1;border-radius:12px;padding:10px;background:#fbfcff}.link-thumb{position:relative;width:110px;height:110px;flex:none;border-radius:8px;overflow:hidden;background:#edf1f7;display:grid;place-items:center}.link-thumb img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:#fff}.link-thumb span{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;color:#9aa7b8;font-size:11px}.link-candidate>div:last-child{min-width:0;display:flex;flex-direction:column;gap:6px;flex:1}.link-candidate strong{font-size:12px;color:#34425d;line-height:1.4;max-height:34px;overflow:hidden}.link-candidate small{font-size:11px;color:#95a2b6}.link-candidate select{margin-top:auto;width:100%;padding:7px;border:1px solid #dce4ef;border-radius:8px;color:#263651;background:#fff}.link-attest{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:#40516e}.link-attest input{margin-top:3px}.link-submit{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0;color:#6b7890;font-size:13px}.link-progress{padding:10px 12px;border-radius:9px;background:#edf4ff;color:#2455af;font-size:13px}.link-jobs{margin-top:22px;border-top:1px solid #e5eaf2;padding-top:18px}.link-jobs>div{display:flex;align-items:center;justify-content:space-between}.link-jobs h3{margin:0 0 12px;font-size:17px;color:#203150}.link-jobs article{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eef1f6;color:#41516d;font-size:13px}.link-jobs article span{flex:1}.link-jobs article strong{font-size:12px;color:#4266b6}.link-jobs>p{font-size:12px;color:#8c99ab;line-height:1.5}@media(max-width:700px){.link-candidates{grid-template-columns:1fr}.link-panel-body,.link-panel>header{padding-left:16px;padding-right:16px}.link-url-row{flex-direction:column}}
.link-url-label textarea{width:100%;min-height:80px;resize:vertical;padding:12px;border:1px solid #d8e1ef;border-radius:10px;color:#24344f;font:inherit;font-weight:400;line-height:1.5}.link-jobs>div{flex-wrap:wrap;gap:8px}.link-jobs article small{max-width:180px;color:#b45c52;font-size:11px;line-height:1.4}.link-thumb img[hidden]{display:none}
/* Skill center, aligned to the supplied 1586 × 992 desktop reference. */
.skill-center-shell{grid-template-columns:246px minmax(0,1fr);background:#f8faff}
.skill-center-sidebar{width:246px;padding:12px 16px 0;background:linear-gradient(115deg,#fff,#f8fbff)}
.skill-center-sidebar .brand{height:54px;margin:0 0 13px;padding:4px 12px;font-size:19px}
.skill-center-sidebar .server-home-nav button{height:45px;padding:0 20px;gap:20px;font-size:14px;border-radius:10px}
.skill-center-sidebar .home-nav-icon,.skill-center-sidebar .home-nav-icon svg{width:19px;height:19px}
.skill-center-sidebar .home-recent-heading{margin:25px 12px 8px;padding-top:28px}
.skill-center-sidebar .home-recent button{height:75px;padding:5px 11px}
.skill-center-sidebar .home-recent-thumb{width:61px;height:61px}
.skill-center-sidebar .home-user{height:65px}
.skill-center-main{min-width:0;min-height:100vh;padding:0 0 34px;background:radial-gradient(ellipse at 26% 18%,#e7efff 0,transparent 49%),#f8faff;overflow:hidden}
.skill-center-hero{height:209px;position:relative;background-image:linear-gradient(90deg,#f6f9ffbb 0%,#f6f9ff22 48%,#fff0 80%),url('/public/skills/hero-handbag.jpg');background-repeat:no-repeat;background-size:cover;background-position:center 51%;}
.skill-center-topbar{position:absolute;top:14px;left:54px;right:29px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.skill-search{width:455px;max-width:45vw;height:38px;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:13px;background:#ffffffce;color:#a6b4cb;box-shadow:0 5px 16px #30486b0b}
.skill-search img{width:17px;height:17px;opacity:.58}
.skill-search input{width:100%;height:100%;border:0;background:transparent;outline:0;color:#263958;font-size:13px}
.skill-search input::placeholder{color:#a8b7d0}
.skill-top-actions{display:flex;align-items:center;gap:19px;color:#20324e;font-size:13px}
.skill-top-actions button{position:relative;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#253651;padding:3px}
.skill-top-actions img{width:21px;height:21px}
.skill-top-actions button:last-child img{width:15px;height:15px}
.skill-alert-dot{position:absolute;right:1px;top:0;width:7px;height:7px;border-radius:50%;background:#f03558}
.skill-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#dce4f3;color:#4268b9;font-weight:700}
.skill-center-hero-copy{position:absolute;left:54px;top:89px}
.skill-center-hero-copy h1{margin:0 0 8px;color:#0e1b37;font-size:38px;line-height:1.3;letter-spacing:-.05em;font-weight:800}
.skill-center-hero-copy p{margin:0;color:#66768d;font-size:17px;font-weight:500}
.skill-hand-note{position:absolute;left:62%;top:71px;transform:rotate(-9deg);font-size:16px;line-height:1.7;letter-spacing:.1em;color:#3367e9;font-family:KaiTi,'STKaiti',cursive;white-space:nowrap;text-align:center}
.skill-hand-note span{position:absolute;right:18px;bottom:-29px;font-family:cursive;font-size:30px;transform:rotate(23deg)}
.skill-manage{position:absolute;right:32px;bottom:38px;display:flex;align-items:center;gap:7px;padding:9px 19px;border:0;border-radius:12px;background:#ffffffd9;color:#253450;font-size:13px;font-weight:600;box-shadow:0 8px 18px #2b344b16}
.skill-manage img{width:15px;height:15px}
.skill-center-body{padding:0 23px}
.skill-pinned-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:0}
.skill-pinned-card,.skill-grid-card{position:relative;min-width:0;overflow:visible;border:1px solid #e8ecf6;background:#fff;border-radius:12px;box-shadow:0 5px 14px #2735520c}
.skill-pinned-card{height:326px}
.skill-card-photo{position:relative;height:185px;overflow:hidden;border-radius:11px 11px 0 0;background:#f4f0ea}
.skill-card-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.skill-pinned-badge{position:absolute;top:10px;left:12px;padding:5px 11px;border-radius:5px;background:#2061ff;color:#fff;font-size:12px;line-height:1.3;font-weight:700;box-shadow:0 3px 7px #2255ba38}
.skill-card-menu{position:absolute;top:10px;right:11px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:5px;background:#fff;color:#263855}
.skill-card-menu img{width:17px;height:17px}
.skill-card-details{position:relative;min-height:0;padding:9px 12px 10px}
.skill-card-details strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#14203b;font-size:15px;font-weight:750}
.skill-card-details p{height:20px;margin:5px 0 5px;color:#8592ad;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-card-tags{display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap}
.skill-card-tags span{padding:3px 8px;border-radius:7px;background:#edf2ff;color:#65748f;font-size:11px;line-height:1.2}
.skill-create{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:34px;margin-top:10px;border:0;border-radius:7px;background:#edf3ff;color:#135df7;font-size:13px;font-weight:700}
.skill-create img{width:14px;height:14px;filter:invert(35%) sepia(99%) saturate(3000%) hue-rotate(216deg)}
.skill-card-popover{position:absolute;z-index:5;top:46px;right:10px;display:grid;min-width:112px;padding:5px;border:1px solid #e6eaf4;border-radius:9px;background:#fff;box-shadow:0 12px 30px #223c6429}
.skill-card-popover button{border:0;border-radius:6px;background:transparent;padding:8px 10px;text-align:left;color:#263855;font-size:12px}
.skill-card-popover button:hover{background:#eff4ff;color:#1b5cec}
.skill-video-play{position:absolute;top:44%;left:50%;width:44px;height:44px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1.5px solid white;border-radius:50%;background:#22325066}
.skill-video-play img{width:21px;height:21px;filter:brightness(0) invert(1)}
.skill-empty-pinned{grid-column:1/-1;min-height:326px;display:grid;place-items:center;border:1px dashed #cbd7f0;border-radius:12px;background:#fff8;color:#7d8ba5}
.skill-discover{margin-top:15px;padding:10px 0 0;border-radius:14px;background:#ffffff59}
.skill-filter-row{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 0 17px}
.skill-filter-row::-webkit-scrollbar{display:none}
.skill-filter-row button{flex:none;height:35px;padding:0 19px;border:0;border-radius:11px;background:#fff;color:#5f6f8b;font-size:13px;font-weight:600;box-shadow:0 3px 12px #28375b08}
.skill-filter-row button.active{background:#2264ff;color:#fff;box-shadow:0 4px 12px #2264ff35}
.skill-discover-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 14px}
.skill-grid-card{height:181px;overflow:hidden;border-radius:9px;box-shadow:0 5px 14px #2735520b}
.skill-grid-card .skill-card-photo{height:102px;border-radius:8px 8px 0 0}
.skill-grid-card .skill-card-details{height:79px;padding:8px 10px 5px}
.skill-grid-card .skill-card-details strong{font-size:13px}
.skill-grid-card .skill-card-details p{height:14px;margin:2px 25px 3px 0;font-size:11px}
.skill-grid-card .skill-card-tags span{padding:2px 7px;font-size:10px}
.skill-grid-arrow{position:absolute;right:8px;bottom:13px;width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;background:#edf3ff}
.skill-grid-arrow img{width:15px;height:15px}
.skill-grid-pin{position:absolute;top:8px;right:8px;border:0;border-radius:6px;padding:5px 8px;background:#ffffffed;color:#245eee;font-size:11px}
.skill-grid-pin.is-pinned{color:#60708c}
.skill-no-results{grid-column:1/-1;padding:55px;text-align:center;color:#8290a8}
@media(max-width:1350px){.skill-pinned-strip{grid-template-columns:repeat(6,205px);overflow-x:auto;padding-bottom:4px}.skill-discover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.skill-center-shell{grid-template-columns:180px minmax(0,1fr)}.skill-center-sidebar{width:180px}.skill-center-hero-copy{left:25px}.skill-center-topbar{left:25px}.skill-hand-note{display:none}.skill-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.skill-center-shell{display:block}.skill-center-sidebar{width:auto;height:auto;padding:8px 10px}.skill-center-sidebar .brand,.skill-center-sidebar .home-recent-heading,.skill-center-sidebar .home-recent,.skill-center-sidebar .home-user{display:none}.skill-center-sidebar .server-home-nav{display:flex;overflow:auto}.skill-center-sidebar .server-home-nav button{height:40px;padding:0 10px}.skill-center-main{min-height:100vh}.skill-center-hero{height:210px}.skill-center-topbar{left:15px;right:15px}.skill-search{max-width:none;width:65%}.skill-top-actions{gap:5px}.skill-top-actions button:last-child{display:none}.skill-center-hero-copy{left:20px;top:90px}.skill-center-hero-copy h1{font-size:30px}.skill-center-hero-copy p{font-size:13px}.skill-manage{right:15px;bottom:15px}.skill-center-body{padding:0 12px}.skill-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skill-pinned-strip{grid-template-columns:repeat(6,180px)}.skill-pinned-card{height:315px}}

/* Product replica page — scoped so the approved home and skill pages keep their layout. */
.replica-shell{grid-template-columns:246px minmax(0,1fr);background:#f8faff}
.replica-sidebar{width:246px;padding:12px 16px 0;background:linear-gradient(110deg,#fff,#f9fbff);gap:0}
.replica-sidebar .brand{height:54px;margin:0 0 13px;padding:4px 12px;font-size:19px}
.replica-sidebar .server-home-nav{gap:0}
.replica-sidebar .server-home-nav button{height:45px;padding:0 20px;gap:20px;font-size:14px;border-radius:10px}
.replica-sidebar .server-home-nav button.active,.replica-sidebar .server-home-nav button.active:hover{background:#f8eadf;color:#4c2d17}
.replica-sidebar .home-nav-icon,.replica-sidebar .home-nav-icon svg{width:19px;height:19px}
.replica-sidebar .replica-icon{width:19px;height:19px;display:block}
.replica-main{min-width:0;min-height:100vh;padding:0 0 35px;background:#f8faff;overflow:hidden}
.replica-icon{display:inline-block;width:18px;height:18px;flex:none}
.replica-hero{height:218px;position:relative;background-image:linear-gradient(90deg,#f8faffbb 0%,#f8faff66 38%,#fff0 80%),url('/public/skills/hero-handbag.jpg');background-size:cover;background-position:center 50%;background-repeat:no-repeat}
.replica-topbar{position:absolute;top:17px;left:50px;right:30px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.replica-search{width:458px;max-width:48%;height:41px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:13px;background:#ffffffd9;box-shadow:0 5px 20px #1a2b4310;color:#9eacc1}
.replica-search .replica-icon{width:17px;height:17px;opacity:.55}
.replica-search input{width:100%;height:100%;border:0;background:transparent;outline:0;color:#30415e;font-size:13px}
.replica-search input::placeholder{color:#a6b4cb}
.replica-top-actions{display:flex;align-items:center;gap:16px;font-size:13px;color:#20314d}
.replica-top-actions button{position:relative;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#20314d;padding:2px}
.replica-top-actions button:first-child .replica-icon{width:22px;height:22px}
.replica-top-actions button:first-child span{position:absolute;right:0;top:0;width:7px;height:7px;border-radius:50%;background:#ec3153}
.replica-top-actions button:last-child .replica-icon{width:14px;height:14px}
.replica-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#dce5f2;color:#3e66b2;font-weight:700}
.replica-hero-copy{position:absolute;top:99px;left:54px;right:315px;color:#101a30}
.replica-hero-copy h1{margin:0 0 8px;font-size:42px;line-height:1.15;letter-spacing:-.04em;font-weight:800}
.replica-hero-copy p{margin:0;color:#55657b;font-size:17px;font-weight:600;white-space:nowrap}
.replica-hand-note{position:absolute;right:107px;top:76px;transform:rotate(-8deg);color:#935d2f;font:17px/1.55 KaiTi,'STKaiti',cursive;letter-spacing:.12em;text-align:center;white-space:nowrap}
.replica-hand-note span{position:absolute;right:-7px;bottom:-42px;font-size:37px;transform:rotate(60deg)}
.replica-page-content{padding:0 18px 30px}
.replica-tabs{display:flex;align-items:stretch;gap:8px;width:min(915px,72%);height:105px;margin:0 0 -1px 0;padding:14px 8px 0;background:#ffffffa6;border-radius:18px 18px 0 0}
.replica-tabs button{display:flex;align-items:center;gap:17px;flex:1;min-width:0;padding:15px 23px;border:1px solid #e5e9f1;border-radius:11px 11px 0 0;background:#f9fafddd;color:#111c30;text-align:left;box-shadow:0 4px 12px #1e294408}
.replica-tabs button.active{border-color:#f5e9dd;background:#fff5eb;color:#553016;box-shadow:0 5px 20px #ab7e4b16}
.replica-tabs button>span:first-child{width:35px;height:35px;display:grid;place-items:center;flex:none}
.replica-tabs button .replica-icon{width:33px;height:33px}
.replica-tabs button span:last-child{min-width:0;display:grid;gap:6px}
.replica-tabs button strong{font-size:16px;font-weight:750;white-space:nowrap}
.replica-tabs button small{color:#7a8596;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replica-board{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(365px,1fr);gap:13px;align-items:start}
.replica-work-panel,.replica-example-panel,.replica-results{background:#fff;border:1px solid #edf0f6;border-radius:14px;box-shadow:0 8px 25px #2637530a}
.replica-work-panel{padding:26px 26px 23px;min-height:634px}
.replica-step{margin:0 0 19px}
.replica-step-heading{display:flex;align-items:center;gap:15px;height:30px;margin-bottom:11px}
.replica-step-heading h2{margin:0;color:#111827;font-size:16px;font-weight:750;white-space:nowrap}
.replica-step-no{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e2b98b,#b77d4a);color:#fff;font-size:17px;font-weight:700;box-shadow:0 2px 7px #bd8c5e40}
.replica-url-row{display:flex;align-items:center;gap:11px;margin-left:1px}
.replica-input-wrap{height:48px;display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 12px;border:1px solid #dce3ee;border-radius:8px;background:#fff}
.replica-input-wrap:focus-within{border-color:#a9bddc;box-shadow:0 0 0 3px #dce6f566}
.replica-input-wrap .replica-icon{width:18px;height:18px;opacity:.58}
.replica-input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#26354f;font-size:13px}
.replica-input-wrap input::placeholder{color:#a4aec1}
.replica-dark-button,.replica-submit{border:0;border-radius:8px;background:#282728;color:#fff;font-weight:650}
.replica-dark-button{height:48px;min-width:114px;padding:0 17px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.replica-dark-button .replica-icon,.replica-submit .replica-icon{width:16px;height:16px;filter:brightness(0) invert(1)}
.replica-source-card{display:flex;align-items:center;gap:17px;min-height:106px;margin-top:11px;padding:9px 16px;border:1px solid #e9edf4;border-radius:10px;background:#fff;box-shadow:0 4px 13px #202d4a08}
.replica-source-card>img{width:92px;height:89px;flex:none;border-radius:9px;object-fit:cover}
.replica-source-copy{display:grid;gap:7px;min-width:0;flex:1}
.replica-source-copy strong{font-size:14px;color:#1a2439;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replica-source-copy span{font-size:12px;color:#a0a9b6;line-height:1.3}
.replica-source-copy small{font-size:11px;color:#788aa1}
.replica-lock-reference{justify-self:start;padding:6px 10px;border:1px solid #b8c9ea;border-radius:7px;background:#f3f7ff;color:#315fc5;font-size:11px;cursor:pointer}
.replica-lock-reference:disabled{opacity:.55;cursor:wait}
.replica-snapshot-note{color:#2e6891!important;overflow-wrap:anywhere}
.replica-source-thumbs{display:flex;gap:7px;flex:none}
.replica-source-thumbs img,.replica-preview-loading{width:57px;height:72px;border-radius:7px;object-fit:cover;background:#f5f1ea}
.replica-preview-loading{display:grid;place-items:center;padding:5px;text-align:center;font-size:10px;color:#99a5b6}
.replica-real-source-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:10px;background:#ecf8ee}
.replica-real-source-icon .replica-icon{width:28px;height:28px;filter:invert(46%) sepia(65%) saturate(380%) hue-rotate(78deg)}
.replica-inline-error{margin:9px 0 0;color:#b34242;font-size:12px;line-height:1.5}
.replica-fallback-copy{margin:12px 0 7px;color:#6a7890;font-size:12px}
.replica-reference-fallback{margin-top:7px}
.replica-upload-block{display:flex;align-items:stretch;gap:11px}
.replica-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:52%;min-width:235px;height:98px;padding:8px;border:1px dashed #cbd6e6;border-radius:9px;background:#fbfcff;color:#2e3b54}
.replica-upload-zone:hover,.replica-upload-zone.drag-over{border-color:#c48e5e;background:#fff8f1}
.replica-upload-circle{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#c38a5c}
.replica-upload-circle .replica-icon{filter:brightness(0) invert(1);width:21px;height:21px}
.replica-upload-zone strong{font-size:13px;font-weight:650}
.replica-upload-zone small{color:#8997ab;font-size:10px;line-height:1.3;text-align:center}
.replica-file-list{display:flex;gap:7px;flex:1;min-width:0;overflow-x:auto}
.replica-file{position:relative;width:78px;height:97px;flex:none;border-radius:7px;background:#f7f5f1;overflow:hidden}
.replica-file>img,.replica-file>video{width:100%;height:100%;display:block;object-fit:cover}
.replica-file>button{position:absolute;top:4px;right:4px;width:19px;height:19px;display:grid;place-items:center;border:0;border-radius:50%;background:#202633b8}
.replica-file>button .replica-icon{width:13px;height:13px;filter:brightness(0) invert(1)}
.replica-file>small{position:absolute;left:0;right:0;bottom:0;padding:2px 3px;color:#fff;background:#111a2680;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replica-add-file{width:82px;height:97px;flex:none;display:grid;place-items:center;border:1px dashed #cad4e4;border-radius:7px;background:#fbfcff}
.replica-add-file .replica-icon{width:26px;height:26px}
.replica-step-tip{margin:7px 0 0 1px;color:#98a4b7;font-size:11px;line-height:1.4}
.replica-or{margin:8px 0;color:#a3adbd;text-align:center;font-size:11px}
.replica-video-url{width:100%}
.replica-output-step{margin-bottom:4px}
.replica-auto-chip{margin-left:auto;color:#a37b58;background:#fcf3e9;border-radius:99px;padding:4px 8px;font-size:10px}
.replica-output-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.replica-output-choice{position:relative;min-width:0;height:69px;padding:10px 7px 5px;border:1px solid #edf0f4;border-radius:8px;background:#f8f9fb;color:#26324a;text-align:left}
.replica-output-choice.selected{background:#fff0e1;border-color:#f6dcc4}
.replica-output-choice strong,.replica-output-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:22px}
.replica-output-choice strong{font-size:12px;font-weight:700}
.replica-output-choice small{margin-top:7px;font-size:10px;color:#8d99ab}
.replica-choice-check{position:absolute;top:11px;left:10px;width:16px;height:16px;display:grid;place-items:center;border:1px solid #aeb9ca;border-radius:3px;background:#fff}
.replica-output-choice.selected .replica-choice-check{background:#292623;border-color:#292623}
.replica-choice-check .replica-icon{width:12px;height:12px;filter:brightness(0) invert(1)}
.replica-brief-details{margin-top:8px;color:#8490a3;font-size:11px}
.replica-brief-details summary{cursor:pointer;width:max-content}
.replica-brief-details textarea,.replica-edit-inline textarea{width:100%;margin-top:7px;padding:9px 11px;border:1px solid #dce4ed;border-radius:8px;background:#fff;color:#26354f;font-size:12px;resize:vertical}
.replica-status{min-height:25px;display:flex;align-items:center;gap:7px;color:#8896aa;font-size:11px}
.replica-status strong{font-weight:650;color:#66768d}
.replica-status-dot{width:7px;height:7px;border-radius:50%;background:#b9c4d5}
.replica-status.parsing .replica-status-dot,.replica-status.generating .replica-status-dot{background:#d69854;animation:replica-pulse 1s infinite}
.replica-status.success .replica-status-dot,.replica-status.parsed .replica-status-dot{background:#4baf7c}
.replica-status.failed .replica-status-dot,.replica-status.parse-failed .replica-status-dot{background:#d65353}
.replica-status button{margin-left:auto;border:0;background:none;color:#af5d4c;font-size:11px}
@keyframes replica-pulse{50%{opacity:.3}}
.replica-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin-top:1px;font-size:15px}
.replica-submit:hover,.replica-dark-button:hover{background:#151515}
.replica-demo-disclosure{margin:7px 0 0;color:#98a4b4;text-align:center;font-size:10px}
.replica-examples{display:grid;gap:14px}
.replica-example-panel{padding:20px 19px 17px}
.replica-example-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.replica-example-panel h2{margin:0;color:#19243b;font-size:16px;font-weight:750}
.replica-example-panel header button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#8995a9;font-size:11px}
.replica-example-panel header button .replica-icon{width:13px;height:13px}
.replica-effect-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:100px 100px;gap:7px;height:207px}
.replica-effect-image{min-width:0;min-height:0;overflow:hidden;border:0;border-radius:7px;background:#f3eee8;padding:0}
.replica-effect-image.major{grid-row:span 2}
.replica-effect-image img{width:100%;height:100%;object-fit:cover;display:block}
.replica-example-caption{margin:10px 0 0;color:#6b778c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replica-example-caption span{display:inline-block;margin-right:7px;padding:4px 8px;border-radius:99px;background:#f7eee5;color:#8d7359}
.replica-video-panel{min-height:291px}
.replica-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.replica-video-example{min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#344057}
.replica-video-example>span{position:relative;display:block;height:159px;overflow:hidden;border-radius:7px;background:#f4eee8}
.replica-video-example>span>img{width:100%;height:100%;object-fit:cover;display:block}
.replica-video-example i{position:absolute;left:50%;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:#2632478c}
.replica-video-example i .replica-icon{width:17px;height:17px;filter:brightness(0) invert(1)}
.replica-video-example em{position:absolute;right:4px;bottom:4px;padding:2px 4px;border-radius:3px;background:#1c1b1baa;color:#fff;font-size:10px;font-style:normal}
.replica-video-example strong{display:block;margin-top:8px;color:#3d485c;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replica-video-panel .replica-example-caption{margin-top:10px;color:#a1aabb;font-size:10px}
.replica-results{margin-top:16px;padding:20px}
.replica-results>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.replica-results-eyebrow{font-size:10px;letter-spacing:.2em;color:#ba8e68}
.replica-results h2{margin:3px 0;color:#18243b;font-size:20px}
.replica-results header p{margin:0;color:#8a97aa;font-size:11px}
.replica-secondary{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #e2e7f0;border-radius:8px;background:#fff;color:#2b3b56;font-size:12px}
.replica-secondary .replica-icon{width:15px;height:15px}
.replica-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.replica-result-card{min-width:0;overflow:hidden;border:1px solid #e7ebf2;border-radius:10px;background:#fff}
.replica-result-media{position:relative;width:100%;height:180px;padding:0;border:0;background:#f6f2ed}
.replica-result-media img,.replica-result-media video{width:100%;height:100%;display:block;object-fit:contain}
.replica-result-media>.replica-icon{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 5px #0008)}
.replica-result-body{padding:10px;display:flex;justify-content:space-between;gap:7px}
.replica-result-body strong,.replica-result-body span{display:block;font-size:12px}
.replica-result-body span{margin-top:3px;color:#9ca6b5;font-size:10px}
.replica-result-actions{display:flex;gap:2px;align-items:center}
.replica-result-actions button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:#f0f4fb}
.replica-result-actions .replica-icon{width:15px;height:15px}
.replica-result-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.replica-result-footer button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;color:#374660;font-size:12px}
.replica-result-footer .replica-icon{width:15px;height:15px}
.replica-edit-inline{display:flex;align-items:end;gap:9px;margin-top:11px}
.replica-edit-inline textarea{margin:0;flex:1}
.replica-edit-inline button{height:35px;border:0;border-radius:7px;background:#2a2929;color:#fff;padding:0 14px;font-size:12px}
.replica-preview-overlay{position:fixed;z-index:90;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:55px 28px 74px;background:#111827ea}
.replica-preview-overlay>img,.replica-preview-overlay>video{max-width:96%;max-height:calc(100vh - 155px);object-fit:contain;background:#111}
.replica-preview-close{position:absolute;right:25px;top:20px;width:37px;height:37px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff}
.replica-preview-footer{position:absolute;left:30px;right:30px;bottom:18px;display:flex;align-items:center;gap:12px;color:#fff;font-size:13px}
.replica-preview-footer span{color:#b5bfd2;font-size:11px}
.replica-preview-footer button{margin-left:auto;display:flex;gap:6px;align-items:center;border:0;border-radius:7px;background:#fff;padding:8px 12px;color:#1f2937}
.replica-preview-footer button .replica-icon{width:16px;height:16px}
@media(max-width:1450px){.replica-board{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.replica-hero-copy p{white-space:normal;font-size:15px}.replica-tabs{width:min(875px,75%)}.replica-tabs button{padding:13px 14px;gap:8px}.replica-tabs button strong{font-size:14px}.replica-source-thumbs img{width:48px}.replica-output-choice strong{font-size:11px}.replica-video-example>span{height:135px}}
@media(max-width:1100px){.replica-shell{grid-template-columns:190px minmax(0,1fr)}.replica-sidebar{width:190px;padding:11px 10px}.replica-sidebar .brand{font-size:15px}.replica-sidebar .server-home-nav button{padding:0 10px;gap:10px;font-size:13px}.replica-hero-copy{left:25px;right:180px}.replica-hero-copy h1{font-size:34px}.replica-topbar{left:25px}.replica-hand-note{display:none}.replica-tabs{width:100%}.replica-board{grid-template-columns:1fr}.replica-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.replica-video-panel{min-height:0}.replica-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.replica-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.replica-shell{display:block}.replica-sidebar{width:auto;height:auto;padding:8px}.replica-sidebar .brand{display:none}.replica-sidebar .server-home-nav{display:flex;overflow:auto}.replica-sidebar .server-home-nav button{height:38px;white-space:nowrap}.replica-main{min-height:100vh}.replica-hero{height:195px}.replica-topbar{left:15px;right:15px}.replica-search{max-width:none;width:65%}.replica-top-actions{gap:5px}.replica-top-actions button:last-child{display:none}.replica-hero-copy{left:18px;right:18px;top:92px}.replica-hero-copy h1{font-size:30px}.replica-hero-copy p{font-size:12px}.replica-page-content{padding:0 10px}.replica-tabs{height:74px;padding:6px 0 0;gap:4px}.replica-tabs button{display:grid;place-items:center;gap:1px;padding:5px}.replica-tabs button>span:first-child{width:24px;height:24px}.replica-tabs button .replica-icon{width:23px;height:23px}.replica-tabs button strong{font-size:11px}.replica-tabs button small{display:none}.replica-work-panel{padding:16px}.replica-step-heading h2{font-size:14px;white-space:normal}.replica-url-row{flex-wrap:wrap}.replica-dark-button{width:100%}.replica-source-thumbs{display:none}.replica-upload-block{flex-wrap:wrap}.replica-upload-zone{width:100%}.replica-file-list{width:100%}.replica-output-options{grid-template-columns:repeat(3,minmax(0,1fr))}.replica-examples{grid-template-columns:1fr}.replica-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Replica viewport polish: keep the primary action in the 992px reference frame. */
.replica-step{margin-bottom:12px}

.replica-guidance{margin:4px 0 9px;padding:10px;border:1px solid #eadfce;border-radius:8px;background:#fffaf5;color:#5d4933;font-size:11px}
.replica-guidance>strong{display:block;margin-bottom:7px;font-size:12px}
.replica-guidance>div{display:flex;flex-wrap:wrap;gap:6px}
.replica-guidance button,.replica-memory-reuse{border:1px solid #e6d8c4;border-radius:6px;background:#fff;color:#8e5c34;padding:5px 8px;font-size:11px}
.replica-guidance small{display:block;margin-top:7px;color:#a08f80}
.replica-memory-reuse{margin-top:8px}
.replica-memory-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.replica-memory-picker button{max-width:210px;display:grid;gap:3px;padding:7px;border:1px solid #e2e7ef;border-radius:7px;background:#fff;text-align:left;font-size:11px;color:#2c3850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replica-memory-picker small{color:#98a5b6;font-size:10px}

.replica-file-ready{position:absolute;top:6px;left:6px;width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:#45aa75;box-shadow:0 1px 4px #0003}
/* Batch processing mode, scoped to the supplied desktop design draft. */
.batch-home-shell{grid-template-columns:272px minmax(0,1fr);background:#fbfcff}
.batch-sidebar{width:272px;background:#f7f9ff}
.batch-sidebar .brand{font-size:20px}
.batch-sidebar .server-home-nav button{font-size:15px}
.batch-sidebar .home-recent-heading{margin-top:16px}
.batch-recent-empty{margin:8px 13px;color:#a4afc2;font-size:12px}
.batch-main{min-width:0;min-height:100vh;background:#fbfcff}
.batch-main:before{top:0;height:435px;opacity:.92}
.batch-content{max-width:1214px;margin:0 auto;padding-top:91px}
.batch-hero{transform:none}
.batch-hero .eyebrow{font-size:11px;letter-spacing:.48em}
.batch-hero h1{margin:37px 0 12px;font-size:55px}
.batch-hero p{font-size:21px}
.batch-modes{width:676px;height:59px;justify-content:space-between;margin:32px auto 7px;transform:translateX(-44px);padding:4px 5px;border-radius:999px}
.batch-modes button{width:25%;height:48px;padding:0 11px;font-size:15px;font-weight:650;color:#233451}
.batch-modes button span{margin:0}
.batch-modes button.on{background:#ecf2ff;color:#155aec;border:1px solid #c8d8ff;box-shadow:none}
.batch-modes button:not(:first-child):before{top:15px;height:18px}
.batch-modes button.on:before,.batch-modes button.on+button:before{display:none}
.batch-composer{width:1024px;max-width:calc(100% - 90px);height:213px;transform:translateX(-69px);padding:25px 24px 20px;border-color:#c7d8f4;box-shadow:0 0 0 5px #edf3ff,0 15px 38px #2e426316}
.batch-composer.has-files{height:auto;min-height:213px;padding-bottom:84px}
.batch-composer textarea{height:106px;font-size:18px;line-height:1.55}
.batch-composer textarea::placeholder{color:#94a6c2}
.batch-composer-bottom{bottom:22px}
.batch-composer .server-home-compose-actions{gap:8px}
.batch-composer .server-home-compose-actions .small-button{min-width:137px;height:42px;padding:9px 18px;font-size:13px;text-align:center}
.batch-composer .server-home-compose-actions .small-button:nth-of-type(3){min-width:181px}
.batch-composer .server-home-compose-actions .small-button:nth-of-type(4){min-width:173px}
.batch-composer .server-home-compose-actions .small-button:nth-of-type(5){min-width:136px}
.batch-composer .home-plus{width:45px;height:45px}
.batch-send{width:49px;height:49px;background:#14213f;color:#fff;font-size:31px;line-height:1}
.batch-send:hover{background:#2855a8}
.batch-uploads{display:flex;gap:7px;overflow-x:auto;margin-top:-8px;padding:1px 0 8px;max-width:calc(100% - 55px)}
.batch-upload-item{position:relative;display:flex;align-items:center;gap:5px;flex:none;max-width:165px;height:37px;padding:3px 20px 3px 4px;border:1px solid #e0e7f4;border-radius:7px;background:#f9fbff}
.batch-upload-item>img,.batch-upload-item>span{width:29px;height:29px;flex:none;border-radius:4px;object-fit:cover;background:#e9eef9;display:grid;place-items:center}
.batch-upload-item>span img{width:16px;height:16px}
.batch-upload-item small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#435572;font-size:10px}
.batch-upload-item button{position:absolute;right:2px;top:4px;width:16px;height:16px;border:0;background:transparent;color:#7b879b;font-size:16px;line-height:12px}
.batch-error{position:absolute;left:25px;right:80px;bottom:76px;margin:0;color:#c54b4b;font-size:11px}
.batch-selected-skill{position:absolute;left:25px;bottom:76px;color:#365b9e;font-size:11px}
.batch-error+.batch-selected-skill{display:none}
.batch-popover{position:absolute;z-index:12;left:65px;bottom:-14px;transform:translateY(100%);width:min(560px,calc(100% - 90px));padding:13px;border:1px solid #dce6f4;border-radius:12px;background:#fff;box-shadow:0 17px 35px #27354a25;color:#243554}
.batch-popover>strong{display:block;margin-bottom:9px;font-size:13px}
.batch-skill-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.batch-skill-picker button{display:flex;justify-content:space-between;gap:4px;align-items:center;padding:10px;border:1px solid #e3e8f1;border-radius:8px;background:#f9fbff;color:#32435e;text-align:left;font-size:12px}
.batch-skill-picker button.selected{background:#eff4ff;border-color:#8db1ef;color:#1c5fc9}
.batch-skill-picker small{color:#95a2b6;font-size:10px;white-space:nowrap}
.batch-output-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.batch-output-fields label{display:grid;gap:4px;color:#73829a;font-size:11px}
.batch-output-fields input,.batch-output-fields select{width:100%;min-width:0;height:34px;padding:5px 6px;border:1px solid #dbe3f1;border-radius:7px;background:#fff;color:#2d3e5a;font-size:12px}
.batch-output-panel>small{display:block;margin-top:9px;color:#9da8b8;font-size:10px}
.batch-skills{margin:68px 0 0}
.batch-skills>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.batch-skills h2{margin:0;color:#33496e;font-size:16px;font-weight:750}
.batch-skills>header button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#91a0b5;font-size:12px}
.batch-skills>header img{width:13px;height:13px;opacity:.65}
.batch-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.batch-card{min-width:0;height:220px;overflow:hidden;border:1px solid #dce5f3;border-radius:13px;background:#fff;color:#1d2f4a}
.batch-card.selected{border-color:#7fa7f4;box-shadow:0 0 0 2px #dbe8ff}
.batch-card-image{display:block;width:100%;height:120px;padding:0;border:0;background:#f3f1ee;overflow:hidden}
.batch-card-image>img{display:block;width:100%;height:100%;object-fit:cover}
.batch-art-cutout>img{object-position:72% 51%}
.batch-art-translate-manual>img{object-position:center 45%}
.batch-art-background>img{object-position:center 64%}
.batch-art-resize>img{object-position:center 47%}
.batch-art-format>img{object-position:center 49%}
.batch-card-collage{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;width:100%;height:100%;background:#fff}
.batch-card-collage img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.batch-card-copy{padding:10px 12px 8px}
.batch-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750}
.batch-card-copy small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8696af;font-size:11px}
.batch-card-copy>button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:11px;padding:0;border:0;background:transparent;color:#1c5ae4}
.batch-card-copy button span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ecf2ff}
.batch-card-copy button img{width:16px;height:16px}
.batch-card-copy button em{font-size:11px;font-weight:650;font-style:normal;text-decoration:underline}
.batch-skill-disclosure{margin:16px 0 0;color:#a0aec2;font-size:11px}
.batch-results{margin:29px 0 30px;padding:18px;border:1px solid #e2e9f3;border-radius:13px;background:#fff}
.batch-results>header{display:flex;align-items:start;justify-content:space-between;gap:12px}
.batch-results h2{margin:0;color:#263b5d;font-size:18px}
.batch-results header p{margin:4px 0 0;color:#7586a0;font-size:12px}
.batch-results header button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #dce6f2;border-radius:8px;background:#fff;color:#2558bd;font-size:12px}
.batch-results header img,.batch-results-grid article>div button img{width:15px;height:15px}
.batch-results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px}
.batch-results-grid article{min-width:0;overflow:hidden;border:1px solid #e1e7f1;border-radius:9px}
.batch-result-preview{width:100%;height:145px;padding:0;border:0;background:#f7f9fc}
.batch-result-preview img{display:block;width:100%;height:100%;object-fit:contain}
.batch-results-grid article>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:8px}
.batch-results-grid strong{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.batch-results-grid small{color:#94a2b6;font-size:10px}
.batch-results-grid article>div button{display:flex;align-items:center;gap:3px;border:0;background:none;color:#2859bb;font-size:10px}
.batch-preview-overlay{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:50px;background:#111a2eea;color:#fff}
.batch-preview-overlay>button{position:absolute;right:25px;top:22px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#17233d;font-size:26px}
.batch-preview-overlay>img{max-width:94%;max-height:80vh;object-fit:contain}
.batch-preview-overlay span{font-size:12px}
@media(max-width:1450px){.batch-home-shell{grid-template-columns:245px minmax(0,1fr)}.batch-sidebar{width:245px;padding-left:14px;padding-right:14px}.batch-content{max-width:calc(100% - 64px)}.batch-hero h1{font-size:clamp(36px,3.5vw,53px)}.batch-hero p{font-size:clamp(15px,1.4vw,21px)}.batch-composer{max-width:calc(100% - 45px);transform:translateX(-20px)}.batch-modes{transform:translateX(-15px)}.batch-card-grid{overflow-x:auto;grid-template-columns:repeat(6,184px);padding-bottom:7px}}
@media(max-width:900px){.batch-home-shell{grid-template-columns:190px minmax(0,1fr)}.batch-sidebar{width:190px}.batch-content{max-width:calc(100% - 40px)}.batch-composer{max-width:100%;transform:none}.batch-modes{width:100%;transform:none}.batch-modes button{font-size:12px}.batch-composer .server-home-compose-actions{flex-wrap:wrap}.batch-composer.has-files{padding-bottom:122px}.batch-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.batch-home-shell{display:block}.batch-sidebar{position:relative;width:auto;height:auto;padding:8px}.batch-sidebar .brand,.batch-sidebar .home-recent-heading,.batch-sidebar .home-recent,.batch-sidebar .home-user{display:none}.batch-sidebar .server-home-nav{display:flex;overflow-x:auto}.batch-sidebar .server-home-nav button{flex:none;height:40px;padding:0 12px;font-size:12px}.batch-main{min-height:100vh}.batch-content{max-width:calc(100% - 24px);padding-top:48px}.batch-hero h1{font-size:29px}.batch-hero p{font-size:13px}.batch-modes{height:auto;flex-wrap:wrap;padding:4px}.batch-modes button{width:50%;font-size:11px}.batch-composer{height:auto;min-height:245px;padding:17px 15px 115px}.batch-composer textarea{height:85px;font-size:15px}.batch-composer-bottom{left:15px;right:15px;bottom:14px}.batch-composer .server-home-compose-actions .small-button{min-width:0!important;height:32px;padding:6px 8px;font-size:10px}.batch-composer .home-plus{width:33px;height:33px;font-size:21px}.batch-send{width:38px;height:38px}.batch-skills{margin-top:48px}.batch-card-grid{grid-template-columns:repeat(6,170px)}.batch-output-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-skill-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Batch visual alignment pass: the six cards end at the reference's 1496px edge. */
@media(min-width:1451px){.batch-content{max-width:1174px;margin-left:50px;margin-right:auto}.batch-composer{transform:translateX(-50px)}.batch-modes{transform:translateX(-24px)}}
@media(max-width:1450px){.batch-content{margin-left:auto;margin-right:auto}}

/* Shared mode interaction for replica and specified skills. */
.replica-flow-content .batch-modes,.skill-mode-shell .batch-modes{margin-bottom:7px}
.replica-flow-composer .server-home-compose-actions .small-button{min-width:150px}
.replica-flow-file-chips{display:flex;gap:7px;overflow-x:auto;margin-top:-7px;padding:1px 0 7px;max-width:calc(100% - 55px)}
.replica-flow-file-chip{position:relative;display:flex;align-items:center;gap:6px;flex:none;max-width:180px;height:37px;padding:3px 20px 3px 4px;border:1px solid #dfe8f4;border-radius:8px;background:#f9fbff}
.replica-flow-file-chip>img,.replica-flow-video-symbol{width:29px;height:29px;flex:none;object-fit:cover;border-radius:5px;background:#e9eef9}
.replica-flow-video-symbol{display:grid;place-items:center;color:#415e9c;font-size:12px}
.replica-flow-file-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#435572;font-size:10px}
.replica-flow-file-chip button{position:absolute;right:2px;top:4px;width:16px;height:16px;border:0;background:transparent;color:#7b879b;font-size:16px;line-height:12px}
.replica-flow-error,.skill-mode-error{position:absolute;left:25px;right:85px;bottom:75px;margin:0;color:#b64b4b;font-size:11px;line-height:1.4}
.replica-flow-modes{margin-top:68px}
.replica-flow-modes>header small{color:#91a0b5;font-size:11px}
.replica-flow-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.replica-flow-card{height:239px}
.replica-flow-card .batch-card-image{height:139px}
.replica-flow-card .batch-card-copy small{font-size:12px}
.replica-flow-settings{margin-top:30px;border:1px solid #e2e9f3;border-radius:14px;background:#fff;box-shadow:0 8px 25px #2637530a}
.replica-flow-settings>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 0}
.replica-flow-settings>header h2{margin:0;color:#263b5d;font-size:18px}
.replica-flow-settings>header p{margin:5px 0 0;color:#8796ad;font-size:12px}
.replica-flow-settings>header>span{padding:7px 12px;border-radius:99px;background:#eff4ff;color:#2860c5;font-size:12px;white-space:nowrap}
.replica-flow-settings .replica-work-panel{min-height:0;padding:18px 22px 22px;border:0;box-shadow:none}
.replica-flow-settings .replica-step{margin-bottom:22px}
.replica-flow-settings .replica-upload-zone{width:min(390px,100%)}
.replica-flow-examples{margin:22px 0 40px;padding:13px 18px;border:1px solid #e2e9f3;border-radius:12px;background:#fff}
.replica-flow-examples>summary{cursor:pointer;color:#345578;font-size:13px;font-weight:700}
.replica-flow-examples .replica-examples{margin-top:16px}
.replica-flow-shell .replica-results{margin-top:22px}
.skill-mode-composer.has-files{height:295px;min-height:295px;padding-bottom:84px}
.skill-mode-composer .server-home-compose-actions .small-button{min-width:145px}
.skill-mode-selected{position:absolute;left:25px;bottom:75px;color:#365b9e;font-size:11px}
.skill-mode-error+.skill-mode-selected{display:none}
.skill-mode-skills{margin-top:68px}
.skill-mode-card.pending .batch-card-image{filter:saturate(.72)}
.skill-mode-card.pending .batch-card-copy button em{color:#8a99b0;text-decoration:none}
@media(max-width:900px){
  .batch-composer{height:265px;min-height:265px;padding-bottom:110px}
  .batch-composer.has-files{min-height:265px;padding-bottom:115px}
  .batch-composer textarea{height:82px}
  .batch-composer-bottom{left:22px;right:22px;bottom:18px;align-items:end}
  .batch-composer .server-home-compose-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 64px);gap:7px}
  .batch-composer .server-home-compose-actions .home-plus{display:none}
  .batch-composer .server-home-compose-actions .small-button{min-width:0!important;width:100%;height:37px;padding:6px 8px;font-size:12px}
  .batch-send{align-self:end}
  .replica-flow-composer .server-home-compose-actions .small-button:last-child,.skill-mode-composer .server-home-compose-actions .small-button:last-child{grid-column:1/-1}
  .replica-flow-card-grid{grid-template-columns:repeat(3,220px);overflow-x:auto;padding-bottom:6px}
  .replica-flow-settings .replica-work-panel{padding:16px}
  .skill-mode-composer.has-files{height:338px;min-height:338px;padding-bottom:115px}
  .skill-mode-preview{top:106px}
  .skill-mode-selected{bottom:111px}
  .skill-mode-error{bottom:111px}
}
@media(max-width:700px){
  .batch-composer{min-height:255px;padding-bottom:105px}
  .batch-composer.has-files{padding-bottom:110px}
  .batch-composer .server-home-compose-actions .small-button{height:33px;font-size:11px}
  .batch-composer-bottom{left:15px;right:15px;bottom:12px}
  .replica-flow-modes>header small{display:none}
  .replica-flow-settings>header{padding:15px 15px 0}
  .replica-flow-settings>header h2{font-size:15px}
  .replica-flow-settings>header>span{font-size:10px}
  .skill-mode-composer.has-files{height:335px;min-height:335px}
  .skill-mode-preview{left:15px;right:15px}
}

/* Conversation-first controls shared by Auto, skills, replica, batch and task chat. */
[hidden]{display:none!important}
.server-home-content,.batch-content{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.server-home-hero h1,.batch-hero h1{font-size:clamp(30px,3.2vw,49px)}
.server-home-modes.conversation-modebar,.batch-modes.conversation-modebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(730px,100%);height:auto;max-width:100%;margin:33px auto 20px;padding:5px;transform:none;border-radius:22px}
.server-home-modes.conversation-modebar button,.batch-modes.conversation-modebar button{width:auto;height:auto;padding:11px 8px;white-space:normal;line-height:1.3}
.server-home-modes.conversation-modebar button:before{display:none}
.server-home-composer.conversation-composer,.batch-composer.conversation-composer{width:min(860px,100%);max-width:100%;height:auto;min-height:210px;margin:0 auto;padding:22px 22px 18px;transform:none}
.conversation-composer textarea,.batch-composer.conversation-composer textarea{height:auto;min-height:100px;resize:vertical;font-size:17px;line-height:1.6}
.conversation-composer .server-home-compose-bottom{position:relative;left:auto;right:auto;bottom:auto;align-items:center;margin-top:15px}
.conversation-composer .server-home-compose-actions{display:flex;flex-wrap:wrap;min-width:0;gap:8px}
.conversation-composer .server-home-send,.conversation-composer .batch-send{display:inline-flex;justify-content:center;align-items:center;width:auto;height:auto;min-height:42px;padding:9px 16px;border-radius:11px;font-size:14px;white-space:nowrap;font-weight:700}
.conversation-add-wrap{position:relative;display:inline-flex;flex:none}
.conversation-add-button,.conversation-more{border:1px solid #dce5f3;background:#fff;border-radius:11px;padding:9px 12px;color:#38516f;font-size:13px;font-weight:650;cursor:pointer}
.conversation-add-button:hover,.conversation-more:hover{background:#eef4ff}
.conversation-add-menu{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:250px;padding:6px;display:grid;gap:2px;background:#fff;border:1px solid #d8e3f4;border-radius:13px;box-shadow:0 16px 35px #1c386b26}
.conversation-add-menu button{display:grid;gap:3px;text-align:left;padding:9px 10px;background:transparent;border:0;border-radius:8px;color:#263b5b;cursor:pointer}
.conversation-add-menu button:hover,.conversation-add-menu button:focus-visible{background:#edf3ff}
.conversation-add-menu small{font-size:11px;color:#7c8da7;line-height:1.35}
.conversation-mode-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:11px;background:#f4f7fd;color:#425c80;font-size:12px;white-space:normal}
.conversation-mode-chip em{font-style:normal;color:#356b91;font-size:11px}
.conversation-step-note{width:min(860px,100%);margin:14px auto 0;color:#6c7e9a;font-size:12px;line-height:1.55}
.conversation-step-note strong{color:#385c90;margin-right:6px}
.conversation-skill-disclosure{width:min(860px,100%);margin:24px auto 0;padding:12px 15px;background:#fff;border:1px solid #dfe8f5;border-radius:12px;color:#395677;font-size:13px}
.conversation-skill-disclosure>summary{cursor:pointer;font-weight:700}
.conversation-skill-disclosure .skill-mode-skills{margin:18px 0 0}
.conversation-nav-toggle{display:none}
.server-home-section-head{margin-top:38px}
.conversation-card-hint{display:none;color:#7485a2;font-size:11px;white-space:nowrap}
.server-home-card{overflow:hidden}
.server-chat-shell .server-composer .toolbar{align-items:center;flex-wrap:wrap}
.server-chat-shell .server-composer .conversation-add-menu{top:auto;bottom:calc(100% + 8px)}
@media(max-width:900px){
  .server-home-shell,.batch-home-shell{display:grid;grid-template-columns:72px minmax(0,1fr)}
  .server-home-sidebar,.batch-sidebar{position:sticky;top:0;z-index:20;width:72px;height:100vh;padding:15px 8px;overflow-y:auto;overflow-x:hidden}
  .server-home-sidebar .brand,.batch-sidebar .brand{justify-content:center;padding:0;width:100%;font-size:0}
  .server-home-sidebar .brand strong,.batch-sidebar .brand strong{display:none}
  .server-home-sidebar .server-home-nav,.batch-sidebar .server-home-nav{display:grid;overflow:visible}
  .server-home-sidebar .server-home-nav button,.batch-sidebar .server-home-nav button{justify-content:center;width:100%;padding:0;font-size:0}
  .server-home-sidebar .server-home-nav button>span:last-child,.batch-sidebar .server-home-nav button>span:last-child,.server-home-sidebar .home-recent-heading,.server-home-sidebar .home-recent,.server-home-sidebar .home-user{display:none}
  .conversation-nav-toggle{display:block;width:100%;margin:5px 0 8px;padding:9px 0;border:0;border-radius:9px;background:#e6eeff;color:#3659a1;cursor:pointer}
  .conversation-nav-toggle span{display:none}
  .server-home-sidebar.expanded{position:fixed;left:0;top:0;width:270px;box-shadow:16px 0 40px #1b2d5240}
  .server-home-sidebar.expanded .brand{font-size:18px;justify-content:flex-start}
  .server-home-sidebar.expanded .brand strong,.server-home-sidebar.expanded .conversation-nav-toggle span,.server-home-sidebar.expanded .server-home-nav button>span:last-child,.server-home-sidebar.expanded .home-recent-heading,.server-home-sidebar.expanded .home-recent,.server-home-sidebar.expanded .home-user{display:initial}
  .server-home-sidebar.expanded .conversation-nav-toggle{text-align:left;padding-left:12px}
  .server-home-sidebar.expanded .server-home-nav button{justify-content:flex-start;padding:0 12px;font-size:14px}
  .server-home-content,.batch-content{max-width:100%;margin:0;padding:42px 20px 60px}
  .server-home-modes.conversation-modebar,.batch-modes.conversation-modebar{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:25px auto 16px}
  .server-home-composer.conversation-composer,.batch-composer.conversation-composer{min-height:0;padding:18px}
  .conversation-composer .server-home-compose-bottom{display:flex;flex-wrap:wrap;gap:9px}
  .conversation-composer .server-home-send{margin-left:auto}
  .conversation-mode-chip{order:2}
  .server-home-main,.batch-main{min-width:0;overflow-x:hidden}
  .conversation-card-hint{display:inline}
  .server-home-main .server-setup,.home-inspiration{max-width:100%;transform:none}
}
@media(max-width:600px){
  .server-home-shell,.batch-home-shell{grid-template-columns:1fr}
  .server-home-sidebar,.batch-sidebar{position:relative;width:100%;height:auto;min-height:0}
  .server-home-sidebar .server-home-nav,.batch-sidebar .server-home-nav{display:none}
  .server-home-sidebar.expanded{position:absolute}
  .server-home-content,.batch-content{padding:24px 14px 40px}
  .server-home-hero h1,.batch-hero h1{font-size:30px}
  .server-home-hero p,.batch-hero p{font-size:14px}
  .conversation-composer .server-home-send{width:100%}
  .server-home-section-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
  .server-home-section-head>span{width:100%}
  .server-home-section-head>div{width:100%;justify-content:flex-start}
  .conversation-card-hint{width:100%}
}

/* Confirmed conversation: compact server plan and bottom composer. */
.server-chat-shell .server-workspace{max-width:900px}
.server-chat-shell .server-feed{gap:14px;padding-top:20px;padding-bottom:118px}
.server-chat-shell .server-plan-card{width:min(100%,760px);max-width:100%;padding:20px 22px;border-radius:18px}
.server-plan-card h3{margin:5px 0 6px;font-size:18px;line-height:1.4;color:#213654}
.server-plan-intro{font-size:13px;color:#71809b}
.server-plan-summary{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.server-plan-summary span{padding:7px 10px;border:1px solid #e3eaf6;border-radius:9px;background:#f8faff;color:#405778;font-size:12px}
.server-plan-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.server-plan-actions .primary{margin:0}
.server-plan-details{font-size:12px;color:#667993}
.server-plan-details summary{cursor:pointer;color:#3b64a1;font-weight:600}
.server-plan-details[open]{width:100%;padding:10px 0;border-top:1px solid #e5ebf5}
.server-question-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.server-chat-shell .server-composer{padding:12px 15px;border-radius:18px}
.server-chat-shell .server-composer textarea{min-height:48px;max-height:160px;padding:5px 3px;font-size:15px}
.server-chat-shell .server-composer .toolbar{gap:8px;margin-top:5px}
.server-chat-shell .server-composer .conversation-mode-chip{margin-right:auto}
.server-chat-shell .server-composer .primary{margin-left:0;white-space:nowrap}
.conversation-chat-nav-toggle{display:none}
@media(max-width:900px){
  .server-chat-shell{grid-template-columns:72px minmax(0,1fr)}
  .server-chat-shell .sidebar{position:sticky;top:0;z-index:15;width:72px;height:100vh;padding:16px 8px;overflow:hidden}
  .server-chat-shell .sidebar .brand{justify-content:center;font-size:0;margin-bottom:12px}
  .server-chat-shell .sidebar .brand i{font-size:25px}
  .server-chat-shell .sidebar .new{width:100%;font-size:0;padding:10px 0}
  .server-chat-shell .sidebar .new:before{content:'＋';font-size:22px}
  .server-chat-shell .sidebar .memory-shortcut,.server-chat-shell .sidebar .side-label,.server-chat-shell .sidebar .recent,.server-chat-shell .sidebar .side-foot{display:none}
  .conversation-chat-nav-toggle{display:block;width:100%;padding:9px 0;margin-bottom:9px;border:0;border-radius:9px;background:#e6eeff;color:#3659a1}
  .server-chat-shell .sidebar.expanded{position:fixed;width:260px;box-shadow:16px 0 40px #1b2d5240}
  .server-chat-shell .sidebar.expanded .brand{justify-content:flex-start;font-size:17px}
  .server-chat-shell .sidebar.expanded .new{font-size:14px;padding:10px}
  .server-chat-shell .sidebar.expanded .new:before{display:none}
  .server-chat-shell .sidebar.expanded .memory-shortcut,.server-chat-shell .sidebar.expanded .side-label,.server-chat-shell .sidebar.expanded .recent,.server-chat-shell .sidebar.expanded .side-foot{display:block}
  .server-chat-shell .main{min-width:0;padding:22px 20px}
}

/* The home composition follows the approved UED high fidelity prototype. Other mode pages retain their layouts. */
.server-plan-history{align-self:stretch;padding:12px 15px;border:1px solid #e1e8f5;border-radius:14px;background:#f8faff;color:#52627d;font-size:13px}
.server-plan-history summary{cursor:pointer;font-weight:700;color:#3b527a}
.server-history-turn{padding:8px 0;border-top:1px solid #e8edf6}.server-history-turn:first-child{border-top:0}
.server-history-turn small{color:#8b9bb5}.server-history-turn p{margin:5px 0;line-height:1.5}.server-history-turn strong{color:#31476d}
.hifi-home-shell{grid-template-columns:254px minmax(0,1fr);background:#f8faff}
.hifi-home-shell .server-home-sidebar{width:254px;padding:18px 16px 0;background:#f5f7fc}
.hifi-home-shell .server-home-sidebar .brand{height:56px;margin:0 0 18px;padding:4px 10px;gap:12px;font-size:18px}
.hifi-new-task{height:43px;width:100%;margin:0 0 13px;padding:0 16px;text-align:left;border:1px solid #d7e2f3;border-radius:11px;background:#fff;color:#2f5fdb;font-size:23px;line-height:1}
.hifi-new-task span{margin-left:9px;color:#314a75;font-size:15px}
.hifi-home-shell .server-home-nav button{height:45px;gap:16px;padding:0 16px;font-size:14px}
.hifi-home-shell .home-nav-icon,.hifi-home-shell .home-nav-icon svg{width:19px;height:19px}
.hifi-home-shell .home-recent-heading{margin-top:auto;padding-top:18px}
.hifi-home-shell .server-home-sidebar .home-recent button{height:57px;padding:4px 9px}
.hifi-home-shell .home-recent-thumb{width:42px;height:42px;background-size:1041px 651px;border-radius:8px}
.hifi-home-shell .home-recent-thumb.thumb-0{background-position:-19px -459px}.hifi-home-shell .home-recent-thumb.thumb-1{background-position:-19px -510px}.hifi-home-shell .home-recent-thumb.thumb-2{background-position:-19px -561px}
.hifi-home-shell .home-recent-copy strong{font-size:12px}.hifi-home-shell .home-recent-copy small{font-size:10px}
.hifi-home-shell .server-home-content{max-width:1220px;padding:91px 24px 60px}
.hifi-home-shell .server-home-hero{transform:none}
.hifi-home-shell .server-home-hero .eyebrow{font-size:10px;letter-spacing:.48em}
.hifi-home-shell .server-home-hero h1{font-size:clamp(36px,3.7vw,55px);margin:19px 0 12px}
.hifi-home-shell .server-home-hero p{font-size:17px}
.hifi-home-composer{width:min(1080px,100%);max-width:100%;height:auto;min-height:284px;margin:38px auto 0;padding:25px 26px 22px;transform:none;border:1px solid #cbdcff;border-radius:28px;box-shadow:0 18px 38px #244d981b}
.hifi-home-composer.has-image{height:auto;min-height:335px}
.hifi-compose-body{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;min-height:166px}
.hifi-home-add{position:relative}
.hifi-upload-tile{display:grid;place-items:center;width:72px;height:84px;border:1px solid #dce6f6;border-radius:15px;background:#edf2fa;color:#4165b2;font-size:42px;font-weight:200;line-height:1}
.hifi-upload-tile:hover,.hifi-upload-tile[aria-expanded=true]{background:#e1ebff;border-color:#abc3ff}
.hifi-home-add-menu{position:absolute;z-index:25;top:92px;left:0;width:242px;padding:7px;display:grid;gap:2px;border:1px solid #dce5f3;border-radius:14px;background:#fff;box-shadow:0 16px 35px #24477730}
.hifi-home-add-menu button{display:grid;gap:3px;text-align:left;border:0;border-radius:8px;background:#fff;padding:9px 10px;color:#314b72;font-size:12px}
.hifi-home-add-menu button:hover{background:#eef3ff}.hifi-home-add-menu small{color:#8798b1;font-size:10px}
.hifi-compose-editor{display:flex;flex-direction:column;min-width:0}
.hifi-home-composer textarea,.hifi-home-composer.has-image textarea{height:auto;min-height:106px;max-height:180px;padding:2px 0 0;resize:vertical;font-size:16px;line-height:1.6}
.hifi-compose-editor>small{margin-top:auto;color:#8ca0bd;font-size:11px}
.hifi-home-composer .quick-image-preview{position:relative;left:auto;right:auto;top:auto;margin:4px 0 10px;max-width:550px}
.hifi-compose-foot{display:flex;align-items:center;gap:9px;margin-top:25px;flex-wrap:wrap}
.hifi-home-control{position:relative}
.hifi-home-control summary,.hifi-home-count{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 13px;border:1px solid #dce5f3;border-radius:12px;background:#fff;color:#314b72;font-size:12px;white-space:nowrap;list-style:none;cursor:pointer}
.hifi-home-control summary::-webkit-details-marker{display:none}
.hifi-home-control summary:hover,.hifi-home-control[open] summary{background:#eaf0ff;border-color:#a9c2ff;color:#2858cb}
.hifi-home-control summary span,.hifi-home-count span{margin-right:8px}
.hifi-control-menu{position:absolute;z-index:24;left:0;bottom:54px;width:220px;padding:6px;display:grid;gap:2px;border:1px solid #dce5f3;border-radius:13px;background:#fff;box-shadow:0 18px 35px #24477730}
.hifi-control-menu button{border:0;border-radius:8px;padding:9px 10px;text-align:left;background:transparent;color:#294262;font-size:12px}.hifi-control-menu button:hover{background:#edf3ff}
.hifi-control-menu button:disabled{color:#9aa9be;opacity:1;cursor:not-allowed}.hifi-control-menu button:disabled:hover{background:transparent}
.hifi-home-send{display:block;width:128px;height:46px;margin-left:auto;border-radius:12px;background:#315fe3;color:#fff;font-size:15px;font-weight:800;box-shadow:0 7px 14px #315fe334}
.hifi-home-send:hover{background:#214dcc}
.hifi-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;width:min(1080px,100%);margin:34px auto 13px}
.hifi-home-section-head h2{margin:0;color:#273956;font-size:16px}.hifi-home-section-head p{margin:5px 0 0;color:#91a2bc;font-size:12px}
.hifi-home-section-head button{border:0;background:none;color:#7589a9;font-size:12px;white-space:nowrap}
.hifi-home-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(1080px,100%);margin:auto}
.hifi-home-card{min-width:0;overflow:hidden;padding:0;text-align:left;border:1px solid #dfe7f5;border-radius:13px;background:#fff;color:#273956}
.hifi-home-card:hover{transform:translateY(-2px);box-shadow:0 9px 23px #244d981b}
.hifi-card-photo{position:relative;display:block;height:130px;overflow:hidden;background:#eee}
.hifi-card-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hifi-card-status{position:absolute;left:7px;top:7px;padding:5px 7px;border-radius:7px;background:#fffd;color:#596f92;font-size:10px}
.hifi-card-copy{display:grid;gap:4px;padding:11px 10px 8px}.hifi-card-copy strong{font-size:13px}.hifi-card-copy small{font-size:10px;color:#8a9bb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hifi-card-arrow{display:grid;place-items:center;width:25px;height:25px;margin-top:8px;border-radius:50%;background:#edf3ff;color:#315fe3;font-size:16px}
.hifi-home-disclosure{width:min(1080px,100%);margin:16px auto 0;color:#9aacbf;font-size:11px}
.hifi-home-disclosure button{border:0;background:transparent;color:#7186a7;font-size:11px;text-decoration:underline}
.hifi-home-shell .server-home-main .server-setup{width:min(1080px,100%);max-width:100%;margin:22px auto}
@media(max-width:1150px){.hifi-home-cards{overflow-x:auto;grid-template-columns:repeat(6,160px);padding-bottom:7px}}
@media(max-width:900px){.hifi-home-shell{grid-template-columns:72px minmax(0,1fr)}.hifi-home-shell .server-home-sidebar{width:72px;padding:15px 8px}.hifi-home-shell .hifi-new-task{font-size:0;padding:0;text-align:center;height:40px}.hifi-home-shell .hifi-new-task:first-letter{font-size:22px}.hifi-new-task span{display:none}.hifi-home-shell .server-home-content{padding:48px 20px 60px}.hifi-home-shell .server-home-hero h1{font-size:clamp(29px,4.5vw,42px)}.hifi-home-shell .server-home-hero p{font-size:14px}.hifi-home-composer{padding:20px}}
@media(max-width:620px){.hifi-home-shell .server-home-content{padding:36px 14px 50px}.hifi-home-composer{min-height:0;padding:15px}.hifi-compose-body{grid-template-columns:48px minmax(0,1fr);gap:11px;min-height:130px}.hifi-upload-tile{width:48px;height:58px;font-size:31px}.hifi-home-composer textarea{font-size:14px}.hifi-compose-foot{margin-top:16px}.hifi-home-control summary,.hifi-home-count{min-height:39px;padding:8px;font-size:11px}.hifi-home-send{width:100%;margin-top:5px}.hifi-home-section-head{align-items:start}.hifi-home-cards{grid-template-columns:repeat(6,145px)}}

/* Registry-backed skill availability shared by specified skill and skill center. */
.skill-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px;color:#405575;font-size:13px;font-weight:700}
.skill-catalog-heading button,.skill-mode-skills>header button{border:0;background:none;color:#2a61c5;cursor:pointer}
.skill-catalog-disclosure,.skill-catalog-error{margin:0 0 15px;color:#697b98;font-size:12px;line-height:1.5}
.skill-catalog-error{color:#a64141}
.skill-catalog-status{display:block;width:fit-content;margin:6px 0;padding:4px 8px;border-radius:7px;background:#edf3ff;color:#2a5cba;font-size:11px;font-weight:750;line-height:1.3}
.skill-catalog-status.blocked{background:#fff1ed;color:#a14c38}
.skill-catalog-status.mock{background:#fff5df;color:#8f661c}
.skill-catalog-status.poc{background:#f2edff;color:#6742ac}
.skill-catalog-status.available{background:#e9f7ed;color:#256f42}
.skill-catalog-line,.skill-catalog-reason,.skill-catalog-formats,.skill-catalog-warning{margin:4px 0;color:#53647e;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.skill-catalog-reason{color:#6c7890}
.skill-catalog-warning{color:#91612a}
.skill-catalog-id{display:block;margin:2px 0 6px;color:#9ba8ba;font-size:10px;overflow-wrap:anywhere}
.skill-mode-card .batch-card-copy small{white-space:normal;line-height:1.4}
.skill-mode-card .batch-card-copy>button[disabled],.skill-catalog-card button[disabled]{cursor:not-allowed;opacity:.55}
.skill-mode-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.skill-mode-card{height:auto;min-height:335px}
.skill-mode-card .batch-card-image{height:112px}
.skill-mode-card .batch-card-copy{padding:11px 12px 13px}
.skill-mode-card .batch-card-copy>button{margin-top:8px}
.skill-center-shell .skill-pinned-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.skill-center-shell .skill-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.skill-catalog-card.skill-pinned-card,.skill-catalog-card.skill-grid-card{height:auto;min-height:390px;overflow:hidden}
.skill-catalog-card .skill-card-photo{height:126px}
.skill-catalog-card .skill-card-details{height:auto;min-height:0;padding:12px}
.skill-catalog-card .skill-card-details p{height:auto;margin:4px 0;white-space:normal;overflow:visible;text-overflow:clip}
.skill-catalog-card .skill-catalog-status{margin:7px 0}
.skill-catalog-card .skill-card-details>button[data-action="choose-skill"]{position:static;width:100%;height:32px;margin-top:10px;border:0;border-radius:7px;background:#edf3ff;color:#1a57b8;font-size:12px;font-weight:700}
.skill-catalog-card.blocked .skill-card-details>button[data-action="choose-skill"]{background:#f0f2f5;color:#7f8999}
.skill-catalog-card .skill-card-photo img{filter:saturate(.9)}
.skill-catalog-card.blocked .skill-card-photo img{filter:saturate(.55)}
@media(max-width:1350px){.skill-mode-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-center-shell .skill-pinned-strip{grid-template-columns:repeat(4,230px);overflow-x:auto}.skill-center-shell .skill-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.skill-mode-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-center-shell .skill-pinned-strip{grid-template-columns:repeat(4,220px)}.skill-center-shell .skill-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.skill-mode-card-grid{grid-template-columns:1fr}.skill-center-shell .skill-discover-grid{grid-template-columns:1fr}}

/* Saved canvas mask is a translucent selection, separate from editable layers. */
.canvas-workspace header h2 small{padding:3px 8px;border-radius:7px;background:#eaf0ff;color:#3462c2;font-size:12px;vertical-align:middle}
.canvas-workspace header p{overflow-wrap:anywhere}
.canvas-stage{gap:14px;align-items:center}
.canvas-draft,.canvas-original{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:8px}
.canvas-draft{width:min(100%,760px)}
.canvas-draft>strong,.canvas-original>strong{font-size:12px;color:#456080}
.canvas-draft canvas,.canvas-original img{display:block;max-width:100%;max-height:560px;object-fit:contain}
.canvas-compare .canvas-draft,.canvas-compare .canvas-original{width:calc(50% - 8px)}
.canvas-original img{box-shadow:0 10px 32px #20324c30;background:#fff}
.canvas-layers{width:300px}
.canvas-layers label{display:block;margin:8px 0;color:#425775;font-size:12px}
.canvas-layers input,.canvas-layers textarea{box-sizing:border-box;display:block;width:100%;margin-top:5px;padding:7px 8px;border:1px solid #dbe4f1;border-radius:7px;color:#2a3d5b;font:inherit}
.canvas-layers .canvas-layer label{flex:1;min-width:0}
.canvas-layers .canvas-layer input{width:100%}
.canvas-mask-count{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #edf0f5;font-size:12px}
.canvas-mask-count button{border:0;background:none;color:#315db0}
.canvas-plan-reason,.canvas-plan-notice{padding:9px;border-radius:8px;background:#fff5e8;color:#8a5b25;font-size:12px;line-height:1.5}
.canvas-layers>.primary,.canvas-layers>.small-button{display:block;width:100%;margin:8px 0;padding:9px;border-radius:7px}
.canvas-layers>.primary[disabled]{opacity:.6;cursor:not-allowed}
.canvas-conflict-actions{display:flex;gap:8px;padding:8px 24px;background:#fff4e9}
.canvas-conflict-actions button{border:1px solid #d4aa7c;border-radius:7px;background:#fff;padding:7px 10px;color:#875020}
@media(max-width:900px){.canvas-overlay{padding:10px}.canvas-workspace{height:calc(100vh - 20px)}.canvas-body{flex-direction:column}.canvas-stage{flex:1;min-height:260px;padding:14px}.canvas-layers{width:100%;max-height:290px;border-left:0;border-top:1px solid #e4eaf3}.canvas-workspace footer{padding:10px 14px}.canvas-tools{padding:9px 12px}.canvas-compare .canvas-draft,.canvas-compare .canvas-original{width:calc(50% - 7px)}}

/* Replica server preflight stays inside the existing page and visual language. */
.replica-candidate{display:block;flex:none;width:59px;height:74px;padding:0;border:2px solid transparent;border-radius:8px;background:#f5f1ea;overflow:hidden;cursor:pointer}
.replica-candidate img{width:100%;height:100%;object-fit:cover}
.replica-candidate.selected{border-color:#3567e8;box-shadow:0 0 0 2px #dbe7ff}
.replica-plan-controls{padding:16px;margin:14px 0;border:1px solid #e2e9f4;border-radius:11px;background:#fbfcff}
.replica-plan-controls h2{font-size:14px;color:#233653;margin:0 0 4px}
.replica-plan-controls>p{font-size:11px;color:#74839b;line-height:1.55;margin:0 0 12px}
.replica-analysis-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.replica-analysis-row button{padding:7px 11px;border:1px solid #b9cbed;border-radius:7px;background:#f1f6ff;color:#2d5cca;font-size:12px;cursor:pointer}
.replica-analysis-row button:disabled{opacity:.55;cursor:wait}
.replica-analysis-row small{color:#71819b;font-size:11px}
.replica-rule-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.replica-rule-fields label{font-size:11px;color:#60728e}
.replica-rule-fields input{width:100%;height:35px;margin-top:5px;padding:0 9px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#263b5b;font-size:12px}
.replica-check{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#425775;font-size:11px;line-height:1.45}
.replica-check input{margin:1px 0 0;flex:none;accent-color:#3567e8}
.replica-plan-review{margin-top:13px;padding:12px;border:1px solid #cbdcff;border-radius:9px;background:#f6f9ff;color:#2c4164;font-size:11px;line-height:1.5}
.replica-plan-review strong{font-size:12px}.replica-plan-review p{margin:5px 0}.replica-plan-review ul{margin:5px 0;padding-left:17px}.replica-plan-review small{color:#7184a1;overflow-wrap:anywhere}
.replica-demo-button{margin-top:8px;width:100%;height:38px;justify-content:center}
@media(max-width:800px){.replica-rule-fields{grid-template-columns:1fr}}

/* Local batch review: show SKU pairing and confirmation without changing the home layout. */
.batch-sku-mapping,.batch-review{margin:18px auto 0;padding:18px;border:1px solid #dfe7f4;border-radius:14px;background:#fff;box-shadow:0 8px 28px #17355b08}
.batch-sku-mapping header,.batch-review header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.batch-sku-mapping h2,.batch-review h2{margin:0;font-size:16px;color:#253958}
.batch-sku-mapping header small,.batch-review header small{color:#8190a8;font-size:11px}
.batch-sku-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.batch-sku-row{display:grid;grid-template-columns:43px minmax(0,1fr) 155px;align-items:center;gap:10px;min-width:0;padding:7px;border:1px solid #e6ebf4;border-radius:9px;color:#354b6d;font-size:12px}
.batch-sku-row img{width:43px;height:43px;object-fit:contain;border-radius:6px;background:#f4f6fa}
.batch-sku-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batch-sku-row>span:last-child{font-size:10px;color:#8392aa}
.batch-sku-row input{display:block;width:100%;height:30px;margin-top:3px;padding:4px 7px;border:1px solid #d8e1ef;border-radius:6px;color:#243c5e;font-size:11px;text-transform:uppercase}
.batch-review-list{display:grid;gap:6px;max-height:220px;overflow:auto}
.batch-review-list>div{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:7px;background:#f7f9fd;color:#50627f;font-size:11px}
.batch-review-list strong{color:#244a94}.batch-review-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batch-service-panel{margin:18px auto 0;padding:18px;border:1px solid #dfe7f4;border-radius:14px;background:#fff;box-shadow:0 8px 28px #17355b08;color:#253958}
.batch-service-panel header{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}
.batch-service-panel h2{margin:0 0 5px;font-size:16px}
.batch-service-panel header small{display:block;color:#8190a8;font-size:11px;line-height:1.5}
.batch-service-panel header>span{flex:none;padding:5px 8px;border-radius:6px;background:#edf3ff;color:#456ba4;font-size:10px}
.batch-service-check{display:flex;align-items:center;gap:8px;margin:10px 0;color:#526781;font-size:12px}
.batch-service-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:12px 0;padding:12px;border:1px solid #e1e8f4;border-radius:9px;background:#f8faff}.batch-service-catalog label{display:grid;gap:5px;min-width:0;color:#455b79;font-size:12px}.batch-service-catalog select{width:100%;min-width:0;padding:8px;border:1px solid #d7e1f0;border-radius:7px;background:#fff;color:#243654}.batch-service-catalog>small{grid-column:1/-1;color:#8291a8;line-height:1.5}
.batch-service-check input{accent-color:#315fe9}
.batch-service-primary,.batch-service-secondary{margin:3px 9px 0 0;padding:9px 13px;border:1px solid #315fe9;border-radius:8px;background:#315fe9;color:#fff;font-size:12px;cursor:pointer}
.batch-service-secondary{background:#fff;color:#315fe9}
.batch-service-primary:disabled,.batch-service-secondary:disabled{opacity:.55;cursor:wait}
.batch-service-summary{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:8px;background:#f6f8fc;font-size:12px}
.batch-service-summary span{color:#7788a4}.batch-service-summary button{margin-left:auto;border:0;background:none;color:#315fe9;font-size:11px}
.batch-service-list{display:grid;gap:5px;max-height:240px;overflow:auto;margin:10px 0}
.batch-service-list>div{display:flex;align-items:center;gap:12px;padding:7px 9px;border:1px solid #ebeff5;border-radius:7px;font-size:11px}
.batch-service-list strong{min-width:85px}.batch-service-list span{min-width:45px}.batch-service-list small{flex:1;color:#8090a6}.batch-service-list button{border:0;background:none;color:#315fe9;font-size:11px;cursor:pointer}
.batch-service-message,.batch-service-error{margin:9px 0 0;font-size:11px}.batch-service-message{color:#526b91}.batch-service-error{color:#bf4343}
@media(max-width:700px){.batch-service-panel header{display:block}.batch-service-panel header>span{display:inline-block;margin-top:8px}.batch-service-list>div{flex-wrap:wrap}}
@media(max-width:700px){.batch-service-catalog{grid-template-columns:1fr}}
.batch-review>p{margin:12px 0;color:#7888a1;font-size:11px;line-height:1.5}
.batch-confirm-check{display:flex;align-items:center;gap:8px;margin:10px 0;color:#344a69;font-size:12px}.batch-confirm-check input{accent-color:#315ee5}
.batch-confirm-button{padding:10px 18px;border:0;border-radius:9px;background:#315ee5;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.batch-confirm-button img{width:14px;height:14px;vertical-align:middle;filter:brightness(0) invert(1)}
@media(max-width:1100px){.batch-sku-rows{grid-template-columns:1fr}}
@media(max-width:700px){.batch-sku-mapping header,.batch-review header{display:block}.batch-sku-row{grid-template-columns:38px minmax(0,1fr);gap:6px}.batch-sku-row>span:last-child{grid-column:1/-1}.batch-review-list>div{grid-template-columns:80px minmax(0,1fr)}.batch-review-list>div span:last-child{grid-column:2}}
.batch-composer.conversation-composer .batch-selected-skill,.batch-composer.conversation-composer .batch-error{position:static;display:block;margin:6px 0 0;font-size:11px}
.batch-composer.conversation-composer .batch-uploads{margin:6px 0 0;padding-bottom:0;max-width:100%}
.batch-failures{margin-top:15px;padding:12px;border:1px solid #efd9cf;border-radius:9px;background:#fff9f5;color:#6e4b3e;font-size:12px}
.batch-failures p{margin:6px 0}.batch-failures button{margin-top:8px;padding:7px 12px;border:1px solid #dbb8a5;border-radius:7px;background:#fff;color:#80533e;cursor:pointer}

.invite-login-page{min-height:100vh;display:grid;place-items:center;background:#f7f9fd;padding:24px;color:#13213d;font-family:inherit}
.invite-login-card{width:min(100%,420px);padding:36px;border:1px solid #e2e8f4;border-radius:22px;background:#fff;box-shadow:0 22px 60px #243c6312}
.invite-login-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}.invite-login-brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#3865ea;color:#fff;font-size:24px}
.invite-login-card h1{margin:32px 0 5px;font-size:27px}.invite-login-card p{margin:0 0 28px;color:#8390a7;font-size:14px}
.invite-login-card label{display:grid;gap:8px;margin:16px 0;color:#34415b;font-size:14px;font-weight:600}.invite-login-card input{height:46px;padding:0 13px;border:1px solid #d7e0ef;border-radius:10px;background:#fff;color:#13213d;font:inherit}.invite-login-card input:focus{outline:2px solid #91adff;outline-offset:1px}
.invite-login-card button{width:100%;height:46px;margin-top:10px;border:0;border-radius:10px;background:#3561e8;color:#fff;font:inherit;font-weight:700;cursor:pointer}.invite-login-card button:disabled{opacity:.6;cursor:wait}
.invite-login-error{min-height:20px;color:#b13939;font-size:13px}.invite-logout{position:fixed;right:22px;bottom:18px;z-index:80;padding:8px 12px;border:1px solid #dce4f2;border-radius:9px;background:#fff;color:#53627f;font:inherit;font-size:12px;box-shadow:0 5px 18px #1b315112;cursor:pointer}
.server-home-nav button:not(.active):hover{background:#f1f4fb;color:#243b68;font-weight:500}
.home-user{min-width:0}.home-user>span:first-child{flex:none}.home-user>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-user>span:last-child{flex:none}
.invite-account-trigger{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.invite-account-trigger:hover{background:#edf2fc}.invite-account-trigger:focus-visible{outline:2px solid #769cf8;outline-offset:-2px}
.invite-logout{position:absolute;left:18px;right:18px;bottom:70px;z-index:80;width:auto;padding:12px 14px;text-align:left;font-size:14px;box-shadow:0 10px 28px #1b315124}.invite-logout[hidden]{display:none}
.hifi-card-photo:not(.media-ready)::after,.skill-card-photo:not(.media-ready)::after{content:'示例图片加载中…';position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#f2f4f8;color:#7f8ba1;font-size:12px;pointer-events:none}
.hifi-card-photo.media-error::after,.skill-card-photo.media-error::after{content:'示例图片暂不可用'}

/* Keep the same workspace navigation and dimensions on every server view. */
.workspace-shell{grid-template-columns:254px minmax(0,1fr)}
.workspace-shell .workspace-sidebar{width:254px;padding:18px 16px 0;gap:0;background:#f5f7fc;overflow:hidden}
.workspace-shell .workspace-sidebar .brand{height:56px;margin:0 0 18px;padding:4px 10px;gap:12px;font-size:18px}
.workspace-shell .workspace-sidebar .hifi-new-task{height:43px;width:100%;margin:0 0 13px;padding:0 16px;border:1px solid #d7e2f3;border-radius:11px;background:#fff;color:#2f5fdb;font-size:23px;text-align:left}
.workspace-shell .workspace-sidebar .hifi-new-task span{margin-left:9px;color:#314a75;font-size:15px}
.workspace-shell .workspace-sidebar .server-home-nav button{height:45px;gap:16px;padding:0 16px;font-size:14px;border-radius:10px}
.workspace-shell .workspace-sidebar .home-nav-icon,.workspace-shell .workspace-sidebar .home-nav-icon svg{width:19px;height:19px}
.workspace-shell .workspace-sidebar .home-recent-heading{margin:0 10px 7px;margin-top:auto;padding-top:18px}
.workspace-shell .workspace-sidebar .home-recent{max-height:188px;overflow-y:auto;gap:3px}
.workspace-shell .workspace-sidebar .home-recent button{height:57px;padding:4px 9px}
.workspace-shell .workspace-sidebar .home-recent-thumb{width:42px;height:42px;background-size:1041px 651px;border-radius:8px}
.workspace-shell .workspace-sidebar .home-recent-thumb.thumb-0{background-position:-19px -459px}
.workspace-shell .workspace-sidebar .home-recent-thumb.thumb-1{background-position:-19px -510px}
.workspace-shell .workspace-sidebar .home-recent-thumb.thumb-2{background-position:-19px -561px}
.workspace-shell .workspace-sidebar .home-recent-copy strong{font-size:12px}
.workspace-shell .workspace-sidebar .home-recent-copy small{font-size:10px}
.workspace-shell .workspace-sidebar .home-user{height:65px;flex:none}
@media(max-width:900px){.workspace-shell{grid-template-columns:72px minmax(0,1fr)}.workspace-shell .workspace-sidebar{width:72px;padding:15px 8px}.workspace-shell .workspace-sidebar .brand{justify-content:center;padding:0;font-size:0}.workspace-shell .workspace-sidebar .brand strong{display:none}.workspace-shell .workspace-sidebar .hifi-new-task{height:40px;padding:0;text-align:center;font-size:23px}.workspace-shell .workspace-sidebar .hifi-new-task span{display:none}.workspace-shell .workspace-sidebar .server-home-nav button{justify-content:center;padding:0;font-size:0}.workspace-shell .workspace-sidebar .server-home-nav button>span:last-child,.workspace-shell .workspace-sidebar .home-recent-heading,.workspace-shell .workspace-sidebar .home-recent,.workspace-shell .workspace-sidebar .home-user{display:none}.workspace-shell .workspace-sidebar.expanded{width:270px}.workspace-shell .workspace-sidebar.expanded .brand{justify-content:flex-start;font-size:18px}.workspace-shell .workspace-sidebar.expanded .brand strong,.workspace-shell .workspace-sidebar.expanded .server-home-nav button>span:last-child,.workspace-shell .workspace-sidebar.expanded .home-recent-heading,.workspace-shell .workspace-sidebar.expanded .home-recent,.workspace-shell .workspace-sidebar.expanded .home-user{display:initial}.workspace-shell .workspace-sidebar.expanded .server-home-nav button{justify-content:flex-start;padding:0 12px;font-size:14px}}
@media(max-width:600px){.workspace-shell{grid-template-columns:1fr}.workspace-shell .workspace-sidebar{position:relative;width:100%;height:auto;min-height:0}.workspace-shell .workspace-sidebar.expanded{position:absolute}}
@media(max-width:900px){.workspace-shell .workspace-sidebar.expanded .hifi-new-task{text-align:left;padding:0 16px}.workspace-shell .workspace-sidebar.expanded .hifi-new-task span{display:inline}.workspace-shell .workspace-sidebar.expanded .home-recent-heading{display:flex}.workspace-shell .workspace-sidebar.expanded .home-recent{display:grid}.workspace-shell .workspace-sidebar.expanded .home-user{display:flex}}
@media(max-width:900px){.workspace-shell>.main{grid-column:2}}
@media(max-width:600px){.workspace-shell>.main{grid-column:1}}
.skill-available-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 24px;padding:13px 15px;border:1px solid #dce6f4;border-radius:12px;background:#fff}
.skill-available-tools>div{display:grid;gap:3px;margin-right:auto}.skill-available-tools strong{color:#203659;font-size:14px}.skill-available-tools span{color:#8493aa;font-size:11px}
.skill-available-tools button{padding:9px 11px;border:1px solid #d5e1f4;border-radius:9px;background:#f6f9ff;color:#315ed2;font-size:12px;font-weight:700}
.skill-available-tools button:hover{background:#eaf1ff}