@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;600;700&family=League+Spartan:wght@400;500;600;700&family=Lexend:wght@300;400;500;600;700&display=swap";:root{--green-900:#1b3618;--amber-500:#e8a800;--neutral-0:#fff;--neutral-50:#fafaf7;--neutral-200:#e5e5dd;--neutral-300:#d4d5ca;--neutral-500:#77786f;--neutral-700:#4a4a43;--red-700:#a12b22;--red-100:#f8e7e4;--green-100:#e7efe4;--amber-100:#fff2cc;--color-bg-canvas:var(--neutral-50);--color-bg-raised:var(--neutral-0);--color-bg-inverse:var(--green-900);--color-bg-subtle:#f1f1eb;--color-text-primary:var(--green-900);--color-text-secondary:var(--neutral-700);--color-text-inverse:var(--neutral-50);--color-text-muted:#686960;--color-border-subtle:#e1e2d9;--color-border-strong:#a6a89c;--color-action-primary:var(--green-900);--color-action-primary-hover:#294b25;--color-action-accent:var(--amber-500);--color-focus:#a66f00;--color-status-success:#315d2a;--color-status-warning:#765400;--color-status-error:var(--red-700);--font-display:"League Spartan", sans-serif;--font-body:"Lexend", sans-serif;--font-label:"Atkinson Hyperlegible Next", sans-serif;--font-size-100:10px;--font-size-200:14px;--font-size-300:18px;--font-size-400:24px;--font-size-500:32px;--font-size-600:43px;--font-size-700:57px;--font-size-800:76px;--font-size-900:101px;--type-hero-heading:var(--font-size-700);--type-section-heading:var(--font-size-600);--type-card-heading:var(--font-size-400);--type-hero-subheading:var(--font-size-400);--type-section-subheading:var(--font-size-300);--type-description-large:var(--font-size-400);--type-description-medium:var(--font-size-300);--type-card-description:var(--font-size-200);--type-image-caption:var(--font-size-200);--type-eyebrow:var(--font-size-200);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-body:1.4;--line-height-heading:1.2;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:999px;--shadow-1:0 1px 3px #1b361814;--shadow-2:0 8px 24px #1b361817;--shadow-3:0 16px 48px #1b361824;--content-width:1180px;--transition-fast:.14s ease;--transition-base:.22s ease}@media (width<=900px){:root{--type-hero-heading:var(--font-size-600);--type-section-heading:var(--font-size-500);--type-card-heading:22px;--type-hero-subheading:22px;--type-section-subheading:var(--font-size-300);--type-description-large:22px;--type-description-medium:var(--font-size-300);--type-card-description:var(--font-size-200);--type-image-caption:13px;--type-eyebrow:13px}}@media (width<=650px){:root{--type-hero-heading:var(--font-size-500);--type-section-heading:var(--font-size-400);--type-card-heading:20px;--type-hero-subheading:var(--font-size-300);--type-section-subheading:16px;--type-description-large:var(--font-size-300);--type-description-medium:16px;--type-card-description:14px;--type-image-caption:12px;--type-eyebrow:12px}}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mx-auto{margin-inline:auto}.mx-1{margin-inline:var(--space-1)}.mx-2{margin-inline:var(--space-2)}.mx-3{margin-inline:var(--space-3)}.mx-4{margin-inline:var(--space-4)}.my-1{margin-block:var(--space-1)}.my-2{margin-block:var(--space-2)}.my-3{margin-block:var(--space-3)}.my-4{margin-block:var(--space-4)}.my-6{margin-block:var(--space-6)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.px-1{padding-inline:var(--space-1)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-5{padding-block:var(--space-5)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.py-10{padding-block:var(--space-10)}.py-12{padding-block:var(--space-12)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.w-50{width:50%}.w-75{width:75%}.max-w-content{max-width:var(--content-width)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.bg-canvas{background-color:var(--color-bg-canvas)}.bg-raised{background-color:var(--color-bg-raised)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-inverse{background-color:var(--color-bg-inverse)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-inverse{color:var(--color-text-inverse)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}@media (width<=900px){.md-grid-cols-1{grid-template-columns:minmax(0,1fr)}.md-w-full{width:100%}}@media (width<=650px){.sm-grid-cols-1{grid-template-columns:minmax(0,1fr)}.sm-w-full{width:100%}}:root{box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-300);line-height:var(--line-height-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:inherit}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0}h1{font-size:var(--font-size-700)}h2{font-size:var(--font-size-600)}h3{font-size:var(--font-size-500)}h4{font-size:var(--font-size-400)}p{margin:0}small{font-size:var(--font-size-200)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img,svg,video{max-width:100%;display:block}.skip-link{top:var(--space-1);left:var(--space-1);z-index:1000;padding:var(--space-1) var(--space-2);color:var(--color-text-inverse);background:var(--color-bg-inverse);border-radius:var(--radius-sm);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){h1{font-size:var(--font-size-600)}h2{font-size:var(--font-size-500)}}@media (width<=650px){h1{font-size:var(--font-size-500)}h2,h3{font-size:var(--font-size-400)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.builder-app{background:var(--color-bg-canvas);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);font-size:15px}.builder-app *{box-sizing:border-box}.builder-app button,.builder-app input,.builder-app select{font:inherit}.builder-topbar{border-bottom:1px solid var(--color-border-subtle);background:#fff;align-items:center;gap:28px;min-height:72px;padding:0 clamp(18px,4vw,64px);display:flex}.builder-brand{font-family:var(--font-display);align-items:center;gap:11px;font-size:20px;font-weight:700;line-height:1;text-decoration:none;display:flex}.builder-brand small{font-family:var(--font-label);letter-spacing:.14em;margin-top:5px;font-size:9px;display:block}.builder-logo{object-fit:contain;flex:none;width:42px;height:42px;display:block}.builder-tabs{align-items:center;gap:4px;height:72px;margin-left:auto;display:flex}.builder-tabs button{height:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 14px}.builder-tabs button.active{border-bottom-color:var(--amber-500);color:var(--green-900);font-weight:600}.builder-tabs button span{background:var(--color-bg-subtle);border-radius:4px;padding:3px 5px;font-size:10px}.builder-storybook-link{color:var(--green-900);white-space:nowrap;font-weight:600;text-decoration:none}.builder-main{max-width:1600px;margin:auto;padding:0 clamp(18px,4vw,64px)}.builder-intro{justify-content:space-between;align-items:flex-end;gap:24px;padding:44px 0 32px;display:flex}.builder-eyebrow{font-family:var(--font-label);letter-spacing:.12em;color:#77786f;margin:0 0 10px;font-size:11px;font-weight:700}.builder-intro h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(38px,4.5vw,64px);line-height:1.02}.builder-intro>div:first-child>p:last-child{max-width:620px;color:var(--color-text-secondary);margin:0;line-height:1.65}.builder-intro-note{white-space:nowrap;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.builder-status-dot,.builder-preview-badge span{background:#477a3d;border-radius:50%;width:7px;height:7px;display:inline-block}.builder-workspace{grid-template-columns:minmax(290px,370px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.builder-controls,.builder-preview-panel,.builder-catalogue,.builder-export{border:1px solid var(--color-border-subtle);background:#fff;border-radius:12px;overflow:hidden}.builder-controls{padding:22px;position:sticky;top:14px}.builder-section-heading,.builder-preview-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.builder-section-heading h2,.builder-preview-heading h2{font-family:var(--font-display);margin:0 0 18px;font-size:25px;line-height:1.1}.builder-reset{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.builder-field{flex-direction:column;gap:7px;min-width:0;margin:0 0 15px;display:flex}.builder-field>span{color:var(--color-text-secondary);font-size:12px;font-weight:600}.builder-field input,.builder-field select,.builder-search{border:1px solid var(--color-border-strong);width:100%;min-width:0;color:var(--color-text-primary);background:#fff;border-radius:6px;min-height:41px;padding:10px 11px;font-size:13px}.builder-field input:focus,.builder-field select:focus,.builder-search:focus{outline:2px solid var(--color-focus);outline-offset:1px}.builder-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.builder-control-footer{border-top:1px solid var(--color-border-subtle);margin-top:6px;padding-top:16px}.builder-primary-button,.builder-secondary-button{cursor:pointer;border-radius:6px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:600}.builder-primary-button{background:var(--green-900);color:#fff;border:1px solid var(--green-900)}.builder-primary-button:hover{background:#294b25}.builder-secondary-button{border:1px solid var(--color-border-strong);color:var(--green-900);background:#fff}.builder-control-footer .builder-primary-button{justify-content:space-between;align-items:center;width:100%;display:flex}.builder-control-footer p{color:var(--color-text-muted);margin:10px 0 0;font-size:11px;line-height:1.55}.builder-preview-heading{padding:22px 24px 16px}.builder-preview-heading h2{margin-bottom:0}.builder-preview-badge{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.builder-preview-canvas{border-block:1px solid var(--color-border-subtle);background:#f2f2ed;min-height:440px;padding:24px;overflow:auto}.builder-preview-content{background:#fff;min-height:390px;overflow:hidden;box-shadow:0 2px 10px #1b36180c}.builder-preview-footer{color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:13px 18px;font-size:11px;display:flex}.builder-preview-footer button{color:var(--green-900);cursor:pointer;background:0 0;border:0;font-weight:700}.builder-footer{color:var(--color-text-muted);justify-content:space-between;gap:20px;padding:26px 0 36px;font-size:11px;display:flex}.builder-catalogue,.builder-export{padding:24px}.builder-catalogue .builder-section-heading{align-items:end}.builder-catalogue .builder-section-heading h2,.builder-export .builder-section-heading h2{margin-bottom:8px}.builder-catalogue .builder-section-heading>p{color:var(--color-text-muted);font-size:12px}.builder-search{max-width:460px;margin:14px 0 20px}.builder-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.builder-catalogue-card{text-align:left;border:1px solid var(--color-border-subtle);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:9px;min-height:155px;padding:17px;display:flex}.builder-catalogue-card:hover{border-color:var(--green-900);box-shadow:0 0 0 1px var(--green-900)}.builder-card-kicker{font-family:var(--font-label);letter-spacing:.07em;text-transform:uppercase;color:#77786f;font-size:10px}.builder-catalogue-card strong{font-family:var(--font-display);font-size:19px}.builder-catalogue-card>span:nth-of-type(2){color:var(--color-text-secondary);font-size:12px;line-height:1.5}.builder-card-arrow{color:var(--green-900);margin-top:auto;font-size:11px;font-weight:600}.builder-export .builder-section-heading{margin-bottom:20px}.builder-export .builder-section-heading p:last-child{color:var(--color-text-secondary);max-width:680px;font-size:13px;line-height:1.6}.builder-export .builder-field{max-width:760px}.builder-export-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.builder-code{color:#edf3e9;white-space:pre-wrap;overflow-wrap:anywhere;background:#182316;border-radius:8px;max-height:460px;padding:20px;font-size:12px;line-height:1.6;overflow:auto}.builder-code code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=1100px){.builder-workspace{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.builder-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-intro-note{display:none}}@media (width<=760px){.builder-topbar{flex-wrap:wrap;gap:12px;padding-block:12px}.builder-brand{margin-right:auto}.builder-tabs{order:3;width:100%;height:42px;margin:0;overflow-x:auto}.builder-tabs button{white-space:nowrap;padding:0 10px}.builder-storybook-link{font-size:12px}.builder-intro{padding:32px 0 24px}.builder-workspace{grid-template-columns:1fr}.builder-controls{position:static}.builder-preview-canvas{min-height:300px;padding:12px}.builder-preview-content{min-height:280px}.builder-catalogue-grid{grid-template-columns:1fr}.builder-footer{flex-direction:column;gap:6px}}.builder-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.builder-add-row .builder-field{margin-bottom:0}.builder-add-row>.builder-primary-button{white-space:nowrap;margin-bottom:0}.builder-add-child{width:100%;margin:0 0 14px}.builder-element-tree{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;gap:4px;max-height:300px;margin-bottom:18px;padding:8px 0 14px;display:flex;overflow:auto}.builder-tree-row{align-items:stretch;gap:4px;padding-right:2px;display:flex}.builder-tree-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;padding:9px 10px;display:flex}.builder-tree-item:hover{background:var(--color-bg-subtle)}.builder-tree-item.selected{border-color:var(--green-900);background:#f2f4ef}.builder-tree-type{font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px;font-weight:700;line-height:1.3}.builder-tree-name{overflow-wrap:anywhere;font-size:12px;line-height:1.4}.builder-tree-remove{width:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex-shrink:0;font-size:20px}.builder-tree-remove:hover{color:#a12b22;background:#f8e7e4}.builder-selected-controls{padding-top:2px}.builder-selected-controls .builder-section-heading{margin-bottom:14px}.builder-selected-controls .builder-section-heading h2{margin-bottom:0;font-size:22px}.builder-field textarea{resize:vertical;border:1px solid var(--color-border-strong);width:100%;min-width:0;color:var(--color-text-primary);background:#fff;border-radius:6px;padding:10px 11px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.builder-field textarea:focus{outline:2px solid var(--color-focus);outline-offset:1px}.builder-field-note{color:var(--color-text-muted);margin:-4px 0 16px;font-size:11px;line-height:1.55}.builder-empty-selection{color:var(--color-text-muted);padding:14px 0;font-size:12px;line-height:1.6}.builder-empty-canvas{min-height:300px;color:var(--color-text-muted);text-align:center;place-items:center;padding:30px;font-size:14px;display:grid}.builder-skeleton-preview{background:var(--color-bg-canvas);border:1px solid var(--color-border-subtle);pointer-events:none;border-radius:6px;width:100%;max-height:150px;padding:12px;overflow:hidden}.builder-skeleton-preview img{object-fit:contain;max-height:90px}.builder-skeleton-preview *{max-width:100%}.builder-skeleton-actions{margin-top:auto;padding-top:8px}.builder-catalogue-card{overflow:hidden}.builder-catalogue-card .builder-secondary-button{min-height:34px;padding:7px 10px;font-size:11px}.builder-catalogue-card .builder-card-kicker{overflow-wrap:anywhere}@media (width<=760px){.builder-add-row{grid-template-columns:minmax(0,1fr)}.builder-add-row>.builder-primary-button{width:100%}.builder-element-tree{max-height:220px}}