:root{--ink:#24282d;--muted:#626970;--line:#dfe2e5;--snow:#f6f7f8;--accent:#234c48}
body{color:var(--ink);background:var(--snow);-webkit-font-smoothing:antialiased}
header{background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;min-height:60px;gap:14px}
header>a:first-child{letter-spacing:.12em;font-weight:650}
main{grid-template-columns:minmax(176px,17%) minmax(0,1fr) minmax(285px,36%);min-height:calc(100dvh - 60px)}
aside,article{padding:clamp(14px,1.5vw,24px);overflow-wrap:anywhere}
main>aside:first-child{border-right:1px solid var(--line)}
main>aside:first-child>a{display:block;margin:3px 0;padding:4px 8px;color:#35433f;text-decoration:none;border-radius:8px}
main>aside:first-child>a:hover{background:#e8edeb}
article h2,aside h3{letter-spacing:-.025em;margin:4px 0 14px}
#list{max-height:48vh;overflow:auto}#list button{background:transparent;border:0;padding:8px 10px}
#list button[aria-current=true]{background:#dfe9e6;color:#123a33;font-weight:600}
#history{display:grid;align-content:start;gap:8px}#history pre{margin:0;padding:10px 12px;background:#f5f6f7;border-radius:10px;line-height:1.7}
#history a,#files a,main>aside a{color:var(--accent);text-underline-offset:3px}
input,select,textarea,button{max-width:100%;min-width:0}
#send{border-top:1px solid var(--line);padding:12px;background:#fff;border-radius:12px;box-shadow:0 -4px 16px #1c293307}
#send label{font-size:.83em;color:var(--muted)}#send label select{font-size:inherit;padding:4px}
#files{border-left:1px solid var(--line)}#files h3+div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#files select,#files label{width:100%}#files a{font-size:.88em}
iframe{display:block;width:100%;min-width:0;margin-top:12px;background:white;border:1px solid var(--line);border-radius:12px}
@media(min-width:761px){main{height:calc(100dvh - 65px)}main>aside,article{overflow:auto}#send{position:sticky;bottom:0}}
@media(max-width:760px){header{padding:10px;gap:8px;flex-wrap:wrap}main{display:flex;flex-direction:column}main>aside:first-child{border:0}#list{max-height:160px}
#files{border-left:0;border-top:1px solid var(--line)}#send{position:static}#history{max-height:58vh;overflow:auto}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .16s,color .16s}}

.desk-palette{width:min(92vw,480px);border:1px solid #cfd5d6;border-radius:18px;padding:16px;box-shadow:0 16px 60px #19262926}.desk-palette::backdrop{background:#212e3b44}.desk-palette input{width:100%}.desk-palette div{max-height:44vh;overflow:auto;margin:12px 0}.desk-palette button{display:block;width:100%;text-align:left;border:0}.desk-palette button[aria-current=true]{background:#e5eeeb}.desk-palette small{color:#64706c}