.tgd-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);grid-template-areas:"phone" "scenarios" "system";align-items:start}.tgd-area-phone{grid-area:phone;min-width:0}.tgd-area-scenarios{grid-area:scenarios;min-width:0}.tgd-area-system{grid-area:system;min-width:0}@media (min-width:900px){.tgd-layout{gap:28px;grid-template-columns:392px minmax(0,1fr);grid-template-areas:"phone scenarios" "phone system"}.tgd-area-phone{position:sticky;top:92px}}@media (min-width:1280px){.tgd-layout{grid-template-columns:minmax(0,1fr) 392px minmax(0,.86fr);grid-template-areas:"scenarios phone system"}.tgd-area-system{position:sticky;top:92px}}.tgd-area-phone,.tgd-area-system{scroll-margin-top:84px}.tgd-phone{width:100%;max-width:392px;height:780px;margin:0 auto;border-radius:56px;background:#111;padding:11px;box-shadow:0 0 0 2px #2b2b2b,0 30px 60px -18px rgba(18,38,32,.45)}@media (max-width:899px){.tgd-phone{max-width:440px;height:min(740px,calc(100svh - 96px));min-height:600px;border-radius:44px;padding:8px}.tgd-phone .tgd-screen{border-radius:36px}}.tgd-screen{width:100%;height:100%;border-radius:46px;overflow:hidden;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;color:#000;-webkit-font-smoothing:antialiased}.tgd-screen,.tgd-status{position:relative;display:flex}.tgd-status{flex:0 0 auto;height:50px;align-items:center;justify-content:space-between;padding:6px 30px 0 34px;font-size:15px;font-weight:600;background:#f7f7f7}.tgd-island{position:absolute;left:50%;top:11px;width:112px;height:32px;margin-left:-56px;border-radius:20px;background:#000}.tgd-sys{display:inline-flex;align-items:center;gap:6px}.tgd-sys svg{fill:currentColor}.tgd-head{flex:0 0 auto;display:grid;grid-template-columns:84px 1fr 84px;align-items:center;height:50px;padding:0 10px;background:#f7f7f7;border-bottom:.5px solid #c8c7cc}.tgd-back{display:inline-flex;align-items:center;color:#007aff;font-size:16px}.tgd-title{text-align:center;line-height:1.15;min-width:0}.tgd-title b{display:block;font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgd-title small{display:block;font-size:12.5px;color:#8e8e93}.tgd-title small.is-typing{color:#3390ec}.tgd-avatar{justify-self:end;width:36px;height:36px;border-radius:50%;background:linear-gradient(150deg,#1c9e7a,#0f7d60);color:#fff;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.tgd-body{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 10px;scrollbar-width:thin;background:radial-gradient(circle at 15% 15%,#dbddbb 0,rgba(219,221,187,0) 45%),radial-gradient(circle at 85% 25%,#d5d88d 0,rgba(213,216,141,0) 50%),radial-gradient(circle at 20% 85%,#88b884 0,rgba(136,184,132,0) 55%),radial-gradient(circle at 90% 90%,#6ba587 0,rgba(107,165,135,0) 50%),#b4c99a}.tgd-date{text-align:center;margin:4px 0 8px}.tgd-date span{display:inline-block;padding:2px 9px;border-radius:12px;background:rgba(66,98,57,.38);color:#fff;font-size:12.5px;font-weight:500}.tgd-row{display:flex;margin:5px 0}.tgd-row.is-out{justify-content:flex-end}.tgd-msg{max-width:88%;min-width:0;display:flex;flex-direction:column;gap:3px}.tgd-bubble{position:relative;padding:6px 10px;border-radius:16px;font-size:14.5px;line-height:19px;box-shadow:0 1px .5px rgba(0,0,0,.13);overflow-wrap:anywhere}.tgd-row.is-in .tgd-bubble{background:#fff;border-bottom-left-radius:5px}.tgd-row.is-out .tgd-bubble{background:#e1fec6;border-bottom-right-radius:5px}.tgd-row.is-new .tgd-msg{animation:tgd-in .22s ease-out}.tgd-text p{margin:0}.tgd-text p+p{margin-top:2px}.tgd-text b{font-weight:600}.tgd-meta{float:right;display:inline-flex;align-items:center;gap:2px;margin:6px 0 -3px 10px;font-size:11.5px;line-height:14px;color:#a1aab3}.tgd-row.is-out .tgd-meta{color:#4fae4e}.tgd-tag{font-size:12.5px;line-height:16px;font-weight:600;color:#3390ec;margin-bottom:2px}.tgd-msg.is-alert .tgd-tag{color:#e17076}.tgd-state{margin-top:6px;padding:4px 8px;border-radius:8px;font-size:12.5px;line-height:16px;font-weight:500}.tgd-state.is-good{background:#e6f6e1;color:#2d7d29}.tgd-state.is-bad{background:#fdeceb;color:#b5332a}.tgd-state.is-wait{background:#eef1f4;color:#5d6b78}.tgd-file{display:flex;align-items:center;gap:10px;margin-top:6px;padding:2px 0}.tgd-file-icon{flex:0 0 42px;height:42px;border-radius:50%;background:#3390ec;color:#fff;display:inline-flex;align-items:center;justify-content:center}.tgd-file b{display:block;font-size:14px;font-weight:600;line-height:18px}.tgd-file small{display:block;font-size:12.5px;color:#8e8e93;line-height:16px}.tgd-ikb{flex-direction:column}.tgd-ikb,.tgd-ikb-row{display:flex;gap:3px}.tgd-ikb-btn{flex:1;min-width:0;min-height:36px;padding:7px 12px;border-radius:9px;border:0;background:rgba(56,92,52,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:13.5px;line-height:17px;font-weight:600;text-align:center;cursor:pointer}.tgd-ikb-btn:hover{background:rgba(56,92,52,.58)}.tgd-ikb-btn:disabled{opacity:.6;cursor:default}.tgd-typing{display:inline-flex;gap:4px;padding:11px 12px!important}.tgd-typing i{width:7px;height:7px;border-radius:50%;background:#a1aab3;animation:tgd-dot 1s ease-in-out infinite}.tgd-typing i:nth-child(2){animation-delay:.15s}.tgd-typing i:nth-child(3){animation-delay:.3s}.tgd-menu{flex:0 0 auto;max-height:300px;overflow-y:auto;background:#fff;border-top:.5px solid #c8c7cc;padding:4px 0}.tgd-menu button{display:flex;align-items:baseline;gap:10px;width:100%;padding:8px 16px;border:0;background:transparent;text-align:left;font:inherit;font-size:14.5px;line-height:19px;cursor:pointer}.tgd-menu button:hover{background:#f2f2f7}.tgd-cmd{flex:0 0 112px;font-weight:600;color:#000}.tgd-cmd-d{flex:1;min-width:0;color:#6d6d72}.tgd-input{display:flex;gap:10px;padding:7px 10px;background:#f7f7f7;border-top:.5px solid #c8c7cc;color:#858e99}.tgd-input,.tgd-menubtn{flex:0 0 auto;align-items:center}.tgd-menubtn{display:inline-flex;gap:5px;height:32px;padding:0 12px 0 10px;border-radius:16px;border:0;background:#3390ec;color:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}.tgd-menubtn[aria-expanded=true]{background:#2a7fd4}.tgd-field{flex:1;min-width:0;height:34px;border:.5px solid #c8c7cc;border-radius:17px;background:#fff;padding:0 12px;font-size:15px;line-height:33px;color:#a1a1a6}.tgd-kbd{flex:0 0 auto;flex-direction:column;padding:7px 6px 22px;background:#d1d4db}.tgd-kbd,.tgd-kbd-row{display:flex;gap:6px}.tgd-kbd button{flex:1;min-width:0;min-height:40px;padding:4px 8px;border:0;border-radius:8px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.3);font:inherit;font-size:13.5px;line-height:16px;font-weight:500;color:#000;cursor:pointer}.tgd-kbd button:hover{background:#f2f2f7}.tgd-kbd button:disabled,.tgd-menu button:disabled{color:#8e8e93;cursor:default}.tgd-screen button:focus-visible{outline:2px solid #1c9e7a;outline-offset:2px}.tgd-panel.is-highlighted,.tgd-tile.is-changed{animation:tgd-flash 1.6s ease-out}@keyframes tgd-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes tgd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tgd-flash{0%{box-shadow:0 0 0 0 rgba(28,158,122,.55)}30%{box-shadow:0 0 0 6px rgba(28,158,122,.25)}to{box-shadow:0 0 0 0 rgba(28,158,122,0)}}@media (prefers-reduced-motion:reduce){.tgd-typing i{opacity:.6}.tgd-row.is-new .tgd-msg,.tgd-typing i{animation:none}.tgd-panel.is-highlighted,.tgd-tile.is-changed{animation:none;box-shadow:0 0 0 3px rgba(28,158,122,.35)}}@media (max-width:899px){.tgd-head{grid-template-columns:40px 1fr 40px;padding:0 8px}.tgd-status{padding:6px 22px 0 28px}.tgd-island{width:96px;margin-left:-48px}.tgd-back span{display:none}.tgd-input{gap:8px}}