.product-illustration{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:min(100%,240px);height:auto;margin:0 auto 20px;display:block}@media (width<=700px),(height<=700px){.product-illustration{width:min(100%,160px);margin-bottom:16px}}.chat-toolbar-tooltip{flex-shrink:0;align-items:center;display:inline-flex}.chat-toolbar-tooltip-content{z-index:2000;width:max-content;max-width:min(300px, calc(calc(100vw / var(--interface-scale,1)) - 16px));border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:var(--text-sm);pointer-events:none;padding:10px 14px;line-height:1.5;position:fixed}.presence-dot{background:#32a477;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 2px #32a4771f,0 0 7px #32a47759}.presence-dot.is-inactive{background:#d46270;box-shadow:0 0 0 2px #d462701a,0 0 6px #d4627047}.person-presence-label{align-items:center;gap:8px;display:inline-flex}.topbar-presence{flex:1 1 0;align-items:center;gap:6px;min-width:0;max-width:400px;min-height:44px;display:flex;overflow:hidden}.topbar:has(.topbar-presence)>.topbar-actions{flex-shrink:0;margin-left:auto}.presence-avatars{align-items:center;gap:6px;display:flex}.presence-person,.presence-summary,.presence-more{min-height:44px;color:var(--muted);border-radius:var(--control-radius);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.presence-person{width:34px}.presence-summary{width:16px}.presence-more{width:44px;font-size:13px;font-weight:600}.presence-person:hover .avatar{outline:2px solid var(--blue);outline-offset:2px}.presence-more:hover{background:var(--accent-fill);color:#fff}.presence-person:focus-visible,.presence-summary:focus-visible,.presence-more:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.presence-dialog{max-width:500px}.presence-explanation{color:var(--muted);margin-top:0;line-height:1.5}.presence-people-list{gap:8px;display:grid}.presence-people-row{border-radius:var(--control-radius);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.presence-people-row>span:not(.avatar):not(.presence-dot){overflow-wrap:anywhere;flex:1;min-width:0}.app-shell[data-work-expanded=true] .topbar-presence{display:none}@media (width<=900px){.app-shell:not([data-work-expanded=true]):has(.topbar-presence[data-has-people=true]){--workspace-header-height:calc(122px + var(--workspace-top-inset))}.app-shell:not([data-work-expanded=true]) .topbar:has(.topbar-presence[data-has-people=true]){flex-wrap:wrap;align-content:center;row-gap:0}.topbar-presence{flex:0 0 100%;order:3;max-width:none;height:44px}.topbar-presence[data-has-people=false]{display:none}}.dialog-content[role=dialog]{--form-ink:var(--title-text);--form-muted:var(--muted);--form-panel:color-mix(in srgb, var(--content-background) 34%, var(--surface));--form-border:color-mix(in srgb, var(--content-text) 24%, var(--surface));--compose-ink:var(--form-ink);--compose-tint:var(--form-panel);color:var(--form-ink);background:var(--surface);border:1px solid var(--form-border);box-shadow:var(--shadow-dialog)}.dialog-content[role=dialog]:not(.drawer){border-radius:18px}.dialog-content.reference-form-dialog{width:820px}:root .dialog-content[role=dialog]>.dialog-header{background:var(--selection-fill);color:#fff;border:0;align-items:center;min-height:64px;padding:10px 26px}:root .dialog-content[role=dialog]>.dialog-header h2{color:#fff;letter-spacing:-.4px;overflow-wrap:anywhere;align-items:center;gap:18px;margin:0;font-size:26px;font-weight:600;line-height:1.25;display:flex}.dialog-content[role=dialog]>.dialog-header>div:first-child{min-width:0}.dialog-content[role=dialog] .dialog-title-icon{flex-shrink:0;display:inline-flex}.dialog-content[role=dialog] .reference-form-intro{color:var(--form-muted);margin:0 0 18px;font-size:14px;line-height:1.5}.reference-form-dialog.people-reference-form .invite-projects{background:var(--form-panel);border:0;border-radius:10px;padding:18px}.reference-form-dialog.people-reference-form .invite-projects legend{font-size:16px;font-weight:600}.reference-form-dialog.people-reference-form .invite-project-options{max-height:250px;overflow-y:auto}.reference-form-dialog.people-reference-form :is(.invite-projects p,.access-help,.field-help){font-size:12px;line-height:1.5}.reference-form-dialog.people-reference-form .photo-field{background:var(--form-panel);border-radius:10px;padding:18px}:root .dialog-content[role=dialog]>.dialog-header>.icon-button{color:#fff;width:44px;height:44px;box-shadow:none;background:0 0;border:0;margin:0 -10px 0 0}:root .dialog-content[role=dialog]>.dialog-header>.icon-button:hover{background:#ffffff18}:root .dialog-content[role=dialog]>.dialog-header>.icon-button:focus-visible{outline-offset:-4px;outline:2px solid #fff}.dialog-content[role=dialog]>.dialog-body{background:var(--surface);scrollbar-width:thin;padding:20px 26px 26px}.dialog-content[role=dialog] :is(.dialog-body,.task-people-options)::-webkit-scrollbar{width:7px;display:block}.reference-form-dialog :is(.task-create-form,.task-create-fields){gap:22px}.dialog-content.reference-form-dialog .task-create-section{background:0 0;border:0;border-radius:0;gap:18px;padding:0}.dialog-content.reference-form-dialog .task-create-extras{--text:var(--form-ink);--muted:var(--form-muted);--control-background:var(--surface);color:var(--form-ink);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.dialog-content[role=dialog] .field{color:var(--form-ink);gap:6px;font-size:14px;font-weight:550}.dialog-content[role=dialog] .field :is(input,select,textarea){border:1px solid var(--form-border);background-color:var(--surface);min-height:44px;color:var(--form-ink);letter-spacing:0;box-shadow:none;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:400;line-height:22px}.dialog-content[role=dialog] .field :is(input,select,textarea):hover:not(:disabled){background-color:var(--surface);border-color:var(--accent-fill)}.dialog-content[role=dialog] .field :is(input,select,textarea):focus:not(:disabled){background-color:var(--surface);border-color:var(--accent-fill);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-fill) 18%, transparent)}.dialog-content[role=dialog] .field :is(input,select,textarea):disabled{background-color:var(--form-panel);color:var(--muted)}.dialog-content[role=dialog] .field :is(input,textarea)::placeholder{color:var(--muted);font-size:inherit}.dialog-content[role=dialog] .field textarea{min-height:100px}:root .dialog-content[role=dialog] .field select:not([multiple]):not([size]){background-color:var(--surface);border:1px solid var(--form-border);box-shadow:none;border-radius:8px}:root .dialog-content[role=dialog] .button.button-secondary{background:var(--surface);color:var(--form-ink);border:1px solid var(--form-border);box-shadow:none;border-radius:8px}:root .dialog-content[role=dialog] .button.button-secondary:hover:not(:disabled){background:var(--form-panel)}:root .dialog-content.task-create-dialog.reference-form-dialog .task-create-people :is(.task-recipient-chip,.task-people-chips>.button){background:var(--form-panel);border-color:#0000}.dialog-content.reference-form-dialog :is(.meeting-participant-heading,.video-brand-picker) h3{color:var(--form-ink)}.dialog-content[role=dialog] .field :is(small,.field-optional){font-size:12px;font-weight:400}.dialog-content[role=dialog] .form-columns{gap:16px}.reference-form-dialog .task-project-select{flex:1;min-width:0;display:flex;position:relative}.reference-form-dialog .task-project-select>svg{pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.dialog-content.reference-form-dialog .task-project-select>select{width:100%;padding-left:46px}.dialog-content.reference-form-dialog .deadline-fields{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:14px}.dialog-content[role=dialog] .button-secondary{border:1px solid var(--form-border);background:var(--surface);min-height:44px;color:var(--form-ink);box-shadow:none;border-radius:8px;font-size:14px}.dialog-content[role=dialog] .button-secondary:hover:not(:disabled){background:var(--form-panel)}.dialog-content.reference-form-dialog .task-person-trigger-frame{border:0;border-radius:8px;padding:0}.dialog-content.reference-form-dialog .task-person-with-avatar input{padding-left:54px}.reference-form-dialog .task-created-field>.person-identity{align-items:center;min-height:44px}.dialog-content.reference-form-dialog .task-person-trigger-frame>.button{border:1px solid var(--form-border);box-shadow:none}.dialog-content.reference-form-dialog .task-create-people{border-block:1px solid var(--form-border);gap:26px;padding:22px 0}.reference-form-dialog .task-create-people>:nth-child(2){border-left:1px solid var(--form-border);padding-left:26px}.dialog-content.reference-form-dialog .task-create-people :is(.help-inline,legend){min-height:28px;color:var(--form-ink);font-size:16px}.dialog-content.reference-form-dialog .task-create-people :is(.task-recipient-chip,.task-people-chips>.button){background:var(--form-panel);border:0}.dialog-content.reference-form-dialog .collaboration-options{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:16px 0 0}.dialog-content.reference-form-dialog .collaboration-options>summary{min-height:56px;color:var(--form-ink);border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:19px;font-weight:600;list-style:none;display:flex}.reference-form-dialog .collaboration-options>summary::-webkit-details-marker{display:none}.reference-form-dialog .collaboration-options>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:8px;height:8px;margin-right:4px;transform:rotate(45deg)}.reference-form-dialog .collaboration-options[open]>summary:after{transform:rotate(225deg)}.dialog-content.reference-form-dialog .collaboration-options-content{background:var(--form-panel);border-radius:10px;gap:20px;padding:18px}.reference-form-dialog .task-compose-options>.collaboration-options-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.reference-form-dialog .task-compose-options :is(.item-color-picker,.task-repeat-move){grid-column:1/-1}.reference-form-dialog .item-color-picker{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.reference-form-dialog .item-color-picker legend{float:left;margin:0;padding:0;font-size:14px;font-weight:550}.reference-form-dialog .item-color-picker small{color:var(--form-ink);grid-area:1/2;align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.reference-form-dialog .item-color-picker small:before{content:"";background:var(--item-swatch);border-radius:50%;width:18px;height:18px}.reference-form-dialog .item-color-options{grid-template-columns:repeat(var(--item-color-columns,10), minmax(0, 1fr));grid-area:2/1/auto/-1;justify-items:center;gap:8px;display:grid}.reference-form-dialog .item-color-options label{aspect-ratio:1;width:100%;max-width:54px;height:auto}.reference-form-dialog .item-color-options label>span{width:80%;height:80%}.reference-form-dialog .item-color-options label svg{width:22px;height:22px}.dialog-content[role=dialog]>.dialog-footer{border-top:1px solid var(--form-border);background:var(--surface);padding:14px 26px}.dialog-content[role=dialog]>.dialog-footer .form-actions{border:0;margin:0;padding:0}.dialog-content[role=dialog]>.dialog-footer .button{border-radius:8px;min-height:44px;padding:10px 18px;font-size:14px}@media (width<=760px),(height<=540px) and (pointer:coarse){.dialog-content.reference-form-dialog:not(.drawer){width:calc(100vw / var(--interface-scale,1));border-radius:0}:root .dialog-content[role=dialog]>.dialog-header{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 44px}:root .dialog-content[role=dialog]>.dialog-header h2{gap:12px;font-size:23px}.dialog-content[role=dialog]>.dialog-body{padding:18px max(16px, env(safe-area-inset-right)) 22px max(16px, env(safe-area-inset-left))}.dialog-content[role=dialog] .field :is(input,select,textarea),:root .dialog-content[role=dialog] :is(.field,label,button,input,select,textarea){font-size:16px}.reference-form-dialog .task-create-people>:nth-child(2){border-left:0;border-top:1px solid var(--form-border);padding:18px 0 0}.dialog-content[role=dialog]>.dialog-footer{padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}}@media (width<=540px){.dialog-content[role=dialog]>.dialog-footer .form-actions .button{justify-content:center;width:100%;min-width:0}.reference-form-dialog .task-project-select{flex-basis:100%}.dialog-content.reference-form-dialog .deadline-fields,.dialog-content.reference-form-dialog .project-target-field.deadline-fields,.reference-form-dialog .task-compose-options>.collaboration-options-content{grid-template-columns:minmax(0,1fr)}.reference-form-dialog .item-color-options{grid-template-columns:repeat(var(--item-color-mobile-columns,5), minmax(0, 1fr));gap:8px}.dialog-content.reference-form-dialog .collaboration-options-content{padding:14px}}