/* SOURCE: modern-surfaces.css */ /* Shared BanRay visual polish — UI only, no data or response changes. */ :root{--br-ink:#343b38;--br-copy:#68716a;--br-line:#dfe3db;--br-accent:#8f5038;--br-sage:#789082;--br-blue:#8396a3} :is(.canvas-turn-content .answer-action,.answer-action,.visual-card,.comparison-choice,.workbench-chat .team-action,.team-action,.useful-view,.saved-work-card){background:linear-gradient(145deg,#fffefa,#f4f5ef);border:1px solid var(--br-line);border-radius:18px 18px 18px 6px;box-shadow:0 3px 10px #283c2d04;color:var(--br-ink);position:relative;text-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} :is(.canvas-turn-content .answer-action,.answer-action,.visual-card,.comparison-choice,.workbench-chat .team-action,.team-action,.useful-view):nth-child(2n){background:linear-gradient(145deg,#fbfcf9,#f0f4ef);border-color:#dce5dd} :is(.canvas-turn-content .answer-action,.answer-action,.visual-card,.comparison-choice,.workbench-chat .team-action,.team-action,.useful-view):nth-child(3n){background:linear-gradient(145deg,#fcfdfd,#f1f4f6);border-color:#dfe5e8} :is(.canvas-turn-content .answer-action,.answer-action,.visual-card,.comparison-choice,.workbench-chat .team-action,.team-action,.useful-view):hover{border-color:#a3b2a5;box-shadow:0 8px 22px #253e3010;transform:translateY(-2px)} :is(.canvas-turn-content .answer-action,.answer-action,.workbench-chat .team-action,.team-action,.useful-view):focus-visible{outline:3px solid #759281;outline-offset:4px} :is(.canvas-turn-content .answer-action,.answer-action,.useful-view)[aria-pressed=true]{background:#ecf2ed;border-color:#7e9a87;outline:2px solid #7e9a8755;outline-offset:2px;box-shadow:none} .canvas-turn-content :is(.answer-actions,.visual-cards,.comparison-grid),.team-action-grid,.useful-view-grid{gap:14px} :is(.canvas-turn-content .answer-action,.workbench-chat .team-action,.useful-view){padding:18px;gap:10px} :is(.action-words h3,.comparison-choice strong,.team-action strong,.useful-view strong){color:var(--br-ink);font-weight:650;letter-spacing:-.25px;line-height:1.45} :is(.action-words p,.comparison-inline-detail,.team-action span,.useful-view span){color:var(--br-copy);line-height:1.75;font-weight:400} .reply-option-arrow{color:#718b7a;font-size:19px}.reply-step-number{border-color:#d4e0d5;background:#edf3ed;color:#607c69;border-radius:9px} .artifact-result-actions{gap:12px}.artifact-result-link{border-radius:11px;background:#edf1eb;color:#526555;border:1px solid #d9e2d7}.artifact-result-link:first-child{background:#425e50;color:#fff;border-color:#425e50} .workbench-chat{border-radius:25px;border-color:#e2e5db;background:#f8f9f4;box-shadow:0 30px 100px #182c2438}.workbench-chat-header{background:linear-gradient(120deg,#f6f7f0,#edf2eb);border-color:#dfe5da}.workbench-chat-header .eyebrow{color:#688071}.workbench-chat-header h3{font-weight:650;letter-spacing:-.6px;color:var(--br-ink)}.workbench-chat .team-status{background:#edf2eb;border-color:#dce5da;color:#617363}.workbench-chat .team-form{background:#fffefa;border-top:1px solid #e4e8df}.workbench-chat .team-entry small{color:#627d6d;letter-spacing:.4px}.workbench-chat .team-entry p{color:#424b45}.workbench-chat .team-version{color:#8b958c}.workbench-chat .team-entry.user{border-color:#e0e6dc}.workbench-chat .team-history:empty::before{background:#eef2eb;color:#708071;border-radius:18px 18px 18px 6px}.workbench-chat::backdrop{background:#24322966;backdrop-filter:blur(9px)} body:has(.work-grid){background:#f5f6f0;color:var(--br-ink)}body:has(.work-grid) aside{background:#e9ede3}.surface{border-color:#e1e5da;border-radius:23px;box-shadow:0 4px 20px #233b2a04}.team-discussion{background:linear-gradient(120deg,#fcfdf8,#edf2e9)}.saved-work-card{padding:16px;box-shadow:none}.compact-data{background:#f9fbf5;border-color:#dfe6d9;border-radius:15px}.workbench-chat :is(input,select,textarea),.controls :is(input,select){border-radius:12px;background:#fffefa;border-color:#dbe2d5}.workbench-chat button[type=submit],.team-open{background:#425e50;border-color:#425e50;color:#fff;border-radius:12px}.team-close{background:#e7ede3!important;color:#526454!important}.team-address .hint{color:#7b877d} @media(prefers-reduced-motion:reduce){:is(.answer-action,.visual-card,.comparison-choice,.team-action,.useful-view){transition:none!important;transform:none!important}} @media(max-width:550px){:is(.canvas-turn-content .answer-action,.workbench-chat .team-action,.useful-view){padding:15px}.team-action-grid{grid-template-columns:1fr}} .view-settings{border:1px solid #dfe5da;border-radius:14px;background:#fcfdf8}.view-settings>summary{cursor:pointer;padding:14px 18px;font-size:13px;color:#536b5a;line-height:1.6;overflow-wrap:anywhere}.view-settings .controls{border:0;box-shadow:none;border-radius:0 0 14px 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.view-settings .controls label{margin:0}.view-settings .controls select{width:100%;min-width:0;font-size:13px;padding:10px 12px;border-radius:11px}.view-settings .controls .two{min-width:0;grid-template-columns:1fr}.view-settings .controls>button{grid-column:1/-1;justify-self:start;width:auto;padding:10px 18px}.view-settings .controls>.hint{margin:0}.dashboard #chart{height:470px}.chart-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:15px 0 5px}.chart-insights article{background:#eff3eb;border:1px solid #e0e7da;border-radius:14px;padding:16px;min-width:0}.chart-insights small{font-size:11px;color:#748271;display:block;margin-bottom:8px}.chart-insights strong{display:block;font-size:21px;letter-spacing:-.5px;color:#3f5545;overflow-wrap:anywhere}.chart-insights p{font-size:12px;color:#778171;line-height:1.7;margin:7px 0 0}.useful-views{padding:18px 22px}.useful-views .useful-view{padding:13px 15px}.work-library-list{max-height:160px}.team-version{display:none}@media(max-width:650px){.dashboard #chart{height:350px}.view-settings .controls{grid-template-columns:1fr}.chart-insights{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Workbench belongs to the same private office. */ @font-face{font-family:BanRayHeading;src:url(fonts/heading.woff)}@font-face{font-family:BanRayBody;src:url(fonts/body.woff)}@font-face{font-family:BanRayBody;src:url(fonts/medium.woff);font-weight:600} body:has(.office-workbench-sidebar){background:#faf7f1;color:#332921;font-family:BanRayBody,system-ui,sans-serif}.office-workbench-sidebar{width:220px!important;background:#eee9df!important;padding:32px 18px!important;border-right:1px solid #e6dfd3}.office-workbench-sidebar .brand{font-family:BanRayHeading,system-ui;font-size:29px;letter-spacing:-1.5px;margin-bottom:42px}.office-workbench-sidebar>.eyebrow{font-size:9px;color:#998875;letter-spacing:1.8px}.office-workbench-sidebar nav{display:grid;gap:7px;margin-top:16px}.office-workbench-sidebar nav a{display:flex;align-items:center;gap:13px;padding:14px 12px;border-radius:12px;color:#64574b;font-size:15px;text-decoration:none}.office-workbench-sidebar nav a span{font-size:13px}.office-workbench-sidebar nav a.active{background:#3d342b;color:#fff9ee;box-shadow:0 8px 18px #33291f15}.workbench-side-note{margin-top:auto;padding-top:35px}.workbench-side-note p{font-family:BanRayHeading;font-size:23px;line-height:1.45;color:#756453}.workbench-side-note small{font-size:11px;line-height:1.8;color:#94816c;display:block}.office-workbench-sidebar .back{font-size:11px;margin:25px 0}.office-workbench-sidebar .private{margin-top:0;padding-top:18px;border-top:1px solid #dfd4c3;font-size:11px}.office-workbench-sidebar~main{margin-left:220px;padding:30px 42px}.office-workbench-sidebar~main>header{padding:0 0 25px;border-bottom:1px solid #e6dbcc;margin-bottom:24px}.office-workbench-sidebar~main h2{font-family:BanRayHeading;font-size:35px;font-weight:400;letter-spacing:-1.4px}.office-workbench-sidebar~main h3{font-family:BanRayHeading;font-weight:400;letter-spacing:-.5px}.office-workbench-sidebar~main .surface{background:#fffcf7;border-color:#e6ddce;box-shadow:0 4px 18px #72593f04}.office-workbench-sidebar~main .eyebrow{color:#a17b5c}.office-workbench-sidebar~main .toolbar{padding:16px 0;gap:12px}.office-workbench-sidebar~main :is(select,input,textarea){font-family:BanRayBody;font-size:13px;border-color:#dfd5c5;background:#fffdf8}.office-workbench-sidebar~main :is(#open,#calculate,.team-open,.export-actions button:not(.quiet),.workbench-chat button[type=submit]){background:linear-gradient(125deg,#c67249,#a84b2b);color:#fffaf3;border-color:#ad5534;font-family:BanRayBody}.office-workbench-sidebar~main .team-discussion{background:linear-gradient(120deg,#fffaf2,#f1eee3)} .view-settings .controls{display:block;padding:18px!important}.view-settings .controls fieldset{min-width:0;margin:0 0 16px;padding:18px;border:1px solid #e3d9c8;border-radius:14px;background:#faf8f1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.view-settings .controls legend{padding:0 8px;font-family:BanRayHeading;font-size:16px;color:#665442}.view-settings .controls fieldset>.hint{grid-column:1/-1;margin:0 0 2px}.view-settings .controls fieldset .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1/-1}.view-settings .controls fieldset>label{grid-column:1/-1}.view-settings .controls label{font-size:12px;color:#84725e}.view-settings .controls select,.view-settings .controls input{padding:12px;line-height:1.5;min-height:44px;font-size:13px}.view-settings-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.view-settings-actions .hint{max-width:520px;margin:0}.view-settings-actions button{flex-shrink:0}.view-settings>summary{background:#f1ede3;color:#7e634b;border-radius:14px}.view-settings[open]>summary{border-radius:14px 14px 0 0;border-bottom:1px solid #e4d9c7}.chart-insights article{background:#f2f2e9;border-color:#e0e3d4}.chart-insights strong{font-family:BanRayHeading;font-weight:400}.office-workbench-sidebar~main .workbench-chat{font-family:BanRayBody} @media(max-width:800px){.office-workbench-sidebar{position:static;width:auto!important;display:block;padding:18px!important}.office-workbench-sidebar .brand{display:block;margin:0 0 14px}.office-workbench-sidebar nav{display:flex;margin:0}.workbench-side-note,.office-workbench-sidebar>.eyebrow,.office-workbench-sidebar .private,.office-workbench-sidebar .back{display:none}.office-workbench-sidebar~main{margin:0;padding:22px}.office-workbench-sidebar~main h2{font-size:29px}}@media(max-width:550px){.view-settings .controls fieldset .two{grid-template-columns:1fr}.view-settings-actions{align-items:stretch;flex-direction:column}.view-settings .controls fieldset{padding:12px}} .work-library-list{max-height:360px;gap:16px}.saved-work-card{padding:18px;display:flex;flex-direction:column;gap:8px;overflow-wrap:normal}.saved-chart-preview{display:flex;align-items:flex-end;gap:8px;height:68px;padding:8px 10px 0;border-bottom:1px solid #dce3d8;background:linear-gradient(180deg,#f8faf4,#eff3eb);border-radius:10px 10px 0 0;margin-bottom:7px}.saved-chart-preview>span{flex:1;max-width:40px;background:#81977d;border-radius:5px 5px 0 0;min-width:4px}.saved-chart-preview>span:nth-child(2n){background:#b79875}.saved-chart-preview>span.negative{background:#a77970}.saved-work-card .saved-dashboard-title{font-family:BanRayHeading,system-ui;font-size:19px;font-weight:400;line-height:1.4;letter-spacing:-.4px;overflow-wrap:anywhere}.saved-work-card :is(.saved-dashboard-description,.saved-dashboard-date,.saved-dashboard-author){font-size:11px;line-height:1.7;color:#8c7b67;margin:0}.saved-work-card .saved-dashboard-author{color:#6e806c}.saved-work-card .saved-dashboard-open{align-self:flex-start;margin-top:auto;padding-top:8px;text-decoration:none;font-size:12px;color:#a25231}.saved-work-card:hover{border-color:#b7c3af}.work-library>.hint{max-width:600px} .saved-work-card{position:relative}.saved-dashboard-open:after{content:'';position:absolute;inset:0;border-radius:18px;z-index:1}.saved-work-card:focus-within{outline:2px solid #8a9d80;outline-offset:3px}.dashboard-delete{position:absolute;right:10px;top:10px;z-index:2;padding:7px;display:grid;place-items:center;background:#fffcf4e8!important;border:1px solid #e2dacd!important;color:#917963!important;border-radius:9px;min-width:30px;min-height:30px}.dashboard-delete:hover{color:#a64231!important;border-color:#c39a88!important}.dashboard-delete-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:10px 14px;background:#eff3e9;border-radius:12px;font-size:12px;color:#6c785e}.dashboard-delete-notice button{background:transparent;color:#97613f;padding:7px 10px;border:1px solid #d4dccb}.useful-view:nth-child(3n+1){border-radius:18px 7px 18px 18px}.useful-view:nth-child(3n+2){border-radius:7px 18px 18px 18px}.useful-view:nth-child(3n){border-radius:18px 18px 7px 18px}.workbench-editor-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.workbench-editor-tile{position:relative;display:flex;flex-direction:column;gap:7px;white-space:normal;text-align:left;padding:19px 48px 19px 20px;background:#f2eee4;color:#5e4f40;border:1px solid #ded4c4;border-radius:16px}.workbench-editor-tile:nth-child(2){background:#edf1e7;border-color:#dae1d0}.workbench-editor-tile strong{font:17px BanRayHeading}.workbench-editor-tile span{font:12px/1.7 BanRayBody;color:#8a7964}.workbench-editor-tile .editor-tile-arrow{position:absolute;right:20px;top:22px;font-size:21px;color:#a16743}.workbench-editor{padding:0;width:min(960px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 40px);border:1px solid #e3d8c7;border-radius:22px;background:#fcf9f2;color:#44372b;box-shadow:0 25px 90px #382c2938;overflow:auto}.workbench-editor::backdrop{background:#332c2559;backdrop-filter:blur(7px)}.editor-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f2ede2;padding:17px 22px;border-bottom:1px solid #e4d9c9;z-index:3}.editor-heading h3{font:22px BanRayHeading;margin:0}.editor-heading button{padding:8px 12px}.workbench-editor.table-editor{width:min(1180px,calc(100vw - 32px))}.workbench-editor>.surface{border:0;border-radius:0;padding:18px;box-shadow:none}.workbench-editor #table-wrap{max-height:50vh}.workbench-editor.view-settings .controls{padding:16px!important;display:block}.workbench-editor.view-settings fieldset{margin-bottom:12px;padding:12px 16px;gap:8px}.workbench-editor.view-settings fieldset .hint{font-size:11px}.workbench-editor.view-settings legend{font-size:14px}.workbench-editor.view-settings .controls :is(input,select){min-height:38px;padding:9px 10px;font-size:12px}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-top:1px solid #e5daca}.editor-footer span{font:12px/1.6 BanRayBody;color:#8c7861}.editor-feedback{padding:0 20px;font-size:12px;color:#9b6245}.editor-feedback:empty{display:none}@media(max-width:600px){.workbench-editor-tiles{grid-template-columns:1fr}.workbench-editor.view-settings fieldset .two{grid-template-columns:1fr}.editor-footer{flex-direction:column;align-items:stretch}} .floating-team{position:fixed!important;right:26px;bottom:24px;z-index:40;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.floating-team>.team-launch-actions{margin:0;display:block}.floating-team .team-open{border-radius:100px;padding:16px 23px;font-size:13px;box-shadow:0 9px 30px #6e3f282e;border:1px solid #a45737}.floating-team .workbench-chat{position:fixed;inset:auto 24px 96px auto;margin:0;width:min(520px,calc(100vw - 32px));height:min(720px,calc(100dvh - 128px));z-index:41;border-radius:23px;box-shadow:0 20px 85px #35281b33}.floating-team .workbench-chat-header{padding:18px 20px 14px}.floating-team .workbench-chat-header h3{font-size:18px;line-height:1.5;max-width:390px}.floating-team .workbench-chat .team-history{padding:16px 20px}.floating-team .workbench-chat .team-form{padding:12px 18px 17px;grid-template-columns:1fr}.floating-team .team-address{display:block}.floating-team .team-address label{max-width:none}.floating-team .team-address .hint{display:none}.floating-team .team-action-grid{grid-template-columns:1fr;gap:10px}.floating-team .team-action{padding:14px}.floating-team .team-form>button{justify-self:end}.floating-team .team-status{padding:9px 18px;font-size:11px}.chat-team-manager{padding:10px 20px;border-bottom:1px solid #e7ded0;background:#f8f5ed;max-height:230px;overflow:auto}.chat-team-manager>summary{font-size:12px;color:#8b6c50;cursor:pointer}.chat-team-manager .team-pickers{grid-template-columns:1fr;margin:12px 0}.chat-team-manager .team-pickers label{font-size:11px}.chat-team-manager .team-pickers select{padding:8px 10px}.chat-team-manager>.team-add{padding:8px 12px;margin-bottom:8px;font-size:11px}.chat-team-manager .team-attribution{font-size:10px;margin:8px 0}.office-workbench-sidebar~main{padding-bottom:120px}@media(max-width:650px){.floating-team{right:16px;bottom:16px}.floating-team .workbench-chat{inset:auto 12px 85px auto;width:calc(100vw - 24px);height:calc(100dvh - 110px)}.floating-team .team-open{padding:14px 19px}} /* Workbench opens as a library; the editor lives on its own URL. */ .workbench-home .work-grid,.workbench-home .compact-data,.workbench-home .useful-views,.workbench-home .dashboard,.workbench-home .exports,.workbench-home .floating-team,.workbench-home .workbench-editor-tiles,.workbench-home main>footer{display:none!important} .workbench-home .toolbar>*:not(:first-child){display:none!important} .workbench-detail .work-library{display:none} .workbench-library-link{display:inline-flex;padding:12px 18px;border:1px solid #dfd4c5;border-radius:14px;color:#84543d;background:#fffaf3;text-decoration:none;font-weight:600} .work-library .work-library-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);grid-template-columns:none;gap:16px;overflow-x:auto;max-height:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:14px} .work-library .saved-work-card{scroll-snap-align:start;min-width:0} .work-library.library-expanded .work-library-list{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible} .library-view-all{margin-top:14px} @media(max-width:760px){.work-library .work-library-list{grid-auto-columns:85%}.work-library.library-expanded .work-library-list{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.work-library .work-library-list{scroll-behavior:auto}} /* Compact library: nine previews, then expand the complete collection. */ .work-library .work-library-list,.work-library.library-expanded .work-library-list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:visible;padding-bottom:0;scroll-snap-type:none} .work-library:not(.library-expanded) .saved-work-card:nth-child(n+10){display:none} .work-library .saved-work-card{padding:16px;gap:7px;min-height:0} .work-library .saved-chart-preview{height:64px;margin-bottom:5px} .work-library .saved-dashboard-title{font-size:15px;line-height:1.4;padding-right:23px} .work-library .saved-dashboard-description,.work-library .saved-dashboard-date,.work-library .saved-dashboard-author{font-size:11px;margin:0;line-height:1.6} @media(max-width:900px){.work-library .work-library-list,.work-library.library-expanded .work-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.work-library .work-library-list,.work-library.library-expanded .work-library-list{grid-template-columns:1fr}} /* Role-first conversation room; ambient colour is decorative, never a microphone meter. */ #call{--role-colour:191,94,47;position:relative;isolation:isolate} #call[data-palette="sage"]{--role-colour:77,121,92} #call[data-palette="plum"]{--role-colour:139,92,128} #call[data-palette="slate"]{--role-colour:71,111,142} #call[data-palette="amber"]{--role-colour:172,128,50} #call:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 23%,rgba(var(--role-colour),.13),transparent 48%);animation:role-room-drift 16s ease-in-out infinite alternate} @keyframes role-room-drift{from{transform:translate3d(-2%,-1%,0);opacity:.65}to{transform:translate3d(2%,3%,0);opacity:1}} body.in-call .canvas-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px;padding:20px 0!important;align-items:center;background:rgba(250,248,243,.9)!important} .canvas-heading .canvas-identity{min-width:0;display:block!important} .canvas-heading .canvas-identity-text{display:block!important;min-width:0} .canvas-heading #canvas-role{display:block;font-size:clamp(19px,2.2vw,28px)!important;line-height:1.3;letter-spacing:-.7px;color:#332f29} .canvas-heading .canvas-tag{font-size:11px!important;letter-spacing:.7px!important;margin:0 0 6px!important;color:#8b7969} .canvas-heading .role-custom-name{display:inline-block;margin:6px 10px 0 0;font:14px BanRayBody;color:#98633f} .canvas-heading .role-custom-name[hidden]{display:none} .role-name-edit{font-size:11px!important;padding:2px 0!important;border:0!important;background:none!important;color:#92765f!important;text-decoration:underline;text-underline-offset:3px} .canvas-state-pill,.acoustic-voice-status,.acoustic-ripple-field,.acoustic-voice-meter,.comp-mouth-speaking{display:none!important} .canvas-heading .banray-companion-container{display:none!important} body.in-call #canvas-context,body.in-call #canvas-memory{position:static!important;font-size:12px!important;padding:11px 15px!important;white-space:nowrap} body.in-call .call-top{display:none!important} .specialist-acoustic-stage{min-height:0!important;padding:24px 0 30px!important} .specialist-acoustic-stage .acoustic-stage-core{display:flex!important;flex-direction:column;align-items:center;gap:20px;padding:0!important;margin:0!important;min-height:0!important} .role-presence-orb{width:106px;height:106px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffe5c0 0%,#db9765 25%,rgb(var(--role-colour)) 55%,#6b3d2c 90%);box-shadow:inset -10px -10px 18px #49241235,inset 4px 5px 13px #fff9,0 0 75px 22px rgba(var(--role-colour),.15);animation:role-orb-float 9s ease-in-out infinite} @keyframes role-orb-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(6deg)}} .role-welcome-copy{text-align:center;max-width:620px} .role-welcome-copy h1{font:clamp(24px,3vw,36px)/1.25 Manrope;margin:0 0 12px;color:#352e27;letter-spacing:-1px} .role-welcome-copy p{font:15px/1.7 BanRayBody;color:#8c7560;margin:0} .acoustic-starter-carousel{margin-top:30px!important} .call-form-footer>label:has(#call-deliver){display:none!important} @media(max-width:700px){body.in-call .canvas-heading{grid-template-columns:auto 1fr;gap:10px;padding:14px 0!important}#canvas-context{grid-column:2;justify-self:start}#canvas-memory{grid-column:1;grid-row:2}.canvas-heading .canvas-home{margin:0!important}#conversation-canvas{padding-top:25px}.role-presence-orb{width:82px;height:82px}} @media(prefers-reduced-motion:reduce){#call:before,.role-presence-orb{animation:none!important}} body.in-call .canvas-heading .canvas-home{position:static!important;transform:none!important;margin:0!important;align-self:center} body.in-call .canvas-heading .canvas-identity{width:auto!important} body.in-call #canvas-memory,body.in-call #canvas-context{width:auto!important;justify-self:end} #call{--ribbon-mid:#c37d4d;--ribbon-deep:#7a432e} #call[data-palette="sage"]{--ribbon-mid:#7eaa8b;--ribbon-deep:#365e50} #call[data-palette="slate"]{--ribbon-mid:#7fa4b8;--ribbon-deep:#385a72} #call[data-palette="plum"]{--ribbon-mid:#b38baa;--ribbon-deep:#694563} #call[data-palette="amber"]{--ribbon-mid:#c5a05c;--ribbon-deep:#80602e} .role-presence-sculpture{width:210px;height:176px;position:relative;contain:layout paint;pointer-events:none;margin:-10px auto -5px} .role-presence-sculpture svg{display:block;width:100%;height:100%;overflow:visible} .ribbon-float{transform-origin:120px 100px;animation:ribbon-poise 9s ease-in-out infinite} .ribbon-floor{transform-origin:120px 179px;animation:ribbon-shadow 9s ease-in-out infinite} @keyframes ribbon-poise{0%,100%{transform:translateY(3px) rotate(-7deg)}50%{transform:translateY(-7px) rotate(9deg)}} @keyframes ribbon-shadow{0%,100%{transform:scaleX(1);opacity:.13}50%{transform:scaleX(.8);opacity:.07}} #call[data-avatar-state="working"] .ribbon-float{animation-duration:5s} #call[data-avatar-state="responding"] .ribbon-float{animation-duration:7s} @media(max-width:700px){.role-presence-sculpture{width:170px;height:145px}} @media(prefers-reduced-motion:reduce){.ribbon-float,.ribbon-floor{animation:none!important}} body.in-call .specialist-acoustic-stage .role-presence-sculpture>svg{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;flex-shrink:0;stroke:none;position:static!important} body.in-call .specialist-acoustic-stage{padding-top:8px!important} .specialist-acoustic-stage .acoustic-stage-core{gap:14px!important} .role-presence-sculpture{height:150px;width:190px} body.in-call .acoustic-starter-carousel{margin-top:20px!important} /* SOURCE: orange-suite.css */ /* BanRay workspace palette. Presentation only; no network, model or data changes. */ :root { --ws-paper:#faf6f0; --ws-ink:#3d3029; --ws-copy:#756154; --ws-line:#e8d9cc; --ws-sage:#f6e9dc; --ws-blue:#f7ede4; --ws-clay:#f4e0ce; --ws-mauve:#f1e5da; --ws-accent:#a85535; --br-ink:var(--ws-ink); --br-copy:var(--ws-copy); --br-line:var(--ws-line); } body { color:var(--ws-ink); background:radial-gradient(ellipse at 95% 0%,#f4e1cf 0,transparent 45%), radial-gradient(ellipse at 35% 70%,#f4e7dd80 0,transparent 45%),var(--ws-paper); } body :is(.sidebar,.office-workbench-sidebar) { background:linear-gradient(165deg,#f4e9dcf5,#f4eee5f5 65%,#f8ede1f5); border-right:1px solid #eadbcb; box-shadow:8px 0 40px #76503905; } body .brand {color:#443025} body .brand span {color:var(--ws-accent)} body .sidebar nav button {color:#715b4b;border-radius:12px} body .sidebar nav button:hover {background:#ffffff90;color:#8d4f2c} body .sidebar nav button.active { background:#f2dbc5;color:#724025; box-shadow:inset 3px 0 #c47b4d,0 3px 9px #754c3006; } body :is(.business-label,.eyebrow,.edition,.office-overline,.canvas-identity>span) {color:#92694f} body :is(.intro,.office-copy p,.hint,.muted,.fine,.call-form-footer) {color:var(--ws-copy)} body main>header { background:#fffbf6e8;border-bottom:1px solid #e8d9cc; } body :is(select,input:not([type=checkbox]):not([type=radio]),textarea) { background-color:#fffdf9;color:#48362b;border-color:#e5d5c6; border-radius:12px;box-shadow:0 2px 4px #754d2f03; } body :is(select,input,textarea):focus-visible { outline:3px solid #ce855966;outline-offset:3px;border-color:#ae6a3d; } body :is(button,a):focus-visible {outline:3px solid #c58355;outline-offset:4px} body :is(.primary,.galaxy-cta) { background:linear-gradient(125deg,#c67b4b,#ab5631);color:#fffdf8; border:1px solid #b5683e;box-shadow:0 6px 16px #ab60381a; } body .primary:hover {background:linear-gradient(125deg,#d28b59,#b56a3d)} body :is(.status,#health) {background:#f8ead9;color:#845334;border:1px solid #eacdb3;border-radius:30px} body .office-hero { background:radial-gradient(ellipse at 87% 40%,#edc39d95,transparent 54%), radial-gradient(ellipse at 50% 0%,#f3ddc780,transparent 60%); border-bottom:1px solid #e6d6c6; } body .office-copy h1 {color:#443126} body .office-copy h1 em {color:#9a583d} body .art-orbit {border-color:#c9977280} body .art-orbit:after {border-color:#d5b49a} body .art-ticket { background:linear-gradient(120deg,#fffffff0,#f8e5cedf); border:1px solid #ffffff;box-shadow:0 15px 40px #92552e12; } body .art-ticket small {color:#936242} body .art-ticket>span {background:#f5d9bd;color:#93552e} body :is(.teammate-card,.role-card) { --tile-fill:#f6e8d7;--tile-edge:#e8ceb4;--tile-accent:#a16943; background:linear-gradient(135deg,#ffffffaa,var(--tile-fill)); border:1px solid var(--tile-edge);border-radius:21px 21px 21px 9px; box-shadow:0 6px 18px #74482b07,inset 0 1px #ffffffc0; } body :is(.teammate-card,.role-card):nth-child(4n+2) {--tile-fill:#f9ede0;--tile-edge:#ebd5be;--tile-accent:#9a6b43} body :is(.teammate-card,.role-card):nth-child(4n+3) {--tile-fill:#f4e1ce;--tile-edge:#e8c8aa;--tile-accent:#9c5736} body :is(.teammate-card,.role-card):nth-child(4n) {--tile-fill:#f2e8dd;--tile-edge:#e5d4c2;--tile-accent:#8b6850} body :is(.teammate-card,.role-card):hover {border-color:var(--tile-accent);box-shadow:0 12px 24px #74482b12} body .teammate-card:after {border-color:#ffffff50} body .member-avatar {background:#ffffffa8;border-color:#ffffffc0;color:var(--tile-accent);box-shadow:0 4px 10px #74482b08} body .member-name {color:#493329} body .member-presence {color:#836751} body .teammate-card :is(p,li) {color:#735b49} body .card-foot {border-color:#c59c7845} body .card-foot b {background:#ffffffb3;color:var(--tile-accent)} body :is(.team-mode,.filters) {border-color:#ead7c3} body .team-mode button[aria-pressed=true] {background:#f2d9be;color:#8a4b27} body .upload-zone {background:linear-gradient(135deg,#f7e8d6,#faf0e3);border-color:#dab18b;color:#8d5735} body .file-row {background:#ffffffba;border-color:#ebdac7;box-shadow:0 4px 14px #75462c06} body .file-row:nth-child(3n+2) {background:#fbecdcb0} body #notes {background:#fffef9} /* Chat keeps its current role-specific ribbon colours. */ body.in-call #call { background:radial-gradient(ellipse at 90% 0%,#f3ddc3a0,transparent 44%), radial-gradient(ellipse at 5% 60%,#f3dfce60,transparent 48%),#fbf8f2; } body.in-call .canvas-heading { background:#fbf2e6f2;border-bottom:1px solid #e8d5bf; box-shadow:0 7px 20px #74482b04; } body.in-call .canvas-heading :is(#canvas-memory,#canvas-context,.canvas-home) { background:#ffffffc9;border-color:#e9d6c0;color:#8b5b3a; box-shadow:0 3px 10px #75482b07; } body.in-call .canvas-identity strong {color:#503a2b} body.in-call .canvas-turn-label {color:#946849} body.in-call .canvas-turn-label time {color:#927762} body.in-call .from-you .canvas-turn-content {color:#a75a31} body.in-call .canvas-turn-content :is(h2,h3,.inline-visual-title) {color:#483326} body :is(.visual-summary,.canvas-turn-content>p,.action-words p) {color:#745b49} body :is(.canvas-turn-content .answer-action,.visual-card,.comparison-choice,.team-action,.useful-view,.saved-work-card) { background:linear-gradient(130deg,#ffffffed,#f8e9d7);border-color:#ead3b9; border-radius:18px 18px 18px 7px;box-shadow:0 4px 12px #6e422507; } body :is(.canvas-turn-content .answer-action,.visual-card,.comparison-choice,.team-action,.useful-view,.saved-work-card):nth-child(3n+2) { background:linear-gradient(130deg,#ffffffed,#f9ede0);border-color:#ecd6bd; } body :is(.canvas-turn-content .answer-action,.visual-card,.comparison-choice,.team-action,.useful-view,.saved-work-card):nth-child(3n) { background:linear-gradient(130deg,#fffdf9,#f4dfcd);border-color:#e7cbb3; } body :is(.answer-action,.visual-card,.comparison-choice,.team-action,.useful-view):hover {border-color:#cd9363;box-shadow:0 8px 18px #854e2d10} body .reply-step-number {background:#f4d6b7;color:#935328;border-color:#e7b98e} body.in-call .call-entry {background:#fffffff2;border-color:#e9ceb2;box-shadow:0 9px 34px #754c3012,inset 0 1px white} body.in-call .call-entry textarea {background:transparent;box-shadow:none;border-radius:0} body.in-call .call-entry #call-send {background:linear-gradient(130deg,#b76b47,#9b4c31);box-shadow:0 4px 12px #a3533420} body #call-drawer {background:#fffbf5;border-color:#e5c5a5;box-shadow:0 20px 70px #5e341c26} /* Workbench shares the office palette, including its floating conversation. */ body .office-workbench-sidebar a.active {background:#f2d6b8;color:#8b4c28;border-radius:12px} body :is(.surface,.workbench-library,.saved-work-surface) { background:linear-gradient(145deg,#fffffff2,#faf0e2e8);border-color:#ebd9c1; box-shadow:0 8px 28px #7e4f2e09,inset 0 1px #fff;border-radius:22px; } body .surface.dashboard {background:#fffefc} body .surface :is(h2,h3) {color:#593b27} body :is(.toolbar,.workbench-editor-launchers) {border-color:#e7cfb5} body :is(.quiet,.upload) {background:#f6e4cf;color:#925831;border-color:#e8c8a6} body :is(.useful-view,.editor-launcher) {color:#68492f} body .useful-view[aria-pressed=true] {outline:2px solid #b97949;outline-offset:2px;background:#f7dfc4} body :is(dialog,.workbench-chat) {background:#fffaf3;border-color:#e8ceb0;box-shadow:0 24px 75px #60361f26} body :is(.workbench-chat-header,.team-form,.team-discussion) {background:#f8e5ce;border-color:#ebd5bb} body .workbench-chat .team-entry.user {background:#faead9} body :is(.team-chat-launcher,.workbench-chat-launcher) {background:#b66c3e;color:white;border-color:#a9663d} body :is(.chart-insights,.chart-insight,.visual-stat) {background:#f8e7d1;border-color:#e9cfad;color:#8f5a35} body .visual-stat:nth-child(2n) {background:#f7ebdd} body table th {background:#f5e4ce;color:#825536} body table td {border-color:#ecdac4} /* Blur only small stationary chrome, never cards or the scrolling transcript. */ @supports (backdrop-filter:blur(8px)) { body main>header,body.in-call .canvas-heading {background:#fff7ebdd;backdrop-filter:blur(8px)} body .art-ticket {backdrop-filter:blur(6px)} } @media(max-width:760px) { body .sidebar {background:#eaf0e7} body main>header,body.in-call .canvas-heading {backdrop-filter:none;background:#fbf0e0} body :is(.surface,.workbench-library) {border-radius:17px} } @media(prefers-reduced-transparency:reduce) { body main>header,body.in-call .canvas-heading,body .art-ticket {backdrop-filter:none;background:#fff7eb} } @media(prefers-reduced-motion:reduce) { body :is(.teammate-card,.role-card,.answer-action,.useful-view) {transition:none} } /* Legacy avatar theme uses !important on shared chrome; override only its paint. */ body :is(.sidebar,.office-workbench-sidebar) { background:linear-gradient(165deg,#f4e9dcf5,#f4eee5f5 65%,#f8ede1f5)!important; border-right-color:#eadbcb!important;backdrop-filter:none;-webkit-backdrop-filter:none; } body .sidebar nav button.active,body .office-workbench-sidebar nav a.active { background:linear-gradient(125deg,#b16c40,#9e552e)!important;color:#fffdf7!important; box-shadow:0 5px 15px #6e422518,inset 0 1px #ffffff20!important; } body :is(.primary,.primary.galaxy-cta) { background:linear-gradient(125deg,#d48348,#af562e)!important; box-shadow:0 7px 18px #a05b3120,inset 0 1px #ffffff20!important; } body :is(.teammate-card,.department-card) { background:linear-gradient(135deg,#ffffffaa,var(--tile-fill,#f6e8d7))!important; border-color:var(--tile-edge,#e8ceb4)!important; border-radius:21px 21px 21px 9px!important; box-shadow:0 6px 18px #74482b07,inset 0 1px #ffffffc0!important; } body .teammate-card:hover {border-color:var(--tile-accent)!important;box-shadow:0 12px 24px #74482b12!important} body.in-call .canvas-heading :is(#canvas-memory,#canvas-context) { background:#ffffffc9!important;border-color:#e9d6c0!important;color:#8b5b3a!important; } body.in-call .canvas-identity strong {color:#503a2b!important} /* Suite architecture: inset navigation, framed office, working shortcuts. */ body {background:#f5efe7;color:#3e3026} body .sidebar,body .office-workbench-sidebar { inset:12px auto 12px 12px;width:224px;border:1px solid #e7d7c5!important; border-radius:24px;padding:27px 20px; background:linear-gradient(170deg,#fffaf2f5,#f0e0ccef)!important; box-shadow:0 12px 38px #75451f09,inset 0 1px white; } body .sidebar .brand {margin-bottom:44px;font-size:29px} body .sidebar .business-label {font-size:9px;letter-spacing:1.6px;margin-bottom:11px;color:#99775c} body .sidebar select {font-size:11px!important;min-height:42px;border-color:#e4cbb0!important;background:#fffdf8!important} body .sidebar nav {margin-top:25px;gap:8px} body .sidebar nav button {min-height:44px;padding:12px 14px;font-size:12px;color:#715b49} body .sidebar nav button.active,body .office-workbench-sidebar nav a.active { background:linear-gradient(120deg,#ce824b,#af5b34)!important; box-shadow:0 6px 14px #af5b3424,inset 0 1px #ffffff38!important; } body .sidebar .side-note {padding:18px 4px 12px;font-size:9px;color:#8d715a} body .sidebar .side-note p {font-size:12px;line-height:1.7} body .sidebar .profile {border-top-color:#dec4a7;padding-top:18px} body .profile>span {background:#ebd1b2;color:#8d4f2a} body main,body.in-call main {margin-left:252px} body main>header { min-height:72px;padding:0 36px;background:#fcf8f1; border-bottom:1px solid #e9d9c6;box-shadow:none; } body .view {padding:32px 36px} body #home {padding-top:25px} body .office-overline {padding:0 0 22px;margin:0;font-size:8px;color:#9d704c} body .office-hero { position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr; min-height:405px;gap:10px;padding:34px 32px; border:1px solid #e8c6a3;border-radius:28px;overflow:hidden; background:radial-gradient(ellipse at 95% 0%,#f0bd8880,transparent 65%), linear-gradient(120deg,#fff9ee,#f8e5cd 67%,#f3d2ac); box-shadow:0 15px 38px #a35d280b,inset 0 1px #fffdf8; } body .office-hero:before { content:'';position:absolute;inset:0;pointer-events:none;z-index:-1; background-image:linear-gradient(#c48e5520 1px,transparent 1px),linear-gradient(90deg,#c48e5520 1px,transparent 1px); background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 40%,black); } body .office-copy {padding:8px 0 0;align-self:center} body .office-copy .edition {font-size:8px;letter-spacing:1.7px;color:#a16c43} body .office-copy h1 {font-size:clamp(40px,4.8vw,70px);line-height:1.07;letter-spacing:-3px;margin:20px 0;color:#493326} body .office-copy h1 em {color:#b86435;font-style:normal} body .office-copy p {font-size:13px;line-height:1.8;max-width:310px;margin:0 0 22px;color:#876447} body .primary.galaxy-cta {font-size:11px;padding:15px 19px;border-radius:13px!important;box-shadow:0 8px 20px #b4673324!important} body .hero-proof {font-size:8px;margin-top:21px;color:#976e4c} body .office-art {min-width:0;height:330px;align-self:center;margin:0;isolation:isolate} body .office-art .banray-hero-companion {max-width:100%;max-height:275px} body .office-art .hero-dog-stage {width:260px;height:260px;max-width:100%;max-height:100%;margin:auto} body .office-art .hero-dog-render {width:100%;height:100%;object-fit:contain;border-radius:36% 36% 22% 22%;box-shadow:0 16px 35px #9c5c2710} body .office-art .hero-dog-gyro {opacity:.38} body .art-coordinate {font-size:7px;top:4px;right:3px;color:#ab7449} body .art-orbit {border-color:#ca9c7070;width:83%} body .art-foot {display:none} body .art-ticket {left:0;right:0;bottom:7px;transform:rotate(-3deg);padding:16px;border-radius:14px;background:#fffaf0d9;border:1px solid #fffdf8;box-shadow:0 12px 25px #a56b3012} body .art-ticket b {font-size:11px;color:#775135} body .art-ticket small {color:#a3754b} body .art-ticket>span {background:#f3dfc3;color:#a56534} .suite-launchpad {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px} .suite-shortcut {display:flex;align-items:center;gap:12px;min-width:0;padding:17px 14px;border:1px solid #e6d6c1;border-radius:16px;background:#fffaf3;color:#674a35;text-align:left;cursor:pointer;box-shadow:0 4px 12px #8e592a05;transition:border-color .18s,transform .18s} .suite-shortcut:hover {border-color:#c78c58;transform:translateY(-2px);background:#fffdf8} .suite-shortcut-icon {display:grid;place-items:center;flex-shrink:0;width:38px;height:40px;background:#f5e0c7;border-radius:11px;color:#a66737} .suite-shortcut-icon svg {width:22px;height:22px} .suite-shortcut-copy {min-width:0;display:flex;flex-direction:column;gap:6px} .suite-shortcut-copy b {font:600 11px/1.4 Manrope,system-ui;white-space:normal} .suite-shortcut-copy small {font-size:9px;line-height:1.6;color:#907459;white-space:normal} .suite-shortcut-arrow {margin-left:auto;color:#b07848;font-size:15px} body .office-section {margin:28px 0 20px} body .office-section h2 {font-size:26px;letter-spacing:-1px;color:#503727} body .office-section .text-button {border:1px solid #e5cdb0;border-radius:30px;padding:10px 14px;background:#fffcf7;color:#a66a3a;font-size:10px} body .role-grid {gap:16px} body .teammate-card { position:relative;background:linear-gradient(155deg,#fffdf8,#fbf0df)!important; border-color:#e5cdb1!important;border-radius:18px!important; padding:22px;box-shadow:0 5px 16px #96622f08!important; } body .teammate-card:nth-child(2n) {background:linear-gradient(155deg,#fffdfa,#f8e8d6)!important} body .teammate-card:nth-child(3n) {background:linear-gradient(155deg,#fffaf4,#f4deca)!important} body .teammate-card:after {width:120px;height:120px;border:22px solid #efcda44a;right:-70px;top:-65px} body .teammate-card .member-name {font-size:22px;line-height:1.25;letter-spacing:-.8px;margin-bottom:19px;color:#593b28} body .teammate-card .member-presence {color:#956e4a;font-size:9px;max-width:130px} body .teammate-card .role-card-examples {gap:12px} body .teammate-card .role-card-examples li {font-size:12px;line-height:1.7;color:#785b43} body .teammate-card .role-example-mark {background:#f0d5b6!important;color:#a76635!important;border-radius:7px} body .teammate-card .card-foot b {background:#f3d8b8;color:#a55f31;box-shadow:none} body .teammate-card:hover {transform:translateY(-4px)!important;border-color:#c88c54!important} body #roles>h1,body #files>h1,body #outputs>h1,body #settings>h1 {font-size:46px;line-height:1.12;letter-spacing:-2px;color:#513727} body .filters {padding:14px;background:#f3e5d2;border:1px solid #e7cdb0;border-radius:18px;gap:12px} body .filters input,body .filters select {background:#fffaf3;border-color:#e2c7a7;min-height:46px} body .file-row {border:1px solid #e8d1b5;border-left:3px solid #d9a26b;border-radius:13px;padding:17px 20px;background:#fffaf3} body .upload-zone {border:1px dashed #c99461;background:linear-gradient(125deg,#fff8ec,#f5e0c1);padding:35px 25px;border-radius:22px} body #settings #notes {border-radius:18px;padding:22px;background:#fffcf6;box-shadow:0 8px 25px #8e572b06} /* A dedicated conversation surface, visually connected to the office. */ body.in-call #call {padding:0 5%;background:radial-gradient(ellipse at 90% 0%,#efd1ab60,transparent 50%),#fcf8f1} body.in-call .canvas-heading {padding:22px 0 19px;background:#fcf5e9ed;border-bottom:1px solid #e8cdaa;box-shadow:0 8px 22px #9b642908} body.in-call .canvas-heading {min-height:112px!important;height:auto!important;padding:18px 0!important} body.in-call .reply-option-arrow {color:#af7646} body.in-call .canvas-identity strong {font-size:23px!important;letter-spacing:-.7px!important} body.in-call :is(#canvas-memory,#canvas-context,.canvas-home) {box-shadow:0 4px 12px #99602e08!important;border-color:#e5c8a6!important;background:#fffaf0!important;color:#9a6437!important} body.in-call #conversation-canvas {padding-top:44px} body.in-call .canvas-turn-label {font-size:9px;letter-spacing:1px;color:#a7784d} body.in-call .canvas-turn-content :is(.answer-action,.visual-card,.comparison-choice) {background:linear-gradient(125deg,#fffdf8,#faebd6);border:1px solid #e9ceaa;border-radius:16px 16px 16px 5px;box-shadow:0 5px 17px #8f5c2707} body.in-call .canvas-turn-content :is(.answer-action,.visual-card,.comparison-choice):nth-child(2n) {background:linear-gradient(125deg,#fffaf2,#f4dfc7);border-color:#e7c5a0} body.in-call .reply-step-number {background:#f2d3ac;color:#9b5e2e;border-color:#dfb583} body.in-call .call-entry {border-radius:20px;background:#fffdf8;border:1px solid #dbb98f;box-shadow:0 10px 35px #9f6c3120,inset 0 1px white} body.in-call .call-entry #call-send {background:linear-gradient(130deg,#d68d4e,#ad582c);box-shadow:0 4px 12px #a65b2828} /* Workbench is a suite room, not a separate visual product. */ body .office-workbench-sidebar .brand {margin-bottom:48px} body .office-workbench-sidebar nav a {padding:13px 15px;border-radius:12px;color:#7d5a3b} body:has(.office-workbench-sidebar) main {padding:30px 34px} body:has(.office-workbench-sidebar) main>header {padding:0 0 22px;margin-bottom:24px;align-items:center;background:transparent;backdrop-filter:none} body:has(.office-workbench-sidebar) main>header h2 {font-size:32px;color:#573b28} body :is(.saved-work-surface,.surface) {background:#fffcf7;border-color:#e5caaa;border-radius:22px;box-shadow:0 8px 28px #92602e08} body .saved-work-card {border-radius:17px;background:linear-gradient(150deg,#fffdf8,#f5e6d0);border-color:#e6ccaa;box-shadow:0 6px 14px #93622d07} body .saved-work-card:nth-child(2n) {background:linear-gradient(150deg,#fffbf5,#f3dcc2);border-color:#dfbd96} body .saved-work-card h4,body .saved-work-card strong {color:#714a2c} body .saved-work-card a {color:#ac6839} body .saved-chart-preview {background:linear-gradient(180deg,#fbf4e8,#f4e4cf);border-bottom-color:#e6ccb0} body .saved-chart-preview span {background:linear-gradient(180deg,#d79556,#bd7645)} body .saved-chart-preview span:nth-child(2n) {background:linear-gradient(180deg,#e5b982,#ce9a62)} body .useful-view {border-radius:16px 16px 5px 16px;background:linear-gradient(125deg,#fffaf2,#f5dfbf);border-color:#e7c79f} body .workbench-chat-header {background:linear-gradient(110deg,#f8e9d4,#f3d8b5);border-bottom:1px solid #e7c29a} body .workbench-chat {border-radius:24px;background:#fffbf4;border-color:#d9b489} body .workbench-chat .team-form {background:#faf0e1;border-color:#e6c8a5} body .workbench-chat .team-action {background:linear-gradient(125deg,#fffcf6,#f3dfc5);border-color:#e1bd92} @media(min-width:1500px){body #home{max-width:1440px;margin:auto}.office-hero{min-height:450px}} @media(max-width:1100px) and (min-width:761px) { body .sidebar,body .office-workbench-sidebar {width:200px;padding-inline:15px} body main,body.in-call main {margin-left:224px} body .view {padding:26px} body .office-hero {padding:28px 24px;min-height:370px} body .office-copy h1 {font-size:46px;letter-spacing:-2px} body .office-art {height:290px} .suite-launchpad {gap:9px}.suite-shortcut{padding:14px 11px;gap:8px} .suite-shortcut-icon {width:31px;height:35px}.suite-shortcut-arrow{display:none} body .role-grid {grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px) { body .sidebar,body .office-workbench-sidebar {position:relative;inset:auto;width:auto;margin:10px;border-radius:18px;padding:18px} body .sidebar .brand {margin-bottom:16px;font-size:27px} body .sidebar nav {margin-top:14px;gap:5px} body .sidebar nav button {padding:10px;min-height:40px} body main,body.in-call main {margin-left:0} body main>header {padding:0 20px;min-height:50px} body .view {padding:20px} body .office-overline {padding-bottom:16px} body .office-hero {grid-template-columns:1fr;padding:26px 23px 20px;gap:18px;min-height:0;border-radius:23px} body .office-copy h1 {font-size:49px;letter-spacing:-2px;margin:18px 0} body .office-copy p {font-size:13px;max-width:100%} body .office-art {height:245px;width:100%;max-width:350px;margin:auto} body .office-art .hero-dog-stage {width:210px;height:210px} body .art-coordinate {top:0;font-size:6px}.art-ticket{bottom:0} .suite-launchpad {grid-template-columns:1fr;margin:16px 0 26px;gap:10px} .suite-shortcut {padding:14px 16px}.suite-shortcut-copy b{font-size:12px}.suite-shortcut-copy small{font-size:10px} body .office-section {margin:22px 0 17px}.office-section h2{font-size:24px} body .office-section .text-button {font-size:9px;max-width:135px} body .role-grid {grid-template-columns:1fr} body #roles>h1,body #files>h1,body #outputs>h1,body #settings>h1 {font-size:39px} body.in-call #call {padding-inline:18px} body.in-call .canvas-heading {padding:15px 0;background:#fcf3e6;backdrop-filter:none} body.in-call .canvas-identity strong {font-size:18px!important} body:has(.office-workbench-sidebar) main {padding:20px} body:has(.office-workbench-sidebar) main>header h2 {font-size:27px} } @media(prefers-reduced-motion:reduce) {.suite-shortcut{transition:none}.suite-shortcut:hover{transform:none}} /* SOURCE: welcome-home.css */ /* Approved welcome layout. Existing specialist-card motion and press rules stay intact. */ body{background:#fffdfa} body .sidebar{background:linear-gradient(165deg,#fffdf9,#fcf2e8)!important;border-color:#eadbcf!important;box-shadow:none} body .sidebar .brand{font-size:30px;margin-bottom:45px} body .sidebar nav button{font-size:13px;gap:12px;padding:13px 12px;min-height:46px} body .sidebar nav button span{font-size:13px} body .sidebar nav button small{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:20px;background:#f3d4bc;color:#9c542d;font:600 11px/1 Manrope,system-ui;letter-spacing:0} body .sidebar nav button[data-view=outputs] small{background:#e0e9ef;color:#526c7b} body .sidebar nav button.active small{background:#fff4dfd9;color:#8b4c2a} body .sidebar .business-label{font-size:9px;letter-spacing:1.7px} body .sidebar .side-note{font-size:9px} body main>header{border-bottom-color:#f0e8df} .welcome-workspace{display:none} body.home-welcome main>header{padding:0 30px;border-bottom:0;background:#fffdfa;min-height:76px;height:76px;backdrop-filter:none;box-shadow:none} body.home-welcome main>header>.crumb,body.home-welcome main>header>#health{display:none} body.home-welcome .welcome-workspace{display:flex;align-items:center;gap:30px;width:100%;min-width:0} .welcome-company{font-size:17px;letter-spacing:-.4px;white-space:nowrap;color:#342a23} .welcome-date{display:flex;align-items:center;gap:10px;padding-left:25px;border-left:1px solid #dfd4c9;font-size:13px;color:#6c5d51} .welcome-date svg{width:18px;height:18px;stroke-width:1.5} .welcome-initials{margin-left:auto;display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:50%;background:#f6ddc8;color:#a35e31;font-size:13px;font-weight:600} body #home{padding:0 30px 45px;max-width:1450px;margin:0 auto} body .office-hero.welcome-hero{min-height:490px;height:clamp(420px,40vw,565px);position:relative;display:flex;align-items:center;padding:0 10px;border:0;border-radius:0;background:#fffdfa;box-shadow:none;overflow:visible;isolation:isolate} body .office-hero.welcome-hero:before{display:none} .welcome-media{position:absolute;inset:-5px -30px -30px 0;pointer-events:none;z-index:-1} .welcome-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to bottom,black 82%,transparent 100%)} .welcome-hero-copy{max-width:480px;width:50%;padding-bottom:10px;z-index:1} body .welcome-hero h1{font:700 clamp(38px,4.5vw,62px)/1.08 Manrope,system-ui,sans-serif;letter-spacing:-2.8px;color:#302820;margin:0 0 24px} .welcome-subtitle{font-size:clamp(17px,1.9vw,24px);line-height:1.5;letter-spacing:-.35px;color:#786b61;max-width:390px;margin:0 0 32px} body .welcome-hero .welcome-enter{display:inline-flex;align-items:center;gap:20px;padding:17px 23px!important;border-radius:14px!important;background:linear-gradient(120deg,#ec8b39,#c56524)!important;color:#fffdf8;box-shadow:0 8px 22px #c16c2812!important;font-size:16px;border:1px solid #d7762f} .welcome-enter svg{width:23px;height:23px;stroke-width:1.7} .welcome-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:28px 5px 37px;margin:0 0 12px;border-bottom:1px solid #f1e9df} .welcome-shortcut{display:flex;align-items:center;justify-content:flex-start;gap:13px;flex:1;min-width:0;border:0;background:transparent;color:#45372b;padding:7px 10px;font:600 13px/1.4 Manrope,system-ui;cursor:pointer;text-align:left;border-radius:12px;transition:background .2s} .welcome-shortcut:hover{background:#f8efe4} .welcome-shortcut+.welcome-shortcut{border-left:1px solid #e5d9cc;border-radius:0} .welcome-shortcut-mark{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:50%;background:#fce3ce;color:#a76033} .welcome-shortcut-mark.blue{background:#e2eaf0;color:#557082} .welcome-shortcut-mark.purple{background:#eee0ef;color:#7d6082} .welcome-shortcut-mark svg{width:23px;height:23px;stroke-width:1.5} body #home .office-section{margin:29px 0 20px;align-items:center;gap:20px} body #home .office-section h2{font-size:29px;letter-spacing:-1px;color:#332a23;margin:0} .welcome-section-subtitle{font-size:13px;color:#8b7b6d;margin:10px 0 0;line-height:1.6} body #home #all-roles{border:0;background:none;padding:10px 0;border-radius:0;font-size:12px;color:#b4612e;white-space:nowrap} body #home #featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} body #home .home-specialist-card{padding:20px 18px;min-height:0;display:flex;flex-direction:column} body #home .home-specialist-card .teammate-top{margin-bottom:14px;gap:8px;min-height:46px} body #home .home-specialist-card .member-avatar{width:43px;height:43px;flex-shrink:0} body #home .home-specialist-card .member-presence{font-size:9px;line-height:1.5;max-width:115px} body #home .home-specialist-card .member-name{font-size:20px;line-height:1.25;letter-spacing:-.6px;margin-bottom:17px} body #home .home-specialist-card .role-card-examples{gap:11px;margin:0 0 15px} body #home .home-specialist-card .role-card-examples li{font-size:11.5px;line-height:1.7;gap:9px} body #home .home-specialist-card .role-example-mark{flex:0 0 18px;width:18px;height:18px;font-size:10px} body #home .home-specialist-card .home-role-topic{font-size:10px;line-height:1.6;color:#927b67;border-top:1px solid #dfc5a84d;padding-top:11px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0} body #home .home-specialist-card .card-foot{padding-top:5px;justify-content:space-between;gap:10px} body #home .home-specialist-card .card-foot .home-continue{font-size:11px;display:block;color:#ad6636;letter-spacing:0} body #home .home-specialist-card .card-foot b{width:29px;height:29px;font-size:17px} .welcome-saved{margin-top:42px} .welcome-saved-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px} .welcome-saved-heading h2{font-size:28px;letter-spacing:-1px;color:#332a23;margin:0} .welcome-view-all{font-size:12px;color:#b56834;text-decoration:none} .welcome-work-list{display:flex;flex-direction:column;gap:10px} .welcome-work-row{display:flex;align-items:center;gap:16px;min-height:65px;padding:12px 17px;background:#fffcf7;border:1px solid #e8ddd1;border-radius:15px;color:#45362a;text-decoration:none;transition:border-color .2s,background .2s} .welcome-work-row:hover{background:#fff6e8;border-color:#d7ad7f} .welcome-work-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#f8e5d1;color:#b2733f} .welcome-work-mark svg{width:20px;height:20px;stroke-width:1.5} .welcome-work-row strong{font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere} .welcome-work-type{padding-left:17px;border-left:1px solid #deccba;font-size:12px;color:#8b7461} .welcome-work-row time{font-size:11px;color:#8e7b69;margin-left:auto;white-space:nowrap} .welcome-work-arrow{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f9e5cf;color:#bb783e} .welcome-work-arrow svg{width:18px;height:18px} .welcome-empty{padding:20px;background:#fcf5eb;border-radius:15px;color:#8a7059;font-size:13px} .welcome-empty p{margin:0 0 10px}.welcome-empty a{color:#a76332} .welcome-loading{font-size:13px;color:#8e7a66} @media(min-width:1500px){body #home{padding-inline:45px}.welcome-media{right:-45px}.welcome-hero-copy{max-width:510px}} @media(max-width:1100px) and (min-width:761px){body #home{padding-inline:24px}.welcome-media{right:-24px}.welcome-hero-copy{width:53%}.welcome-hero h1{font-size:43px!important}.welcome-subtitle{font-size:18px}.welcome-date{font-size:11px;gap:8px;padding-left:15px}.welcome-workspace{gap:18px}.welcome-shortcut{font-size:11px;gap:8px;padding-inline:4px}.welcome-shortcut-mark{flex-basis:36px;height:36px}body #home .home-specialist-card{padding:17px 13px}body #home .home-specialist-card .member-name{font-size:18px}body #home .home-specialist-card .member-presence{font-size:8px}body #home .home-specialist-card .role-card-examples li{font-size:11px}} @media(max-width:760px){ body .sidebar{margin:9px;border-radius:19px;padding:16px 18px}body .sidebar .brand{margin-bottom:13px;font-size:27px}body .sidebar nav button span{font-size:11px}body .sidebar nav button small{min-width:20px;height:19px;font-size:10px}body .sidebar nav button{gap:6px;padding:9px 8px} body.home-welcome main>header{padding:0 20px;height:auto;min-height:65px}.welcome-workspace{flex-wrap:wrap;gap:8px!important;padding:12px 0}.welcome-company{font-size:15px}.welcome-date{font-size:10px;padding-left:12px;gap:6px}.welcome-date svg{width:14px;height:14px}.welcome-initials{flex-basis:30px;height:30px;font-size:11px} body #home{padding:0 20px 30px}body .office-hero.welcome-hero{height:510px;min-height:0;align-items:flex-start;padding:35px 0 0}.welcome-media{inset:110px -20px -10px;z-index:-1}.welcome-media img{object-position:73% center;mask-image:linear-gradient(to bottom,transparent,black 24%,black 80%,transparent)}.welcome-hero-copy{width:100%;max-width:100%}body .welcome-hero h1{font-size:42px;letter-spacing:-2px;margin-bottom:14px}.welcome-subtitle{font-size:17px;max-width:285px;line-height:1.5;margin-bottom:20px}body .welcome-hero .welcome-enter{font-size:13px;padding:13px 17px!important;gap:12px} .welcome-shortcuts{gap:5px;padding:15px 0 22px}.welcome-shortcut{flex-direction:column;align-items:center;text-align:center;font-size:10px;gap:10px;padding:7px 4px}.welcome-shortcut-mark{flex-basis:auto;width:37px;height:37px}.welcome-shortcut-mark svg{width:21px;height:21px} body #home .office-section{margin:24px 0 17px;gap:12px}body #home .office-section h2{font-size:24px}.welcome-section-subtitle{font-size:11px;max-width:250px}body #home #all-roles{font-size:10px;white-space:normal;max-width:95px;text-align:right} body #home #featured{grid-template-columns:1fr;gap:13px}body #home .home-specialist-card{padding:20px}body #home .home-specialist-card .member-name{font-size:22px}body #home .home-specialist-card .role-card-examples li{font-size:13px}body #home .home-specialist-card .member-presence{font-size:10px} .welcome-saved{margin-top:30px}.welcome-saved-heading h2{font-size:24px}.welcome-view-all{font-size:10px}.welcome-work-row{gap:10px;padding:12px;min-height:63px}.welcome-work-row strong{font-size:12px}.welcome-work-type{display:none}.welcome-work-row time{font-size:10px}.welcome-work-mark{flex-basis:28px;height:30px}.welcome-work-arrow{flex-basis:26px;height:26px} } @media(prefers-reduced-motion:reduce){.welcome-shortcut,.welcome-work-row{transition:none}} body.home-welcome main>header{background:#fffdfa!important;z-index:25} body .sidebar nav .welcome-bench-nav svg{color:#886b90} body #home .home-specialist-card .role-card-examples li{font-size:12.5px} /* Full-window office composition: bleed the scene, align the useful content. */ body.home-welcome #home{max-width:none;width:100%;padding:0 clamp(28px,3.2vw,68px) 48px;margin:0;overflow:hidden} body.home-welcome .office-hero.welcome-hero{height:clamp(420px,33vw,620px);min-height:420px;padding:0;overflow:visible} body.home-welcome .welcome-media{inset:0 calc(-1 * clamp(28px,3.2vw,68px)) -24px;overflow:hidden;background:#fcf2e8} body.home-welcome .welcome-media img{object-fit:cover;object-position:66% 54%;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%);animation:welcome-scene-in 1.3s ease-out both} body.home-welcome .welcome-hero-copy{width:49%;max-width:560px;padding-bottom:10px;animation:welcome-copy-in .75s ease-out both} body.home-welcome .welcome-hero h1{font-size:clamp(43px,4.2vw,74px);letter-spacing:-3px;line-height:1.06} body.home-welcome .welcome-subtitle{font-size:clamp(18px,1.6vw,26px);max-width:440px} body.home-welcome .welcome-shortcuts{position:relative;margin:0;padding:24px 0 27px;border-bottom:1px solid #e9dfd5;gap:18px} body.home-welcome .welcome-shortcut{padding:13px 14px;border-radius:15px;transition:background .22s,transform .22s} body.home-welcome .welcome-shortcut:hover{background:#f6e9db;transform:translateY(-2px)} body.home-welcome #home .office-section{margin-top:30px} body.home-welcome .welcome-saved{margin-top:34px} @keyframes welcome-scene-in{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}} @keyframes welcome-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(min-width:1600px){body.home-welcome .office-hero.welcome-hero{height:clamp(440px,30vw,560px)}body.home-welcome #home #featured{gap:22px}body.home-welcome #home .home-specialist-card{padding:24px}} @media(max-width:760px){ body.home-welcome #home{padding:0 20px 30px} body.home-welcome .office-hero.welcome-hero{height:540px;min-height:0;padding-top:32px;align-items:flex-start} body.home-welcome .welcome-media{inset:100px -20px -15px;background:transparent} body.home-welcome .welcome-media img{object-position:74% center;mask-image:linear-gradient(to bottom,transparent,black 27%,black 80%,transparent)} body.home-welcome .welcome-hero-copy{width:100%;max-width:100%} body.home-welcome .welcome-hero h1{font-size:42px;letter-spacing:-2px} body.home-welcome .welcome-subtitle{font-size:17px;max-width:270px} body.home-welcome .welcome-shortcuts{gap:4px;padding:15px 0 20px} body.home-welcome .welcome-shortcut{padding:9px 3px} } @media(prefers-reduced-motion:reduce){body.home-welcome .welcome-media img,body.home-welcome .welcome-hero-copy{animation:none}body.home-welcome .welcome-shortcut{transition:none}} body.home-welcome #home{box-sizing:border-box;width:100%;min-width:0} /* SOURCE: suite-polish.css */ /* Shared readable controls and a restrained, varied palette. */ body .brand .banray-brand-logo{display:block;width:100%;max-width:184px;height:auto;object-fit:contain;mix-blend-mode:multiply} body .brand{display:block;min-width:0} body .sidebar nav button,body .sidebar nav button span{font-size:14px} body :is(input,select,textarea){font-size:15px;line-height:1.5} body :is(input,select,textarea):focus-visible{outline:3px solid #a7bfd0;outline-offset:2px;border-color:#729bb7} body :is(.answer-action,.visual-card,.comparison-choice):nth-child(3n+2){background:linear-gradient(140deg,#f7faff,#eaf0f6);border-color:#ccdbe7} body :is(.answer-action,.visual-card,.comparison-choice):nth-child(3n){background:linear-gradient(140deg,#faf7fd,#f0eaf5);border-color:#ded1e7} body:has(.office-workbench-sidebar){font-size:15px;color:#3b3835} body:has(.office-workbench-sidebar) main{max-width:none} body:has(.office-workbench-sidebar) :is(label,.hint,.exports p,.team-count,.saved-dashboard-description,.saved-dashboard-date,.saved-dashboard-author){font-size:14px!important;line-height:1.65;color:#756d65} body:has(.office-workbench-sidebar) :is(button,.upload,.saved-dashboard-open,.workbench-library-link){font-size:14px!important;min-height:43px} body:has(.office-workbench-sidebar) :is(select,input){padding:12px 14px;min-height:46px;background:#fffefd;border-radius:12px;border-color:#d9d9dd} body:has(.office-workbench-sidebar) .eyebrow{font-size:11px;letter-spacing:1.5px} body:has(.office-workbench-sidebar) :is(.useful-view,.workbench-editor-tile) span{font-size:14px!important} body:has(.office-workbench-sidebar) .useful-view{background:#f8f4ee;border-color:#e5d9cb;padding:20px} body:has(.office-workbench-sidebar) .useful-view:nth-child(3n+2){background:#eef3f8;border-color:#d5e0ec} body:has(.office-workbench-sidebar) .useful-view:nth-child(3n){background:#f2edf7;border-color:#dfd4e9} body:has(.office-workbench-sidebar) .workbench-editor-tile:first-child{background:#eef3f8;border-color:#d5e0ec} body:has(.office-workbench-sidebar) .workbench-editor-tile:nth-child(2){background:#f2edf7;border-color:#dfd4e9} body .saved-work-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} body .saved-work-card:hover,body .saved-work-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px #51426814;border-color:#ab9bb9} body .saved-chart-preview{height:100px;background:linear-gradient(180deg,#f5f7fb,#e9eef5);border-color:#d7e1ed} body .saved-chart-preview span{background:linear-gradient(180deg,#8ca9c6,#668aab);transform-origin:bottom;transition:filter .2s} body .saved-chart-preview span:nth-child(3n+2){background:linear-gradient(180deg,#b4a2cd,#927cab)} body .saved-chart-preview span:nth-child(3n){background:linear-gradient(180deg,#e4b17e,#d28d50)} body .saved-work-card:nth-child(3n+2) .saved-chart-preview{background:linear-gradient(180deg,#f8f4fb,#eee6f5)} body .saved-work-card:nth-child(3n) .saved-chart-preview{background:linear-gradient(180deg,#f1f7f5,#e3efea)} body .saved-work-card:hover .saved-chart-preview span,body .saved-work-card:focus-within .saved-chart-preview span{animation:dashboard-bars .65s cubic-bezier(.2,.7,.3,1) both} body .saved-work-card:hover .saved-chart-preview span:nth-child(2n){animation-delay:70ms} body .saved-work-card:hover .saved-chart-preview span:nth-child(3n){animation-delay:120ms} body .saved-dashboard-title{font-size:21px!important} body .saved-dashboard-open{color:#75618e!important} body .team-entry{font-size:15px;line-height:1.75} body .team-action{font-size:14px} body #chart{height:420px} @keyframes dashboard-bars{from{transform:scaleY(.25);opacity:.55}to{transform:scaleY(1);opacity:1}} @media(max-width:760px){body .brand .banray-brand-logo{max-width:150px}body #chart{height:340px}} @media(prefers-reduced-motion:reduce){body .saved-work-card{transition:none}body .saved-work-card:hover{transform:none}body .saved-work-card .saved-chart-preview span{animation:none!important}} body .saved-work-card:nth-child(3n+1){background:linear-gradient(140deg,#fffefd,#eef3f9)!important;border-color:#d3deeb!important} body .saved-work-card:nth-child(3n+2){background:linear-gradient(140deg,#fffefd,#f0eaf7)!important;border-color:#ded2e8!important} body .saved-work-card:nth-child(3n){background:linear-gradient(140deg,#fffefd,#eaf3ef)!important;border-color:#d1e3dc!important} /* Remove demo/privacy filler; use a quiet decorative brand finish instead. */ body .sidebar :is(.side-note,.profile),body .office-workbench-sidebar :is(.workbench-side-note,.private),body .office-workbench-sidebar>.eyebrow{display:none!important} body .sidebar,body .office-workbench-sidebar{overflow:hidden} body .sidebar:after,body .office-workbench-sidebar:after{content:'';display:block;pointer-events:none;flex:0 0 140px;width:calc(100% + 36px);margin:auto -18px -15px;border-radius:100px 100px 0 0;background:repeating-conic-gradient(from 205deg at 50% 110%,transparent 0deg 12deg,#d99a6530 12deg 14deg,transparent 14deg 24deg),radial-gradient(ellipse at 50% 100%,#e8bc9340,transparent 68%);mask-image:linear-gradient(transparent,#000 45%);opacity:.8} body .office-workbench-sidebar .back{margin-top:30px;margin-bottom:24px;font-size:14px} body .sidebar select{font-size:13px;min-height:43px} body .office-workbench-sidebar nav a{font-size:15px;min-height:48px} @media(max-width:760px){body .sidebar:after,body .office-workbench-sidebar:after{display:none}body .office-workbench-sidebar .back{margin:15px 0 0}} /* SOURCE: home-rich.css */ /* A composed office home: editorial hero, dimensional launch cards, useful work. */ body.home-welcome{background:#f5f1eb} body.home-welcome main>header{background:#f5f1eb!important;height:82px;padding-inline:36px} body.home-welcome #home{padding:0 36px 55px;overflow:visible} body.home-welcome .office-hero.welcome-hero{height:510px;min-height:0;overflow:hidden;border-radius:30px;padding:45px;background:#f5e5d4;box-shadow:0 16px 45px #7851350c;isolation:isolate} body.home-welcome .welcome-media{inset:0;background:#f9e9d9;z-index:-1} body.home-welcome .welcome-media img{object-position:65% 54%;mask-image:none;animation:welcome-scene-in 1.4s ease-out both} body.home-welcome .welcome-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbf0e5 0%,#fbf0e5e8 24%,#fbf0e599 43%,transparent 65%)} body.home-welcome .welcome-hero-copy{width:55%;max-width:590px;position:relative;padding:0} .welcome-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#a56844;margin-bottom:25px} body.home-welcome .welcome-hero h1{font-size:clamp(48px,4.3vw,76px);line-height:1.04;letter-spacing:-3.5px;margin-bottom:22px;color:#35251d} body.home-welcome .welcome-subtitle{font-size:20px;line-height:1.6;max-width:370px;color:#7b6352;margin-bottom:28px} body.home-welcome .welcome-hero .welcome-enter{border-radius:13px!important;box-shadow:0 9px 22px #bb6b3524!important} .welcome-scene-label{position:absolute;bottom:27px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #fff9efb3;border-radius:14px;background:#fffcf0d9;color:#735442;font-size:12px;box-shadow:0 10px 24px #55351a0d;backdrop-filter:blur(8px)} .welcome-scene-label svg{width:18px;height:18px;color:#c77d3b} body.home-welcome .welcome-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:24px 0 40px;border:0;align-items:stretch} body.home-welcome .welcome-shortcut{display:flex;align-items:flex-start;flex-direction:column;position:relative;overflow:hidden;min-height:245px;border-radius:23px!important;border:1px solid #ead0b9;padding:27px 25px!important;background:linear-gradient(135deg,#f7e0c8,#f3d3b3);color:#654028;isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s} body.home-welcome .welcome-shortcut.blue{background:linear-gradient(135deg,#e4edee,#d2e2e4);border-color:#c7dbdf;color:#355961} body.home-welcome .welcome-shortcut.purple{background:linear-gradient(135deg,#51475e,#342d42);border-color:#5e516d;color:#fff4ed} body.home-welcome .welcome-shortcut:before{content:'';position:absolute;width:230px;height:230px;right:-70px;top:-100px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 28px #ffffff0a,0 0 0 57px #ffffff0a;z-index:-1} body.home-welcome .welcome-shortcut:hover{transform:translateY(-5px);box-shadow:0 14px 28px #55402e1c} .shortcut-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;max-width:85%;margin-top:auto;z-index:1} .shortcut-kicker{font-size:9px;letter-spacing:1.8px;opacity:.72;font-weight:700} .shortcut-copy strong{font-size:22px;line-height:1.2;letter-spacing:-.6px;font-weight:700} .shortcut-description{font-size:13px;line-height:1.65;font-weight:400;max-width:235px;opacity:.8} .shortcut-arrow{position:absolute;right:20px;bottom:23px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;opacity:.6;transition:transform .25s} .shortcut-arrow svg{width:18px;height:18px}.welcome-shortcut:hover .shortcut-arrow{transform:rotate(5deg) translate(2px,-2px)} .shortcut-art{height:80px;position:relative;display:flex;align-items:center;gap:0;margin-bottom:17px;align-self:flex-end;width:145px;transform:rotate(-5deg);transition:transform .35s} .welcome-shortcut:hover .shortcut-art{transform:rotate(0) translateY(-3px)} .art-medallion{display:grid;place-items:center;flex:0 0 52px;height:52px;border:3px solid #f4d9bd;margin-left:-8px;border-radius:50%;background:#fff7ee;box-shadow:0 6px 14px #996b3820;color:#b17b4c;transform:translateY(4px)} .art-medallion:nth-child(2){transform:translateY(-8px);background:#f6ecdb;color:#6f8b92}.art-medallion:nth-child(3){background:#ece3ef;color:#8c729b}.art-medallion svg{width:23px;height:23px;stroke-width:1.4} .art-file{position:absolute;right:20px;top:0;width:75px;height:77px;border-radius:8px;background:#fffdf5;border:1px solid #d4dfdb;box-shadow:0 9px 18px #32505c18;transform:rotate(12deg)} .art-file.front{right:45px;top:7px;transform:rotate(-9deg);background:repeating-linear-gradient(transparent 0 11px,#adbfba60 12px 13px,transparent 14px 20px),#fffaf1;background-size:45px 56px;background-repeat:no-repeat;background-position:14px 14px} .art-mini-chart{position:absolute;right:12px;top:0;width:114px;height:78px;display:flex;align-items:flex-end;gap:7px;padding:13px;border:1px solid #ffffff60;border-radius:11px;background:#fff9ef;box-shadow:0 10px 22px #1b162140;transform:rotate(5deg)} .art-mini-chart>span{height:var(--bar);flex:1;background:#d9a26d;border-radius:3px 3px 0 0}.art-mini-chart>span:nth-child(2n){background:#aca0c4}.art-mini-chart>span:nth-child(3n){background:#84a6a9} .art-sheet.back{position:absolute;inset:0 25px 4px 8px;border-radius:10px;background:#bdaacb80;transform:rotate(-10deg);border:1px solid #d9cae370} body.home-welcome #home .office-section{margin:0 0 24px;align-items:flex-end} body.home-welcome #home .office-section h2,body.home-welcome .welcome-saved-heading h2{font-size:32px;letter-spacing:-1.1px} body.home-welcome #home #featured{gap:20px} body.home-welcome .welcome-saved{padding:28px;border-radius:25px;background:#fffcf7;border:1px solid #e6ddd3;margin-top:35px} body.home-welcome .welcome-work-row{background:#f8f3ed;border-color:transparent;min-height:73px} body.home-welcome .welcome-work-row:nth-child(2) .welcome-work-mark{background:#e8e3f0;color:#87709e} body.home-welcome .welcome-work-row:nth-child(3) .welcome-work-mark{background:#deebed;color:#668a93} body.home-welcome .welcome-work-row strong{font-size:15px} body.home-welcome .welcome-work-row:hover{background:#f3e8da;border-color:#dfc5a8} @media(min-width:1600px){body.home-welcome #home{padding-inline:48px}.welcome-shortcut{min-height:250px}body.home-welcome .office-hero.welcome-hero{height:540px;padding:55px}} @media(max-width:1100px) and (min-width:761px){body.home-welcome #home{padding-inline:24px}body.home-welcome .office-hero.welcome-hero{padding:30px;height:460px}body.home-welcome .welcome-hero h1{font-size:49px!important}.welcome-eyebrow{font-size:8px}.welcome-scene-label{font-size:10px;max-width:230px}.shortcut-copy strong{font-size:19px}.shortcut-description{font-size:12px}.shortcut-art{width:115px}body.home-welcome .welcome-shortcut{padding:22px 18px!important}.shortcut-arrow{right:13px;width:28px;height:28px}} @media(max-width:760px){ body.home-welcome #home{padding:0 16px 30px}body.home-welcome main>header{padding-inline:20px;height:auto} body.home-welcome .office-hero.welcome-hero{height:580px;padding:30px 25px;border-radius:25px;align-items:flex-start} body.home-welcome .welcome-media{inset:0}.welcome-media img{object-position:74% center!important}body.home-welcome .welcome-media:after{background:linear-gradient(#fbf0e5 0%,#fbf0e5ed 23%,#fbf0e570 50%,transparent 73%)} body.home-welcome .welcome-hero-copy{width:100%;max-width:none}.welcome-eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:19px}body.home-welcome .welcome-hero h1{font-size:44px;letter-spacing:-2.2px}body.home-welcome .welcome-subtitle{font-size:16px;line-height:1.6;max-width:260px} .welcome-scene-label{left:20px;right:20px;bottom:20px;font-size:10px;padding:12px;justify-content:center} body.home-welcome .welcome-shortcuts{grid-template-columns:1fr;gap:12px;margin:18px 0 28px} body.home-welcome .welcome-shortcut{min-height:165px;padding:23px!important;justify-content:center}.shortcut-art{position:absolute;right:23px;top:20px;width:120px;opacity:.85;transform:scale(.85) rotate(-5deg);transform-origin:top right}.shortcut-copy{max-width:66%;margin:0}.shortcut-copy strong{font-size:22px}.shortcut-description{font-size:12px;max-width:200px}.shortcut-kicker{font-size:8px}.shortcut-arrow{bottom:20px;right:22px} body.home-welcome #home .office-section h2,body.home-welcome .welcome-saved-heading h2{font-size:25px}body.home-welcome .welcome-saved{padding:20px 15px}.welcome-work-row time{display:none} } @media(prefers-reduced-motion:reduce){body.home-welcome .welcome-shortcut,.shortcut-art,.shortcut-arrow{transition:none}.welcome-shortcut:hover .shortcut-art,.welcome-shortcut:hover .shortcut-arrow{transform:none}} /* Compact launch cards, without shrinking their useful text. */ @media(min-width:761px){ body.home-welcome .welcome-shortcut{min-height:218px;padding:22px!important;justify-content:flex-end} body.home-welcome .shortcut-art{position:absolute;top:12px;right:21px;height:65px;width:130px;margin:0;transform:scale(.78) rotate(-5deg);transform-origin:top right;animation:launch-art-float 7s ease-in-out infinite} body.home-welcome .welcome-shortcut.blue .shortcut-art{animation-delay:-2.3s} body.home-welcome .welcome-shortcut.purple .shortcut-art{animation-delay:-4.6s} body.home-welcome .shortcut-copy{max-width:100%;width:100%;margin-top:65px;gap:7px;padding-right:18px} body.home-welcome .shortcut-copy strong{font-size:20px;line-height:1.25} body.home-welcome .shortcut-description{font-size:13px;line-height:1.55;max-width:100%;font-weight:400} body.home-welcome .shortcut-kicker{font-size:9px} body.home-welcome .shortcut-arrow{right:15px;bottom:17px;width:27px;height:27px} body.home-welcome .welcome-shortcut:hover .shortcut-art{animation-play-state:paused;filter:drop-shadow(0 6px 7px #39253c15)} } @keyframes launch-art-float{0%,100%{transform:scale(.78) rotate(-5deg) translateY(0)}50%{transform:scale(.78) rotate(-1deg) translateY(-5px)}} @media(prefers-reduced-motion:reduce){body.home-welcome .shortcut-art{animation:none!important}} /* SOURCE: workspace-atmosphere.css */ /* Quiet section wallpapers. No canvas, video, timers or model work. */ body{--air-a:#ebc5a4;--air-b:#d5cde5;--air-c:#f5eadc;background:#f4efe8!important} body[data-section=roles]{--air-a:#d9c5e8;--air-b:#bcd9db;--air-c:#f3ddbd} body[data-section=files]{--air-a:#bad2df;--air-b:#d2e4df;--air-c:#edf1f3} body[data-section=outputs]{--air-a:#d2bfe0;--air-b:#c9d9e5;--air-c:#f0e5e8} body[data-section=settings]{--air-a:#d8d4c5;--air-b:#dfcbb9;--air-c:#f0ebe1} body[data-section=call]{--air-a:#ead0bb;--air-b:#d9d0e2;--air-c:#f4eade} body:has(.office-workbench-sidebar){--air-a:#c4cce0;--air-b:#d3dfdb;--air-c:#f2e5d7} body main{position:relative;isolation:isolate} body main:before{content:'';position:fixed;inset:-8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 18%,var(--air-a) 0,transparent 43%),radial-gradient(ellipse at 92% 63%,var(--air-b) 0,transparent 45%),linear-gradient(145deg,var(--air-c),#f9f5ef 65%);opacity:.65;animation:office-atmosphere 28s ease-in-out infinite alternate;will-change:auto} body main:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:radial-gradient(#99836b55 .65px,transparent .65px);background-size:7px 7px;mask-image:linear-gradient(120deg,#000,transparent 65%)} body.home-welcome main>header{background:#f4efe8e6!important} body.home-welcome .welcome-saved{background:#fffcf4d9} body :is(#files,#outputs,#settings,#roles){background:transparent!important} body:has(.office-workbench-sidebar) .surface{background:#fffdf9ed} @keyframes office-atmosphere{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(1%,1%,0)}} @media(prefers-reduced-motion:reduce){body main:before{animation:none}} @media(max-width:760px){body main:before{animation:none;inset:0}} /* Keep atmosphere behind content, never over navigation. */ body .sidebar,body .office-workbench-sidebar{z-index:40} body main:before,body main:after{left:252px} @media(max-width:1100px) and (min-width:761px){body main:before,body main:after{left:210px}} @media(max-width:760px){body main:before,body main:after{left:0}} /* One shell geometry: shared gutters, a wider rail, a detached header. */ @media(min-width:761px){ body .sidebar,body .office-workbench-sidebar{box-sizing:border-box;width:272px!important;left:12px;top:12px;bottom:12px;margin:0!important;padding:30px 23px!important;border-radius:24px!important;background:linear-gradient(160deg,#f5ebdf,#eddfcf)!important;border:1px solid #dfcfbd!important;box-shadow:inset 0 1px #fff9ef,0 10px 30px #63472c05} body main,body.in-call main{margin-left:300px!important;min-width:0} body main:before,body main:after{left:300px} body .sidebar select{width:100%;font-size:13px;min-height:44px;background:#faf4e9;border-color:#ddc9b6} body .sidebar .brand{margin-bottom:39px} body .sidebar nav button{padding:14px 12px;gap:11px} body.home-welcome main>header{position:relative;top:auto;height:88px;min-height:88px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;padding:0 36px;z-index:2} body.home-welcome #home{padding-top:14px!important} body.home-welcome .office-hero.welcome-hero{border:1px solid #eadbcb;box-shadow:0 12px 34px #65453009} } @media(min-width:1600px){body.home-welcome main>header{padding-inline:48px}} @media(max-width:760px){ body .sidebar{background:linear-gradient(160deg,#f5ebdf,#eddfcf)!important;border-color:#dfcfbd!important} body.home-welcome main>header{position:relative;background:transparent!important;border:0!important} body.home-welcome #home{padding-top:12px!important} } body{background:#ebe2d8!important} body main:before{opacity:.8} body .sidebar,body .office-workbench-sidebar{background:linear-gradient(150deg,#f3e6d7e8,#e8d7c6ed)!important;box-shadow:0 14px 36px #6b4b3320,inset 0 1px #fff7ee!important;border-color:#e6d5c1!important;backdrop-filter:blur(12px)} body .sidebar:before,body .office-workbench-sidebar:before{display:none!important} /* SOURCE: workspace-pages.css */ /* Unified shell and modern business workspaces. */ body:not(.in-call) main>header{position:relative!important;top:auto!important;height:88px;min-height:88px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 36px;z-index:2} body:not(.in-call) .welcome-workspace{display:flex;align-items:center;gap:30px;width:100%} body:not(.in-call) main>header>.crumb,body:not(.in-call) main>header>#health{display:none} body :is(#files,#outputs,#settings){max-width:none;margin:0;padding:14px 36px 50px!important} body :is(#files,#outputs,#settings)>h1{font:700 clamp(34px,3vw,49px)/1.15 Manrope,system-ui!important;letter-spacing:-1.8px;margin:12px 0 14px;color:#352c29} body :is(#files,#outputs,#settings)>.eyebrow{font-size:10px;letter-spacing:1.8px;color:#857280} body :is(#files,#outputs,#settings)>.intro{font-size:16px;color:#716b68;line-height:1.6;max-width:620px;margin-bottom:30px} body #files .upload-zone{position:relative;min-height:170px;padding:26px 28px 26px 100px;text-align:left;align-items:flex-start;justify-content:center;border:1px dashed #9fb8c6;border-radius:23px;background:linear-gradient(120deg,#f6fbfddf,#e2edf5c9);box-shadow:inset 0 1px #fff;cursor:pointer;transition:background .2s,border-color .2s} body #files .upload-zone:hover{background:#e1edf7;border-color:#6c98b5} body #files .upload-zone>span{position:absolute;left:28px;top:48px;width:51px;height:58px;display:grid;place-items:center;background:#fff;border:1px solid #d3e0ea;border-radius:13px;color:#658ba5;font-size:30px;box-shadow:0 7px 16px #5e7e9512} body #files .upload-zone>b{font-size:20px;color:#3f5e71} body #files .upload-zone>small{font-size:13px;color:#6d8593} body #files .upload-zone input{font-size:13px;padding:0;min-height:0;background:transparent;border:0} body #files .section-head{margin:29px 0 15px}body #files .section-head h2{font-size:23px}body #files .section-head .muted{font-size:12px} .library-tools{display:flex;align-items:center;gap:12px;margin:18px 0}.library-search{flex:1;min-width:100px;background:#fffcf8!important;padding:14px 18px!important;border-radius:13px!important;border-color:#d9dce2!important;font-size:14px!important}.library-format{width:160px;background:#fffcf8!important;padding:14px!important;border-radius:13px!important;border-color:#d9dce2!important;font-size:14px!important}.library-count{font-size:12px;color:#847d78;white-space:nowrap} body .file-list{gap:11px} body .file-row{position:relative;background:#fffdf9e8!important;border:1px solid #e1dfda!important;border-radius:17px;padding:19px 20px;gap:17px;box-shadow:0 3px 14px #413c3903;transition:transform .2s,border-color .2s} body .file-row:hover{transform:translateY(-2px);border-color:#b5c8d7!important} body .file-row .file-type{display:grid;place-items:center;flex:0 0 50px;min-height:55px;background:#e7edf5!important;color:#637e9d!important;border-radius:12px;font-size:11px;font-weight:700;padding:10px} body .file-row[data-format=pdf] .file-type{background:#f6e4df!important;color:#b27d6a!important} body .file-row[data-format=xlsx] .file-type,body .file-row[data-format=csv] .file-type{background:#e0eee7!important;color:#648b78!important} body .file-row[data-format=md] .file-type,body .file-row[data-format=html] .file-type{background:#eee5f5!important;color:#9175a7!important} body .file-row>div{flex:1;min-width:0}body .file-row b{font:600 15px/1.5 Manrope,system-ui;letter-spacing:-.15px}body .file-row small{font-size:12px;color:#8a8580;margin-top:5px} body .file-row a{font-size:13px;color:#8b654a;white-space:nowrap;padding:10px 0;text-decoration:none} body #output-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body #output-list .file-row{display:flex;flex-wrap:wrap;align-items:flex-start;padding:22px;min-height:185px;background:linear-gradient(140deg,#fffdfb,#f3eef8)!important} body #output-list .file-row:nth-child(3n+2){background:linear-gradient(140deg,#fffdfb,#edf3f8)!important}body #output-list .file-row:nth-child(3n){background:linear-gradient(140deg,#fffdfb,#f7eee4)!important} body #output-list .file-row>div{width:calc(100% - 70px);flex:auto}body #output-list .file-row a{margin-top:auto;margin-left:0;padding:4px 0}body #output-list .file-row .output-preview{margin-left:auto;color:#7b668e} .preferences-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:22px;align-items:start} .preference-editor{padding:28px;border:1px solid #e2d9cf;border-radius:23px;background:#fffdf9e8;box-shadow:0 8px 25px #4f392c05} body .preference-editor .field-label{font-size:20px;color:#4b3d33;margin:0 0 10px}.preference-helper{font-size:13px;color:#8c7d71;line-height:1.7;margin:0 0 20px} body .preference-editor textarea{font-size:15px;line-height:1.8;padding:18px;background:#faf7f2;border-color:#e3d9cb;border-radius:14px;min-height:260px} body .preference-editor #save-notes{font-size:14px;padding:15px 20px;border-radius:12px;margin-top:20px} .preference-guide{position:static;width:auto;padding:26px;background:linear-gradient(140deg,#e8dff0,#f1e8dc);border:1px solid #ded2e0;border-radius:23px;display:block} .preference-guide-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#fff9f1;color:#a37967;font-size:27px} .preference-guide h2{font:600 25px/1.3 Manrope;letter-spacing:-.8px;margin:21px 0 12px}.preference-guide>p{font-size:13px;color:#8a7589}.preference-tip{border-top:1px solid #c9b7c33d;padding-top:14px;margin-top:16px}.preference-tip strong{font-size:14px;color:#695367}.preference-tip p{font-size:13px;line-height:1.65;margin:6px 0 0;color:#8a7586} body #settings>.fine{font-size:12px;margin-top:18px} @media(min-width:1600px){body :is(#files,#outputs,#settings){padding-inline:48px!important}body:not(.in-call) main>header{padding-inline:48px}} @media(max-width:1050px){.preferences-grid{grid-template-columns:1fr}.preference-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preference-guide>h2,.preference-guide>p{grid-column:1/-1}.preference-guide-icon{display:none}.preference-tip{margin-top:0}body #output-list{grid-template-columns:1fr}} @media(max-width:760px){body:not(.in-call) main>header{height:auto;min-height:70px;padding:0 20px}.welcome-workspace{gap:12px!important}body :is(#files,#outputs,#settings){padding:12px 20px 30px!important}.library-tools{flex-wrap:wrap}.library-format{width:135px}.library-count{width:100%}body #files .upload-zone{padding:22px;min-height:180px}body #files .upload-zone>span{display:none}body .file-row{flex-wrap:wrap;padding:17px}body .file-row b{font-size:14px}.preference-editor{padding:22px}.preference-guide{display:block}} @media(prefers-reduced-motion:reduce){body .file-row{transition:none}body .file-row:hover{transform:none}} /* A single upload surface replaces the browser's default file-picker button. */ body #files .upload-zone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;padding:0;min-height:0} body #files .upload-zone{padding-right:170px;min-height:145px} body #files .upload-zone:after{content:'Choose files ↗';position:absolute;right:26px;top:50%;transform:translateY(-50%);padding:13px 18px;background:#547e9a;border:1px solid #456d86;color:#fff;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 5px 12px #426d8814} body #files .upload-zone:focus-within{outline:3px solid #99b7cd;outline-offset:3px} body #files .upload-zone>span{top:42px} @media(max-width:760px){body #files .upload-zone{padding:23px 22px 76px}body #files .upload-zone:after{left:22px;right:auto;top:auto;bottom:20px;transform:none}} /* SOURCE: uiverse-banray.css */ /* MIT — Uiverse.io. Adapted from 0x-Sarthak, alexruix, 16alves02. See vendor/uiverse/LICENSE. */ /* alexruix plastic-shrimp-54: grouped search icon and soft inset surface. */ .uv-search{display:flex;line-height:28px;align-items:center;position:relative;flex:1;min-width:150px} .uv-search>svg{position:absolute;left:17px;stroke:#8f8395;width:18px;height:18px;z-index:1;pointer-events:none} body .uv-search .library-search{width:100%;height:51px;padding-left:46px!important;border:1px solid #ddd7e4!important;border-radius:14px!important;background:#fffdf9ef!important;color:#3f3548;box-shadow:0 6px 14px -14px #403247;transition:border-color .22s,box-shadow .22s} body .uv-search .library-search:focus{outline:none;box-shadow:0 0 0 4px #c9b7df36;border-color:#a68eb9!important} /* 0x-Sarthak hungry-penguin-30: expandable rounded hover layer. */ body .uv-cta{position:relative;isolation:isolate;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer} body .uv-cta:before{content:'';position:absolute;inset:3px 3px 3px auto;width:36px;border-radius:10px;background:#ffffff14;transition:width .35s ease,background .35s ease;z-index:0;pointer-events:none} body .uv-cta .uv-cta-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:inherit} body .uv-cta:hover:before{width:calc(100% - 6px);background:#ffffff20} body .uv-cta:hover{box-shadow:0 8px 18px #6d49331c;transform:translateY(-2px)} body .uv-cta:active{transform:translateY(0) scale(.985)} body .uv-cta svg{transition:transform .3s}body .uv-cta:hover svg{transform:translate(2px,-2px)} body .uv-cta:focus-visible{outline:3px solid #b5a0cb;outline-offset:4px} /* 16alves02 curly-robin-90: recoloured, translucent diagonal pattern. */ body[data-section=settings] main:after,body[data-section=outputs] main:after{opacity:.38;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,#8e79ab09 30px,#8e79ab09 31px),repeating-linear-gradient(135deg,transparent,transparent 58px,#be8f6209 58px,#be8f6209 59px);background-size:auto;mask-image:linear-gradient(120deg,transparent,#000)} body[data-section=settings]{--air-a:#d5c3e6;--air-b:#dfbd9b;--air-c:#f2e8e2} body[data-section=outputs]{--air-a:#c8b2df;--air-b:#b7d2d9;--air-c:#f2e3de} body .preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px} body .preference-editor{display:flex;flex-direction:column;height:100%;box-sizing:border-box} body .preference-editor textarea{flex:1;min-height:290px;resize:vertical} body .preference-editor #save-notes{align-self:flex-start} body .preference-guide{height:100%;box-sizing:border-box;background:linear-gradient(140deg,#e4d7ef,#efded0);border-color:#d9c8dd} body .preference-guide h2{max-width:330px} body .library-format{background:#fffdf9d9!important;box-shadow:inset 0 1px #fff;border-color:#ddd7e4!important} @media(max-width:1050px){body .preferences-grid{grid-template-columns:1fr}body .preference-guide{height:auto}body .preference-editor textarea{min-height:270px}} @media(max-width:760px){.uv-search{flex-basis:100%}.uv-search>svg{left:15px}} @media(prefers-reduced-motion:reduce){body .uv-cta,body .uv-cta:before,body .uv-cta svg,body .uv-search .library-search{transition:none}body .uv-cta:hover,body .uv-cta:active{transform:none}} /* SOURCE: workbench-studio.css */ body:has(.office-workbench-sidebar) main{padding:26px 36px 45px} body:has(.office-workbench-sidebar) main>header{position:relative!important;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:220px;padding:32px!important;margin:0 0 28px;background:linear-gradient(120deg,#e5d8ebd9,#f1e4d4d9)!important;border:1px solid #dfd0df!important;border-radius:26px;overflow:hidden;isolation:isolate} body:has(.office-workbench-sidebar) main>header h2{font-size:38px;line-height:1.15;letter-spacing:-1.4px;color:#423346;max-width:610px} body:has(.office-workbench-sidebar) main>header .eyebrow{font-size:10px;color:#96809b;letter-spacing:1.8px} .studio-subtitle{font-size:15px;line-height:1.7;color:#87748a;max-width:420px;margin:15px 0 0} body .workbench-library-link{position:relative;z-index:2;flex-shrink:0;background:#fffaf1!important;color:#705576;border:1px solid #d8c4d7!important;border-radius:13px!important;padding:13px 18px!important} .studio-mark{position:absolute;right:6%;top:10%;height:200px;width:230px;z-index:-1;opacity:.2;transform:rotate(-15deg)} .studio-mark span{position:absolute;width:125px;height:100px;border:1px solid #fff;border-radius:19px;background:linear-gradient(145deg,#fff,#b699bf);transform:translate(calc(var(--i)*25px),calc(var(--i)*23px)) rotate(calc(var(--i)*7deg));box-shadow:0 9px 20px #69456b17} .studio-workspace{font-size:14px;color:#7b6757;margin:-20px 0 25px;padding:13px 10px;border-top:1px solid #dccbbb;border-bottom:1px solid #dccbbb} body .work-library{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important} body .work-library>h3{font-size:27px;letter-spacing:-.8px;margin:9px 0 12px} body .work-library>.hint{font-size:14px;max-width:none;color:#8b7e86;margin-bottom:23px} body .work-library-list{gap:20px;max-height:none} body .saved-work-card{padding:18px!important;border-radius:22px!important;gap:11px;box-shadow:0 8px 24px #67516b06} body .saved-chart-preview{height:145px;display:block;padding:0;background:linear-gradient(130deg,#f4f2f9,#edf3f6);border-radius:14px;border:1px solid #e7e1eb;margin:0 0 7px;overflow:hidden} body .saved-dashboard-title{font-size:21px!important;letter-spacing:-.5px} body .saved-dashboard-description{font-size:13px!important} .saved-discussion{border-top:1px solid #d6c9d457;padding-top:15px;margin-top:3px} .discussion-label{font-size:8px;letter-spacing:1.3px;color:#9c869f;font-weight:700} .discussion-question{font-size:14px;color:#625064;font-weight:600;line-height:1.6;margin:10px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .discussion-reply{font-size:12px;line-height:1.7;color:#8f7f91;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .discussion-roles{font-size:11px;color:#9c7f6c}.saved-dashboard-open{margin-top:auto!important;padding-top:15px!important} body:has(.office-workbench-sidebar) footer{font-size:12px;line-height:1.8}body:has(.office-workbench-sidebar) footer>a{margin-left:14px;color:#a58a9c} @media(max-width:1100px){body:has(.office-workbench-sidebar) main{padding:22px}body:has(.office-workbench-sidebar) main>header{padding:25px!important;flex-wrap:wrap;gap:18px}body:has(.office-workbench-sidebar) main>header h2{font-size:32px}} @media(max-width:760px){body:has(.office-workbench-sidebar) main{margin:0!important;padding:18px}body:has(.office-workbench-sidebar) main>header{min-height:210px;border-radius:23px}body .work-library-list{grid-template-columns:1fr}.studio-workspace{margin:15px 0}.studio-mark{right:-30px;opacity:.12}} body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px} body .work-library .saved-chart-preview{height:140px;min-height:140px;flex:0 0 140px;padding:0} body .work-library .saved-work-card{gap:11px} @media(min-width:1600px){body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:1fr}} /* SOURCE: suite-motion.css */ /* Shared restrained spring response; avatar animations remain untouched. */ @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ body .motion-surface{transform:perspective(1100px) rotateX(0deg) rotateY(0deg) translateY(0)!important;transition:transform .55s cubic-bezier(.2,1.5,.4,1),box-shadow .3s,border-color .25s!important;backface-visibility:hidden} body .motion-surface.motion-active{transform:perspective(1100px) rotateX(var(--motion-x,0deg)) rotateY(var(--motion-y,0deg)) translateY(-3px)!important;transition:transform .16s ease-out,box-shadow .25s,border-color .25s!important;box-shadow:0 14px 28px #55416318} body .motion-surface.motion-pressed{transform:perspective(1100px) rotateX(var(--motion-x,0deg)) rotateY(var(--motion-y,0deg)) translateY(-1px) scale(.99)!important;transition-duration:.12s!important} } body .saved-work-details{position:relative;z-index:3;width:100%;margin-top:5px;border-top:1px solid #d6c9d457;border-bottom:1px solid #d6c9d457} body .saved-work-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:13px 0;font-size:13px;color:#85698e;line-height:1.5;min-height:46px} body .saved-work-details summary:after{content:'+';font-size:19px;line-height:1;transition:transform .25s} body .saved-work-details[open] summary:after{transform:rotate(45deg)} body .saved-work-details summary::-webkit-details-marker{display:none} body .saved-work-details summary:focus-visible{outline:2px solid #b4a0ca;outline-offset:3px;border-radius:5px} .saved-work-detail-body{padding:0 0 16px;font-size:13px;color:#8e7c8b;line-height:1.7} .saved-view-measure{margin:0 0 10px}.saved-work-detail-body .saved-discussion{margin-top:10px;padding-top:12px} body .work-library .saved-dashboard-title{min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} body .work-library .saved-dashboard-description{min-height:22px;margin:0} body .saved-dashboard-open:after{display:none!important} body .saved-dashboard-open{display:block;width:100%;position:relative;z-index:2;margin-top:0!important;padding:10px 0!important} body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{align-items:start} @media(prefers-reduced-motion:reduce){body .motion-surface{transform:none!important;transition:none!important}body .saved-work-details summary:after{transition:none}} /* SOURCE: product-tokens.css */ /* BanRay product system. Apple Design improvement pass, browser-native implementation. */ :root{--product-canvas:#ece9e3;--product-surface:#faf9f6;--product-rail:#e6e0d7;--product-ink:#29272d;--product-copy:#68636b;--product-accent:#a64d25;--product-focus:#78658f;--product-line:#d9d4cd;--product-radius:18px;--product-shadow:0 6px 22px #342e2507} body{background:var(--product-canvas)!important;color:var(--product-ink);font-size:15px} body main:before{background:radial-gradient(ellipse at 98% 8%,#d8d4df85,transparent 47%),radial-gradient(ellipse at 4% 85%,#e5d6c685,transparent 48%),var(--product-canvas)!important;opacity:1!important;animation:none!important;transform:none!important} body main:after{opacity:.04!important;background-size:6px 6px!important;mask-image:none!important} body .sidebar,body .office-workbench-sidebar{background:linear-gradient(145deg,#ede8dfed,#e4ddd2f5)!important;border:1px solid #f9f6ef!important;border-radius:23px!important;box-shadow:0 8px 25px #4136260e,inset 0 1px #fff!important;backdrop-filter:blur(18px)} body .sidebar:after,body .office-workbench-sidebar:after{opacity:.22;flex-basis:100px;filter:saturate(.3)} body .sidebar .brand .banray-brand-logo,body .office-workbench-sidebar .brand .banray-brand-logo{width:174px;max-width:100%;mix-blend-mode:multiply} body .sidebar .business-label{color:#756e65;font-size:10px;letter-spacing:1.1px} body .sidebar select{background:#f8f5ef!important;border:1px solid #d4cabe!important;border-radius:11px;font-size:13px!important;height:45px;padding:10px 12px;color:#504941} body .sidebar nav button,body .office-workbench-sidebar nav a{min-height:46px;padding:12px!important;gap:11px;border-radius:11px!important;font-size:14px!important;color:#62594f} body .sidebar nav button span{font-size:14px!important} body .sidebar nav button.active,body .office-workbench-sidebar nav a.active{background:#a6532e!important;color:#fff!important;box-shadow:0 3px 9px #7a3f2215!important} body .sidebar nav button.active svg{color:#fff} body .sidebar nav button:not(.active):hover,body .office-workbench-sidebar nav a:not(.active):hover{background:#ffffff70!important;color:#302921} body .sidebar nav button small{min-width:23px;height:21px;font-size:11px;color:#796b60;background:#d9cfc3} body:not(.in-call) main>header,body .product-topbar{height:82px;min-height:82px;display:flex;align-items:center;padding:0 36px!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative!important;top:auto!important} .welcome-company,.product-company{font:600 15px/1.5 Manrope,system-ui;color:#39343b;letter-spacing:-.2px} .welcome-date,.product-date{font:400 13px/1.5 system-ui;color:#6e6871;border-left:1px solid #d5cfc6;padding-left:23px;margin-left:0;gap:9px} .product-date{margin-left:23px} body .welcome-initials{background:#ded4c8;color:#735942;font-size:12px;flex-basis:33px;height:33px} body :is(#files,#outputs,#settings,#roles){padding-top:12px!important} body :is(#files,#outputs,#settings)>h1{font:650 36px/1.2 Manrope,system-ui!important;letter-spacing:-1.2px!important;color:var(--product-ink);margin:0 0 12px} body :is(#files,#outputs,#settings)>.eyebrow{display:none} body :is(#files,#outputs,#settings)>.intro{font-size:15px;line-height:1.65;color:var(--product-copy);margin:0 0 28px} body :is(h1,h2,h3,strong,b){text-shadow:none} body :is(.hint,.fine,.muted){color:var(--product-copy);font-size:13px;line-height:1.65} body :is(input,select,textarea){font-family:inherit;font-size:15px;min-height:44px;border-radius:11px;color:var(--product-ink)} body :is(input,textarea)::placeholder{color:#77717a;opacity:1} body :is(input,select,textarea):focus-visible{outline:3px solid #b8a7ca!important;outline-offset:3px;border-color:#877096!important} body :is(button,a,summary):focus-visible{outline:3px solid #b8a7ca;outline-offset:4px} body .uv-cta:before{display:none} body .uv-cta,body .primary,body #save-notes{border-radius:11px!important;box-shadow:0 3px 8px #50351c12!important} body .uv-cta:hover{transform:translateY(-1px);box-shadow:0 5px 12px #50351c18} /* The expressive moment stays in the office photograph. */ body.home-welcome main>header{background:transparent!important} body.home-welcome #home{padding-top:12px!important} body.home-welcome .office-hero.welcome-hero{height:460px;min-height:0;padding:42px;border-radius:24px;border:1px solid #e4d4c3;box-shadow:var(--product-shadow)} body.home-welcome .welcome-hero h1{font-size:clamp(46px,4vw,66px)!important;font-weight:650;letter-spacing:-2.7px;line-height:1.05} body.home-welcome .welcome-subtitle{font-size:18px;color:#66584c;max-width:345px;line-height:1.6} body.home-welcome .welcome-eyebrow{font-size:10px;letter-spacing:1.4px;color:#8b5f3e} body.home-welcome .welcome-scene-label{font-size:12px;background:#faf4e9e8;color:#6c5948;border-radius:11px;box-shadow:none;backdrop-filter:none} body.home-welcome .welcome-shortcuts{gap:16px;margin:20px 0 36px} body.home-welcome .welcome-shortcut{min-height:190px;padding:22px!important;border-radius:18px!important;background:#f4eee5!important;border-color:#dcd1c4;color:#5c4735} body.home-welcome .welcome-shortcut.blue{background:#e7edef!important;border-color:#ccd9dd;color:#354f59} body.home-welcome .welcome-shortcut.purple{background:#494151!important;border-color:#51495a;color:#fff9f2} body.home-welcome .welcome-shortcut:before{opacity:.3} body.home-welcome .shortcut-art{animation:none!important;transform:scale(.65) rotate(-4deg);height:55px;top:12px} body.home-welcome .shortcut-copy{margin-top:48px;gap:6px;padding-right:12px} body.home-welcome .shortcut-copy strong{font-size:20px;line-height:1.3;letter-spacing:-.45px} body.home-welcome .shortcut-description{font-size:14px;font-weight:400!important;line-height:1.5;opacity:1} body.home-welcome .shortcut-kicker{font-size:10px;letter-spacing:1.2px;opacity:.8} body.home-welcome .shortcut-arrow{width:27px;height:27px;opacity:.7} body.home-welcome .welcome-saved{padding:25px;border-radius:20px;background:var(--product-surface);border-color:var(--product-line);box-shadow:var(--product-shadow)} body.home-welcome :is(.welcome-saved-heading h2,#home .office-section h2){font-size:27px;letter-spacing:-.7px;font-weight:650} body.home-welcome .welcome-section-subtitle{color:var(--product-copy);font-size:14px} body.home-welcome .welcome-work-row{background:#efede8;border:1px solid transparent;border-radius:12px} body.home-welcome .welcome-work-row strong{font-size:14px;color:#39323b} body.home-welcome .welcome-work-type,body.home-welcome .welcome-work-row time{color:var(--product-copy);font-size:12px} /* Files are records, not oversized postcards. */ body #files .upload-zone{min-height:124px;background:#eff3f5!important;border:1px dashed #a8bbc6;border-radius:17px;padding:24px 170px 24px 88px;box-shadow:none} body #files .upload-zone>span{width:42px;height:48px;left:24px;top:37px;border-radius:10px;font-size:24px;box-shadow:none} body #files .upload-zone>b{font-size:18px;color:#3b5969} body #files .upload-zone>small{font-size:13px;color:#637987} body #files .upload-zone:after{font-size:13px;padding:12px 16px;background:#587b91;color:#fff;border-radius:10px;box-shadow:none} body .library-tools{gap:12px;margin:20px 0 17px} body .library-count{font-size:12px;color:#6f6971} body .uv-search .library-search{height:47px;background:#faf9f6!important;border:1px solid #d6d3d9!important;border-radius:11px!important;box-shadow:none;font-size:14px!important} body .library-format{height:47px;border-radius:11px!important;background:#faf9f6!important;border-color:#d6d3d9!important;font-size:14px!important} body #files .section-head h2{font-size:23px;font-weight:650} body #output-list{display:flex!important;flex-direction:column;gap:0;border:1px solid var(--product-line);border-radius:18px;overflow:hidden;background:var(--product-surface)} body #input-list{gap:9px} body .file-row,body #output-list .file-row,body #output-list .file-row:nth-child(n){display:flex!important;flex-wrap:nowrap;align-items:center;min-height:88px;padding:17px 20px;border:1px solid #dfdcd6!important;border-radius:14px;background:var(--product-surface)!important;box-shadow:none;gap:15px} body #output-list .file-row,body #output-list .file-row:nth-child(n){border:0!important;border-bottom:1px solid #e5e1da!important;border-radius:0;min-height:92px} body #output-list .file-row:last-child{border-bottom:0!important} body .file-row .file-type{width:43px;flex-basis:43px;min-height:48px;border-radius:9px;font-size:10px} body .file-row b{font-size:15px;font-weight:600;color:#39343b;line-height:1.5} body .file-row small{font-size:12px;color:#716b74} body #output-list .file-row>div{flex:1;width:auto;min-width:0} body .file-row a,body #output-list .file-row a{font-size:13px;color:#8c4d2d;margin:0;padding:10px 4px;min-height:40px} body #output-list .file-row .output-preview{margin-left:5px;color:#6a537e} /* Balanced preference editor. */ body .preferences-grid{gap:20px} body .preference-editor,body .preference-guide{border:1px solid var(--product-line);border-radius:20px;padding:28px;background:var(--product-surface);box-shadow:var(--product-shadow)} body .preference-guide{background:#e9e3ec;border-color:#d8cedd} body .preference-guide-icon{width:35px;height:35px;font-size:22px;background:#f6f2f7;color:#8e7698} body .preference-guide h2{font-size:25px;line-height:1.3;color:#403747;font-weight:600;letter-spacing:-.7px} body .preference-guide>p,body .preference-tip p{font-size:14px;color:#6c6074;line-height:1.65} body .preference-tip strong{font-size:14px;color:#51425a} body .preference-tip{border-color:#d3c7d8;padding-top:14px;margin-top:16px} body .preference-editor .field-label{font-size:20px;font-weight:600;color:#3b343a} body .preference-helper{font-size:14px;color:#6e6871} body .preference-editor textarea{font-size:15px;background:#f3f1ec;border:1px solid #dcd7ce;border-radius:12px;line-height:1.8} /* Workbench: a shared workspace header and compact real artifacts. */ body:has(.office-workbench-sidebar) main{padding:0 36px 44px} body:has(.office-workbench-sidebar) .product-topbar{padding:0!important;height:82px} body:has(.office-workbench-sidebar) main>header.product-page-heading{background:transparent!important;border:0!important;border-radius:0;padding:10px 0 25px!important;min-height:132px;height:auto;box-shadow:none!important;overflow:visible;gap:25px;margin:0 0 23px;border-bottom:1px solid #d6d0c8!important} body:has(.office-workbench-sidebar) main>header h2{font-size:36px;font-weight:650;letter-spacing:-1.1px;line-height:1.2;color:var(--product-ink);margin:0} body .studio-subtitle{font-size:15px;line-height:1.65;color:var(--product-copy);max-width:520px;margin-top:11px} body .studio-workspace{margin:-20px 0 26px;padding:12px 0;color:#665e54;border-color:#cec4b6;font-size:13px} body .workbench-library-link{background:#a6532e!important;color:#fff!important;border-color:#a6532e!important;border-radius:11px!important;box-shadow:0 3px 9px #6a361a12!important;font-weight:600} body .work-library>.eyebrow{display:none} body .work-library>h3{font-size:24px;font-weight:650;letter-spacing:-.6px;margin:0 0 9px;color:#39323d} body .work-library>.hint{font-size:14px;color:#6c6570;margin:0 0 24px} body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start} body .work-library .saved-work-card,body .work-library .saved-work-card:nth-child(n){background:var(--product-surface)!important;border:1px solid #d9d4cd!important;border-radius:17px!important;padding:20px!important;gap:13px;box-shadow:var(--product-shadow);min-height:0} .work-card-top{display:flex;align-items:center;gap:17px;min-height:110px} .work-card-info{flex:1;min-width:0} body .work-library .saved-chart-preview{width:120px;height:105px!important;min-height:105px;flex:0 0 120px!important;background:#eeedf1!important;border:1px solid #e1dce6;border-radius:11px;margin:0} body .work-library .saved-dashboard-title{font:600 18px/1.4 Manrope;letter-spacing:-.35px;min-height:0;color:#3c3441;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} body .work-library :is(.saved-dashboard-description,.saved-dashboard-date){font-size:12px!important;line-height:1.65;color:#706977;margin:6px 0 0;min-height:0} body .saved-work-details{margin:0;border-color:#e1dcd5} body .saved-work-details summary{padding:11px 0;font-size:13px;min-height:43px;color:#786181} body .saved-dashboard-open{padding:5px 0!important;min-height:33px;color:#8b4b2b!important;font-size:13px!important;font-weight:600;line-height:1.6} body .dashboard-delete{right:12px;top:12px;min-width:30px;min-height:30px!important;background:#f7f4ef!important;border:1px solid #e3dbd0!important;color:#8a7661!important;padding:6px;opacity:.6} body .saved-work-card:hover .dashboard-delete,body .dashboard-delete:focus-visible{opacity:1} body .discussion-label{font-size:10px;color:#78667f;letter-spacing:1px} body .discussion-question{font-size:14px;color:#514258} body .discussion-reply{font-size:13px;line-height:1.7;color:#706377} body .discussion-roles{font-size:12px;color:#836448} body .useful-view,body .useful-view:nth-child(n){border-radius:15px!important;background:#f6f4ef!important;border-color:#dcd7ce!important;padding:19px} body .useful-view strong{font-size:16px;color:#423747} body .useful-view span{font-size:14px!important;color:#706772} body .workbench-editor-tile,body .workbench-editor-tile:nth-child(n){background:#efedf2!important;border-color:#d8d0dd!important;border-radius:14px;padding:20px} body .workbench-editor-tile strong{font:600 18px/1.3 Manrope;color:#4e3f58} body .workbench-editor-tile span{font-size:14px;color:#76677c} body .surface{border-radius:18px;background:#faf9f6!important;border-color:#ddd6cc;box-shadow:var(--product-shadow)} body .workbench-editor.view-settings .controls :is(input,select){font-size:15px;min-height:44px;padding:11px} body .workbench-editor.view-settings legend{font-size:16px;color:#493c50} body .editor-heading{background:#eeebe5;border-color:#d6cfc3} /* Readable chats and consistent response surfaces. */ body :is(.answer-action,.visual-card,.comparison-choice,.team-action),body :is(.answer-action,.visual-card,.comparison-choice,.team-action):nth-child(n){background:#f7f5f0;border-color:#ded8ce;border-radius:15px;box-shadow:none} body :is(.action-words h3,.team-action strong,.comparison-choice strong){font-size:17px;font-weight:600;color:#413644} body :is(.action-words p,.team-action span,.comparison-inline-detail){font-size:14px;line-height:1.7;color:#6d6470} body :is(.canvas-turn-content,.team-entry){font-size:15px;line-height:1.8;color:#49424a} body .canvas-heading{background:#f1ece4!important;border-bottom:1px solid #ddd4c7;box-shadow:none!important} body .team-chat-launcher{box-shadow:0 5px 14px #51341d1c} body .workbench-chat{background:#f7f4ef;border-radius:20px} body .workbench-chat-header{background:#eee8df;border-color:#d6cfc2} body .team-history{background:#f8f6f1} body .team-form{background:#efebe3} body .motion-surface.motion-active{box-shadow:0 9px 20px #44334d0f} /* Keep the original avatars and role-specific backgrounds; only improve reading. */ body .role-card-examples li,body #home .home-specialist-card .role-card-examples li{font-size:13px;line-height:1.7} body .member-presence{font-size:10px!important} body #home .home-role-topic{font-size:12px!important;color:#766755} body .home-continue{font-size:12px!important} @media(min-width:1600px){body:has(.office-workbench-sidebar) main{padding-inline:48px}body:not(.in-call) main>header{padding-inline:48px!important}body:has(.office-workbench-sidebar) .product-topbar{padding-inline:0!important}body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1100px) and (min-width:761px){body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:1fr}body.home-welcome .welcome-hero h1{font-size:47px!important}.work-card-top{min-height:100px}} @media(max-width:760px){ body .sidebar{padding:18px!important;border-radius:18px!important}body .sidebar nav button{padding:11px!important}body .sidebar nav button span{font-size:12px!important} body:not(.in-call) main>header,body .product-topbar{padding:0 20px!important;height:auto;min-height:68px;gap:12px} body.home-welcome .office-hero.welcome-hero{height:550px;padding:30px 24px;align-items:flex-start}body.home-welcome .welcome-hero-copy{width:100%}body.home-welcome .welcome-hero h1{font-size:43px!important;letter-spacing:-2px}body.home-welcome .welcome-subtitle{font-size:16px} body.home-welcome .welcome-shortcut{min-height:156px;padding:22px!important}.shortcut-art{animation:none!important}body.home-welcome .shortcut-copy{margin:0;max-width:72%}body.home-welcome .shortcut-description{font-size:13px} body #files .upload-zone{padding:23px 20px 78px;min-height:165px}body #files .upload-zone>span{display:none} body :is(#files,#outputs,#settings)>h1{font-size:30px!important}body :is(#files,#outputs,#settings)>.intro{font-size:15px} body .file-row,body #output-list .file-row,body #output-list .file-row:nth-child(n){flex-wrap:wrap;gap:12px;padding:17px;min-height:0}body .file-row>div{flex:1;min-width:0}body .file-row .file-type{flex-basis:38px;min-height:43px}body #output-list .file-row>div{flex-basis:calc(100% - 62px)}body .file-row a{margin-left:0;min-height:44px} body .preference-editor,body .preference-guide{padding:22px}.preferences-grid{grid-template-columns:1fr!important} body:has(.office-workbench-sidebar) main{padding:0 20px 30px}body:has(.office-workbench-sidebar) .product-topbar{padding:0!important;min-height:70px}body:has(.office-workbench-sidebar) main>header.product-page-heading{padding:10px 0 25px!important;min-height:160px}body:has(.office-workbench-sidebar) main>header h2{font-size:30px} body .work-library .work-library-list,body .work-library.library-expanded .work-library-list{grid-template-columns:1fr}.work-card-top{gap:14px}body .work-library .saved-chart-preview{width:100px;flex-basis:100px!important;height:95px!important;min-height:95px}body .work-library .saved-dashboard-title{font-size:17px!important}body .work-library .saved-work-card{padding:18px!important} } @media(prefers-reduced-motion:reduce){body main:before,body .shortcut-art{animation:none!important}body .motion-surface{transform:none!important}body .welcome-media img,body .welcome-hero-copy{animation:none!important}} @media(prefers-reduced-transparency:reduce){body .sidebar,body .office-workbench-sidebar{backdrop-filter:none;background:#e6e0d7!important}body .welcome-scene-label{background:#faf4e9}} @media(prefers-contrast:more){:root{--product-copy:#403b43;--product-line:#938b80}body .file-row small,body .hint,body .fine{color:#403b43}body :is(input,select,textarea){border-color:#807486!important}} body :is(h1,h2,h3),body .work-library .saved-dashboard-title{font-family:Manrope,BanRayBody,system-ui,sans-serif!important} body .work-library .saved-dashboard-title{font-size:18px!important;font-weight:600!important} body .surface.work-library{background:transparent!important;border:0!important;box-shadow:none!important} body.workbench-home #status,body.workbench-home .toolbar{display:none!important} body .product-workspace-picker{display:flex;flex-direction:column;gap:8px;margin:-10px 0 28px;font-size:10px;font-weight:600;letter-spacing:.7px;color:#71675c} body .product-workspace-picker select{font-size:13px;letter-spacing:0;height:45px;min-height:45px;border-radius:11px;border-color:#cfc5b6;background:#f8f5ef;padding:10px} body #output-list .file-row[hidden],body .file-row[hidden]{display:none!important} @media(max-width:760px){body .product-workspace-picker{margin:12px 0 18px}} body .uv-cta .uv-cta-label{width:auto!important;height:auto!important;min-width:0;background:transparent!important;border-radius:0!important;display:inline-flex!important;font-family:inherit;line-height:1.5;font-size:inherit} body.home-welcome .welcome-hero .welcome-enter{min-width:155px;width:auto;white-space:nowrap;font-size:15px;padding:15px 20px!important} body .preference-editor .field-label{font-family:Manrope,BanRayBody,system-ui,sans-serif!important} body #roles>h1{font:650 36px/1.2 Manrope,BanRayBody,system-ui,sans-serif!important;letter-spacing:-1.2px;margin:0 0 12px;color:var(--product-ink)} body #roles>.intro{font-size:15px;line-height:1.65;margin:0 0 26px;color:var(--product-copy)} body #roles .filters{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:20px 0 22px;gap:12px} body #roles .filters input,body #roles .filters select{background:#faf9f6!important;font-size:14px;height:47px;border-color:#d6d3d9;border-radius:11px} body .team-mode{margin:23px 0 17px;gap:6px} body .team-mode button{font-size:13px;min-height:40px;border-radius:10px;border:1px solid #d1c7bb;padding:10px 16px;color:#6b6155;background:#f4f0e9} body .team-mode button[aria-pressed=true]{background:#d6c7b6;color:#544231;border-color:#c6b29b;box-shadow:none} body #team-total{font-size:12px;color:#766d63} body #files .upload-zone:after{display:none} body #files .upload-zone .upload-choose{position:absolute;inset:auto 24px auto auto;top:50%;transform:translateY(-50%);width:auto;height:auto;display:block;min-height:44px;padding:12px 16px;background:#587b91;border:1px solid #4e7186;border-radius:10px;color:#fff;font-size:13px;font-weight:600;line-height:1.5;box-shadow:none} @media(max-width:760px){body #files .upload-zone .upload-choose{inset:auto auto 20px 20px;transform:none}body #roles>h1{font-size:30px!important}.team-mode>span{width:100%;margin-left:0!important}} /* Quiet native scrolling: styled rails, no added progress widgets or scroll interception. */ html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b77b50 transparent} body *,body{scrollbar-width:thin;scrollbar-color:#bd8d67 transparent} ::-webkit-scrollbar{width:7px;height:7px;background:transparent} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:#bd8d6799;border:2px solid transparent;background-clip:padding-box;border-radius:20px;min-height:28px} ::-webkit-scrollbar-thumb:hover{background:#a96b3f;background-clip:padding-box} ::-webkit-scrollbar-corner{background:transparent} body .member-presence{color:#75624f!important} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} @media(forced-colors:active){html,body *{scrollbar-color:auto}} body .saved-work-card:focus-within{outline:2px solid #b8a7ca;outline-offset:3px} /* Your Business: one recognisable company home with task-focused sections. */ body[data-section=your-business] main:before{background:radial-gradient(ellipse at 92% 12%,#d4c7dd80,transparent 48%),radial-gradient(ellipse at 3% 75%,#e5d1b980,transparent 55%),#ece9e3!important} body #your-business{padding:12px 36px 45px;max-width:none} .business-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px 34px;margin:0 0 23px;border:1px solid #e8dfd2;border-radius:22px;background:linear-gradient(115deg,#f6f0e7,#eee8f0);overflow:hidden;isolation:isolate} .business-intro:after{content:'';position:absolute;width:280px;height:280px;right:-50px;top:-160px;border:1px solid #d7c8d947;box-shadow:0 0 0 28px #dbcedb18,0 0 0 58px #dbcedb12;border-radius:50%;z-index:-1;pointer-events:none} .business-kicker{display:block;font:600 12px/1.5 Manrope,system-ui;color:#977455;letter-spacing:.3px;margin-bottom:12px} body .business-intro h1{font:650 37px/1.2 Manrope,BanRayBody,system-ui;letter-spacing:-1.2px;margin:0 0 12px;color:#302a32} .business-intro-copy>p{font-size:15px;line-height:1.7;color:#706570;margin:0;max-width:520px} .business-identity{position:relative;display:grid;place-items:center;flex:0 0 105px;height:105px;margin-right:15px} .business-identity-ring{position:absolute;inset:0;border-radius:28px;background:linear-gradient(140deg,#e1d0b8,#c8b9d1);transform:rotate(-10deg);box-shadow:0 9px 23px #816a4b10;border:1px solid #f4e7d8} .business-monogram{position:relative;display:grid;place-items:center;width:76px;height:76px;background:#fbf7eeeb;border:1px solid #fffaf3;border-radius:20px;font:600 25px/1 Manrope,system-ui;color:#8d684c;box-shadow:0 5px 15px #654c3310} .business-tabs{display:flex;align-items:center;gap:7px;border-bottom:1px solid #d4ccc2;padding:0 0 15px;margin-bottom:25px} .business-tab{display:inline-flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#746873;padding:11px 17px;border-radius:11px;font-size:14px;min-height:44px;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s} .business-tab svg{width:18px;height:18px;stroke-width:1.7} .business-tab[aria-selected=true]{background:#faf7f1;border-color:#d9cdbd;color:#8b4e2b;box-shadow:0 3px 7px #60432c07} .business-tab:not([aria-selected=true]):hover{background:#e3dcd4} .business-file-count{margin-left:auto;font-size:12px;color:#796c73;background:#e0d7e2;padding:7px 11px;border-radius:20px} body #your-business .business-panel{padding:0!important;max-width:none;margin:0} body #your-business .business-panel>h1,body #your-business .business-panel>.intro{display:none!important} body #your-business #files .section-head{margin-top:25px} body #your-business #settings>.fine{display:none} .preference-save-status{font-size:12px;line-height:1.6;color:#7b6e77;margin:14px 0 0} .preference-save-status[data-state=saved]{color:#5d7568}.preference-save-status[data-state=error]{color:#a34735} body #your-business .preference-editor #save-notes{margin-top:20px} body #your-business .preferences-grid{align-items:stretch} @media(min-width:1600px){body #your-business{padding-inline:48px}} @media(max-width:760px){body #your-business{padding:12px 20px 30px}.business-intro{padding:25px;gap:15px}.business-identity{display:none}body .business-intro h1{font-size:31px}.business-intro-copy>p{font-size:14px}.business-tabs{gap:3px}.business-tab{padding:10px 12px;font-size:13px}.business-file-count{font-size:10px;padding:6px 8px}} @media(prefers-reduced-motion:reduce){.business-tab{transition:none}} /* Content headers must size to their content, independently of the application bar. */ body #your-business > header.business-intro{height:auto!important;min-height:210px!important;padding:32px 36px!important;flex-wrap:nowrap;box-sizing:border-box;margin:8px 0 26px!important} body .business-intro-copy{min-width:0;max-width:620px} body .business-intro h1{font-size:40px;line-height:1.15;letter-spacing:-1.5px} body .business-intro-copy>p{font-size:16px;line-height:1.65;max-width:480px} body .business-kicker{font-size:13px;margin-bottom:15px} body .business-tabs{width:fit-content;max-width:100%;padding:5px;margin-bottom:28px;gap:4px;background:#dfd9d180;border:1px solid #d7d0c7;border-radius:15px;box-shadow:inset 0 1px 2px #57433305} body .business-tab{min-height:46px;padding:11px 20px;border-radius:11px;font-weight:550;font-size:15px} body .business-tab[aria-selected=true]{background:#fffdf8;border-color:#eee6db;color:#9c4e28;box-shadow:0 2px 5px #4633230b} body .business-file-count{background:transparent;margin-left:10px;padding-right:16px;font-size:13px} body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:inherit;font-size:15px;line-height:1.5;border-radius:12px;transition:border-color .18s,box-shadow .18s,background .18s} body :is(input,select,textarea):focus-visible{outline:2px solid #a884bc;outline-offset:3px;box-shadow:0 0 0 4px #ab8ab515} body select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23746a61' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:37px!important;min-height:46px} body .role-example-mark{border:0!important;box-shadow:none!important;background:transparent!important;color:#b5744d!important;border-radius:0!important} body :is(.answer-action,.visual-card,.team-action,.comparison-choice){border-radius:17px;border-color:#ded7ce;box-shadow:0 2px 4px #3d2e2003} body :is(.answer-action,.team-action):hover{border-color:#ba9476;background:#fffaf3;box-shadow:0 5px 15px #7251320a} body :is(.preference-editor,.preference-guide){border-radius:20px!important;background:#fbf9f5!important;border:1px solid #ded6cc!important;box-shadow:0 4px 12px #47332504!important;padding:28px!important} body .preference-guide li{padding:16px 0;border-bottom:1px solid #e6e0d8;line-height:1.7} body .preference-guide li:last-child{border-bottom:0} body .preference-editor textarea{background:#fffdf9!important;border-color:#ddd4c9!important;font-size:15px!important;line-height:1.8!important} @media(prefers-reduced-motion:reduce){body :is(input,select,textarea){transition:none}} /* Recent conversations retain their familiar avatar, with the actual topic in focus. */ body #home #featured{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px} body #home #featured .has-conversation{min-height:235px!important;padding:24px!important} body #home #featured .has-conversation .home-role-topic{font-size:15px!important;line-height:1.65;color:#66584d;margin:15px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} body #home #featured .has-conversation .card-foot{margin-top:auto} body .saved-chart-preview{overflow:hidden} /* My office: arrival and ongoing work are separate, navigable screens. */ body .office-page-tabs{display:flex;gap:5px;width:fit-content;padding:5px;background:#e4ddd480;border:1px solid #dbd2c8;border-radius:15px;margin:6px 0 23px} body .office-page-tabs button{padding:11px 19px;min-height:44px;border:1px solid transparent;border-radius:11px;background:transparent;color:#776b62;font:550 14px/1.5 Manrope,system-ui;cursor:pointer} body .office-page-tabs button[aria-selected=true]{background:#fffaf4;border-color:#eee4d7;color:#9c4e28;box-shadow:0 2px 6px #51392709} body .office-welcome-panel[hidden],body .office-resume-panel[hidden]{display:none!important} body .office-resume-heading{padding:34px 36px;margin-bottom:32px;border:1px solid #e0d6cc;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#ded1e3a0,transparent 62%),linear-gradient(120deg,#faf3e9,#f0eae5)} body .office-resume-heading h1{font:650 42px/1.2 Manrope,system-ui!important;letter-spacing:-1.5px;margin:15px 0;color:#302932} body .office-resume-heading p{font-size:16px;color:#73656c;line-height:1.7;margin:0} body #home.office-working .office-section{margin-top:0;padding-top:0;border-top:0} body #home.office-working .welcome-saved{margin-top:35px;padding:27px;border:1px solid #dcd3c8;border-radius:22px;background:#fbf8f3b8} body #home.office-working .welcome-saved h2{font-size:24px} /* WAIVE identity and a quiet, dimensional glass rail. */ body :is(.sidebar,.office-workbench-sidebar){isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#f7f2e9cf,#ebe2d7c9 65%,#e5dce9cf)!important;backdrop-filter:blur(24px) saturate(115%);border:1px solid #fff9!important} body .waive-brand{display:flex!important;align-items:center;gap:9px;padding:6px 0 30px!important;text-decoration:none;position:relative;z-index:1} .waive-symbol{width:42px;height:43px;display:block;flex:0 0 42px;color:#b65324} .waive-symbol svg{width:100%;height:100%;stroke:currentColor;stroke-width:4;stroke-linecap:round} .waive-symbol svg path+path{opacity:.4;stroke-width:2.5} body .waive-wordmark{font:750 49px/1 Manrope,BanRayBody,system-ui!important;letter-spacing:-3.7px;color:#372b29;display:block;transform:skew(-6deg);padding-right:8px} .rail-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 0 95%,#dca27a66,transparent 48%),radial-gradient(ellipse at 100% 58%,#bfb0d14a,transparent 50%)} .rail-ribbon{position:absolute;width:230px;height:460px;bottom:-140px;left:-75px;border:1px solid #c67b4c3d;border-radius:48%;transform:rotate(-32deg);background:linear-gradient(100deg,transparent,#e8b68a24,transparent);box-shadow:inset 12px 0 35px #dba77e13;animation:rail-drift 18s ease-in-out infinite alternate} .rail-ribbon.ribbon-two{width:300px;left:80px;bottom:-240px;border-color:#9a80b02d;transform:rotate(28deg);animation-delay:-8s;background:linear-gradient(100deg,transparent,#b09bc624,transparent)} .rail-orbit{position:absolute;left:40px;bottom:150px;width:260px;height:260px;border:1px solid #d49b7133;border-radius:50%;box-shadow:0 0 0 24px #dcb08609,0 0 0 49px #c4acd008} body .waive-endorsement{position:absolute;left:25px;right:25px;bottom:28px;display:flex;flex-direction:column;gap:11px;padding-top:20px;border-top:1px solid #ad897d33;z-index:1} .waive-endorsement>span{font:600 9px/1.5 Manrope,system-ui;letter-spacing:1.8px;color:#8c7568} body .waive-endorsement img{width:112px!important;height:auto!important;max-height:36px;object-fit:contain;object-position:left;opacity:.85} @keyframes rail-drift{to{translate:15px -25px;rotate:7deg}} @media(prefers-reduced-motion:reduce){.rail-ribbon{animation:none}} @font-face{font-family:WaiveGrotesk;src:url('fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap} body .waive-wordmark{font-family:WaiveGrotesk,Manrope,system-ui!important;font-weight:700!important;font-size:43px!important;letter-spacing:-2.9px!important;line-height:1.1!important;transform:none;padding-right:5px;background:linear-gradient(125deg,#54301f 5%,#b54d20 45%,#d39152 70%,#863d25 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important} body .waive-brand{gap:7px} body .waive-symbol{width:35px;flex-basis:35px;height:39px} /* Expressive display lettering and a bespoke, softly breathing folded-wave mark. */ @font-face{font-family:WaiveDisplay;src:url('fonts/syne.ttf') format('truetype');font-weight:400 800;font-display:swap} body .waive-wordmark{font-family:WaiveDisplay,Manrope,system-ui!important;font-weight:800!important;font-size:43px!important;letter-spacing:-2.1px!important;line-height:1.15!important;transform:scaleY(1.06);transform-origin:left center;background:linear-gradient(115deg,#62372b,#b55732 52%,#c98b59 83%,#765869);background-clip:text;-webkit-background-clip:text} body .waive-brand{gap:9px;padding-top:9px!important;padding-bottom:31px!important} body .waive-symbol{width:43px;flex-basis:43px;height:49px;overflow:visible;filter:drop-shadow(0 4px 7px #a8633020);animation:waive-breathe 5.5s ease-in-out infinite} body .waive-symbol svg{overflow:visible;stroke:none;stroke-width:0} body .waive-symbol svg .waive-petal{fill:url(#waive-copper);stroke:#e1b494;stroke-width:.6;transform-origin:28px 28px} body .waive-symbol svg .petal-back{opacity:.32;animation:waive-unfold 5.5s ease-in-out infinite} body .waive-symbol svg .petal-front{opacity:.83;stroke-width:.6} body .waive-symbol svg .waive-flow{fill:none;stroke:#fff6e6;stroke-width:2;stroke-linecap:round;opacity:.95} @keyframes waive-breathe{0%,100%{transform:scale(.94);filter:drop-shadow(0 3px 5px #a8633020)}50%{transform:scale(1.045);filter:drop-shadow(0 4px 9px #b16d3b38)}} @keyframes waive-unfold{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(8deg)}} @media(prefers-reduced-motion:reduce){body .waive-symbol,body .waive-symbol svg .petal-back{animation:none;transform:none}} body .waive-wordmark{font-size:31px!important;letter-spacing:-1.5px!important;flex:0 0 auto} body .waive-brand{gap:7px} /* Rounded, sculpted display letters; reserve explicit room for the full name. */ @font-face{font-family:WaiveSculpt;src:url('fonts/righteous.ttf') format('truetype');font-weight:400;font-display:swap} body .waive-brand{display:flex!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box;overflow:visible!important} body .waive-wordmark{font-family:WaiveSculpt,system-ui!important;font-weight:400!important;font-size:35px!important;letter-spacing:.2px!important;line-height:1.2!important;transform:none!important;flex:0 1 auto!important;min-width:0!important;white-space:nowrap;padding-right:0!important;background:linear-gradient(120deg,#63352c 0%,#aa512e 53%,#ce9060 80%,#94604c 100%);background-clip:text;-webkit-background-clip:text} body .waive-symbol{flex:0 0 35px!important;width:35px!important;height:43px!important} /* Local appearance controls and a shared, softly coloured canvas. */ body main:before{background:radial-gradient(ellipse at 95% 10%,#cfc1df99,transparent 55%),radial-gradient(ellipse at 5% 72%,#edbe9680,transparent 55%),radial-gradient(ellipse at 74% 100%,#bcd6d04d,transparent 50%),#eeeae5!important} html[data-wallpaper=off] body main:before{background:var(--product-canvas)!important}html[data-wallpaper=off] .rail-atmosphere{display:none} .appearance-page{padding:20px 36px 55px;max-width:1100px}.appearance-heading{padding:25px 0 30px}.appearance-heading h1{font:650 40px/1.2 Manrope,system-ui;letter-spacing:-1.5px;margin:13px 0}.appearance-heading p,.appearance-surface>p{color:var(--product-copy);font-size:15px;line-height:1.7} .appearance-surface{padding:30px;border:1px solid var(--product-line);background:#faf8f3d9;border-radius:23px}.appearance-surface h2{font-size:23px;margin:0 0 10px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 30px}.theme-options button{padding:15px;text-align:left;border:2px solid transparent;border-radius:17px;background:#e9e3dc;color:var(--product-ink);cursor:pointer}.theme-options button[aria-pressed=true]{border-color:#b5734d;box-shadow:0 0 0 3px #ba784717}.theme-options strong,.theme-options small{display:block;margin-top:12px}.theme-options strong{font-size:17px}.theme-options small{font-size:13px;color:var(--product-copy);line-height:1.5;margin-top:5px}.theme-preview{height:115px;display:block;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(120deg,#f4e5d2,#e3dbe7)}.theme-preview i{position:absolute;inset:10px auto 10px 10px;width:25%;border-radius:6px;background:#fff8}.theme-preview b{position:absolute;inset:20px 15px 35px 34%;border-radius:7px;background:#fff8}.theme-preview.theme-dusk{background:linear-gradient(120deg,#49434c,#625962)}.theme-dusk i,.theme-dusk b{background:#ffffff18}.wallpaper-setting{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-top:1px solid var(--product-line)}.wallpaper-setting small{display:block;margin-top:7px;font-size:13px;color:var(--product-copy)}body .wallpaper-setting input{appearance:none;width:46px;min-width:46px;height:26px;min-height:26px;padding:3px;border:0;border-radius:20px;background:#b6afa9;cursor:pointer}.wallpaper-setting input:before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:translate .2s}.wallpaper-setting input:checked{background:#aa603b}.wallpaper-setting input:checked:before{translate:20px}.appearance-status{font-size:12px!important;margin-bottom:0} html[data-theme=dusk]{--product-canvas:#39363f;--product-surface:#49444d;--product-rail:#444047;--product-ink:#f2eae1;--product-copy:#d1c4c1;--product-line:#6b6069;--product-accent:#e9a47e;color-scheme:dark} html[data-theme=dusk] body main:before{background:radial-gradient(ellipse at 95% 8%,#76658255,transparent 55%),radial-gradient(ellipse at 5% 80%,#a16f4b30,transparent 55%),#39363f!important} html[data-theme=dusk] body :is(.sidebar,.office-workbench-sidebar){background:linear-gradient(150deg,#51494de8,#403c47ed)!important;border-color:#bca49655!important;box-shadow:0 8px 25px #17131a22,inset 0 1px #ffffff15!important} html[data-theme=dusk] body :is(.sidebar nav button,.office-workbench-sidebar nav a,.business-label,.product-workspace-picker){color:#e4d8ce!important}html[data-theme=dusk] body .sidebar nav button.active{color:white!important} html[data-theme=dusk] body :is(.welcome-company,.product-company,.welcome-date,.product-date){color:#e4d8d5!important} html[data-theme=dusk] body :is(.file-row,.saved-work-card,.appearance-surface,.preference-editor,.preference-guide,.business-intro,.office-resume-heading,.welcome-saved,.visual-card,.answer-action,.team-action,.comparison-choice,.surface,.workbench-chat,.team-history,.team-form,.team-chat-launcher){background:#49444de8!important;border-color:#70636b!important;color:#f0e7de!important} html[data-theme=dusk] body :is(.file-row,.saved-work-card,.appearance-surface,.preference-editor,.preference-guide,.business-intro,.office-resume-heading,.welcome-saved,.visual-card,.surface,.workbench-chat) :is(h1,h2,h3,p,strong,b,label,summary,small,.hint,.fine){color:inherit!important} html[data-theme=dusk] body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background-color:#403b44!important;color:#f0e7de!important;border-color:#82717a!important}html[data-theme=dusk] body :is(input,textarea)::placeholder{color:#c9bdbf!important} html[data-theme=dusk] body :is(.business-tabs,.office-page-tabs,.theme-options button){background:#504851!important;border-color:#756671!important;color:#e1d4cd!important} html[data-theme=dusk] body :is(.business-tab,.office-page-tabs button){color:#d7c8c9!important}html[data-theme=dusk] body :is(.business-tab[aria-selected=true],.office-page-tabs button[aria-selected=true]){background:#74616a!important;border-color:#947d81!important;color:#fff1e4!important} html[data-theme=dusk] body :is(.theme-options small,.wallpaper-setting small,.appearance-heading p,.appearance-surface>p){color:#d1c4c1!important} html[data-theme=dusk] body .waive-wordmark{background:linear-gradient(120deg,#f0c6a7,#dc996f 60%,#e9c1b6);background-clip:text;-webkit-background-clip:text}html[data-theme=dusk] .waive-endorsement{background:#f5eadebd;padding:13px!important;border-radius:13px}html[data-theme=dusk] body .waive-endorsement>span{color:#6c5142} html[data-theme=dusk] body :is(#roles>h1,#outputs>h1,.appearance-heading h1,.office-section h2,.welcome-saved h2){color:#f2eae1!important} html[data-theme=dusk] body .welcome-hero{color:#30241d;color-scheme:light}html[data-theme=dusk] body .welcome-hero h1{color:#30241d!important} @media(prefers-reduced-motion:reduce){.wallpaper-setting input:before{transition:none}} /* Reference-led welcome composition: panoramic hero, compact shortcuts, useful widgets. */ body.home-welcome #home{padding-top:0!important}body .office-page-tabs{margin:0 0 14px;padding:3px;background:transparent;border:0}body .office-page-tabs button{min-height:35px;padding:6px 12px;font-size:12px} body.home-welcome .office-hero.welcome-hero{height:390px!important;padding:35px 42px!important;border-radius:25px;box-shadow:0 7px 24px #9a61451a,inset 0 0 0 1px #fff9} body.home-welcome .welcome-hero-copy{width:52%}body.home-welcome .welcome-hero h1{font-size:clamp(43px,3.8vw,62px)!important;line-height:1.05!important}body.home-welcome .welcome-subtitle{font-size:17px;max-width:370px}body.home-welcome .welcome-eyebrow{color:#a14c26} body.home-welcome .welcome-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px;margin:20px 0!important}body.home-welcome .welcome-shortcut{min-height:94px!important;padding:15px!important;display:flex;align-items:center;gap:11px;border-radius:20px!important;overflow:hidden} body.home-welcome .shortcut-art{position:relative!important;inset:auto!important;width:42px!important;height:46px!important;flex:0 0 42px;transform:scale(.64)!important;transform-origin:center;opacity:.9}body.home-welcome .shortcut-copy{margin:0!important;max-width:none!important;flex:1;min-width:0}body.home-welcome .shortcut-kicker{display:none!important}body.home-welcome .shortcut-copy strong{font-size:15px!important;line-height:1.4}body.home-welcome .shortcut-description{font-size:12px!important;line-height:1.45;margin-top:4px!important;font-weight:400}body.home-welcome .shortcut-arrow{position:static!important;width:24px;height:24px;flex:0 0 24px}body.home-welcome .shortcut-arrow svg{width:13px} body.home-welcome .welcome-shortcut.purple{background:#eee5f5!important;color:#4e365f!important;border-color:#dbcbe7!important}body.home-welcome .welcome-shortcut.rose{background:#f0e4df!important;border-color:#ddc9bf!important;color:#6e493b!important}body.home-welcome .welcome-shortcut.purple .shortcut-description{color:#6e5779!important} .office-overview{display:grid;grid-template-columns:1fr 1.12fr;gap:20px;margin:0 0 28px}.office-recent-widget,.office-glance{min-width:0;background:#fffaf4b8;border:1px solid #fff9;border-radius:25px;box-shadow:0 5px 20px #8c674211,inset 0 0 0 1px #dbbfa844;padding:22px} .office-widget-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.office-widget-heading>svg{width:20px;color:#b45d2d;flex:0 0 20px}.office-widget-heading h2{font-size:18px!important;letter-spacing:-.5px;margin:0;line-height:1.4}.office-widget-heading button{margin-left:auto;white-space:nowrap;background:transparent;border:0;color:#a04f28;font-size:12px;cursor:pointer;padding:6px} .office-recent-row{display:flex;align-items:center;gap:10px;min-height:55px;border-top:1px solid #e4d8cc;text-decoration:none;color:#3c302c;font-size:13px}.office-recent-row .welcome-work-mark{width:32px;height:32px;flex:0 0 32px}.office-recent-row strong{font-size:13px;flex:1;min-width:0}.office-recent-row time{font-size:11px;color:#8d776c}.office-recent-row .welcome-work-type{display:none}.office-recent-row .welcome-work-arrow{width:24px}.office-widget-empty{font-size:14px;line-height:1.7;color:#8d776c} .office-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.office-metric{background:#fffcf7b5;border:1px solid #e4d6ca;border-radius:18px;padding:17px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;color:#44352e;min-width:0}.office-metric>svg{width:23px;height:23px;color:#b9612f}.office-metric.purple>svg{color:#8b6ba3}.office-metric.blue>svg{color:#648096}.office-metric>span{font-size:12px;line-height:1.4}.office-metric>strong{font-size:32px;line-height:1.2;letter-spacing:-1.5px} .office-search{position:relative;margin-left:auto;display:flex;align-items:center;min-width:200px;max-width:360px;flex:1}.office-search>svg{position:absolute;left:14px;width:18px;color:#8e786c;pointer-events:none}.office-search input{width:100%;padding:11px 15px 11px 42px!important;border-radius:25px!important;background:#fffaf5a8!important;border:1px solid #e3d0c1!important;font-size:13px!important;min-height:43px}.welcome-workspace{width:100%!important}.welcome-initials{order:5;margin-left:18px!important}.office-search-results{position:absolute;top:50px;left:0;right:0;background:#fffaf6;border:1px solid #dfd0c3;border-radius:16px;box-shadow:0 10px 30px #533c2825;z-index:100;padding:7px;max-height:350px;overflow:auto}.office-search-results[hidden]{display:none}.office-search-results button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:10px;cursor:pointer;color:#4d3b31}.office-search-results button:hover{background:#f1e4d7}.office-search-results strong{display:block;font-size:13px;overflow-wrap:anywhere}.office-search-results small{font-size:11px;color:#937c6c}.office-search-results p{font-size:13px;padding:10px} html[data-theme=dusk] :is(.office-recent-widget,.office-glance,.office-metric,.office-search-results){background:#4c454f!important;border-color:#74616d;color:#f0e7df}html[data-theme=dusk] :is(.office-recent-row,.office-search-results button){color:#f0e7df}html[data-theme=dusk] .office-widget-heading button{color:#efb188} @media(max-width:1300px){body.home-welcome .welcome-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.office-overview{grid-template-columns:1fr}.office-search{max-width:260px}.welcome-date{font-size:11px;padding-left:12px}.welcome-company{font-size:13px}} body .rail-atmosphere:after{content:'';position:absolute;left:0;right:0;bottom:0;height:190px;background:url('assets/waive-mountains.webp') center bottom/cover no-repeat;mask-image:linear-gradient(transparent,#000 45%);opacity:.84}.rail-ribbon,.rail-orbit{opacity:.55} body .waive-endorsement{bottom:156px!important;border-top:1px solid #b9937733!important;padding-top:17px!important} html[data-theme=dusk] body .rail-atmosphere:after{opacity:.25;mix-blend-mode:screen} @media(min-width:1500px){body.home-welcome .office-hero.welcome-hero{height:390px!important}body.home-welcome #home{padding-inline:28px!important}body .office-overview{grid-template-columns:1fr 1.12fr}} body.home-welcome .welcome-shortcut{flex-direction:row!important;justify-content:flex-start!important;height:96px!important;min-height:96px!important}body.home-welcome .shortcut-art{display:grid!important;place-items:center!important;transform:none!important;border:1px solid #fff9;border-radius:50%;background:#ffffff7a;width:42px!important;height:42px!important;flex-basis:42px;box-shadow:0 3px 9px #8b624c0b}body.home-welcome .shortcut-art>svg{width:23px;height:23px;stroke-width:1.7;color:inherit}body.home-welcome .shortcut-copy strong{display:block}body.home-welcome .shortcut-description{display:block}body.home-welcome .shortcut-arrow{margin-left:auto} @media(min-width:1100px){body.home-welcome .welcome-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important}.office-overview{grid-template-columns:1fr 1.12fr!important}} @media(max-width:1300px) and (min-width:1100px){body.home-welcome .welcome-shortcut{padding:12px!important;gap:8px}body.home-welcome .shortcut-art{width:32px!important;height:32px!important;flex-basis:32px}body.home-welcome .shortcut-copy strong{font-size:13px!important}body.home-welcome .shortcut-description{font-size:11px!important}body.home-welcome .shortcut-arrow{display:none!important}.office-widget-heading h2{font-size:16px!important}.office-widget-heading{gap:7px}.office-recent-widget,.office-glance{padding:18px}.office-metric{padding:14px 9px}}