:root{--dark:#1e1f22;--channels:#2b2d31;--chat:#313338;--input:#383a40;--hover:#35373c;--text:#dbdee1;--muted:#949ba4;--gold:#d9a52a;--gold2:#efbb3c;--red:#f23f43;--green:#23a55a}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;background:#111214;color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#282218 0,#151619 42%,#090a0c 100%)}.login-card{display:grid;width:min(880px,100%);grid-template-columns:.92fr 1.08fr;overflow:hidden;border:1px solid rgba(225,172,50,.18);border-radius:18px;background:rgba(25,26,30,.97);box-shadow:0 24px 90px rgba(0,0,0,.55)}.login-art{position:relative;min-height:590px;overflow:hidden;border-right:1px solid rgba(225,172,50,.13);background:radial-gradient(circle at 50% 42%,#29241a 0,#0c0d0f 70%)}.login-art:after{position:absolute;inset:0;content:"";background:linear-gradient(to bottom,transparent 58%,rgba(8,9,10,.9))}.login-art img{position:absolute;top:16px;left:50%;width:115%;max-width:none;transform:translateX(-50%)}.login-content{padding:88px 34px 34px}.login-content h1{margin:0 0 28px;font-size:27px;letter-spacing:-.04em}.login-content form{display:grid;gap:18px}.login-content label{display:grid;gap:8px;color:#c9cad0;font-size:12px;font-weight:700}.login-content input{width:100%;height:44px;padding:0 12px;border:1px solid #363740;border-radius:8px;outline:0;background:#111216;color:white}.login-content input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,165,42,.13)}.login-content button{display:flex;height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--gold);color:#111214;font-weight:850}.login-content button:hover{background:var(--gold2)}.error,#notice{color:#ff8587;font-size:12px}
.discord-app{display:grid;width:100%;height:100vh;grid-template-columns:72px 240px minmax(0,1fr);overflow:hidden}.server-rail{padding:12px 0;background:#1e1f22}.server-icon{position:relative;display:grid;width:48px;height:48px;margin:auto;place-items:center;overflow:hidden;border-radius:50%;transition:.15s}.server-icon:before{position:absolute;left:-12px;width:4px;height:0;border-radius:0 4px 4px 0;background:white;content:""}.server-icon.active{border-radius:16px}.server-icon.active:before{height:38px}.server-icon img{width:100%;height:100%;object-fit:cover}.channel-sidebar{display:flex;min-width:0;flex-direction:column;background:var(--channels)}.channel-sidebar>header{display:flex;height:48px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #1f2023;box-shadow:0 1px 0 rgba(0,0,0,.2);color:#f2f3f5;font-weight:700}.channel-group{padding:18px 8px}.channel-group small{display:block;padding:0 8px 5px;color:#949ba4;font-size:10px;font-weight:800}.channel{display:flex;width:100%;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#949ba4;text-align:left}.channel b{font-size:20px;font-weight:400}.channel.active{background:#404249;color:#f2f3f5}.user-panel{display:grid;height:53px;grid-template-columns:34px 1fr 28px;align-items:center;gap:8px;margin-top:auto;padding:0 8px;background:#232428}.user-panel img{width:34px;height:34px;border-radius:50%;object-fit:cover}.user-panel div{display:grid;min-width:0}.user-panel strong{overflow:hidden;color:#f2f3f5;font-size:12px;text-overflow:ellipsis}.user-panel span{color:#b5bac1;font-size:10px}.user-panel button{border:0;background:transparent;color:#b5bac1;font-size:17px}.chat-shell{display:grid;min-width:0;height:100vh;grid-template-rows:48px minmax(0,1fr) auto;background:var(--chat)}.chat-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid #26272b;box-shadow:0 1px 0 rgba(0,0,0,.22)}.channel-name{display:flex;min-width:0;align-items:center;gap:8px}.channel-name>b{color:#949ba4;font-size:24px;font-weight:400}.channel-name strong{color:#f2f3f5}.channel-name span{overflow:hidden;margin-left:8px;padding-left:16px;border-left:1px solid #4e5058;color:#949ba4;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.destination{display:flex;align-items:center;gap:8px}.destination label{display:flex;align-items:center;gap:7px;color:#949ba4;font-size:10px}.destination input{width:184px;height:30px;padding:0 9px;border:1px solid #1e1f22;border-radius:4px;outline:0;background:#1e1f22;color:#dbdee1;font:11px ui-monospace,monospace}.destination input:focus{border-color:#8f6a1d}.send-button,.composer-send{border:0;background:var(--gold);color:#161719;font-weight:800}.send-button{height:30px;padding:0 14px;border-radius:4px}.send-button:hover,.composer-send:hover{background:var(--gold2)}.send-button:disabled,.composer-send:disabled{opacity:.55;cursor:not-allowed}.message-stream{display:flex;min-height:0;flex-direction:column;overflow-y:auto}.welcome-block{margin-top:auto;padding:28px 16px 22px}.welcome-block>span{display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:#41434a;color:white;font-size:42px;font-weight:500}.welcome-block h1{margin:12px 0 3px;color:#f2f3f5;font-size:28px;letter-spacing:-.025em}.welcome-block p{margin:0;color:#b5bac1}.live-message{display:flex;gap:16px;padding:8px 16px 22px}.live-message:hover{background:rgba(0,0,0,.06)}.message-avatar{width:40px;height:40px;flex:0 0 40px;border:1px solid #8e6919;border-radius:50%;object-fit:cover}.message-content{min-width:0;flex:1}.author{color:#f2f3f5;font-weight:600}.author>b{margin-left:4px;padding:1px 4px;border-radius:3px;background:#b38322;color:#111214;font-size:8px;vertical-align:2px}.author time{margin-left:5px;color:#949ba4;font-size:10px;font-weight:400}.message-text{margin-top:2px;overflow-wrap:anywhere;color:#dbdee1;line-height:1.45;white-space:pre-wrap}.message-text.muted{color:#777d87}.message-text strong{color:#fff}.message-text code{padding:2px 4px;border-radius:3px;background:#1e1f22;font:12px ui-monospace,monospace}.message-text pre{overflow:auto;margin:5px 0;padding:8px;border:1px solid #111214;border-radius:4px;background:#1e1f22}.message-text pre code{padding:0}.message-text blockquote{margin:5px 0;padding-left:10px;border-left:3px solid #4e5058}.preview-images{display:grid;max-width:620px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:8px}.preview-images img{width:100%;max-height:320px;border-radius:4px;object-fit:cover}.preview-images img:only-child{grid-column:1/-1}.preview-image-wrap{position:relative}.preview-image-wrap button{position:absolute;top:7px;right:7px;display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:50%;background:rgba(17,18,20,.88);color:white;font-size:18px}.composer-dock{position:relative;padding:0 16px 24px}.typing-toolbar{position:absolute;right:26px;bottom:78px;z-index:2;display:flex;padding:3px;border:1px solid #1e1f22;border-radius:5px;background:#1e1f22;box-shadow:0 4px 14px rgba(0,0,0,.32);opacity:0;transform:translateY(5px);transition:.15s;pointer-events:none}.composer-dock:focus-within .typing-toolbar{opacity:1;transform:none;pointer-events:auto}.typing-toolbar button{display:grid;width:28px;height:26px;place-items:center;border:0;border-radius:3px;background:transparent;color:#b5bac1}.typing-toolbar button:hover{background:#35373c;color:white}.discord-composer{display:grid;min-height:44px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;border-radius:8px;background:var(--input)}.discord-composer.dragging{outline:2px solid var(--gold);outline-offset:2px}.plus-button{display:grid;width:32px;height:32px;place-items:center;align-self:end;margin:6px;border:0;border-radius:50%;background:#b5bac1;color:#383a40;font-size:24px;line-height:1}.plus-button:hover{background:#dbdee1}.discord-composer textarea{width:100%;min-height:44px;max-height:190px;resize:none;padding:12px 4px;border:0;outline:0;background:transparent;color:#dbdee1;line-height:20px}.discord-composer textarea::placeholder{color:#6d6f78}.composer-send{display:grid;width:32px;height:32px;place-items:center;align-self:end;margin:6px;border-radius:50%}.composer-meta{display:flex;justify-content:space-between;padding:6px 4px 0;color:#6d6f78;font-size:10px}#notice{display:block;min-height:16px;padding:2px 4px 0}#notice.success{color:var(--green)}.uploads{display:none!important}
@media(max-width:800px){.discord-app{grid-template-columns:64px minmax(0,1fr)}.channel-sidebar{display:none}.destination label{display:none}.channel-name span{display:none}}@media(max-width:560px){.login-card{display:block}.login-art{min-height:250px;border-right:0;border-bottom:1px solid rgba(225,172,50,.13)}.login-art img{top:-110px;width:100%}.login-content{padding:28px 22px}.discord-app{display:block}.server-rail{display:none}.chat-shell{height:100vh}.chat-header{padding:0 10px}.message-stream{padding-bottom:4px}.welcome-block{padding:22px 12px 16px}.welcome-block>span{width:52px;height:52px;font-size:32px}.welcome-block h1{font-size:22px}.live-message{gap:10px;padding:8px 10px 18px}.composer-dock{padding:0 8px 12px}.typing-toolbar{right:12px;bottom:68px}.composer-meta #dropHint{display:none}}
.preview-images .preview-image-wrap:only-child{grid-column:1/-1}.preview-images img:only-child{grid-column:auto}#saveState{transition:color .15s}.history-drawer{position:fixed;z-index:20;top:0;right:0;bottom:0;width:min(380px,calc(100vw - 72px));overflow:hidden;border-left:1px solid #202225;background:#2b2d31;box-shadow:-12px 0 35px rgba(0,0,0,.35);transform:translateX(105%);transition:transform .2s ease}.history-drawer.open{transform:none}.history-drawer>header{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #202225}.history-drawer header div{display:grid}.history-drawer header strong{color:#f2f3f5}.history-drawer header span{color:#949ba4;font-size:10px}.history-drawer header button{border:0;background:none;color:#b5bac1;font-size:24px}.history-list{height:calc(100% - 58px);overflow-y:auto;padding:10px}.history-item{display:grid;width:100%;gap:3px;margin-bottom:6px;padding:11px;border:0;border-radius:6px;background:transparent;color:#dbdee1;text-align:left}.history-item:hover{background:#35373c}.history-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item span{color:#949ba4;font-size:9px}.history-item p{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:#b5bac1;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.history-empty{padding:18px;color:#949ba4;font-size:12px}
.v2-container{max-width:720px;margin-top:5px;padding:12px 14px;border:1px solid #25262a;border-radius:8px;background:#2b2d31}.v2-container .message-text{margin:0;white-space:normal}.message-text h1,.message-text h2,.message-text h3{margin:4px 0;color:#f2f3f5;line-height:1.25}.message-text h1{font-size:23px}.message-text h2{font-size:20px}.message-text h3{font-size:17px}.message-text a{color:#00a8fc;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text .subtext{color:#949ba4;font-size:11px}.message-text .discord-list{display:grid;grid-template-columns:22px minmax(0,1fr);padding-left:8px}.message-text .discord-list span{text-align:right;padding-right:7px}.message-text .discord-gap{height:8px}.message-text .spoiler{border-radius:3px;background:#1e1f22;color:transparent;cursor:pointer}.message-text .spoiler:hover{color:#dbdee1}.message-text .mention{padding:0 2px;border-radius:3px;background:rgba(88,101,242,.3);color:#c9cdfb}.typing-toolbar{max-width:calc(100vw - 40px);overflow-x:auto}
.v2-container.active{outline:1px solid rgba(217,165,42,.55);outline-offset:1px}.container-tabs{display:flex;align-items:center;gap:7px;margin-bottom:7px;overflow-x:auto}.container-tabs>div{display:flex;gap:5px}.container-tabs button{flex:0 0 auto;height:28px;padding:0 9px;border:1px solid #2a2b30;border-radius:5px;background:#2b2d31;color:#949ba4;font-size:10px}.container-tabs button:hover{background:#35373c;color:#dbdee1}.container-tabs>div>button.active{border-color:#8f6a1d;background:#3b3425;color:#efc862}.container-tabs button span{margin-left:7px;color:#777}.container-tabs button span:hover{color:#f23f43}#addBlock{border-style:dashed}
.container-actions{margin-left:auto}.container-actions button:first-child,.container-actions button:last-child{border-style:dashed}.container-tabs button:disabled{opacity:.35;cursor:not-allowed}.container-tabs button.dragging{opacity:.4}.container-tabs button.drag-over{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.history-row{position:relative}.history-row .history-item{padding-right:40px}.history-delete{position:absolute;top:9px;right:8px;display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:5px;background:transparent;color:#949ba4;font-size:20px}.history-delete:hover{background:rgba(242,63,67,.16);color:#ff777a}.history-delete:disabled{opacity:.4;cursor:not-allowed}
.chat-shell{grid-template-rows:48px minmax(0,1fr)}.split-workspace{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr)}.compose-pane,.preview-pane{display:grid;min-width:0;min-height:0;grid-template-rows:50px minmax(0,1fr)}.compose-pane{overflow:auto;background:#2b2d31}.preview-pane{border-left:1px solid #202225;background:#313338}.pane-title{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #202225}.pane-title>div{display:grid}.pane-title strong{color:#f2f3f5;font-size:12px}.pane-title span{color:#949ba4;font-size:9px}.compose-pane .composer-dock{align-self:start;padding:18px 16px}.compose-pane .typing-toolbar{position:static;width:max-content;max-width:100%;margin:0 0 7px auto;opacity:1;transform:none;pointer-events:auto}.preview-pane .message-stream{height:100%;min-height:0}.preview-pane .welcome-block{margin-top:0;padding-top:28px}.preview-pane .live-message{padding-bottom:30px}.preview-pane .v2-container{max-width:none}.compose-pane .container-tabs{align-items:flex-start;flex-wrap:wrap;overflow:visible}.compose-pane .container-actions{margin-left:0}.compose-pane .discord-composer textarea{min-height:150px;max-height:360px}.compose-pane .composer-meta{padding-bottom:2px}
@media(max-width:1100px){.split-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(460px,1fr);overflow-y:auto}.compose-pane{overflow:visible}.preview-pane{min-height:460px;border-top:1px solid #202225;border-left:0}.compose-pane .composer-dock{padding-bottom:24px}}
.compose-pane{background:radial-gradient(circle at 50% 0,rgba(217,165,42,.055),transparent 330px),#25262b}.compose-pane .pane-title{height:58px;padding:0 22px;background:rgba(30,31,34,.55)}.compose-pane .composer-dock{width:auto;margin:20px;padding:0;border:1px solid #191a1d;border-radius:12px;background:#2b2d31;box-shadow:0 14px 36px rgba(0,0,0,.2)}.composer-card-header{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid #202225}.composer-card-header>div{display:grid;gap:2px}.composer-card-header small{color:#a97f22;font-size:9px;font-weight:850;letter-spacing:.11em}.composer-card-header strong{color:#f2f3f5;font-size:15px}.composer-card-header>span{padding:4px 7px;border:1px solid #3b3d44;border-radius:4px;color:#949ba4;font-size:9px}.compose-pane .container-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:14px 18px;border-bottom:1px solid #202225;overflow:visible}.compose-pane .container-tabs>div{min-width:0}.compose-pane #blockTabs{overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.compose-pane .container-tabs #blockTabs>button{height:32px;padding:0 11px;border-color:#3a3c43;background:#25262a}.compose-pane .container-tabs #blockTabs>button.active{border-color:#a97d1d;background:linear-gradient(180deg,#3c3422,#302b21);color:#f1c75e;box-shadow:0 0 0 1px rgba(217,165,42,.08)}.compose-pane .container-actions{margin:0}.compose-pane .container-actions button{height:27px;background:transparent}.compose-pane .typing-toolbar{display:flex;width:auto;max-width:none;margin:18px 18px 0;padding:6px 7px;border:1px solid #1a1b1e;border-bottom-color:#34363c;border-radius:9px 9px 0 0;background:#1e1f22;box-shadow:none}.compose-pane .typing-toolbar button{width:32px;height:30px}.compose-pane .typing-toolbar button:hover{background:#34363c}.compose-pane .discord-composer{min-height:240px;grid-template-columns:112px minmax(0,1fr) 46px;align-items:end;margin:0 18px;border:1px solid #1a1b1e;border-top:0;border-radius:0 0 9px 9px;background:#383a40;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.compose-pane .discord-composer textarea{min-height:240px;max-height:430px;padding:18px 8px 54px;line-height:1.6}.compose-pane .plus-button{display:flex;width:92px;height:34px;align-items:center;justify-content:center;gap:5px;margin:0 8px 10px;border-radius:6px;background:#4e5058;color:#dbdee1;font-size:18px}.compose-pane .plus-button:after{content:'Add image';font-size:10px;font-weight:700}.compose-pane .plus-button:hover{background:#5d6069}.compose-pane .composer-send{width:34px;height:34px;margin:0 8px 10px 0;box-shadow:0 4px 12px rgba(217,165,42,.18)}.compose-pane .composer-meta{margin:0 18px;padding:8px 2px 0}.compose-pane #notice{margin:0 18px;padding:3px 2px 14px}.compose-pane .container-tabs button.drag-over{box-shadow:inset 3px 0 0 var(--gold),0 0 0 1px var(--gold)}
@media(max-width:560px){.compose-pane .composer-dock{margin:10px}.composer-card-header{padding:0 13px}.composer-card-header>span{display:none}.compose-pane .container-tabs{padding:12px}.compose-pane .typing-toolbar{margin:12px 12px 0}.compose-pane .discord-composer{grid-template-columns:44px minmax(0,1fr) 42px;margin:0 12px}.compose-pane .plus-button{width:32px;margin-left:6px;border-radius:50%}.compose-pane .plus-button:after{display:none}.compose-pane .composer-meta,.compose-pane #notice{margin-right:12px;margin-left:12px}}

/* Full-height desktop workspace with tighter navigation and gutters. */
@media(min-width:1101px){
  .discord-app{grid-template-columns:56px 200px minmax(0,1fr)}
  .server-rail{padding-top:8px}
  .server-icon{width:42px;height:42px}
  .channel-sidebar>header{padding:0 12px}
  .channel-group{padding:12px 6px}
  .split-workspace{grid-template-columns:minmax(470px,1fr) minmax(540px,1.2fr)}
  .compose-pane{overflow:hidden}
  .compose-pane .pane-title{height:50px;padding:0 14px}
  .compose-pane .composer-dock{display:flex;width:auto;height:calc(100% - 12px);min-height:0;margin:6px;flex-direction:column}
  .composer-card-header{min-height:54px;padding:0 12px}
  .compose-pane .container-tabs{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:9px 10px}
  .compose-pane #blockTabs{padding-bottom:0}
  .compose-pane .typing-toolbar{flex:0 0 auto;margin:8px 10px 0;padding:4px}
  .compose-pane .typing-toolbar button{height:28px}
  .compose-pane .discord-composer{min-height:0;margin:0 10px;flex:1 1 auto;grid-template-columns:96px minmax(0,1fr) 42px}
  .compose-pane .discord-composer textarea{height:100%!important;min-height:0;max-height:none;padding:14px 6px 46px}
  .compose-pane .plus-button{width:78px;margin:0 7px 8px}
  .compose-pane .composer-send{margin:0 7px 8px 0}
  .compose-pane .composer-meta{margin:0 10px;padding-top:5px}
  .compose-pane #notice{min-height:12px;margin:0 10px;padding:1px 2px 5px}
}

.v2-directory{margin-top:12px!important;padding-top:10px;border-top:1px solid #4e5058;color:#b5bac1}
.v2-directory h3{margin:0 0 5px;color:#f2f3f5;font-size:13px}
.v2-directory .discord-list{padding-left:0}