:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#172026;cursor:pointer;background:#fff;border:1px solid #9aa8a0;border-radius:6px;min-height:42px;padding:0 14px}button.primary{color:#fff;background:#1f6f5b;border-color:#1f6f5b}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #dce3df;justify-content:space-between;align-items:center;padding:24px clamp(18px,4vw,48px);display:flex}.eyebrow{color:#68766f;margin:0 0 6px;font-size:13px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,44px);line-height:1}h2{margin-bottom:6px;font-size:22px}.status-pill{color:#1f6f5b;white-space:nowrap;border:1px solid #b7c8bf;border-radius:999px;padding:8px 12px}.band{padding:28px clamp(18px,4vw,48px)}.settings-band{background:#eef4f1}.product-band{background:#f9fbfa}.workspace-band{background:#f9faf9}.section-heading{max-width:820px}.section-heading p{color:#53625b}.settings-grid,.product-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.product-access{gap:16px;display:grid}.product-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.product-row{text-align:left;place-items:start;gap:4px;height:auto;min-height:64px;padding:12px;display:grid}.product-row span,.context-help{color:#53625b;font-size:13px}.context-help{gap:8px;display:grid}.context-help code{color:#172026;background:#fff;border:1px solid #d5ddd9;border-radius:6px;padding:10px 12px;display:block;overflow-x:auto}.context-banner{color:#1f4f43;background:#dff4e9;border:1px solid #9bd1b7;border-radius:8px;margin-bottom:16px;padding:12px 14px}label{color:#334039;gap:7px;min-width:0;display:grid}.label-text{align-items:center;gap:7px;width:fit-content;line-height:1.3;display:inline-flex;position:relative}.help-wrapper{display:inline-flex;position:relative}.help-trigger{color:#1f6f5b;border-color:#8aa69a;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;min-height:20px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.help-panel{color:#fff;opacity:0;pointer-events:none;z-index:20;background:#172026;border-radius:8px;gap:6px;width:max-content;max-width:min(320px,82vw);padding:12px 14px;font-size:13px;line-height:1.45;transition:opacity .14s,transform .14s;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 14px 36px #1720263d}.help-panel strong{color:#c8efe0}.help-wrapper:hover .help-panel,.help-wrapper:focus-within .help-panel{opacity:1;transform:translate(-50%)}input,select,textarea{color:#172026;border:1px solid #bac6c0;border-radius:6px;width:100%;min-height:42px;padding:10px 12px}textarea{resize:vertical;min-height:120px}.button-row{align-items:end;gap:10px;display:flex}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;display:grid}.wide{grid-column:1/-1}.fieldset{border:1px solid #d5ddd9;border-radius:6px;flex-wrap:wrap;gap:14px;padding:14px;display:flex}.check-label{align-items:center;gap:8px;display:flex}.check-label input{width:auto;min-height:auto}.generate-button{justify-self:start}.draft-panel{gap:12px;display:grid}.draft-field,.warning-list{background:#fff;border:1px solid #dce3df;border-radius:8px;padding:16px}.draft-field span{color:#68766f;margin-bottom:6px;font-size:13px}.draft-field strong{overflow-wrap:anywhere;line-height:1.35;display:block}.draft-field p,.warning-list p{color:#53625b;margin:8px 0 0}.toast{border-radius:8px;max-width:min(92vw,680px);padding:14px 18px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #1720262e}.toast.loading{background:#fff}.toast.success{background:#dff4e9}.toast.error{background:#ffe4df}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.workspace{grid-template-columns:1fr}.button-row{flex-direction:column;align-items:stretch}}
