:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:#29313e;background:#f6f8fb;font-synthesis:none;--line:#e6e9ef;--muted:#77808e;--accent:#315dde;--shadow:0 8px 30px #28334b0a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{transition:background .15s,color .15s}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:none}input,textarea{border:0;background:transparent;min-width:0}input::placeholder,textarea::placeholder{color:#8b929f}textarea{resize:none;line-height:1.7}.mail-reply:focus-within,.team-composer:focus-within,.ai-composer:focus-within,.support-composer:focus-within,.post-editor:focus-within{border-color:color-mix(in srgb,var(--accent),white 55%)}a{color:var(--accent)}.ph{font-size:20px;vertical-align:middle;line-height:1;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:22px;font-weight:600;letter-spacing:-.5px}small{font-size:12px}button:disabled{opacity:.45;cursor:default}.spacer{flex:1}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1px;flex-shrink:0}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--accent);color:white;display:grid;place-items:center}.brand-mark .ph{font-size:23px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#697282;flex-shrink:0}.icon-button:hover{background:#edf0f5;color:#29313e}.account-avatar{width:35px;height:35px;display:grid;place-items:center;background:#e7ecf9;color:#34529e;border-radius:50%;font-weight:600;font-size:12px;flex-shrink:0;border:3px solid #fff;box-shadow:0 0 0 1px #dce2ed}.account-avatar:hover{box-shadow:0 0 0 3px #dce2ed}.person-avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#e9edfa;color:#4866a5;font-size:12px;font-weight:600}.person-avatar.rose{background:#f3e6e2;color:#95634f}.person-avatar.green{background:#e3eee7;color:#52775b}.person-avatar.blue{background:#e4ebf7;color:#526b94}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#fff;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600;white-space:nowrap}.primary:hover{filter:brightness(.93)}.primary .ph{font-size:17px}.secondary{display:inline-flex;gap:7px;align-items:center;border:1px solid #dfe3e9;padding:8px 11px;border-radius:6px;background:#fff;font-size:12px;font-weight:500;white-space:nowrap}.secondary:hover{background:#f3f5f8}.secondary .ph{font-size:16px}.text-button{font-size:12px;color:#747b88}.text-button:hover{color:#263958}.tag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;background:#f0f2f6;color:#76808e;font-size:11px;line-height:1.2;white-space:nowrap}.sidebar-caption{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:#858d9a;margin:31px 20px 13px}.nav-item{height:39px;display:flex;align-items:center;gap:13px;width:100%;padding:0 13px;text-align:left;border-radius:7px;font-size:13px;color:#667081;margin:3px 0}.nav-item small{margin-left:auto;font-size:11px}.nav-item .ph{font-size:18px}.nav-item.active{background:#e8edfa;color:#315dde;font-weight:600}.nav-item:hover{background:#edf0f6}.composer-footer{display:flex;align-items:center;gap:14px;padding:12px 16px}.composer-footer>.icon-button:last-child{margin-left:auto}.composer-hint{font-size:10px;color:#8a919d}.empty-state{text-align:center;padding:70px 24px;color:#5e6879}.empty-state p{font-size:13px;color:#7a8391;margin:10px 0 24px}.day-divider{display:flex;align-items:center;gap:14px;color:#7b8491;font-size:11px;margin:24px 0}.day-divider:before,.day-divider:after{content:"";height:1px;background:var(--line);flex:1}#app{height:100dvh;min-height:500px;overflow:hidden}#toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,12px);background:#263345;color:white;box-shadow:0 4px 20px #0002;border-radius:8px;padding:13px 22px;opacity:0;pointer-events:none;font-size:13px;max-width:90vw;transition:.16s}#toast.visible{opacity:1;transform:translate(-50%,0)}
/* Mmail: the original inbox / thread / reply structure, rebuilt as its own identity. */
.mail-topbar{height:80px;display:flex;align-items:center;padding:0 30px;gap:32px;border-bottom:1px solid #e7ebf2;background:#f9faff}.mail-topbar>.brand{width:193px}.search-field{height:41px;display:flex;align-items:center;gap:12px;background:#eef1f7;border:1px solid transparent;border-radius:8px;padding:0 13px;width:min(600px,45vw);color:#8a93a4}.search-field:focus-within{border-color:#b8c7ed;background:#fff}.search-field input{width:100%;font-size:13px;outline:none}.key-hint{border:1px solid #d7dce6;border-radius:4px;padding:0 5px;font-size:11px;color:#9da4b0}.top-end{display:flex;align-items:center;gap:24px;margin-left:auto}.workspace-label{font-size:12px;color:#818a9a}.mail-layout{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100% - 80px);padding:14px 18px 16px 0}.mail-sidebar{padding:14px 18px 0;position:relative;display:flex;flex-direction:column}.mail-sidebar>.primary{width:100%;height:43px;margin-bottom:24px;justify-content:flex-start;padding-left:18px;flex-direction:row;gap:13px}.mail-sidebar>.primary .ph{order:-1;margin-right:0}.mail-sidebar .sidebar-caption{margin-left:13px}.label-row{display:flex;align-items:center;gap:13px;padding:11px 15px;font-size:12px;color:#788190}.label-dot{width:7px;height:7px;border-radius:2px}.label-dot.blue{background:#9bb1e4}.label-dot.green{background:#8fb5a4}.label-dot.orange{background:#d8ad88}.sidebar-bottom{display:flex;align-items:center;gap:11px;margin-top:auto;padding:20px 5px;font-size:12px}.sidebar-bottom small{display:block;margin-top:5px;color:#8a929f;font-size:10px}.mail-main{background:#fff;border:1px solid #e4e8f0;border-radius:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.thread-toolbar{height:57px;min-height:57px;display:flex;align-items:center;gap:7px;padding:0 24px;border-bottom:1px solid #edf0f5;font-size:11px;color:#8b93a0}.toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 9px}.thread-scroll{overflow:auto;padding:35px 48px 55px;flex:1}.thread-heading{display:flex;align-items:center;gap:15px;margin:0 0 30px 51px}.thread-heading h1{font-size:24px;letter-spacing:-.6px}.mail-message>header{display:flex;align-items:center;gap:13px}.mail-message header strong{font-size:13px;font-weight:600}.email-address{font-size:11px;color:#8d95a2;margin-left:8px}.mail-message header small{display:block;color:#8a929e;font-size:11px;margin-top:5px}.mail-message header time{margin-left:auto;font-size:11px;color:#9299a5}.mail-body{margin:22px 0 28px 51px;line-height:1.85;font-size:13px;color:#4c5564;max-width:780px}.sent-reply{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.mail-reply{border:1px solid #dce2ec;border-radius:9px;margin:34px 0 0 51px;box-shadow:0 3px 9px #21396004}.reply-recipient{display:flex;align-items:center;gap:9px;padding:16px 18px;font-size:11px;color:#7b8493;border-bottom:1px solid #f1f3f6}.reply-recipient .ph{font-size:16px}.reply-recipient strong{font-weight:500;color:#5e6878}.reply-recipient .muted{font-size:10px}.mail-reply textarea{width:100%;min-height:155px;padding:17px 19px;display:block;font-size:13px}.mail-reply .composer-footer{padding-top:4px}.mail-reply .primary{padding:9px 17px}.section-toolbar{display:flex;align-items:center;gap:15px;height:64px;padding:0 27px;flex-shrink:0}.section-toolbar h1{font-size:20px}.section-toolbar>span{margin-left:auto;font-size:11px;color:#8b93a0}.section-toolbar>.icon-button:last-child{margin-left:auto}.inbox-tabs{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--line);padding:0 25px;font-size:11px;color:#97a0ae}.inbox-tabs .selected{display:flex;align-items:center;gap:10px;align-self:stretch;border-bottom:2px solid var(--accent);padding:0 12px;color:var(--accent);font-weight:600;font-size:12px}.mail-list{overflow:auto;flex:1}.mail-row{display:flex;align-items:center;border-bottom:1px solid #eef0f4;padding:0 14px;min-width:0}.mail-row:nth-child(n+8){background:#fbfcfe}.mail-row:hover{background:#f5f7fc}.star-button{width:31px;height:49px;flex-shrink:0;color:#b2b9c5}.star-button .ph{font-size:16px}.star-button.starred{color:#bd8c30}.mail-open{display:grid;grid-template-columns:150px minmax(0,1fr) 80px;gap:16px;align-items:center;width:100%;height:49px;text-align:left;font-size:12px;min-width:0}.sender-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-subject{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500}.mail-preview{color:#8a93a3;font-weight:400}.mail-open time{text-align:right;font-size:10px;color:#8a93a3}.mail-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;font-size:10px;color:#a0a7b3;min-height:48px}.new-mail{padding:0 28px 26px;display:flex;flex-direction:column;flex:1;overflow:auto}.new-mail>label{display:flex;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);color:#8b92a0;font-size:12px}.new-mail input{flex:1;outline:none}.new-mail textarea{flex:1;min-height:250px;padding:25px 0}.new-mail .composer-footer{padding:15px 0}.sent-mail-row{display:block;width:100%;padding:20px 28px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.sent-mail-row>span{display:block;margin:6px 0;font-size:11px;color:var(--muted)}.sent-mail-row p{margin-top:20px;line-height:1.8}
/* Loop */
.messaging-shell{height:100%;display:grid;grid-template-columns:66px 245px minmax(0,1fr);background:#fff}.loop-rail{background:#254d42;display:flex;flex-direction:column;align-items:center;padding:22px 0 24px;gap:28px;color:#c7d8d0}.loop-logo .ph{font-size:30px;color:#fff}.rail-selected{background:#ffffff1a;border-radius:8px;padding:10px;display:flex}.rail-selected .ph{font-size:23px}.loop-rail .account-avatar{background:#507568;color:#fff;border-color:#74968a;box-shadow:none}.channel-sidebar{background:#f4f6f5;border-right:1px solid #e4e9e6;display:flex;flex-direction:column;padding:25px 12px 24px}.team-name{font-size:17px;font-weight:650;letter-spacing:-.5px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.team-name .ph{font-size:15px;color:#8a948f}.workspace-caption{font-size:11px;color:#8e9692;margin:8px 10px}.channel-sidebar .sidebar-caption{margin:32px 12px 12px;color:#87938d}.channel{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:10px 12px;color:#6a776f;font-size:13px;border-radius:6px}.channel>span:first-child:not(.person-avatar){font-size:19px;color:#8a9a91}.channel.active{background:#e2ebe6;color:#315e4d;font-weight:600}.channel:hover{background:#e8eeea}.channel .person-avatar{width:24px;height:24px;font-size:9px;border-radius:6px}.unread-dot{width:6px;height:6px;border-radius:50%;background:#608c77;margin-left:auto}.loop-bottom{margin:auto 12px 0;padding-top:20px;font-size:17px;font-weight:650;color:#83938a}.loop-bottom>span{display:block;font-size:10px;font-weight:400;margin-top:6px;color:#9ca69f}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:88px;min-height:88px;padding:0 33px;border-bottom:1px solid var(--line)}.conversation-header h1{font-size:18px}.conversation-header p{font-size:11px;color:#939aa3;margin-top:8px}.members{display:flex;gap:6px;align-items:center;color:#8b939d;font-size:11px;white-space:nowrap}.members .ph{font-size:16px}.message-history{flex:1;overflow:auto;padding:30px 36px 10px}.channel-intro{padding:20px 0 12px}.channel-intro>.ph{display:inline-block;font-size:27px;background:#f0f4f1;color:#62816e;padding:12px;border-radius:12px}.channel-intro h2{font-size:24px;letter-spacing:-.6px;margin-top:18px}.channel-intro p{font-size:12px;color:#8a939c;margin-top:9px}.team-message{display:flex;gap:12px;padding:14px 0}.team-message .person-avatar{border-radius:9px;width:35px;height:35px;font-size:11px}.team-message header{display:flex;align-items:center;gap:11px;padding-top:2px}.team-message header strong{font-size:12px}.team-message time{font-size:10px;color:#9ba2ac}.team-message p{font-size:13px;line-height:1.8;color:#58616b;margin-top:5px;overflow-wrap:anywhere}.team-composer{margin:20px 32px 0;border:1px solid #cfdad3;border-radius:9px;box-shadow:0 3px 10px #1d4e2c04;flex-shrink:0}.team-composer textarea{width:100%;height:98px;padding:15px 18px;font-size:13px;display:block}.team-composer .composer-footer{padding-top:0;justify-content:space-between}.conversation-footnote{font-size:9px;color:#a2aaa5;text-align:center;padding:11px 24px 17px}.conversation-footnote .ph{font-size:11px}
/* Folio */
.document-shell{height:100%;display:flex;flex-direction:column;background:#f0f2f5}.document-header{height:67px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:22px}.document-header>.brand{font-size:23px}.document-header .brand-mark{width:32px;height:35px;border-radius:6px}.document-divider{width:1px;height:25px;background:var(--line)}.document-header>input{font-size:13px;width:260px;padding:7px;border:1px solid transparent;border-radius:5px}.document-header>input:focus{border-color:#c5d3f2}.saved-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:#8c95a2;font-size:10px}.saved-status .ph{font-size:17px}.document-menu{height:44px;flex-shrink:0;display:flex;align-items:center;gap:26px;background:#fff;padding:0 27px;font-size:12px;color:#7b8593;border-bottom:1px solid var(--line)}.document-menu>.selected{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--accent);color:var(--accent);font-weight:600}.document-menu>button{padding:8px 0;font-size:12px}.document-menu>button:hover{color:var(--accent)}.document-menu>span:last-child{display:flex;align-items:center;gap:6px;font-size:11px}.document-menu .ph{font-size:15px}.ribbon{display:flex;align-items:center;height:61px;min-height:61px;padding:0 25px;gap:12px;background:#fcfcfd;border-bottom:1px solid #dde2e9;overflow-x:auto}.ribbon-group{display:flex;align-items:center;gap:3px;padding-right:13px;border-right:1px solid #e0e5ec;height:27px;flex-shrink:0}.ribbon .icon-button{height:31px;width:31px}.ribbon .ph{font-size:19px}.ribbon select{border:1px solid #dfe3eb;background:#fff;border-radius:4px;padding:6px 8px;font-size:11px;width:115px}.font-name{font-size:11px;border:1px solid #dfe3eb;border-radius:4px;background:#fff;padding:6px 12px;margin:0 6px}.document-workspace{display:flex;min-height:0;flex:1}.document-outline{width:220px;flex-shrink:0;border-right:1px solid #e2e6ed;padding:0 16px;overflow:auto;background:#f6f7f9}.document-outline .sidebar-caption{margin:27px 8px 18px}.outline-empty{font-size:11px;color:#9aa2ae;line-height:1.8;margin:0 8px}.outline-link{display:block;text-align:left;font-size:11px;padding:9px 10px;color:#7b8493;width:100%;border-radius:4px;line-height:1.5}.outline-link:hover{background:#e8edf5}.outline-link.level-h1{color:#4d6596;font-weight:600;border-left:2px solid var(--accent);background:#e9edf6}.outline-link.level-h3{padding-left:21px}.paper-scroll{overflow:auto;flex:1;padding:0 35px 60px;min-width:0}.paper-ruler{display:flex;justify-content:space-around;max-width:770px;margin:19px auto 15px;height:20px;font-size:9px;color:#9ca5b1;border-bottom:1px solid #cfd5de;background:repeating-linear-gradient(to right,transparent 0,transparent 13px,#cfd5de 13px,#cfd5de 14px) left bottom/100% 4px no-repeat}.paper{position:relative;background:#fff;width:100%;max-width:770px;min-height:960px;padding:52px 66px 66px;margin:auto;box-shadow:0 2px 8px #2330470c;display:flex;flex-direction:column;border:1px solid #e0e4ea;transform-origin:top center}.paper-kicker{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.2px;font-weight:600;color:#8b98ab;border-bottom:1px solid #e4e9f1;padding-bottom:19px;margin-bottom:31px}.paper-kicker span{font-weight:400;font-size:7px;letter-spacing:1px}.rich-editor{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;color:#4e5d70;line-height:1.85;min-height:690px;outline:none;overflow-wrap:anywhere;flex:1}.rich-editor:empty:before{content:attr(data-placeholder);color:#b3bac4;pointer-events:none;font-size:16px;letter-spacing:-.3px}.rich-editor h1{font-size:32px;line-height:1.2;letter-spacing:-1.1px;font-weight:650;color:#26354e;margin:0 0 17px}.rich-editor h2{font-size:17px;letter-spacing:-.3px;color:#315785;margin:25px 0 9px;font-weight:600}.rich-editor h3,.rich-editor h4{font-size:14px;color:#375c88;margin:20px 0 6px}.rich-editor p{margin:10px 0}.rich-editor ul,.rich-editor ol{padding-left:20px;margin:10px 0}.rich-editor li{padding-left:4px;margin:5px 0}.rich-editor strong{font-weight:650;color:#30415b}.rich-editor table{border-collapse:collapse;width:100%;font-size:11px;margin:16px 0;table-layout:fixed}.rich-editor td,.rich-editor th{border:1px solid #dce3ed;padding:9px 12px;text-align:left;font-weight:400}.rich-editor th{background:#f0f4f9;font-weight:600;color:#475d7b}.rich-editor blockquote{border-left:3px solid #9cb1d1;margin:15px 0;padding-left:15px;color:#71829b}.rich-editor pre{white-space:pre-wrap;overflow-wrap:anywhere}.paper-footer{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #edf0f5;margin-top:35px;font-size:8px;color:#a6aebb}.document-status{height:33px;flex-shrink:0;background:#fff;border-top:1px solid #e2e6ec;display:flex;align-items:center;gap:23px;padding:0 21px;font-size:10px;color:#8893a2}.document-status select{border:0;background:#f6f7f9;padding:3px;border-radius:3px;font-size:10px}
/* Aster */
.ai-shell{display:grid;grid-template-columns:245px minmax(0,1fr);height:100%;background:#fff}.ai-sidebar{background:#f6f5f2;border-right:1px solid #eceae5;padding:28px 18px;display:flex;flex-direction:column}.ai-sidebar .brand{padding-left:12px;font-weight:550;font-size:25px;color:#554735}.ai-sidebar .brand-mark{background:none;color:#977450;width:28px;height:28px}.ai-sidebar .brand-mark .ph{font-size:30px}.new-chat{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e2dc;border-radius:8px;padding:11px 13px;font-size:12px;margin-top:33px;color:#625c53}.new-chat .ph{font-size:17px}.new-chat:hover{background:#efede7}.ai-sidebar .sidebar-caption{margin:29px 11px 14px;color:#a19b91}.ai-history-item{font-size:11px;display:flex;gap:9px;align-items:center;background:#ece9e2;padding:12px 11px;border-radius:6px;color:#787165;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai-history-item .ph{font-size:16px}.ai-sidebar-bottom{display:flex;gap:11px;align-items:center;margin-top:auto;font-size:12px;padding:22px 7px 0}.ai-sidebar-bottom small{display:block;font-size:10px;color:#a29a8e;margin-top:5px}.ai-main{display:flex;flex-direction:column;min-height:0;min-width:0}.ai-top{height:74px;flex-shrink:0;padding:0 34px;display:flex;align-items:center;justify-content:space-between;color:#6c655b;font-size:14px}.ai-top>span{display:flex;align-items:center;gap:12px}.model-label{font-size:12px;color:#a59d93}.ai-scroll{flex:1;overflow:auto;display:flex;flex-direction:column}.ai-welcome{margin:auto;padding:40px 25px 70px;text-align:center;width:min(730px,100%)}.aster-symbol{display:inline-flex;color:#a38360}.aster-symbol .ph{font-size:51px}.ai-welcome>p{font-size:12px;color:#a49b90;margin:25px 0 12px}.ai-welcome h1{font-size:38px;letter-spacing:-1.5px;font-weight:450;color:#4e483e}.suggestions{display:flex;gap:10px;margin-top:40px;justify-content:center}.suggestions button{padding:17px 12px;border:1px solid #e8e5df;border-radius:8px;text-align:left;font-size:10px;display:flex;align-items:center;gap:9px;color:#8b8173;background:#fff;white-space:nowrap}.suggestions button:hover{background:#f8f6f2}.suggestions .ph{font-size:17px}.suggestions button .ph:last-child{font-size:12px;color:#b8b0a4}.ai-composer-wrap{width:min(740px,calc(100% - 80px));margin:0 auto 22px;flex-shrink:0}.ai-composer{border:1px solid #dfdcd5;border-radius:14px;box-shadow:0 4px 17px #443d3010}.ai-composer textarea{display:block;width:100%;height:100px;padding:18px 21px;font-size:13px}.ai-composer .composer-footer{padding:0 14px 12px 20px}.ai-composer .icon-button{background:#8a7053;color:#fff;border-radius:8px;width:32px;height:32px}.ai-disclaimer{text-align:center;font-size:9px;color:#aaa397;margin-top:13px}.ai-messages{width:min(730px,calc(100% - 70px));margin:20px auto 50px}.ai-message{display:flex;gap:14px;margin:28px 0;font-size:13px;line-height:1.8}.ai-message p{white-space:normal;overflow-wrap:anywhere}.ai-message.user{margin-left:60px;background:#f4f2ee;padding:18px 23px;border-radius:14px 14px 3px 14px;color:#6a6257}.ai-message.assistant{color:#5c584f}.ai-message.assistant strong{display:block;font-size:12px;margin-bottom:12px}.aster-mark{color:#a38360;padding-top:3px}.aster-mark .ph{font-size:27px}
/* Resolve */
.support-shell{display:grid;grid-template-columns:194px 270px minmax(0,1fr) 220px;height:100%;background:#fff}.support-sidebar{background:#f5f7f8;border-right:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column}.support-sidebar .brand{font-size:22px;gap:8px}.support-sidebar .brand-mark{width:29px;height:29px;border-radius:8px}.support-sidebar .brand-mark .ph{font-size:20px}.support-sidebar .sidebar-caption{margin:36px 9px 12px}.support-sidebar .nav-item{background:#e5eeeb;color:#397268;font-size:12px;padding:0 10px;gap:9px}.support-sidebar .nav-item small{font-size:10px}.support-agent{display:flex;align-items:center;gap:9px;margin-top:auto;font-size:11px}.support-agent small{display:block;font-size:10px;color:#7c988d;margin-top:4px}.ticket-list{border-right:1px solid var(--line);overflow:auto}.ticket-list>header{height:103px;padding:30px 22px 20px}.ticket-list h1{font-size:20px}.ticket-list header span{display:block;font-size:11px;color:#9aa1aa;margin-top:8px}.ticket-list-label{background:#fafbfc;border-block:1px solid #eff1f4;font-size:10px;color:#8a939f;padding:11px 21px}.ticket{padding:20px 20px;width:100%;text-align:left;border-bottom:1px solid #edf0f4;border-left:3px solid transparent}.ticket.active{background:#f1f7f5;border-left-color:#599584}.ticket:hover{background:#f7f9f9}.ticket>div{display:flex;align-items:center;justify-content:space-between}.ticket strong{font-size:12px}.ticket time{font-size:9px;color:#91a096}.ticket>b{display:block;font-size:11px;font-weight:500;margin-top:10px}.ticket p{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9aa1aa;margin-top:7px}.ticket>small{display:block;margin-top:13px;font-size:9px;color:#9ca4ac}.support-thread{display:flex;flex-direction:column;min-width:0;min-height:0}.support-heading{height:103px;min-height:103px;padding:25px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;justify-content:space-between}.support-heading h1{font-size:16px;letter-spacing:-.3px;line-height:1.4}.support-heading p{font-size:10px;color:#9aa1aa;margin-top:7px}.resolve-button{display:flex;align-items:center;gap:5px;border:1px solid #c6d7d1;border-radius:6px;padding:8px 10px;white-space:nowrap;font-size:10px;color:#46766a}.resolve-button .ph{font-size:14px}.resolve-button.resolved{background:#e4f0eb}.support-history{flex:1;overflow:auto;padding:0 26px 15px}.customer-message{border:1px solid #e3e8ee;border-radius:9px;overflow:hidden;box-shadow:0 2px 5px #28334403}.customer-message>header{padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef1f4}.customer-message header .person-avatar{width:31px;height:31px;font-size:10px}.customer-message header strong{font-size:11px}.customer-message header small{display:block;font-size:9px;color:#9aa2ad;margin-top:4px}.customer-message time,.support-response time,.internal-note time{font-size:9px;color:#9ba4ae;margin-left:auto;white-space:nowrap}.customer-message>p{padding:21px;font-size:12px;line-height:1.9;color:#5d6876;overflow-wrap:anywhere}.support-response,.internal-note{margin:20px 0 5px;border:1px solid #dce9e2;border-radius:9px;padding:18px;background:#f7faf8}.support-response header,.internal-note header{display:flex;font-size:11px}.support-response p,.internal-note p{font-size:12px;line-height:1.8;margin-top:15px;overflow-wrap:anywhere}.internal-note{background:#fff9e8;border-color:#e8deb9}.support-composer{border:1px solid #dce3e9;border-radius:9px;margin:15px 26px 26px;flex-shrink:0;overflow:hidden}.reply-mode{display:flex;align-items:center;gap:18px;border-bottom:1px solid #edf0f3;padding:0 15px;height:43px;font-size:10px;color:#96a0ab}.reply-mode button{padding:14px 0;font-size:10px;white-space:nowrap}.reply-mode button.selected{border-bottom:2px solid var(--accent);color:var(--accent);font-weight:600}.reply-mode>span{margin-left:auto;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-composer textarea{padding:14px 17px;height:135px;display:block;width:100%;font-size:12px}.support-composer .composer-footer{padding-top:4px;justify-content:space-between}.support-composer .primary{font-size:11px;padding:9px 12px}.note-mode{background:#fffbed}.customer-details{border-left:1px solid var(--line);padding:32px 22px}.customer-details>.person-avatar{width:48px;height:48px;font-size:15px}.customer-details h2{font-size:15px;margin-top:15px;font-weight:600}.customer-details>p{font-size:10px;color:#939da8;margin-top:7px;overflow-wrap:anywhere}.customer-details dl{margin-top:29px;font-size:10px;display:grid;grid-template-columns:1fr;gap:6px}.customer-details dt{color:#9ca5af;margin-top:14px}.customer-details dd{margin:0;color:#5c6a77}.customer-details .sidebar-caption{margin:32px 0 12px}
/* Gather */
#app[data-scenario="social"]{background:#f8f9fb;overflow:auto}.social-top{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:70px;padding:0 max(30px,calc((100vw - 1220px)/2));background:white}.social-top .brand{font-size:23px}.social-top .brand-mark{width:32px;height:32px;border-radius:9px}.social-top>nav{display:flex;gap:25px;height:100%}.social-top nav button{height:100%;font-size:12px;color:#969ba5;padding:0 3px}.social-top nav button.active{border-bottom:2px solid var(--accent);color:var(--accent)}.social-top nav button>span{font-size:9px;background:#f1f2f5;border-radius:4px;padding:2px 5px;margin-left:4px}.social-top>.account-avatar{margin-left:auto}.social-main{max-width:1160px;margin:0 auto;padding:55px 25px}.social-page-title .eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#a79891}.social-page-title h1{font-size:33px;font-weight:500;letter-spacing:-1px;margin-top:14px}.social-page-title p{font-size:12px;color:#959ba6;margin-top:12px}.social-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:40px;align-items:start}.post-editor{background:#fff;border:1px solid #e3e6ed;box-shadow:var(--shadow);border-radius:11px;overflow:hidden}.post-editor>header{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid #edf0f4}.post-editor h2{font-size:14px;font-weight:550}.post-author{display:flex;align-items:center;gap:10px;padding:23px}.post-author strong{font-size:12px}.post-author small{display:block;font-size:10px;color:#929ca9;margin-top:4px}.audience{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:10px;color:#929ca9}.audience .ph{font-size:13px}.post-editor textarea{height:300px;display:block;width:100%;padding:0 23px 20px;font-size:13px;line-height:1.8}.post-editor-footer{border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:16px 23px}.post-editor-footer>span{font-size:10px;color:#9da5af}.post-editor-footer .primary{font-size:12px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 17px;color:#929ca9;font-size:11px}.preview-heading span:last-child{display:flex;align-items:center;gap:7px;font-size:10px}.preview-heading .ph{font-size:15px}.social-post{background:#fff;border:1px solid #e1e5ec;border-radius:9px;overflow:hidden;box-shadow:0 2px 5px #26365503}.social-post>header{display:flex;align-items:center;gap:10px;padding:21px 20px 15px}.social-post header strong{font-size:12px}.social-post header small{display:block;font-size:9px;color:#8e98a6;margin-top:4px}.social-post header small .ph{font-size:10px}.social-post header>.ph{margin-left:auto;color:#99a3ae;align-self:flex-start}.post-body{padding:0 22px 27px;font-size:12px;line-height:1.85;color:#5a6370;min-height:180px;overflow-wrap:anywhere}.preview-placeholder{color:#aeb5c0;display:block;margin-top:15px}.post-stats{font-size:9px;color:#a0a7b2;padding:12px 20px}.post-actions{display:flex;justify-content:space-around;border-top:1px solid #edf0f4;padding:16px 8px;color:#8b96a4;font-size:10px}.post-actions>span{display:flex;gap:5px;align-items:center}.post-actions .ph{font-size:16px}.preview-note{text-align:center;font-size:10px;color:#a7adb7;margin-top:19px}.published-posts{max-width:580px;margin:35px auto}.published-posts>.social-post{margin-bottom:25px}
/* Hidden director controls */
#switcher{width:min(680px,calc(100vw - 30px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dfe5ed;border-radius:17px;box-shadow:0 30px 100px #14213b40;overflow:auto;color:#29313e}#switcher::backdrop{background:#17203955;backdrop-filter:blur(4px)}.switcher-heading{display:flex;align-items:center;gap:13px;padding:25px 28px 21px;border-bottom:1px solid #edf0f5}.switcher-heading h1{font-size:18px;letter-spacing:-.5px}.switcher-heading p{font-size:11px;color:#949ca9;margin-top:5px}.switcher-heading>.icon-button{margin-left:auto}.bench-symbol{width:41px;height:41px;background:#edf2ff;color:#315dde;border-radius:11px;display:grid;place-items:center}.bench-symbol .ph{font-size:24px}.scenario-list{padding:12px 18px}.scenario-option{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px 13px;border-radius:9px;border:1px solid transparent}.scenario-option:hover{background:#f6f8fb}.scenario-option.selected{background:#f2f5fb;border-color:#e2e8f3}.scenario-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:color-mix(in srgb,var(--scenario-accent),white 91%);color:var(--scenario-accent);border-radius:8px}.scenario-option>span:nth-child(2){flex:1}.scenario-option strong{font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.scenario-option small{font-size:10px;font-weight:400;color:#949ba8}.scenario-option>span>span{display:block;font-size:11px;color:#8d96a5;margin-top:5px}kbd{font-family:inherit;border:1px solid #e0e5ec;border-bottom-width:2px;border-radius:4px;padding:3px 6px;color:#929baa;font-size:10px;white-space:nowrap}.director-panel{background:#f8f9fc;border-block:1px solid #e9edf4;padding:20px 28px}.director-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px}.director-heading>span{font-size:10px;color:#8b96a6}.director-panel>p{font-size:12px;color:#7c8798;line-height:1.8;margin-top:10px}.director-actions{display:flex;align-items:center;gap:7px;margin-top:16px;flex-wrap:wrap}.director-actions .text-button{margin-left:auto}.switcher-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 28px;font-size:9px;color:#97a0ae}.switcher-footer>p{flex-basis:100%;line-height:1.8;margin-bottom:1px}.switcher-footer>kbd{margin-left:auto;font-size:9px}
@media(min-width:1600px){.thread-scroll{padding-right:10%;padding-left:7%}.social-main{padding-top:75px}.support-shell{grid-template-columns:210px 300px minmax(0,1fr) 240px}.support-history{padding:0 40px 20px}.support-composer{margin:20px 40px 32px}.message-history{padding-inline:55px}.team-composer{margin-inline:50px}}
@media(max-width:1200px){.support-shell{grid-template-columns:175px 240px minmax(0,1fr)}.customer-details{display:none}.mail-topbar>.brand{width:170px}.mail-layout{grid-template-columns:220px minmax(0,1fr)}.thread-scroll{padding:30px}.workspace-label{display:none}.document-outline{width:185px}.paper{padding:45px}.paper-scroll{padding:0 22px 45px}.social-columns{gap:25px}.social-main{padding-inline:35px}.messaging-shell{grid-template-columns:60px 220px minmax(0,1fr)}}
@media(max-width:900px){.mail-topbar{padding:0 20px;gap:20px;height:70px}.mail-topbar>.brand{width:155px}.mail-layout{grid-template-columns:190px minmax(0,1fr);height:calc(100% - 70px);padding-right:12px}.mail-sidebar{padding:12px}.mail-sidebar .sidebar-caption{margin-top:27px}.thread-scroll{padding:25px}.thread-heading{margin-left:0}.thread-heading h1{font-size:22px}.mail-body{margin-left:0}.mail-reply{margin-left:0}.email-address{display:none}.reply-recipient .muted{display:none}.mail-open{grid-template-columns:125px minmax(0,1fr) 60px;gap:8px}.mail-preview{display:none}.support-shell{grid-template-columns:210px minmax(0,1fr)}.support-sidebar{display:none}.support-heading{padding:22px}.support-history{padding-inline:20px}.support-composer{margin-inline:20px}.support-shell:after{content:none}.ticket-list>header{position:relative}.support-composer .composer-hint{display:none}.support-composer .primary{margin-left:auto}.document-outline{display:none}.document-header{gap:15px}.saved-status span{display:none}.document-header>input{width:230px}.ai-shell{grid-template-columns:200px minmax(0,1fr)}.ai-sidebar{padding-inline:12px}.suggestions{flex-direction:column;align-items:center;margin-top:25px}.suggestions button{width:250px}.suggestions button .ph:last-child{margin-left:auto}.ai-welcome{padding-block:20px}.ai-welcome h1{font-size:30px}.ai-composer-wrap{width:calc(100% - 40px)}.ai-welcome>p{margin-top:17px}.aster-symbol .ph{font-size:36px}.social-columns{grid-template-columns:1fr;max-width:620px}.post-preview{padding-top:5px}.social-top{gap:35px}.messaging-shell{grid-template-columns:52px 180px minmax(0,1fr)}.team-name{font-size:14px}.workspace-caption{font-size:10px}.conversation-header{padding-inline:22px}.members{display:none}.message-history{padding-inline:24px}.team-composer{margin-inline:22px}.channel-intro h2{font-size:21px}}
@media(max-width:600px){#app{min-height:400px}.mail-topbar{height:64px;padding:0 15px;gap:14px}.mail-topbar>.brand{width:auto;font-size:21px}.mail-topbar .brand-mark{width:30px;height:30px;border-radius:8px}.mail-topbar .brand-mark .ph{font-size:19px}.search-field{width:auto;flex:1;padding:0 10px;height:35px}.search-field input{font-size:11px}.search-field>.ph{font-size:16px}.key-hint{display:none}.top-end{margin-left:0}.account-avatar{width:32px;height:32px;font-size:10px}.mail-layout{display:flex;flex-direction:column;padding:0;height:calc(100% - 64px)}.mail-sidebar{padding:8px 10px;flex-direction:row;gap:8px;flex-shrink:0;overflow-x:auto;border-bottom:1px solid var(--line)}.mail-sidebar>.primary{font-size:0;width:35px;height:33px;padding:0;gap:0;flex-shrink:0;margin:0;justify-content:center}.mail-sidebar>.primary .ph{margin:0}.mail-sidebar>nav{display:flex;gap:4px}.mail-sidebar .nav-item{height:33px;width:auto;margin:0;padding:0 10px;font-size:11px;gap:6px}.mail-sidebar .nav-item small{font-size:9px}.mail-sidebar .nav-item .ph{display:none}.mail-sidebar>.sidebar-caption,.mail-sidebar>.label-row,.sidebar-bottom{display:none}.mail-main{border:0;border-radius:0;flex:1}.thread-toolbar{height:48px;min-height:48px;padding:0 12px}.thread-scroll{padding:23px 20px 40px}.thread-heading{gap:8px;margin-bottom:25px}.thread-heading h1{font-size:20px}.thread-heading .tag{font-size:9px}.mail-body{font-size:12px;margin-bottom:20px}.mail-message header strong{font-size:12px}.mail-message header time{font-size:9px}.mail-reply{margin-top:25px}.mail-reply textarea{min-height:155px;font-size:12px}.composer-hint{font-size:9px}.mail-reply .composer-hint{display:none}.reply-recipient{padding:13px;font-size:10px}.mail-reply .composer-footer{padding:8px 12px 12px}.mail-open{grid-template-columns:105px minmax(0,1fr) 50px;gap:7px;font-size:10px;height:56px}.mail-open time{font-size:8px}.star-button{width:25px}.mail-row{padding:0 8px}.mail-footer{font-size:9px;padding:15px}.section-toolbar{padding:0 19px;height:59px}.inbox-tabs{padding:0 10px}.inbox-tabs>span:last-child{display:none}.new-mail{padding:0 20px 20px}.messaging-shell{grid-template-columns:44px minmax(0,1fr);grid-template-rows:58px minmax(0,1fr)}.loop-rail{grid-column:1;grid-row:1/3;padding:18px 0 22px;gap:23px}.loop-logo .ph{font-size:25px}.rail-selected{padding:8px}.rail-selected .ph{font-size:19px}.channel-sidebar{grid-column:2;grid-row:1;flex-direction:row;padding:10px;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);white-space:nowrap}.team-name,.workspace-caption,.channel-sidebar .sidebar-caption,.loop-bottom{display:none}.channel{width:auto;white-space:nowrap;font-size:10px;padding:8px}.channel>.unread-dot{display:none}.channel .person-avatar{display:none}.conversation{grid-column:2;grid-row:2}.conversation-header{padding:0 17px;height:75px;min-height:75px}.conversation-header h1{font-size:16px}.conversation-header p{font-size:9px;line-height:1.5;max-width:250px}.message-history{padding:17px}.channel-intro{padding-top:0}.channel-intro>.ph{font-size:23px;padding:10px}.channel-intro h2{font-size:19px;margin-top:13px}.channel-intro p{font-size:10px;line-height:1.7}.team-message{gap:8px}.team-message .person-avatar{width:28px;height:28px;font-size:9px}.team-message header strong{font-size:11px}.team-message time{font-size:9px}.team-message p{font-size:12px}.team-composer{margin:12px 12px 0}.team-composer textarea{font-size:12px;height:90px;padding:12px}.team-composer .composer-hint{font-size:8px;max-width:120px;line-height:1.6}.team-composer .primary{padding:8px 10px;font-size:11px;gap:5px}.team-composer .composer-footer{padding:4px 10px 10px}.conversation-footnote{font-size:8px;line-height:1.7;padding:8px 12px 12px}.document-header{height:60px;padding:0 14px;gap:10px}.document-header>.brand{font-size:0;gap:0}.document-divider{display:none}.document-header>input{font-size:11px;width:auto;flex:1}.saved-status{display:none}.document-menu{padding:0 15px;gap:18px;font-size:10px;overflow-x:auto;white-space:nowrap}.document-menu>button{font-size:10px}.document-menu>span:last-child{display:none}.ribbon{padding:0 10px;min-height:53px;height:53px;gap:6px}.ribbon-group{padding-right:8px}.ribbon-group .font-name{display:none}.ribbon select{width:100px}.paper-scroll{padding:0 12px 30px}.paper-ruler{margin:12px auto;height:15px}.paper{padding:30px 25px;min-height:770px}.paper-kicker{font-size:6px;letter-spacing:.7px;gap:5px}.paper-kicker span{font-size:5px;letter-spacing:.5px}.rich-editor{font-size:12px;min-height:590px}.rich-editor h1{font-size:27px}.rich-editor h2{font-size:16px}.rich-editor table{font-size:10px}.rich-editor th,.rich-editor td{padding:7px}.document-status{gap:14px;padding:0 13px;font-size:9px}.document-status>span:nth-last-child(2){display:none}.ai-shell{grid-template-columns:1fr;grid-template-rows:62px minmax(0,1fr)}.ai-sidebar{padding:0 17px;display:flex;flex-direction:row;align-items:center;gap:18px;border-bottom:1px solid #eceae5}.ai-sidebar .brand{padding:0;font-size:23px}.ai-sidebar .brand-mark .ph{font-size:25px}.new-chat{margin:0 0 0 auto;border:none;background:none;padding:8px;font-size:11px}.ai-sidebar .sidebar-caption,.ai-history-item{display:none}.ai-sidebar-bottom{margin:0;padding:0}.ai-sidebar-bottom>div{display:none}.ai-top{height:51px;padding:0 20px;font-size:12px}.model-label{font-size:10px}.ai-welcome{padding:15px 20px 30px}.ai-welcome h1{font-size:29px}.ai-welcome>p{font-size:11px;margin:17px 0 10px}.suggestions{margin-top:25px;gap:8px}.suggestions button{padding:12px;width:260px}.ai-composer-wrap{margin-bottom:18px;width:calc(100% - 30px)}.ai-composer textarea{height:95px;font-size:12px;padding:16px}.ai-disclaimer{font-size:8px}.ai-messages{width:calc(100% - 35px);margin-top:0}.ai-message{font-size:12px}.ai-message.user{margin-left:35px;padding:15px}.support-shell{display:flex;flex-direction:column}.ticket-list{height:65px;min-height:65px;display:flex;overflow-x:auto;border-bottom:1px solid var(--line)}.ticket-list>header,.ticket-list-label{display:none}.ticket{width:190px;min-width:190px;border-left:0;border-bottom:2px solid transparent;padding:12px 14px}.ticket.active{border-bottom-color:#599584}.ticket p,.ticket>small,.ticket time{display:none}.ticket strong{font-size:11px}.ticket>b{font-size:9px;margin-top:6px;white-space:nowrap}.support-thread{flex:1}.support-heading{height:85px;min-height:85px;padding:17px}.support-heading h1{font-size:14px}.support-heading p{font-size:9px}.resolve-button{padding:7px 8px;font-size:9px}.support-history{padding:0 15px 10px}.customer-message>header{padding:13px}.customer-message>p{padding:17px;font-size:12px}.support-composer{margin:10px 15px 17px}.support-composer textarea{height:115px}.reply-mode{padding:0 12px;gap:15px}.reply-mode>span{font-size:8px}.social-top{height:65px;padding:0 17px;gap:20px}.social-top .brand{font-size:0;gap:0}.social-top>nav{gap:20px}.social-top nav button{font-size:10px}.social-main{padding:33px 19px}.social-page-title .eyebrow{font-size:8px;letter-spacing:1.4px}.social-page-title h1{font-size:27px;line-height:1.2;margin-top:12px}.social-page-title p{font-size:11px;line-height:1.8}.social-columns{margin-top:26px;gap:28px}.post-author{padding:19px}.post-author strong{font-size:11px}.post-author small{font-size:9px}.audience{font-size:9px}.post-editor textarea{padding:0 19px 19px;font-size:12px;height:290px}.social-post header small{font-size:8px}.post-actions{font-size:9px}.switcher-heading{padding:20px 18px}.switcher-heading h1{font-size:16px}.switcher-heading p{font-size:10px}.scenario-list{padding:8px}.scenario-option{gap:10px;padding:11px 10px}.scenario-option strong{font-size:12px}.scenario-option small{font-size:9px}.scenario-option>span>span{font-size:10px;line-height:1.5}.scenario-icon{width:32px;height:32px;flex-shrink:0}.director-panel{padding:18px}.director-panel>p{font-size:11px}.director-actions .secondary{font-size:10px;padding:7px;gap:4px}.director-actions .text-button{margin:7px 0 0}.switcher-footer{padding:17px 18px}.scenario-option>kbd{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body,#app,.document-shell{height:auto!important;overflow:visible!important;background:#fff}.document-header,.document-menu,.ribbon,.document-outline,.document-status,.paper-ruler,#switcher,#toast{display:none!important}.document-workspace,.paper-scroll{display:block;overflow:visible;padding:0}.paper{width:100%;max-width:none;min-height:0;box-shadow:none;border:0;padding:20px;zoom:100%!important}.rich-editor{min-height:0}.rich-editor h1,.rich-editor h2{break-after:avoid}.rich-editor tr{break-inside:avoid}.paper-kicker{display:none}.paper-footer{margin-top:25px}.paper-scroll{overflow:visible}}

.support-mobile-account{display:none}@media(max-width:900px){.support-mobile-account{display:block}.support-heading>div{margin-right:auto}.support-heading{gap:8px}}

.example-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:10px;font-weight:600;color:#758195}.example-picker select{width:100%;min-width:0;padding:10px 11px;border:1px solid #dfe5ed;border-radius:6px;background:#fff;color:#43516a;font-size:12px;font-weight:400;text-overflow:ellipsis}.example-picker select:focus-visible{outline:2px solid #315dde;outline-offset:2px}