*{box-sizing:border-box}body{margin:0;background:#f4f2ec;color:#283b35;font:15px/1.65 system-ui,sans-serif}header{max-width:1280px;margin:auto;padding:42px 24px 28px}.brand{font-size:12px;letter-spacing:3px;color:#55766b}h1{font-size:clamp(27px,4vw,42px);letter-spacing:.02em;margin:12px 0}header p{color:#6b7770}main{max-width:1280px;margin:auto;padding:0 24px;display:grid;grid-template-columns:300px 1fr;gap:24px}aside,article{background:#fffdf8;border:1px solid #e1e4da;border-radius:22px;padding:24px}aside section+section{border-top:1px solid #e5e8df;margin-top:24px;padding-top:20px}h2{font-size:17px;margin:0 0 16px}label{display:block;font-size:13px;margin-bottom:12px}input{width:100%;font:inherit;border:1px solid #d4ddd4;border-radius:9px;padding:10px;margin-top:5px;background:white;color:#283b35}.row{display:flex;gap:10px}.row label{flex:1;min-width:0}button,.filebtn{font:inherit;font-size:13px;border:1px solid #cbd9d1;background:#edf3ee;color:#315d50;border-radius:10px;padding:11px 13px;cursor:pointer;min-height:44px}button:hover,.filebtn:hover{background:#dce9df}button:focus-visible,a:focus-visible{outline:3px solid #d9a85b;outline-offset:3px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#9a4a40;background:#fff7f3}.small{font-size:12px;color:#6c7b71}.boardhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{font-size:11px;letter-spacing:1px;color:#607a69}.boardhead h2{font-size:22px;margin:4px 0 16px}.boardwrap{padding:20px;background:#eeeee5;border-radius:16px;display:flex;justify-content:center}svg{display:block;width:100%;max-height:650px;touch-action:none;user-select:none}svg .item{cursor:grab;outline:none}svg .item:focus rect{stroke:#d29437;stroke-width:4}#status{min-height:25px;font-size:13px;color:#87562d}.info{background:#f3f5ed;border-radius:12px;padding:16px;margin-top:20px}.info p{font-size:13px;margin:8px 0 0}.foot{margin-top:22px}.filebtn{margin:0}.picks{border-top:1px solid #e0e6da;margin-top:25px;padding-top:15px}.picks h3{font-size:16px}.picks p{font-size:13px}.picks a{color:#39665c;font-weight:600}footer{text-align:center;padding:30px 20px;color:#778278;font-size:11px;line-height:1.9}[hidden]{display:none!important}@media(max-width:800px){main{display:flex;flex-direction:column;padding:0 14px;gap:16px}article{order:-1}header{padding:26px 18px 18px}aside,article{padding:18px}.boardwrap{padding:8px}svg{max-height:460px}.catalog{grid-template-columns:repeat(3,1fr)}}
