:root{color:#2b2926;--brown:#8a5a24;--sand:#f5efe5;--paper:#fbf8f2;--line:#d9cdbd;--muted:#756e65;background:#ece9e4;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:var(--sidebar-w,430px) 6px 1fr;min-height:100vh;display:grid}.editor{background:#fff;border-right:0;min-width:0;height:100vh;padding:22px;position:sticky;top:0;overflow:auto}.sidebar-resizer{cursor:col-resize;z-index:6;touch-action:none;background:0 0;width:6px;position:relative}.sidebar-resizer:before{content:"";background:#ddd;width:1px;position:absolute;inset:0 0 0 2px}.sidebar-resizer:hover:before,.sidebar-resizer:active:before,body.resizing-sidebar .sidebar-resizer:before{background:var(--brown);width:2px;left:2px}.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.brand{z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;display:flex;position:sticky;top:-22px}.brand-mark{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:auto;height:42px;display:block}.brand b{color:var(--brown);font-size:22px}.brand small{letter-spacing:2px;font-size:9px;display:block}.brand button{background:var(--brown);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;padding:11px 14px;font-weight:700;display:flex}.credit{color:var(--muted);margin:0 0 18px;font-size:11px}.credit a{color:var(--brown);font-weight:600;text-decoration:none}.credit a:hover{text-decoration:underline}.editor h2{border-bottom:1px solid #eee;margin:25px 0 10px;padding-bottom:7px;font-size:14px}.editor h3{color:var(--muted);font-size:12px}.fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fields label span{color:#777;margin-bottom:4px;font-size:10px;display:block}.fields input,.mini input{border:1px solid #ddd;border-radius:6px;width:100%;padding:9px}.upload{border:1px dashed var(--brown);color:var(--brown);cursor:pointer;border-radius:7px;justify-content:center;gap:8px;margin-top:12px;padding:11px;display:flex}.mini{grid-template-columns:90px 1fr 1fr 1fr;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;display:grid}.lact-card{background:#fafafa;border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:12px}.lact-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lact-card-top b{color:var(--brown);font-size:12px}.icon-btn{color:#999;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px;display:inline-flex}.icon-btn:hover:not(:disabled){color:#b33;background:#fee}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.add-row{border:1px dashed var(--brown);color:var(--brown);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;margin:4px 0 12px;padding:10px;font-weight:600;display:flex}.add-row:hover{background:var(--sand)}.preview{padding:30px;overflow:auto}.page{page-break-after:always;background:#fff;width:210mm;height:297mm;margin:0 auto 25px;padding:34mm 14mm 16mm;position:relative;overflow:hidden;box-shadow:0 8px 30px #0002}.page:after,.rotate:after{content:"Techferment";letter-spacing:.1em;color:#2b29260e;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:20;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.rotate:after{color:#6b442314;font-size:44px}.page header{background:var(--paper);border-bottom:3px solid var(--brown);justify-content:space-between;align-items:center;height:27mm;padding:4mm 14mm;display:flex;position:absolute;top:0;left:0;right:0}.logo{object-fit:contain;width:auto;height:18mm;display:block}.page header>div:last-child{text-align:right}.page header b{font-size:18px;display:block}.page header span{color:var(--muted);font-size:9px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:2mm;font-size:8px;display:flex;position:absolute;bottom:5mm;left:14mm;right:14mm}h1{margin:0;font-size:34px}.muted{color:var(--muted);font-size:13px}.hero{grid-template-columns:1fr;gap:5mm;margin-top:8mm;display:grid}.cow{background:var(--paper);border:1px dashed var(--line);color:#999;border-radius:10px;justify-content:center;align-items:center;width:100%;height:95mm;font-size:13px;display:flex;overflow:hidden}.cow img{object-fit:cover;width:100%;height:100%}.panel,.cards .val{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:15px}.pill{background:var(--sand);color:var(--brown);border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.val{border-bottom:1px solid #e5ded3;padding:10px 0}.val small{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}.val b{font-size:15px}h2{color:var(--brown);text-transform:uppercase;margin:9mm 0 4mm;font-size:15px}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metrics .val{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:14px}.six{grid-template-columns:repeat(3,1fr)}table{border-collapse:collapse;width:100%;font-size:11px}th{background:var(--brown);color:#fff;text-align:left;padding:8px}td{border-bottom:1px solid var(--line);padding:7px 8px}.empty{border:1px dashed var(--line);color:#aaa;border-radius:10px;justify-content:center;align-items:center;height:80mm;display:flex}.pedpage{padding:0!important}.pedpage>header,.pedpage>footer{display:none}.rotate{transform-origin:0 0;box-sizing:border-box;background:#faf7f1;width:297mm;height:210mm;position:absolute;top:0;left:0;overflow:hidden;transform:translate(210mm)rotate(90deg)}.peddoc{box-sizing:border-box;color:#3a2a18;flex-direction:column;width:100%;height:100%;min-height:0;padding:8mm 10mm 7mm;font-family:Georgia,Times New Roman,serif;display:flex}.pedhead{border-bottom:1.5px solid #6b4423;flex:none;grid-template-columns:48mm 1fr 48mm;align-items:center;gap:3mm;padding-bottom:2mm;display:grid}.pedhead .logo{object-fit:contain;justify-self:start;width:auto;height:11mm}.pedheading{text-align:center}.pedheading b{letter-spacing:.7px;color:#2b1d10;font-size:14px;font-weight:700;line-height:1.15;display:block}.pedslogan{text-align:right;letter-spacing:.5px;color:#8a5a24;font-size:7px;font-weight:700;line-height:1.3}.pedchart{flex:auto;width:100%;min-height:0;margin:2mm 0;position:relative}.pedgrid{width:100%;height:100%;min-height:0;display:grid}.pedlines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.pedlines path{fill:none;stroke:#6b4423;stroke-width:.4px}.pedcol{grid-template-rows:repeat(var(--ancestors),minmax(0,1fr));z-index:1;place-items:center stretch;gap:.35mm;width:100%;height:100%;min-height:0;display:grid;position:relative}.pedcard{background:#fff;border:1px solid #6b4423;border-radius:4px;flex-direction:column;width:100%;height:auto;max-height:100%;display:flex;overflow:hidden}.pedcard-h{color:#3a2a18;text-align:center;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;background:#e8dcc8;border-bottom:1px solid #cbb89a;flex:none;padding:1.5px 3px;font-size:6.5px;font-weight:700;line-height:1.15;overflow:hidden}.pedcard-b{flex:none;padding:2px 4px}.pedrow{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:2px;margin:0;font-size:6px;line-height:1.15;display:grid}.pedrow span{color:#5a4632;white-space:nowrap}.pedrow em{text-overflow:ellipsis;white-space:nowrap;color:#1f160e;border-bottom:1px solid #c4b49a;min-width:0;padding:0 1px;font-size:9.5px;font-style:normal;font-weight:600;line-height:1.15;overflow:hidden}.pedcard.animal{align-self:center;max-height:70%}.pedcard.animal .pedcard-h{padding:2.5px 4px;font-size:8.5px}.pedcard.animal .pedcard-b{flex-direction:column;gap:1.5px;padding:3px 5px;display:flex}.pedcard.animal .pedrow{font-size:7px}.pedcard.animal .pedrow em{font-size:11px}.pedcard.slim .pedcard-h{padding:1px 2px;font-size:5px}.pedcard.slim .pedcard-b{padding:1px 3px}.pedcard.slim .pedrow{font-size:5px}.pedcard.slim .pedrow em{border-bottom-color:#d2c3a8;min-height:8px;font-size:8.5px}.pedcol[data-n="8"] .pedcard-h{padding:1px 2px;font-size:5.5px}.pedcol[data-n="8"] .pedcard-b{padding:1px 3px}.pedcol[data-n="8"] .pedrow{font-size:5.5px}.pedcol[data-n="8"] .pedrow em{font-size:9px}.pedcol[data-n="16"] .pedcard{border-radius:3px}.pedfoot{letter-spacing:.6px;color:#3a2a18;border-top:1.5px solid #6b4423;flex:none;justify-content:space-between;align-items:baseline;padding-top:1.5mm;font-size:7.5px;font-weight:700;display:flex}.pedfoot .script{letter-spacing:0;color:#8a5a24;text-transform:lowercase;font-family:Segoe Script,Apple Chancery,cursive;font-size:10px;font-weight:400}@page{size:A4 portrait;margin:0}@media (width<=1100px){.app{grid-template-columns:1fr}.sidebar-resizer{display:none}.editor{height:auto;position:relative}.preview{padding:10px;overflow-x:auto}}@media print{body{background:#fff}.editor,.sidebar-resizer{display:none}.app{display:block}.preview{padding:0}.page{box-shadow:none;margin:0}.page:last-child{page-break-after:auto}}