:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172b22;background:#f3f5f1;font-synthesis:none;--green:#183d2b;--muted:#526058;--line:#d6ded5;--orange:#ff8200}
*{box-sizing:border-box}body{margin:0;line-height:1.55;overflow-wrap:anywhere}[hidden]{display:none!important}a{color:inherit;text-underline-offset:.2em}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2rem,3.1vw,3.1rem);font-weight:550}h2{font-size:1.8rem}h3{font-size:1.3rem}p:last-child{margin-bottom:0}:focus-visible{outline:3px solid #a34b00;outline-offset:4px}.skip{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);z-index:20;background:white;padding:1rem}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{min-height:95px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 4vw}.brand{width:235px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.topbar-links{display:flex;align-items:center;gap:2.5rem;font-size:.85rem}.studio-label,.eyebrow{font-size:.67rem;letter-spacing:.14em;font-weight:750;text-transform:uppercase}.studio-label{color:var(--muted)}.eyebrow{color:#8a4000;margin-bottom:.7rem}.layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);max-width:1510px;margin:auto;padding:3.5rem 4vw 5rem}.sidebar>p{color:var(--muted)}.sidebar nav{display:grid;gap:.5rem;margin-block:2rem}.sidebar nav button{display:flex;align-items:center;gap:.8rem;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:3px;padding:1rem;font-size:.78rem}.sidebar nav button span:nth-child(1){flex:1;font-weight:650;font-size:.95rem}.sidebar nav button[aria-pressed=true]{background:var(--green);color:white}.sidebar nav button[aria-pressed=true]:focus-visible{outline-color:#a34b00}.workflow-note{border-top:1px solid var(--line);padding-top:1.6rem;font-size:.85rem;color:var(--muted)}.workflow-note strong{color:var(--green)}.workflow-note ol{padding-left:1.2rem}.workflow-note li{margin-bottom:.6rem}
.workspace{min-width:0}.panel,.entry-card{background:white;border:1px solid var(--line);border-radius:4px;padding:clamp(1.2rem,2.5vw,2rem)}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.panel h2{font-size:1.4rem}.badge{display:inline-block;font-size:.69rem;line-height:1.4;font-weight:650;border-radius:20px;background:#e7ece6;padding:.4rem .7rem;flex-shrink:0}.badge.connected{background:#dcf0de;color:#154922}.badge.changed{background:#fff0dc;color:#7a3800}#destination{font-size:.77rem;color:var(--muted)}label{display:block;font-weight:650;font-size:.85rem;margin-bottom:.4rem}input,textarea{display:block;width:100%;min-width:0;border:1px solid #87988b;border-radius:3px;padding:.75rem;background:white;color:#172b22;line-height:1.5}input:disabled,textarea:disabled{background:#f6f8f5;color:#526058;opacity:1}textarea{resize:vertical;min-height:100px}.connect-row{display:flex;gap:.75rem}.connect-row input{flex:1}.connect-row button{white-space:nowrap}button{border:1px solid var(--green);border-radius:3px;background:var(--green);color:white;padding:.75rem 1rem;font-weight:650;font-size:.88rem;min-height:44px}button:hover:not(:disabled){background:#28543c}button:disabled{opacity:.6}.secondary{background:white;color:var(--green);border-color:#9aab9f}.secondary:hover:not(:disabled){color:white}.text-button{background:transparent;color:var(--green);border-color:transparent;text-decoration:underline;text-underline-offset:.2em}.text-button:hover:not(:disabled){color:white}.help,details{font-size:.8rem;color:var(--muted)}.help{margin-top:.65rem}.connection-actions{display:flex;gap:.75rem;flex-wrap:wrap}details{margin-top:1rem}summary{cursor:pointer;font-weight:650;padding:.4rem 0}details p{margin-top:.75rem}.status{border-left:3px solid #a6bda8;margin-block:1.5rem;padding:.7rem 1rem;font-size:.85rem;background:#e9eee6;min-height:3rem}.status.error{border-color:#a6291f;background:#fff0ed;color:#7b211b}.status.success{border-color:#28713c;background:#e5f2e4;color:#154d25}
.editor-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-block:2rem 1.5rem}.editor-heading p:not(.eyebrow){font-size:.9rem;color:var(--muted)}fieldset{padding:0;margin:0;border:0;min-width:0}.entry-card{margin-bottom:1.2rem}.entry-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.entry-header h3{margin-bottom:0}.entry-index{font-size:.65rem;letter-spacing:.14em;color:#8a4000;margin-bottom:.5rem;text-transform:uppercase}.remove-button{font-size:.8rem;padding:.35rem .65rem;background:white;color:#82281d;border-color:#dfbdb7;flex-shrink:0}.remove-button:hover:not(:disabled){background:#82281d;color:white}.field{margin-bottom:1.25rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}.field .help{margin-bottom:0}.detail-group{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.6rem}.detail-row{padding:1rem;background:#f5f7f3;border:1px solid var(--line);margin-bottom:1rem}.detail-row .remove-button{margin-top:.2rem}.add-button{background:white;color:var(--green);border-style:dashed;width:100%;margin-bottom:1rem}.add-button:hover:not(:disabled){color:white}.save-bar{position:sticky;bottom:0;background:#fff;border:1px solid var(--line);box-shadow:0 -4px 20px #183d2b08;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-top:1.25rem;z-index:2}.save-bar p{font-size:.8rem;color:var(--muted);margin:0}.save-bar button{flex-shrink:0}footer{border-top:1px solid var(--line);padding:1.5rem 4vw;color:var(--muted);font-size:.75rem}footer span{margin-inline:.8rem}
.save-actions{display:flex;gap:.6rem;flex-wrap:wrap;flex-shrink:0}select{font:inherit;display:block;width:100%;min-height:50px;padding:.75rem;border:1px solid #87988b;border-radius:3px;background:white;color:#172b22}select:disabled{background:#f6f8f5;color:#526058;opacity:1}
@media(max-width:900px){.layout{grid-template-columns:1fr;padding-top:2rem;gap:1.5rem}.sidebar h1 br{display:none}.sidebar nav{grid-template-columns:repeat(3,1fr);margin-bottom:0}.sidebar nav button{padding:.8rem;gap:.5rem}.sidebar nav button span:nth-child(1){font-size:.82rem}.workflow-note{display:none}.topbar-links{gap:1rem}.studio-label{display:none}.editor-heading{margin-top:1.5rem}}
@media(max-width:540px){.topbar{padding-inline:1.2rem;min-height:82px;gap:1rem}.brand{width:180px}.topbar-links{font-size:.73rem}.layout{padding-inline:1rem}.sidebar nav{grid-template-columns:1fr;gap:.25rem}.sidebar nav button{padding:.7rem 1rem}.panel-heading{flex-wrap:wrap}.connect-row{flex-direction:column}.field-grid{grid-template-columns:1fr}.editor-heading{flex-wrap:wrap}.entry-header{gap:.5rem}.entry-header h3{font-size:1.15rem}.save-bar{flex-direction:column;align-items:stretch}.save-bar button{width:100%}.badge{font-size:.67rem}.entry-card{padding:1.1rem}.detail-row{padding:.85rem}}
@media(prefers-reduced-motion:no-preference){button{transition:background .16s ease,color .16s ease}}