[hidden]{display:none!important}section{max-width:880px;margin:auto}form{max-width:620px;margin:24px 0}label{display:block;font-weight:650;margin:18px 0}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px;border:1px solid #b7c9c6;border-radius:8px;background:white;font:inherit;color:#132c31}input:focus,textarea:focus{outline:3px solid #a6ddd2}button{font:inherit;padding:12px 18px;border:0;border-radius:8px;background:#086d63;color:white;cursor:pointer}.columns,.actions{display:flex;gap:16px}.columns>label{flex:1;min-width:0}.secondary{background:#dce8e5;color:#153337}.danger{background:#9c3434}.items{display:flex;flex-direction:column;gap:10px;max-width:620px}.items button{text-align:left;background:#e3f0eb;color:#153337}#message{padding:16px;background:#e3f0eb;border-radius:9px;line-height:1.5}@media(max-width:560px){.columns{display:block}.actions{flex-wrap:wrap}section{padding:24px}}
#theme-btn{right:12px}
html[data-theme=dark] input,html[data-theme=dark] textarea{background:#221d1f;color:#f2eeeb;border-color:#4a4346}
html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus{outline-color:#7fc0af}
html[data-theme=dark] button{background:#7fc0af;color:#161214}
html[data-theme=dark] #theme-btn{background:#221d1f;color:#f2eeeb}
html[data-theme=dark] .secondary{background:#3a3336;color:#f2eeeb}
html[data-theme=dark] .danger{background:#c25a5a;color:#161214}
html[data-theme=dark] .items button{background:#2b2527;color:#f2eeeb}
html[data-theme=dark] #message{background:#2b2527;color:#f2eeeb}
@media(min-width:1024px){section{max-width:1100px}#editor-panel:not([hidden]){display:grid;grid-template-columns:340px 1fr;column-gap:48px;align-items:start}#editor-panel>.actions{grid-column:1/-1}#editor-panel>h3:nth-of-type(1),#editor-panel>.items{grid-column:1}#editor-panel>h3:nth-of-type(2),#editor-panel>form{grid-column:2}#editor-panel>h3:nth-of-type(1){grid-row:2}#editor-panel>.items{grid-row:3;max-width:none}#editor-panel>h3:nth-of-type(2){grid-row:2}#editor-panel>form{grid-row:3;max-width:none;margin-top:0}}