.ps-workspace { display: grid; gap: 1rem; color: #1f302c; }
.ps-page { display: grid; gap: 1rem; }
.ps-hero { display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 178px; padding: clamp(1.35rem, 3vw, 2.4rem); overflow: hidden; border: 1px solid #dfe8e3; border-radius: 18px; background: linear-gradient(128deg, #f9fbf8 0%, #edf4ef 58%, #e6eee8 100%); }
.ps-hero > div { max-width: 760px; }
.ps-hero h2 { margin: .32rem 0 .7rem; font: 560 clamp(1.55rem, 3vw, 2.45rem)/1.12 Georgia, "Songti SC", serif; letter-spacing: -.035em; color: #182925; }
.ps-hero p:not(.eyebrow) { margin: 0; color: #60706b; line-height: 1.7; }
.ps-catalog-hero { color: white; border-color: #233d37; background: radial-gradient(circle at 82% 20%, rgba(207,156,103,.24), transparent 30%), linear-gradient(125deg, #14251f 0%, #243c34 68%, #425a4f 100%); }
.ps-catalog-hero h2 { color: white; }
.ps-catalog-hero p:not(.eyebrow) { color: #c6d2cd; }
.ps-catalog-hero .eyebrow, .ps-publish-hero .eyebrow { color: #d7a471; }
.ps-hero-stat { flex: 0 0 180px; display: grid; align-content: center; justify-items: start; min-height: 122px; padding: 1rem 1.2rem; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.08); }
.ps-hero-stat span, .ps-hero-stat small { color: #bdcbc6; font-size: .75rem; }
.ps-hero-stat strong { margin: .3rem 0; color: white; font: 560 2.7rem/1 Georgia, serif; }
.ps-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #e1e7e3; border-radius: 14px; background: white; }
.ps-metrics article { display: grid; gap: .26rem; padding: 1rem 1.15rem; border-right: 1px solid #e8ede9; }
.ps-metrics article:last-child { border-right: 0; }
.ps-metrics span, .ps-metrics small { color: #71807a; font-size: .75rem; }
.ps-metrics strong { color: #1e342d; font: 600 1.75rem/1.1 Georgia, serif; }
.ps-toolbar, .ps-section-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border: 1px solid #e0e7e3; border-radius: 13px; background: white; }
.ps-toolbar h2, .ps-section-head h2, .ps-create-panel h2, .ps-crm-panel h2, .ps-review-card h2 { margin: 0; color: #22332e; font-size: 1.08rem; }
.ps-toolbar p, .ps-section-head p, .ps-create-panel p, .ps-crm-panel p, .ps-review-card p { margin: .28rem 0 0; color: #73817c; font-size: .78rem; line-height: 1.55; }
.ps-category-list { display: flex; flex: 1 1 auto; justify-content: flex-end; flex-wrap: wrap; gap: .4rem; }
.ps-category-list span { padding: .36rem .62rem; border: 1px solid #dce4df; border-radius: 999px; color: #51635c; background: #f7f9f7; font-size: .75rem; }
.ps-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: .9rem; }
.ps-product-card { min-width: 0; overflow: hidden; border: 1px solid #dfe6e2; border-radius: 14px; background: white; box-shadow: 0 9px 24px rgba(38,61,52,.055); }
.ps-product-media { display: grid; align-content: center; justify-items: center; aspect-ratio: 16 / 9; background: linear-gradient(145deg, #edf0ed, #dfe5e1); color: #6b7d75; }
.ps-product-media span { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: .55rem; border: 1px solid rgba(47,74,63,.14); border-radius: 50%; background: rgba(255,255,255,.58); color: #40564d; font: 600 1.35rem Georgia, serif; }
.ps-product-media small { font-size: .75rem; }
.ps-product-copy { padding: 1rem; }
.ps-product-heading, .ps-collection-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.ps-product-heading p, .ps-collection-head p { margin: 0 0 .24rem; color: #a16a3f; font-size: .75rem; font-weight: 750; letter-spacing: .04em; }
.ps-product-heading h3, .ps-collection-head h3 { margin: 0; color: #20342c; font-size: .98rem; }
.ps-spec-grid, .ps-collection-facts, .ps-review-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: .9rem 0; }
.ps-spec-grid div, .ps-collection-facts div, .ps-review-card dl div { min-width: 0; padding: .62rem; border-radius: 8px; background: #f5f7f5; }
.ps-spec-grid dt, .ps-collection-facts dt, .ps-review-card dt { color: #7b8883; font-size: .75rem; }
.ps-spec-grid dd, .ps-collection-facts dd, .ps-review-card dd { margin: .25rem 0 0; overflow-wrap: anywhere; color: #30443c; font-size: .75rem; font-weight: 700; }
.ps-card-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: .75rem; padding-top: .75rem; border-top: 1px solid #ebefec; }
.ps-card-foot span { color: #7d8984; font-size: .75rem; line-height: 1.45; }
.ps-card-foot button { flex: 0 0 auto; }
.ps-empty, .ps-boundary { display: grid; gap: .35rem; padding: 1.1rem; border: 1px dashed #cad7d0; border-radius: 12px; background: #f7faf8; }
.ps-empty strong, .ps-boundary strong { color: #344b42; }
.ps-empty span, .ps-boundary span { color: #6c7a75; font-size: .78rem; line-height: 1.55; }
.ps-boundary-strong { border-style: solid; border-color: #e4ceb7; background: #fff9f1; }
.ps-boundary-strong strong { color: #8c582f; }
.ps-approval-layout { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.ps-process-card { display: grid; grid-template-columns: 38px 1fr; gap: .65rem; padding: 1.1rem; border: 1px solid #dfe6e2; border-radius: 13px; background: white; }
.ps-process-card > span { grid-row: 1 / 3; color: #b77847; font: 600 1rem Georgia, serif; }
.ps-process-card strong { color: #2f453d; font-size: .84rem; }
.ps-process-card p { margin: .35rem 0 0; color: #77837f; font-size: .75rem; line-height: 1.55; }
.ps-review-card, .ps-create-panel, .ps-crm-panel { padding: 1.15rem; border: 1px solid #dfe6e2; border-radius: 14px; background: white; }
.ps-review-card { display: grid; grid-template-columns: minmax(200px, .65fr) minmax(360px, 1.35fr) auto; align-items: center; gap: 1.15rem; }
.ps-review-card dl { margin: 0; }
.ps-publish-hero { border-color: #d9e2dd; background: radial-gradient(circle at 88% 18%, #ead8c7, transparent 28%), linear-gradient(128deg, #eef3ef, #f9faf7); }
.ps-publish-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: .65rem; padding: 1rem; border: 1px solid #e1e7e3; border-radius: 13px; background: white; }
.ps-publish-flow div { display: grid; grid-template-columns: 30px 1fr; gap: .12rem .55rem; min-width: 0; }
.ps-publish-flow span { grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #233d34; color: white; font-size: .75rem; }
.ps-publish-flow strong { color: #31483f; font-size: .76rem; }
.ps-publish-flow small { color: #84908b; font-size: .75rem; }
.ps-publish-flow i { color: #a8b2ad; font-style: normal; }
.ps-collection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: .85rem; }
.ps-collection-card { min-width: 0; padding: 1rem; border: 1px solid #dfe6e2; border-radius: 13px; background: white; }
.ps-inline-form { display: grid; gap: .55rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid #e7ece9; }
.ps-inline-form label { display: grid; gap: .28rem; color: #53655d; font-size: .75rem; font-weight: 700; }
.ps-inline-form select, .ps-inline-form input { min-width: 0; }
.ps-collection-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; padding-top: .7rem; border-top: 1px solid #e7ece9; }
.ps-collection-actions form { margin: 0; }
.ps-request-list { display: grid; gap: .55rem; margin-top: .8rem; }
.ps-request-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .7rem; border: 1px solid #e4eae6; border-radius: 9px; background: #fafbfa; }
.ps-request-row strong, .ps-request-row span { display: block; }
.ps-request-row strong { color: #30463d; font-size: .78rem; }
.ps-request-row div span { margin-top: .25rem; color: #7b8883; font-size: .75rem; }

.ps-card-foot > div { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .3rem; }
.ps-ai-page { --ps-ai-ink: #172b25; --ps-ai-green: #315f50; --ps-ai-gold: #bd8152; }
.ps-ai-hero { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-height: 170px; padding: clamp(1.35rem, 3vw, 2.35rem); overflow: hidden; border: 1px solid #27493f; border-radius: 18px; background: radial-gradient(circle at 84% 18%, rgba(213,159,105,.22), transparent 29%), linear-gradient(128deg, #142720, #244339 68%, #38594d); color: white; }
.ps-ai-hero > div:first-child { max-width: 720px; }
.ps-ai-hero h2 { margin: .3rem 0 .7rem; font: 560 clamp(1.55rem, 3vw, 2.35rem)/1.12 Georgia, "Songti SC", serif; letter-spacing: -.03em; }
.ps-ai-hero p:not(.eyebrow) { margin: 0; color: #c4d2cd; line-height: 1.7; }
.ps-ai-hero .eyebrow { color: #e4b384; }
.ps-ai-agent-badge { flex: 0 0 230px; display: grid; gap: .3rem; padding: 1rem 1.1rem; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.08); }
.ps-ai-agent-badge span, .ps-ai-agent-badge small { color: #c9d7d2; font-size: .75rem; }
.ps-ai-agent-badge strong { color: white; font-size: .88rem; }
.ps-design-hero { min-height: 210px; background: radial-gradient(circle at 82% 10%, rgba(229,174,117,.3), transparent 31%), radial-gradient(circle at 18% 92%, rgba(83,131,111,.22), transparent 33%), linear-gradient(126deg, #10241e, #27483d 66%, #5f5848); }
.ps-design-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: .55rem; padding: .85rem; border: 1px solid #dbe5df; border-radius: 14px; background: white; }
.ps-design-flow div { display: grid; grid-template-columns: 34px 1fr; gap: .12rem .55rem; align-content: center; min-width: 0; padding: .72rem; border-radius: 10px; background: #f5f8f6; }
.ps-design-flow div.is-current { background: linear-gradient(135deg, #e7f1ec, #f7f4ec); box-shadow: inset 3px 0 #386d59; }
.ps-design-flow div > span { grid-row: 1 / 3; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #294e41; color: white; font: 700 .7rem/1 Georgia, serif; }
.ps-design-flow strong { color: #2b443b; font-size: .76rem; }
.ps-design-flow small { color: #75837e; font-size: .75rem; line-height: 1.35; }
.ps-design-flow i { align-self: center; color: #a6b0ac; font-style: normal; }
.ps-design-model-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: .9rem; border: 1px solid #dce5e1; border-radius: 14px; background: #f7faf8; }
.ps-design-model-head { grid-column: 1 / -1; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: .15rem .2rem .35rem; }
.ps-design-model-head h3, .ps-points-plan h3 { margin: .2rem 0 0; color: #203a31; font-size: .98rem; }
.ps-design-model-head > span { color: #73817c; font-size: .75rem; }
.ps-design-model { display: grid; grid-template-columns: 1fr auto; gap: .35rem .7rem; padding: .85rem; border: 1px solid #e0e7e3; border-radius: 11px; background: white; }
.ps-design-model div span, .ps-design-model div strong { display: block; }
.ps-design-model div span { color: #8e684c; font-size: .75rem; font-weight: 760; }
.ps-design-model div strong { margin-top: .22rem; color: #27483c; font-size: .84rem; }
.ps-design-model > p { grid-column: 1 / -1; margin: .2rem 0 0; color: #73827c; font-size: .75rem; }
.ps-ai-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .7fr); gap: 1rem; align-items: start; }
.ps-ai-control, .ps-ai-coverage, .ps-ai-result, .ps-ai-roadmap { min-width: 0; padding: 1.15rem; border: 1px solid #dce6e1; border-radius: 14px; background: white; box-shadow: 0 10px 26px rgba(35,64,53,.05); }
.ps-ai-control { display: grid; gap: .9rem; }
.ps-ai-control-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.ps-ai-control h3, .ps-ai-coverage h3, .ps-ai-result h3 { margin: 0; color: var(--ps-ai-ink); font-size: 1rem; }
.ps-ai-control p, .ps-ai-coverage p, .ps-ai-result p { margin: .28rem 0 0; color: #71817b; font-size: .76rem; line-height: 1.55; }
.ps-ai-control > label { display: grid; gap: .36rem; color: #4c625a; font-size: .75rem; font-weight: 720; }
.ps-ai-control textarea { min-height: 86px; resize: vertical; }
.ps-design-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.ps-design-fields label { display: grid; gap: .34rem; color: #4c625a; font-size: .75rem; font-weight: 720; }
.ps-design-fields label.is-wide { grid-column: 1 / -1; }
.ps-design-fields textarea { min-height: 78px; }
.ps-ai-control fieldset { display: grid; gap: .5rem; margin: 0; padding: .75rem; border: 1px solid #e1e8e4; border-radius: 11px; }
.ps-ai-control legend { padding: 0 .35rem; color: #52675f; font-size: .75rem; font-weight: 760; }
.ps-ai-action { display: grid; grid-template-columns: auto 1fr; gap: .6rem; align-items: start; padding: .65rem; border: 1px solid #e4e9e6; border-radius: 9px; background: #fafbf9; cursor: pointer; }
.ps-ai-action:has(input:checked) { border-color: #7aa08f; background: #f0f6f2; box-shadow: inset 3px 0 #3f725f; }
.ps-ai-action input { margin-top: .18rem; accent-color: #376a58; }
.ps-ai-action strong, .ps-ai-action small { display: block; }
.ps-ai-action strong { color: #2d453c; font-size: .76rem; }
.ps-ai-action small { margin-top: .2rem; color: #74837d; font-size: .75rem; line-height: 1.45; font-weight: 500; }
.ps-ai-safety { display: grid; gap: .25rem; padding: .75rem; border-left: 3px solid #c98c58; border-radius: 8px; background: #fff8f0; }
.ps-ai-safety strong { color: #80502c; font-size: .75rem; }
.ps-ai-safety span { color: #856e5d; font-size: .75rem; line-height: 1.5; }
.ps-ai-coverage { display: grid; gap: .85rem; position: sticky; top: 6rem; }
.ps-ai-coverage > div > small { color: #7d8b86; font-size: .75rem; }
.ps-ai-coverage dl { display: grid; gap: .42rem; margin: 0; }
.ps-ai-coverage dl div { display: grid; grid-template-columns: minmax(84px, .6fr) minmax(0, 1fr); gap: .55rem; padding: .57rem .62rem; border-radius: 8px; background: #f5f8f6; }
.ps-ai-coverage dt { color: #6e7e78; font-size: .75rem; }
.ps-ai-coverage dd { margin: 0; text-align: right; overflow-wrap: anywhere; color: #314c42; font-size: .75rem; font-weight: 760; }
.ps-ai-coverage .is-gap dd { color: #a06234; }
.ps-ai-coverage .is-pending dd { color: #897a6b; }
.ps-ai-result { display: grid; gap: .9rem; }
.ps-ai-result.is-empty, .ps-ai-result.is-running, .ps-ai-result.is-error { grid-template-columns: auto 1fr; align-items: center; min-height: 110px; }
.ps-ai-result.is-error { border-color: #e7c5bd; background: #fff8f6; }
.ps-ai-orbit { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #e8f1ed; color: #32624f; font-size: 1.15rem; animation: ps-ai-pulse 1.4s ease-in-out infinite; }
.ps-ai-result header { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .75rem; border-bottom: 1px solid #e6ebe8; }
.ps-ai-result header span, .ps-ai-result header small { display: block; margin-top: .28rem; color: #71817b; font-size: .75rem; }
.ps-ai-result header > div:last-child { text-align: right; }
.ps-ai-result header > div:last-child strong { display: block; max-width: 260px; margin-top: .3rem; overflow-wrap: anywhere; color: #29473d; font-size: .75rem; }
.ps-ai-scope { display: flex; flex-wrap: wrap; gap: .4rem; }
.ps-ai-scope span { padding: .4rem .58rem; border-radius: 999px; background: #eef4f0; color: #65766f; font-size: .75rem; }
.ps-ai-scope b { margin-left: .22rem; color: #2e5144; }
.ps-ai-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.ps-ai-result-section { min-width: 0; padding: .82rem; border: 1px solid #e4eae6; border-radius: 10px; background: #fbfcfb; }
.ps-ai-result-section h4 { margin: 0 0 .55rem; color: #334e44; font-size: .78rem; }
.ps-ai-result-section h4 small { color: #9a6c49; }
.ps-ai-result-section > p { font-size: .75rem; }
.ps-ai-result-section ul { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.ps-ai-result-section li { padding: .55rem; border-radius: 7px; background: white; }
.ps-ai-result-section li strong { color: #344e45; font-size: .75rem; }
.ps-ai-result-section li p { color: #62736c; font-size: .75rem; }
.ps-ai-result-section li small { display: block; margin-top: .28rem; overflow-wrap: anywhere; color: #8b9691; font-size: .75rem; }
.ps-ai-result footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-top: .75rem; border-top: 1px solid #e6ebe8; }
.ps-ai-result footer span { color: #677971; font-size: .75rem; font-weight: 700; }
.ps-ai-roadmap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.ps-ai-roadmap div { display: grid; gap: .28rem; padding: .72rem; border-radius: 9px; background: #f4f7f5; }
.ps-ai-roadmap span { color: #9c6a44; font-size: .75rem; font-weight: 760; }
.ps-ai-roadmap strong { color: #40574e; font-size: .75rem; line-height: 1.5; }
.ps-points-plan { display: grid; grid-template-columns: minmax(200px, .65fr) minmax(280px, 1fr); gap: .8rem 1.2rem; padding: 1.15rem; border: 1px solid #e6d5c4; border-radius: 14px; background: radial-gradient(circle at 8% 10%, rgba(205,151,98,.12), transparent 28%), #fffdfa; }
.ps-points-plan > div:first-child { position: relative; }
.ps-points-plan > div:first-child .status-pill { margin-top: .65rem; }
.ps-points-plan > p { margin: 0; color: #6d756f; font-size: .75rem; line-height: 1.7; }
.ps-points-options { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.ps-points-options article { display: grid; grid-template-columns: 32px 1fr; gap: .18rem .55rem; padding: .72rem; border: 1px solid #eadfd5; border-radius: 10px; background: rgba(255,255,255,.82); }
.ps-points-options span { grid-row: 1 / 3; color: #a36f47; font: 700 .75rem Georgia, serif; }
.ps-points-options strong { color: #3b4c45; font-size: .76rem; }
.ps-points-options small { color: #7d8681; font-size: .75rem; line-height: 1.4; }
@keyframes ps-ai-pulse { 50% { transform: scale(1.08); box-shadow: 0 0 0 8px rgba(69,116,96,.08); } }

@media (max-width: 1120px) {
  .ps-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ps-metrics article:nth-child(2) { border-right: 0; }
  .ps-metrics article:nth-child(-n + 2) { border-bottom: 1px solid #e8ede9; }
  .ps-review-card { grid-template-columns: 1fr; }
  .ps-publish-flow { grid-template-columns: repeat(4, 1fr); }
  .ps-design-flow { grid-template-columns: repeat(4, 1fr); }
  .ps-design-flow i { display: none; }
  .ps-publish-flow i { display: none; }
  .ps-ai-layout { grid-template-columns: 1fr; }
  .ps-ai-coverage { position: static; }
}

@media (max-width: 760px) {
  .ps-hero, .ps-toolbar, .ps-section-head { align-items: stretch; flex-direction: column; }
  .ps-hero-stat { flex-basis: auto; }
  .ps-category-list { justify-content: flex-start; }
  .ps-approval-layout, .ps-publish-flow, .ps-design-flow, .ps-design-model-grid, .ps-points-plan, .ps-points-options { grid-template-columns: 1fr; }
  .ps-review-card dl, .ps-spec-grid, .ps-collection-facts { grid-template-columns: 1fr; }
  .ps-ai-hero, .ps-ai-control-head, .ps-ai-result header, .ps-ai-result footer { align-items: stretch; flex-direction: column; }
  .ps-ai-agent-badge { flex-basis: auto; }
  .ps-ai-result-grid, .ps-ai-roadmap { grid-template-columns: 1fr; }
  .ps-design-model-head, .ps-design-fields label.is-wide, .ps-points-options { grid-column: auto; }
  .ps-design-fields { grid-template-columns: 1fr; }
  .ps-ai-result header > div:last-child { text-align: left; }
}