:root{--mdui-color-primary:103,80,164;--mdui-color-primary-container:234,221,255;--mdui-color-on-primary-container:33,0,94;font-family:Roboto,"Noto Sans SC",system-ui,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:rgb(var(--mdui-color-background));color:rgb(var(--mdui-color-on-background))}.yiding-app{display:flex;height:100vh;min-height:560px}.conversation-sidebar{display:flex;flex:0 0 280px;flex-direction:column;gap:16px;padding:20px 14px;background:rgb(var(--mdui-color-surface-container-low));border-right:1px solid rgb(var(--mdui-color-outline-variant))}.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 10px}.brand>span:last-child{display:grid;gap:0}.brand strong{font-size:1.15rem}.brand small{color:rgb(var(--mdui-color-on-surface-variant));font-size:.72rem}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:rgb(var(--mdui-color-on-primary));background:rgb(var(--mdui-color-primary));font-weight:700}.sidebar-label{padding:6px 10px 0;color:rgb(var(--mdui-color-on-surface-variant))}.history-list{overflow:auto;flex:1;min-height:0}.sidebar-account{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 4px 0;border-top:1px solid rgb(var(--mdui-color-outline-variant));color:rgb(var(--mdui-color-on-surface-variant));font-size:.75rem}
.chat-pane{display:flex;flex:1;min-width:0;flex-direction:column;background:rgb(var(--mdui-color-background))}.chat-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 28px;border-bottom:1px solid rgb(var(--mdui-color-outline-variant));font-size:1rem}.online{color:rgb(var(--mdui-color-primary));font-size:.75rem}.online i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#2e7d32}.chat-log{display:flex;flex:1;flex-direction:column;gap:26px;width:min(820px,calc(100% - 44px));margin:0 auto;overflow:auto;padding:42px 0 24px}.message{max-width:100%}.message.user{align-self:flex-end;max-width:min(78%,620px)}.message-label{display:block;margin-bottom:4px;color:rgb(var(--mdui-color-on-surface-variant));font-size:.72rem}.message.user .message-label{text-align:right}.message-body{white-space:pre-wrap}.message.user .message-body{padding:11px 15px;border-radius:18px;background:rgb(var(--mdui-color-primary-container));color:rgb(var(--mdui-color-on-primary-container))}.artifact-card{display:grid;gap:7px;width:max-content;max-width:100%;margin-top:10px;padding:12px 14px;border-radius:12px;background:rgb(var(--mdui-color-surface-container));font-size:.82rem}.artifact-links{display:flex;flex-wrap:wrap;gap:12px}.artifact-links a{color:rgb(var(--mdui-color-primary));text-decoration:none}.artifact-links a:hover{text-decoration:underline}
.composer-area{width:min(820px,calc(100% - 44px));margin:0 auto;padding:8px 0 20px}.suggestions{display:flex;gap:8px;margin:0 0 10px;overflow:auto}.suggestions mdui-chip{flex:none}.composer{display:grid;gap:8px;padding:10px 12px;border:1px solid rgb(var(--mdui-color-outline));border-radius:18px;background:rgb(var(--mdui-color-surface-container-lowest));box-shadow:0 2px 8px #00000012}.composer>mdui-text-field{width:100%}.composer footer{display:flex;align-items:center;gap:8px;margin:0}.attach{display:grid;place-items:center}.attach input{display:none}.composer mdui-select{width:150px;--shape-corner:12px}.composer footer small{flex:1;overflow:hidden;color:rgb(var(--mdui-color-on-surface-variant));font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.composer-note{display:block;margin-top:8px;color:rgb(var(--mdui-color-on-surface-variant));text-align:center;font-size:.68rem}
.account-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.32)}.account-dialog{position:relative;width:min(410px,calc(100% - 32px));padding:26px}.account-dialog h2{margin:5px 0;font-size:1.5rem}.account-dialog>p{color:rgb(var(--mdui-color-on-surface-variant));font-size:.8rem}.account-dialog form{display:grid;gap:12px}.account-dialog footer{display:flex;flex-wrap:wrap;gap:8px;margin:0}.account-dialog small:last-child{min-height:18px;color:rgb(var(--mdui-color-on-surface-variant))}.close{position:absolute;top:10px;right:10px}.hidden{display:none!important}
@media(max-width:760px){.conversation-sidebar{flex-basis:64px;padding:16px 8px}.brand{justify-content:center;padding-left:0;padding-right:0}.brand>span:last-child,.sidebar-label,.sidebar-account span,.history-list{display:none}.conversation-sidebar>mdui-button{--mdui-button-container-width:40px;overflow:hidden;padding:0}.sidebar-account{justify-content:center}.chat-header{padding:0 16px}.chat-log,.composer-area{width:calc(100% - 28px)}.chat-log{padding-top:28px}.message.user{max-width:90%}.composer footer{flex-wrap:wrap}.composer mdui-select{flex:1;min-width:130px}}