:root{color-scheme:light;--surface-app:#f6f8f8;--surface-card:#ffffff;--border:#e3e8e8;--text:#17262b;--text-muted:#5d6d72;--accent:#0f5f6e;--accent-contrast:#ffffff;--danger:#b3261e;--ok:#1b7a4b}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--surface-app);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;overflow-x:hidden;-webkit-text-size-adjust:100%}a{color:var(--accent)}button{font:inherit}a.btn,button{min-height:40px}input,select,textarea{font:inherit;max-width:100%}.shell{display:flex;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--surface-card);border-right:1px solid var(--border);display:none;flex-direction:column}.sidebar-brand{padding:18px 16px;border-bottom:1px solid var(--border);font-weight:700}.sidebar-brand small{display:block;color:var(--text-muted);font-weight:500}.nav{padding:12px;display:flex;flex-direction:column;gap:2px;flex:1 1;overflow-y:auto}.nav-section{margin:12px 8px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.nav a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px}.nav a:hover{background:var(--surface-app)}.nav a[aria-current=page]{background:#e4f1f3;color:var(--accent);font-weight:600}.sidebar-foot{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-card);border-bottom:1px solid var(--border)}.topbar .spacer{flex:1 1}.content{padding:16px;max-width:1100px;width:100%;margin:0 auto}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}.drawer{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:85vw;z-index:50;display:flex;background:var(--surface-card)}.drawer .sidebar{display:flex;width:100%;border-right:0}@media (min-width:1024px){.sidebar{display:flex;position:-webkit-sticky;position:sticky;top:0;height:100dvh;align-self:flex-start}.btn.menu-btn,.topbar .menu-btn{display:none}.content{padding:28px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-card);color:var(--text);cursor:pointer;text-decoration:none;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn[disabled]{opacity:.55;cursor:not-allowed}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:16px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.card-link{display:block;text-decoration:none;color:inherit}.card-link h2{margin:0 0 4px;font-size:17px;color:var(--accent)}.card-link p{margin:0;color:var(--text-muted);font-size:14px}h1.page-title{margin:0 0 4px;font-size:clamp(20px,5vw,26px)}.muted{color:var(--text-muted);font-size:14px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:#e1f4ea;color:var(--ok)}.badge.off{background:#f1f3f3;color:var(--text-muted)}.table-wrap{overflow-x:auto;background:var(--surface-card);border:1px solid var(--border);border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:560px}.table-wrap td,.table-wrap th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:top}.setting-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-label{flex:1 1 220px;min-width:0}.setting-label code{font-size:12px;color:var(--text-muted);word-break:break-all}.setting-form{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 260px}.setting-form input{flex:1 1 160px;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;min-height:40px}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.hide-mobile-sidebar{display:contents}.dna-layout{display:flex;flex-direction:column;gap:14px;min-width:0}.dna-layout>*{min-width:0}@media (min-width:1024px){.dna-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}.dna-layout .dna-side{order:2;position:-webkit-sticky;position:sticky;top:12px}.dna-layout .dna-main{order:1}}.dna-layout button:disabled,header button:disabled{opacity:.55;cursor:not-allowed}.bp-concepts{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px}.bp-concepts>*{min-width:0}@media (min-width:720px){.bp-concepts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.bp-concepts{grid-template-columns:repeat(3,minmax(0,1fr))}}.bp-pair{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px}@media (min-width:720px){.bp-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.as-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}.as-grid>*{min-width:0}@media (min-width:1024px){.as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.as-crops{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px}.as-crops>*{min-width:0}@media (min-width:560px){.as-crops{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.as-pair{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px}.as-pair>*{min-width:0}@media (min-width:560px){.as-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.as-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.as-lib>*{min-width:0}.as-focal:focus-visible{outline:3px solid #0e6b5f;outline-offset:2px}.qa-cols{display:flex;flex-direction:column;gap:14px}.qa-col{display:contents}.qa-col>div{min-width:0}.qa-owner-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr)}.qa-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.qa-ov{position:absolute;box-sizing:border-box;border:2px solid #dc2626;padding:0;margin:0;cursor:pointer;border-radius:2px}.qa-ov:after{content:"";position:absolute;inset:-12px}@media (min-width:1024px){.qa-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.qa-col{display:flex;flex-direction:column;gap:14px;min-width:0}.qa-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pipe-body{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}.pipe-seg{display:inline-flex;border:1px solid #d5dbdb;border-radius:10px;overflow:hidden}.pipe-seg button{min-height:44px;min-width:76px;padding:8px 14px;font:inherit;font-weight:700;border:0;background:#fff;color:#16302b;cursor:pointer}.pipe-seg button[aria-checked=true]{background:#0e6b5f;color:#fff}.pipe-seg button:disabled{opacity:.6;cursor:default}.pipe-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:8px;gap:8px}@media (min-width:900px){.pipe-body.has-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cons-table{margin-top:12px;display:grid;grid-gap:10px;gap:10px;min-width:0}.cons-head{display:none}.cons-row{border:1px solid #e3e8e8;border-radius:10px;padding:12px;display:grid;grid-gap:8px;gap:8px}.cons-row,.cons-row>*{min-width:0}.cons-cell{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.cons-cell:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#889;margin-bottom:2px}.cons-seg{display:flex;flex-wrap:wrap;gap:6px}.cons-seg button{flex:1 1 64px;min-height:44px;min-width:44px;padding:6px 10px;border:1px solid #d5dbdb;border-radius:8px;background:#fff;color:#16302b;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.cons-seg button[aria-checked=true]{background:#0e6b5f;border-color:#0e6b5f;color:#fff}.cons-seg button:disabled{opacity:.5;cursor:not-allowed}.cons-using{display:block;margin-top:6px;font-size:12.5px;color:#556;overflow-wrap:anywhere}.cons-edit{min-width:0}@media (min-width:640px){.cons-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cons-row>.cons-edit,.cons-row>.cons-field,.cons-row>.cons-status,.cons-row>.cons-use{grid-column:1/-1}.cons-seg button{flex:0 1 110px}}@media (min-width:1500px){.cons-table{gap:0}.cons-head,.cons-row{grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1fr) minmax(250px,1.4fr);gap:12px;align-items:start}.cons-head{display:grid;padding:0 12px 8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#889;border-bottom:1px solid #e3e8e8}.cons-row{border:0;border-bottom:1px solid #eef2f2;border-radius:0}.cons-cell:before{display:none}.cons-edit{grid-column:1/-1}.cons-row>.cons-field,.cons-row>.cons-status,.cons-row>.cons-use{grid-column:auto}}