:root{font:17px/1.55 system-ui,sans-serif;color:#382a30;background:#faf6f8;--berry:#860a2e}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:22px 18px 60px}h1{font-size:clamp(25px,5vw,36px);line-height:1.2;color:var(--berry)}h2{font-size:21px;margin-top:0}a{color:var(--berry)}nav{display:flex;gap:18px;flex-wrap:wrap}section{background:white;border:1px solid #e5d5dc;border-radius:16px;padding:20px;margin:20px 0}label{display:block;margin:16px 0 7px;font-weight:600}input,textarea{width:100%;font:inherit;border:1px solid #bda4af;border-radius:9px;padding:12px;margin-top:6px;min-width:0}textarea{resize:vertical}button{font:inherit;font-weight:600;min-height:46px;cursor:pointer;padding:12px 18px;border:1px solid var(--berry);border-radius:10px;background:var(--berry);color:white;margin:5px 4px 5px 0}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:var(--berry)}.channel,.check{display:flex;gap:12px;align-items:flex-start}.channel input,.check input{width:22px;height:22px;flex:none;margin-top:3px}.channel small{display:block;font-weight:400;color:#6a5660}.preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #e5d5dc;padding:16px;border-radius:10px;margin:12px 0}.delivery{padding:12px;border-bottom:1px solid #e5d5dc}#notice{color:var(--berry);white-space:pre-wrap}img,video{max-width:100%;max-height:400px;object-fit:contain}footer{color:#715e67;font-size:14px}[hidden]{display:none!important}summary{cursor:pointer;color:var(--berry)}
fieldset{min-width:0;border:1px solid #e5d5dc;border-radius:10px;padding:12px;margin:18px 0}legend{font-weight:600;color:var(--berry);max-width:100%;overflow-wrap:anywhere}.channel span{min-width:0;overflow-wrap:anywhere}