.experience-grid{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:start;max-width:1060px;margin:auto}.mode-switch{display:flex;padding:5px;border:1px solid #cedbd1;background:#e7eee7;border-radius:14px;gap:5px;max-width:470px}.mode-switch button{border:0;background:transparent;color:#476051;padding:13px 15px;border-radius:10px;font-weight:750;flex:1;font-size:14px}.mode-switch button[aria-pressed=true]{background:#123a31;color:white;box-shadow:0 4px 12px #123a3122}.mode-story{padding:27px 0 20px}.mode-story h3{font-size:28px;line-height:1.4;margin:0 0 14px}.mode-story p{color:#63756a}.profile-card{background:#fffdf8;border:1px solid #dce5dd;border-radius:22px;padding:26px}.profile-card h3{font-size:23px;margin:12px 0 4px}.panel-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#819086}.tag-stack{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px;min-height:30px}.tag-stack span{font-size:12px;padding:5px 11px;border-radius:6px;background:#e5efe6;color:#20513a;border:1px solid #ccdfd0;animation:tag-in .22s ease-out}.tag-stack .empty-tag{color:#8a958c;background:#f2f4ef;border-style:dashed}.event-log{border-top:1px solid #e1e7de;padding-top:19px}.event-log ol,.flow-events{font-size:12px;padding-left:19px;color:#66786a;line-height:1.9;max-height:145px;overflow:auto}.text-button{border:0;background:none;color:#47755c;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:8px 0;display:block}.experience-note{font-size:12px;line-height:1.9;color:#78877c;margin-top:23px}.line-device{border:9px solid #102e27;border-radius:37px;box-shadow:0 25px 65px #163d2820;background:#fff;overflow:hidden;width:100%;max-width:430px;margin:auto}.line-status{padding:8px 22px 0;background:#f7faf6;color:#152c23;font-size:11px;font-weight:800;display:flex;justify-content:space-between}.line-top{display:flex;gap:10px;align-items:center;background:#f7faf6;padding:11px 15px;border-bottom:1px solid #e2e7df}.line-top>span:first-child{font-size:28px}.line-avatar{border-radius:50%;background:#214e3a;color:#f0d8a8;width:37px;height:37px;display:grid;place-items:center;font-family:serif;font-weight:800}.line-top strong{font-size:13px;display:block}.line-top small{display:block;font-size:10px;color:#778a7e}.line-dots{margin-left:auto;color:#78887e}.menu-chat{height:275px;overflow:auto;background:#dbe7df;padding:18px 14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.menu-bubble{background:white;padding:12px 14px;border-radius:3px 16px 16px 16px;max-width:88%;font-size:12px;line-height:1.8;white-space:pre-line;flex-shrink:0}.menu-bubble.me{align-self:flex-end;background:#c5e8a0;border-radius:16px 3px 16px 16px}.menu-bubble strong{display:block;color:#236247}.menu-card{border-radius:12px;background:#f6f8ef;padding:12px;border:1px solid #dae5d4;margin:8px 0 0}.menu-card img{height:105px;width:100%;object-fit:contain;background:white;border-radius:8px;margin-bottom:8px}.chat-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:#e6eee5;min-height:43px}.chat-actions button{border:1px solid #96b29d;background:#fff;color:#28563c;border-radius:20px;padding:5px 11px;font-size:11px}.line-compose{display:flex;gap:13px;padding:7px 13px;color:#6b7e70;align-items:center;background:#fbfcfa}.compose-placeholder{flex:1;background:#eff2ed;border-radius:16px;padding:4px 12px;font-size:11px;color:#b0bbb1}.richmenu-title{background:#183f31;color:#ead4a6;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.richmenu-title span{font-size:11px;font-weight:850;letter-spacing:.08em}.richmenu-title small{font-size:8px;color:#bed0b7}.rich-menu{display:grid;grid-template-columns:repeat(3,1fr);background:#c2cfae;gap:1px;aspect-ratio:2500/1686;overflow:hidden}.rich-menu[hidden]{display:none}.rich-tile{position:relative;border:0;background:#f5f0df;color:#244b35;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:9px 3px 7px;gap:3px;overflow:hidden;transition:background .18s}.rich-tile:nth-child(2),.rich-tile:nth-child(6){background:#e0e9d4}.rich-tile:nth-child(4){background:#e9d9ba}.rich-tile:hover,.rich-tile[aria-pressed=true]{background:#ceddbb;box-shadow:inset 0 0 0 3px #51805c}.rich-tile svg{width:40px;height:40px;stroke:#42654a;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.rich-tile strong{font-size:11px;position:relative;z-index:1;line-height:1.5}.rich-tile small{font-size:7px;letter-spacing:.07em;opacity:.6;line-height:1.3}.tile-photo{width:58px;height:47px;object-fit:contain;mix-blend-mode:multiply}.menu-fold{display:block;border:0;border-top:1px solid #d9e0d5;padding:10px;background:white;width:100%;font-size:11px;letter-spacing:.1em;color:#405c47}.rich-menu.business .rich-tile{background:#e8ecdf}.rich-menu.business .rich-tile:nth-child(2),.rich-menu.business .rich-tile:nth-child(6){background:#cdddc9}.rich-menu.business .rich-tile:nth-child(4){background:#e0d9c7}.flow-switch{margin-bottom:28px}.flow-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 25px}.flow-header h3{font-size:25px;margin:0 0 5px}.flow-header p{margin:0;font-size:14px}.demo-badge{background:#e9e2d1;color:#74644b;font-size:11px;white-space:nowrap;padding:7px 12px;border-radius:20px}.automation-layout{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #d7dfd4;border-radius:24px;overflow:hidden;min-height:590px;background:#fffdf8}.flow-canvas{padding:34px;background-color:#ecf1e9;background-image:radial-gradient(#c4d1c3 .8px,transparent .8px);background-size:15px 15px;min-height:100%;display:flex;flex-direction:column;align-items:center}.flow-node{background:#fffef9;border:1px solid #c9d9c8;border-left:4px solid #93ae8f;border-radius:10px;width:100%;max-width:320px;padding:13px 17px;position:relative;transition:.2s;box-shadow:0 4px 12px #1b3d1b06}.flow-node.active{border-color:#245d40;box-shadow:0 0 0 3px #b6d0ac;border-left-width:5px}.flow-node.done{background:#e4eedd}.flow-node .node-type{font-size:9px;letter-spacing:.08em;color:#75816e;display:block}.flow-node strong{font-size:13px;display:block}.flow-node small{font-size:10px;color:#7e8a78;display:block}.flow-node.condition{border-left-color:#b69d64}.flow-connector{height:22px;color:#88a17e;display:grid;place-items:center;font-size:18px}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:420px;width:100%;margin-top:14px}.branch-node{font-size:11px;padding:14px;border:1px dashed #b6c9af;border-radius:9px;background:#f8faf4;color:#64775b}.branch-node.active{border:2px solid #387149;background:#dcebd6;color:#28513c}.branch-node b{display:block;color:#7c6b4c;font-size:10px;margin-bottom:6px}.flow-detail{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.flow-detail h3{font-size:25px;margin:15px 0 8px}.flow-detail>p{font-size:14px;color:#6c7e6a;min-height:50px}.journey-message{background:#eff5e9;border-radius:10px;border-left:3px solid #97b488;padding:17px;font-size:13px;line-height:1.9;width:100%;white-space:pre-line;margin:10px 0 20px}.flow-choices{display:flex;gap:8px;flex-wrap:wrap;width:100%}.flow-choices button,.outline-button{border:1px solid #afc5ac;border-radius:8px;background:white;color:#2c563b;padding:9px 13px;font-size:12px}.flow-choices button:hover{background:#e7efdf}.flow-detail .btn{font-size:13px;margin-top:5px}.flow-detail .btn:disabled{opacity:.5;cursor:default}.flow-tags{width:100%;padding-top:22px;margin-top:18px;border-top:1px solid #dde5d8}.flow-events{padding:0 0 0 18px;margin:0;width:100%}.capability-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.capability-strip span{background:#edf2e7;font-size:11px;padding:9px 13px;border-radius:6px;color:#5b7157}.omni-workspace{display:grid;grid-template-columns:250px minmax(260px,1fr) 250px;border:1px solid #d5dfd3;border-radius:21px;overflow:hidden;background:#fffefb;box-shadow:0 20px 45px #153d2410;min-height:535px}.inbox-sidebar{border-right:1px solid #e0e6da;background:#f5f7f0;padding:19px 12px}.workspace-brand{font-size:16px;color:#244e39;font-weight:850;padding:0 6px 22px}.workspace-brand small{font-size:10px;display:block;color:#9aa68e;font-weight:500;margin-top:3px}.channel-label{display:block;font-size:10px;color:#7c8a72;margin:0 8px 5px}#channelFilter{width:100%;padding:9px;border:1px solid #d7dfce;border-radius:8px;font:inherit;font-size:12px;background:#fffefb;margin-bottom:13px;color:#47633f}.conversation-list{display:flex;flex-direction:column;gap:5px}.conversation-list button{border:1px solid transparent;padding:12px 10px;background:transparent;border-radius:9px;text-align:left;display:block;width:100%;color:#294334}.conversation-list button[aria-pressed=true]{background:#e2ebdb;border-color:#bacdae}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-row strong{font-size:12px}.channel-chip{font-size:9px;color:#53734a;background:#fffdf8;border:1px solid #d6e0cc;border-radius:5px;padding:2px 5px}.conversation-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#8a987f;margin-top:5px}.conversation-head{padding:23px;border-bottom:1px solid #e2e8dc;display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-head strong{font-size:15px;display:block}.conversation-head small{display:block;font-size:10px;color:#91a084;margin-top:4px}.status-pill{font-size:10px;padding:5px 9px;border-radius:20px;background:#f2e8cf;color:#8c7448;white-space:nowrap}.inbox-messages{height:310px;overflow:auto;background:#fcfcf8;padding:25px;display:flex;gap:13px;flex-direction:column}.inbox-bubble{background:#edf1e7;color:#43533c;max-width:88%;border-radius:4px 13px 13px;padding:12px 16px;font-size:12px;white-space:pre-line}.inbox-bubble small{display:block;font-size:9px;color:#90a080;margin-bottom:6px}.inbox-bubble.reply{background:#e1ecda;align-self:flex-end;border-radius:13px 4px 13px 13px}.inbox-controls{padding:17px 20px 0;display:flex;flex-wrap:wrap;gap:8px}.assignment-feedback{font-size:11px;color:#78916d;margin:8px 20px 20px;min-height:20px}.inbox-profile{background:#f7f8f2;border-left:1px solid #e1e7da;padding:26px 22px}.inbox-profile h3{margin:12px 0 7px}.inbox-profile .muted{font-size:11px;line-height:1.9;margin-bottom:25px}.inbox-profile .tag-stack span{font-size:10px}.service-owner{padding-top:21px;border-top:1px solid #e0e5d8;margin-top:22px}.service-owner strong,.service-owner p{font-size:12px;display:block;margin:9px 0;color:#57714b}.navlinks{gap:14px}.navlinks a{font-size:11px}.hero-photo{display:block!important}@keyframes tag-in{from{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1000px){.experience-grid{gap:35px;grid-template-columns:1fr 390px}.omni-workspace{grid-template-columns:220px 1fr}.inbox-profile{grid-column:1/-1;border-top:1px solid #dbe3d3;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.inbox-profile .panel-label,.inbox-profile h3,.inbox-profile .muted{margin:0}.inbox-profile .tag-stack{margin:0}.service-owner{margin:0}.automation-layout{grid-template-columns:1fr 1fr}.flow-detail{padding:24px}}@media(max-width:750px){.experience-grid{grid-template-columns:1fr;gap:30px}.menu-intro{max-width:520px;margin:auto;width:100%}.line-device{max-width:410px}.automation-layout{grid-template-columns:1fr}.flow-canvas{padding:24px 20px}.flow-detail{padding:26px}.flow-header{align-items:flex-start;flex-direction:column}.omni-workspace{grid-template-columns:1fr}.inbox-sidebar{border-right:0;border-bottom:1px solid #d5dfd3}.workspace-brand{padding-bottom:12px}.conversation-list{display:grid;grid-template-columns:1fr 1fr}.inbox-messages{height:300px}.inbox-profile{display:block}.inbox-profile .tag-stack{margin:12px 0}.inbox-profile .muted{margin:12px 0 20px}.service-owner{margin-top:20px}.menu-chat{height:245px}.flow-header h3{font-size:22px}.mode-story h3{font-size:26px}.rich-tile svg{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){html,.menu-chat{scroll-behavior:auto}.tag-stack span{animation:none}}