:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#22332f;background:#f1f0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #345e50;background:#fdfdf7;color:#19392b;padding:10px 14px;border-radius:7px}button:hover{background:#e0eaca}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #b94a24;outline-offset:3px}.app{max-width:1600px;margin:auto;padding:32px}.app:fullscreen{overflow:auto;background:#f1f0e9}header{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #a8b3a9;padding-bottom:28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}h1{font-size:42px;line-height:1.1;margin:14px 0}h1 span{display:block;font-size:19px;font-weight:400;color:#607368;margin-top:14px}h2{font-size:21px}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.intro{display:flex;gap:35px;align-items:center;padding:20px 0}.intro b{white-space:nowrap;padding:10px 20px;background:#dfe8c5;border-radius:100px}.intro p{max-width:900px;line-height:1.5}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}figure{margin:0;padding:14px;background:#fff;border:1px solid #d1d9cd;border-radius:10px}figcaption{font-size:13px;font-weight:650;margin-bottom:16px}figcaption span{color:#889283;margin-right:8px}svg{width:100%;border:1px solid #e2e7df;display:block;aspect-ratio:4/3}small{display:block;font-size:11px;margin-top:12px;color:#5d6d61}.workspace>.actions{margin-top:20px}.workspace p{font-size:13px;line-height:1.6}aside{background:#e3e9d9;padding:20px;border-radius:12px}label{display:block;font-size:13px;margin:14px 0}input,select{display:block;width:100%;padding:8px;margin-top:5px;border:1px solid #a9b8a1;background:#fff;border-radius:5px}.numbers{display:flex;gap:8px}.numbers label{min-width:0;flex:1}.check{display:flex;gap:9px;align-items:center}.check input{width:auto;margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid #cdd6c8;max-width:260px}.chosen{background:#e6eccf}th{background:#dce5d4}.draft{margin-top:30px;padding:22px;background:#fff;border-radius:12px}textarea{width:100%;height:250px;resize:vertical;font:13px/1.5 ui-monospace,monospace;padding:14px;margin-bottom:14px;border:1px solid #b1bda9}footer{font-size:13px;line-height:1.7;max-width:1000px;padding:20px 0}footer button{margin-right:10px}@media(max-width:1050px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}header{align-items:start}h1{font-size:34px}}@media(max-width:650px){.app{padding:16px}header,.intro{display:block}.panels{grid-template-columns:1fr}aside{display:block}.actions{margin-top:12px}figure svg{max-height:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
