/* Nine-67: restrained product studio */
:root{--ink:#272522;--muted:#716d67;--line:#e7e4df;--brown:#8b6d52;--wash:#f6f5f2}body{background:#efeeeb;padding:0;color:var(--ink);font-family:'Studio Inter',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}#sidebar{left:0!important;top:0!important;bottom:0!important;width:224px!important;border:0;border-right:1px solid var(--line);border-radius:0;background:#f6f5f2;padding:28px 14px 18px!important}.shell,body.product-focus .shell{margin-left:224px;border:0;border-radius:0;min-height:100vh;box-shadow:none;background:#fafaf8}.shell>header{height:68px;border-bottom:1px solid var(--line);padding:0 32px;background:#fff}.shell>footer{font-size:11px;background:#fafaf8;color:var(--muted)}.showcase-brand{padding:0 12px 30px;gap:12px}.showcase-brand b{font-size:26px;letter-spacing:-1.3px;color:var(--ink)}.showcase-brand b>span{font-size:8px;letter-spacing:1.8px;margin-top:7px;color:#81776b}.showcase-brand .moon{width:29px;height:29px;background:#967456;box-shadow:none}.showcase-home{border-radius:7px;font-size:12px;padding:11px 12px;margin-bottom:16px;color:#66615a}.showcase-home.selected,.showcase-navitem.selected{background:#e8e0d7;color:#503e2e;box-shadow:none}.showcase-navitem{border-radius:7px;padding:10px 11px;gap:10px;margin:2px 0;line-height:1.5;font-size:12px;color:#65615a;transition:background .15s}.showcase-navitem:hover{background:#eeebe6;color:#302a24}.showcase-navitem.selected{font-weight:600}.showcase-navitem.selected .icon{color:#856245}.showcase-navitem.selected>i{background:#927052}.showcase-navlabel{font-size:9px;letter-spacing:1.3px;padding:20px 11px 9px;color:#655545}.showcase-sidebottom{border-color:var(--line)}.showcase-sidebottom button{font-size:11px}.showcase-sidebottom>div{font-size:9px}.headerRight .studio-search{border:1px solid #eae7e2;background:#fafaf8;border-radius:7px;font-size:12px;min-width:230px;padding:9px 12px}.studio-top-brand{font-size:12px;color:#77716a}.top-divider{margin:0 14px;color:#655545}.top-current{font-size:12px;font-weight:500}.studio-top-name{font-size:11px;color:#51473d}.studio-top-name b{font-size:9px;color:#61605d}.studio-top-help{border-radius:7px!important}.studio-dashboard{padding:44px 36px 20px;background:#fafaf8;max-width:1700px;margin:auto}.collection-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:36px;border-bottom:1px solid var(--line);gap:40px}.collection-heading h1{font-size:clamp(32px,3.1vw,46px);font-weight:500;letter-spacing:-1.8px;line-height:1.13;margin:20px 0 18px;color:#292622}.collection-heading>div>p{font-size:14px;line-height:1.85;color:#746e65;max-width:600px;margin:0}.studio-crumb{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#655545}.collection-note{flex:none;border-left:1px solid var(--line);padding:8px 0 8px 40px;min-width:225px}.collection-number{font-size:58px;letter-spacing:-4px;line-height:1;color:#8e7158;font-weight:400}.collection-number>span{display:block;font-size:9px;letter-spacing:2px;margin-top:14px;color:#796c5f}.collection-note p{font-size:12px!important;margin:24px 0 8px!important}.collection-note>div{font-size:10px;color:#655545}.collection-note>div>span{margin:0 7px;color:#655545}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 22px;gap:20px}.studio-filter{background:none;border:0;padding:0;display:flex;gap:7px}.studio-filter button{background:transparent;border:1px solid transparent;border-radius:6px;padding:9px 12px;font-size:12px;color:#756c62}.studio-filter button.active{background:#2e2a26;color:#fff;box-shadow:none}.studio-filter button>span{font-size:10px;opacity:.65;margin-left:8px}.collection-toolbar>span{font-size:10px;color:#655545}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.collection-product{border:1px solid #e2dfd9;background:white;border-radius:10px;display:flex;flex-direction:column;padding:22px 22px 0;text-align:left;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s;color:var(--ink)}.collection-product:hover{background:#fff;border-color:#bba58f;box-shadow:0 8px 25px #44301c0b;transform:translateY(-3px)}.collection-product-top{display:flex;align-items:center;gap:9px}.collection-product-top>span:nth-child(2){font-size:9px;color:#655545;line-height:1.5}.collection-index{margin-left:auto;color:#655545;font-size:10px;font-variant-numeric:tabular-nums}.studio-app-icon{width:32px;height:32px;border:1px solid #ece4db;border-radius:7px;background:#f8f4ef;color:#927054}.collection-product h2{font-size:18px;letter-spacing:-.5px;font-weight:550;margin:20px 0 9px;line-height:1.35}.collection-product>p{font-size:12px;color:#7a7167;line-height:1.7;margin:0 0 20px;min-height:41px}.collection-preview{background:#f8f7f4;border:1px solid #eeeae4;border-radius:6px;padding:12px 14px;height:161px;overflow:hidden;margin-top:auto;pointer-events:none}.collection-preview>div{margin:0;min-height:0}.collection-preview .demo-document{background:#fff;border-color:#e7dfd5}.collection-preview .demo-doc-label{font-size:7px;color:#655545}.collection-preview .demo-document h4{font-size:11px;color:#514337}.collection-preview .demo-doc-section{font-size:8px;color:#7b6b5c}.collection-preview .demo-analytics{padding:3px 0}.collection-preview .demo-analytics b{font-size:26px;color:#4c3d31}.collection-preview .demo-analytics>div>span{font-size:9px;color:#655545}.collection-preview .demo-kanban{padding-top:8px;gap:8px}.collection-preview .demo-kanban section{background:white;border-color:#e3dcd3}.collection-preview .demo-kanban b{color:#6d5946}.collection-preview .demo-prospect{padding-top:8px}.collection-preview .demo-prospect b{font-size:10px;color:#514438}.collection-preview .demo-message{background:white}.collection-preview .demo-checklist>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7dfd4}.collection-preview .demo-checklist>div:last-child{border-bottom:0}.collection-preview .demo-checklist span{font-size:9px;color:#655545}.collection-preview .demo-checklist b{font-size:10px;font-weight:500;color:#74614e;flex:1}.collection-preview .demo-checklist .icon{width:12px;color:#655545}.collection-product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-top:1px solid var(--line);margin:20px -22px 0;padding:14px 22px;gap:8px}.collection-product-bottom>span:first-child{color:#655545;font-size:9px}.collection-product-bottom>span:last-child{display:flex;gap:7px;align-items:center;font-weight:500;white-space:nowrap;color:#64503e}.collection-product-bottom .icon{width:12px;height:12px}.collection-stack{display:flex;justify-content:space-between;gap:25px;margin-top:36px;border-top:1px solid var(--line);padding:30px 0 14px}.collection-stack h2{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0 0 9px}.collection-stack p{font-size:12px;line-height:1.7;color:#81766b;margin:0;max-width:400px}.collection-stack>div:last-child{max-width:470px;display:flex;flex-wrap:wrap;gap:7px;align-content:center;justify-content:flex-end}.collection-stack span{font-size:10px;border:1px solid #e2dbd3;background:#fff;padding:7px 10px;border-radius:5px;color:#79634f}.studio-disclosure{font-size:10px;color:#655545;margin-top:22px}
/* White product briefs: editorial hierarchy, visible workflow and stack. */
.studio-product-intro.studio-detailed-intro{margin:0;border:0;border-radius:0;padding:32px 36px 0;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:24px 38px;background:white;border-bottom:1px solid var(--line)}.studio-detailed-intro .studio-product-title{margin-top:13px;gap:12px;align-items:center}.studio-detailed-intro .studio-product-title h1{font-size:29px;font-weight:550;letter-spacing:-1.1px;line-height:1.2}.studio-detailed-intro .studio-product-title>span{font-size:9px;border:1px solid #e6ddd2;background:#faf7f3;color:#655545;border-radius:4px;padding:5px 7px;white-space:nowrap}.studio-product-copy h2{font-size:17px;letter-spacing:-.35px;line-height:1.55;margin:18px 0 8px;font-weight:500;color:#64513f}.studio-detailed-intro .studio-product-copy>p{font-size:12px;line-height:1.9;color:#7a7168;margin-bottom:0}.studio-workflow-detail{padding:2px 0 0 26px;gap:16px;border-left:1px solid var(--line)}.studio-workflow-detail>div{gap:14px}.studio-workflow-detail>div>span{display:grid;place-items:center;border:1px solid #e8dfd4;border-radius:50%;width:26px;height:26px;flex:none;padding:0;font-size:9px;background:#fcfaf7;color:#655545}.studio-workflow-detail h3{font-size:12px;font-weight:550;color:#40362d}.studio-workflow-detail p{font-size:11px;line-height:1.7;color:#655545}.studio-architecture{padding-top:19px}.studio-architecture-heading{margin-bottom:15px}.studio-architecture-heading h3{font-size:11px;font-weight:600;color:#625343}.studio-architecture-heading>span{font-size:9px;color:#655545}.studio-architecture-grid{gap:24px}.studio-architecture-grid section{position:relative;border:0;padding:0 0 0 35px}.architecture-icon{position:absolute;top:0;left:0;width:25px;height:25px;border:1px solid #e8dfd5;border-radius:6px;display:grid;place-items:center;background:#faf7f3;color:#655545!important}.architecture-icon .icon{width:13px;height:13px}.studio-architecture-grid section>span:not(.architecture-icon){font-size:9px;letter-spacing:.3px;color:#655545}.studio-architecture-grid h4{font-size:11px;margin:5px 0 6px;font-weight:550;color:#554331}.studio-architecture-grid p{font-size:11px;line-height:1.75;color:#867567}.studio-architecture-note{font-size:9px!important;color:#655545!important;margin:13px 0 0!important}.studio-detailed-intro .studio-product-footer{padding:13px 0;margin-top:-6px;border-color:#ece5dc;font-size:10px;color:#655545}.studio-product-footer button{background:#f6f1eb;border:1px solid #e7dccf;border-radius:5px;padding:7px 10px;font-size:10px;color:#76583f}
/* Shared application fundamentals; distinct workbenches retain their layout. */
.experience{margin:28px 30px!important;border:1px solid #ddd9d2;border-radius:9px!important;box-shadow:0 3px 12px #30251905;background:#f8f8f6;overflow:hidden}.experience .exp-top{padding:0 24px;min-height:65px;border-top:0;background:#fff;gap:20px}.experience .exp-brand b{font-size:14px;color:#39332c;font-weight:600}.experience .exp-brand>span{background:#f3ece4;border:1px solid #e5d8ca;color:#957152;border-radius:6px}.experience .exp-links{gap:18px}.experience .exp-links button{font-size:11px!important;border-radius:0!important;color:#655545!important;padding:23px 0!important;margin:0!important}.experience .exp-links button.selected{background:transparent!important;color:#65482e!important;box-shadow:inset 0 -2px #987457!important}.experience button{border-radius:6px}.experience button.primary{background:#795e46!important;border-color:#795e46!important;color:#fff!important;box-shadow:0 1px 2px #38271d12}.experience button.primary:hover{background:#614833!important}.experience .surface,.experience .card{border:1px solid #e4e1db;border-radius:8px;background:white;box-shadow:0 1px 3px #352b2103}.experience .surfaceHead{padding:18px 22px;border-color:#ece9e4}.experience .surfaceHead h2{font-size:13px;font-weight:550;color:#3f3831}.experience .surfaceBody{padding:22px}.experience .tablewrap table th{background:#faf9f6;color:#655545;font-size:10px;font-weight:500;padding-top:12px;padding-bottom:12px;text-transform:none;letter-spacing:0}.experience .tablewrap table td{font-size:12px;color:#5c5247;padding-top:15px;padding-bottom:15px;border-color:#efebe5}.experience input,.experience select,.experience textarea{border-color:#ded8cf;border-radius:6px;color:#4c4033;background:white}.experience input:focus,.experience textarea:focus,.experience select:focus{border-color:#aa8c6e;outline:2px solid #a78b6d20;outline-offset:1px}.experience .exp-note,.experience .micro-label{color:#655545}.experience h1{letter-spacing:-.8px}.experience .exp-localnav{background:#f4f2ed;border-color:#e5dfd6}.experience .exp-localnav.dark{background:#34302b;color:#e7ded4}.experience .exp-localnav.dark .exp-brand b{color:#eee7df}.experience .exp-localnav.dark .local-link{color:#655545}.experience .exp-localnav.dark .local-link.active{background:#4f4439;color:#f7ede2}.experience .local-link.active{background:#eae1d7;color:#6e5036}.proposal-conversation{background:#fff;padding:30px}.proposal-conversation .welcome h1{font-family:inherit;font-size:30px;letter-spacing:-1px;font-weight:500}.proposal-conversation .welcome .seal{transform:none;border-radius:9px;background:#f8f2eb;box-shadow:none;border-color:#e7d8c7;color:#655545}.proposal-context{background:#fcfaf7;border-color:#e6dfd5}.proposal-library{background:#f7f5f1!important}.proposal-product .inputbox{border:1px solid #cbb7a1;border-radius:10px;box-shadow:0 5px 18px #5b44340a}.simulation-product .exp-top{background:#38332d}.simulation-product .exp-top .exp-brand b{color:#f3eade}.simulation-product .exp-top .exp-links button{color:#655545!important}.simulation-product .exp-top .exp-links button.selected{color:white!important}.sim-left h1{font-family:inherit;font-weight:500}.simulation-product{background:#f3eee7}.simulation-product .sim-right{background:#faf7f2}.sales-product .surface,.forecast-product .surface{border-radius:7px}.budget-product table,.roi-product input,.forecast-product input,.resource-product{font-variant-numeric:tabular-nums}.collab-projecttop{background:#fff!important;border-bottom:1px solid #e5ddd2}.night-product .exp-top{background:#302b25}.night-product .exp-top .exp-brand b{color:#f4eade}.night-product .exp-top .exp-links button{color:#655545!important}.night-product .exp-top .exp-links button.selected{color:#fff!important}.triage-product .leadrow.selected{background:white;box-shadow:inset 3px 0 #927050;border-color:#d7c9b9}.tag{border-radius:4px!important}button:focus-visible{outline:2px solid #99795a;outline-offset:3px}button{transition:background .15s,border-color .15s,box-shadow .15s}
@media(min-width:1600px){.studio-detailed-intro .studio-product-copy>p{font-size:13px}.studio-workflow-detail p,.studio-architecture-grid p{font-size:12px}.collection-product h2{font-size:20px}.collection-preview{height:175px}}
@media(max-width:1200px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-note{min-width:160px;padding-left:25px}.studio-product-intro.studio-detailed-intro{grid-template-columns:1fr;gap:22px}.studio-workflow-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}.experience .exp-top{flex-wrap:wrap;padding-top:14px}.experience .exp-links{order:3;flex-basis:100%;margin-left:0;overflow:auto}.experience .exp-links button{padding:13px 0!important}.experience .exp-top .righttools{margin-left:auto}.collection-product-bottom>span:first-child{display:none}.collection-product-bottom>span:last-child{margin-left:auto}}
@media(max-width:900px){.collection-note{display:none}.studio-dashboard{padding:30px 22px}.collection-toolbar{align-items:start;flex-direction:column;gap:14px}.studio-architecture-grid{grid-template-columns:1fr;gap:16px}.studio-workflow-detail{grid-template-columns:1fr;gap:17px}.collection-stack{flex-direction:column}.collection-stack>div:last-child{justify-content:flex-start}.studio-product-intro.studio-detailed-intro{padding:26px 24px 0}.experience{margin:20px 18px!important}.studio-top-name{display:none}}
@media(max-width:760px){body{padding:0}#sidebar{position:relative!important;width:100%!important;border:0;border-bottom:1px solid var(--line);padding:16px!important;border-radius:0}.shell,body.product-focus .shell{margin-left:0;border:0;border-radius:0}.showcase-brand{padding:0 5px 14px}.showcase-brand b{font-size:23px}.showcase-navitem{padding:8px 11px}.showcase-home{margin-bottom:7px}.shell>header{height:54px;padding:0 20px}.headerRight .studio-search{min-width:0}.top-current{font-size:10px}.top-divider{margin:0 8px}.studio-dashboard{padding:27px 18px}.collection-heading{padding-bottom:25px}.collection-heading h1{font-size:34px;letter-spacing:-1.3px}.collection-heading>div>p{font-size:12px}.collection-grid{grid-template-columns:1fr}.collection-toolbar>span{display:none}.studio-filter{flex-wrap:wrap}.studio-filter button{font-size:11px;padding:8px 10px}.collection-product{padding:21px 21px 0}.collection-product>p{min-height:0}.collection-preview{height:165px}.collection-product-bottom{margin-left:-21px;margin-right:-21px}.studio-detailed-intro .studio-product-title h1{font-size:26px}.studio-product-copy h2{font-size:17px}.studio-detailed-intro .studio-product-title>span{white-space:normal}.studio-architecture-heading{gap:6px}.studio-detailed-intro .studio-product-footer{margin-top:0}.experience{margin:18px 10px!important}.experience .exp-top{padding-left:16px;padding-right:16px}.experience .exp-body{padding:20px}.experience .exp-localnav.dark .local-link{color:#89745d}.experience .exp-localnav.dark .local-link.active{color:#57412d;background:#e8daca}.collection-product-bottom>span:first-child{display:block}}
@media(prefers-reduced-motion:reduce){button,.collection-product{transition:none}.collection-product:hover{transform:none}}
/* White canvas, neutral separators; brown remains an accent. */
:root{--wash:#fff;--line:#e8e8e8}body,#sidebar,.shell,body.product-focus .shell,.shell>footer,.studio-dashboard{background:#fff!important}.collection-preview{background:#fafafa;border-color:#ececec}.collection-product{border-color:#e5e5e5}.experience{background:#fff;border-color:#e2e2e2}.experience .exp-localnav,.proposal-product .proposal-library,.proposal-context,.simulation-product,.simulation-product .sim-right,.budget-departments,.budget-sheetarea,.campaign-menu,.response-product,.triage-product .inboxlist,.triage-product .actionpane{background:#fff!important}.experience .exp-localnav.dark{background:#34302b!important}.experience .surface,.experience .card,.workshop-panel{background:#fff!important}.experience .tablewrap table th{background:#fafafa}.headerRight .studio-search{background:#fafafa}.collection-preview .demo-document,.collection-preview .demo-message,.collection-preview .demo-kanban section{background:white}.studio-product-copy h2{color:#544b43}.studio-architecture-grid p{color:#766d64}
