:root{--ink:#1a302b;--muted:#687970;--paper:#f7f8f3;--white:#fff;--line:#dce4da;--accent:#2f7560;--soft:#eaf0e6;--sage:#dfe9dc;--error:#9b342b;--error-soft:#fff0ed;--amber:#795720;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,input,select,textarea,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.48}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #367ca1}a{color:inherit}h1,h2,h3,p{margin-top:0}button,input,select,textarea{color:var(--ink)}input,select,textarea{min-width:0}input[type=text],input[type=search],input[type=url],input[type=number],select,textarea{border:1px solid #cbd6c9;border-radius:8px;padding:11px 12px;background:#fff;max-width:100%;line-height:1.45}textarea{resize:vertical;min-height:72px}input::placeholder{color:#8b988e}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex:none}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);background:#fffaf8}input:disabled,select:disabled{background:#f2f4ef}input[type=number]{width:100%}label{font-size:12px;line-height:1.5}.page-shell{max-width:1580px;margin:0 auto;padding:0 4vw}.site-header{padding:21px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1.2px;font-weight:700}.brand span{color:var(--accent)}.header-caption{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #cbd6c9;border-radius:9px;background:#fff;padding:13px 18px;line-height:1.4;text-decoration:none;font-size:13px;text-align:center;transition:background .15s,border-color .15s}.button:hover{background:#f0f4ec;border-color:#9cad9c}.button-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button-primary:hover{background:#2c4b40;border-color:#2c4b40}.button-small{padding:9px 12px;font-size:12px}.button-quiet{background:transparent}.text-button{padding:4px 0;background:none;border:0;border-bottom:1px solid #a8b8a9;color:var(--muted);font-size:11px;line-height:1.5;text-underline-offset:4px}.text-button:hover{color:var(--accent)}.intro{padding:45px 0 29px;display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.65px;color:var(--accent);text-transform:uppercase;font-weight:700;margin-bottom:15px}h1{font-size:clamp(40px,4.5vw,66px);line-height:1.08;letter-spacing:-3.1px;font-weight:400;margin-bottom:16px}h1 em{font-family:Georgia,'Times New Roman',serif;color:var(--accent);font-weight:400}.intro-copy{color:var(--muted);font-size:14px;line-height:1.7;max-width:690px;margin-bottom:0}.intro-aside{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:3px}.intro-number{font-size:47px;letter-spacing:-2px;font-weight:400;color:var(--ink);line-height:1}.configuration-bar{background:var(--soft);border:1px solid #d7e0d2;border-radius:13px;padding:18px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(175px,.75fr) auto;gap:22px;align-items:center;margin-bottom:16px}.configuration-name{display:grid;gap:6px}.configuration-name label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.configuration-name input{font-size:13px;width:100%;background:#ffffffc9}.draft-information{display:flex;gap:9px;align-items:start;min-width:0}.draft-information strong,.draft-information span{display:block}.draft-information strong{font-size:12px;margin-bottom:5px;font-weight:500}.draft-information div>span{font-size:10px;color:var(--muted);line-height:1.5}.status-dot,.catalog-dot{display:inline-block;width:6px;height:6px;background:#6f8a66;border-radius:50%;margin-top:4px;flex:none}.status-dot.unsaved{background:#ba9350}.status-dot.failed{background:var(--error)}.notice{border:1px solid #cbd9c7;border-radius:8px;padding:12px 15px;background:#edf4e8;font-size:12px;line-height:1.6;margin-bottom:16px;overflow-wrap:anywhere}.notice.error{border-color:#e8bdb5;background:var(--error-soft);color:var(--error)}.notice.warning{border-color:#e6d5b5;background:#fff7e8;color:var(--amber)}.saved-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:18px}.field-caption{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.config-id{display:block;letter-spacing:.6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px;overflow-wrap:anywhere}.saved-panel p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.5}.saved-actions{display:flex;gap:7px;flex-wrap:wrap;flex:none}.removed-panel{border:1px solid #e4c68e;background:#fff7e7;padding:20px;border-radius:12px;margin-bottom:22px;color:#624d2a}.removed-panel h2{font-size:17px;font-weight:500;margin-bottom:10px}.removed-panel p,.removed-panel details{font-size:12px;line-height:1.6}.removed-panel details{margin-bottom:14px}.removed-panel summary{cursor:pointer}.removed-panel dl{font-size:11px;overflow-wrap:anywhere}.removed-panel dt{font-family:monospace;margin-top:8px}.removed-panel dd{margin:3px 0;color:#7b623c}.removed-panel .caption{margin:9px 0 0}.workspace{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(360px,.9fr);gap:40px;padding:31px 0 36px;align-items:start}.parameter-workspace{min-width:0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:10px;font-size:9px}.section-heading h2{font-size:26px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:0}.section-heading>.text-button{flex:none}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:17px}.tab{background:transparent;border:1px solid transparent;border-radius:30px;padding:9px 12px;color:var(--muted);font-size:11px;line-height:1.35}.tab[aria-selected=true]{background:var(--ink);color:#fff}.tab:hover{border-color:#b7c6b5}.tab span{font-size:9px;opacity:.65;margin-left:5px}.filter-row{display:flex;gap:14px;align-items:center;margin-bottom:19px}.search-field{display:flex;gap:9px;align-items:center;flex:1;background:white;border:1px solid #d6dfd2;border-radius:8px;padding-left:12px}.search-field svg{flex:none;color:#7b8c7d}.search-field input{border:0;padding:11px 10px 11px 0;width:100%;background:none;border-radius:8px;font-size:12px}.changed-filter{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);cursor:pointer;white-space:nowrap}.changed-filter input{width:14px;height:14px}.changed-filter span span{font-weight:700;margin-left:3px;color:var(--ink)}.table-caption{display:flex;justify-content:space-between;gap:15px;padding-bottom:12px;font-size:10px;color:var(--muted)}.table-caption>span:last-child{opacity:.75}.parameter-rows{border-top:1px solid var(--line)}.parameter-row{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,.91fr);gap:20px;align-items:start}.parameter-meta{min-width:0}.parameter-section{display:inline-flex;background:var(--soft);color:var(--accent);font-size:9px;border-radius:4px;line-height:1.4;padding:3px 6px;margin-bottom:7px}.parameter-meta h3{font-size:13px;font-weight:600;line-height:1.4;margin-bottom:6px}.parameter-meta p{font-size:11px;line-height:1.65;color:var(--muted);margin-bottom:7px}.parameter-meta code{font-size:9px;line-height:1.5;color:#8c978c;display:block;overflow-wrap:anywhere}.parameter-value{min-width:0;padding-top:4px}.parameter-value>input,.parameter-value>select,.parameter-value>textarea,.color-control>input[type=text]{width:100%;font-size:12px}.parameter-value>select{min-height:42px}.parameter-row.changed .parameter-value>input,.parameter-row.changed .parameter-value>select,.parameter-row.changed .parameter-value>textarea{border-color:#9db99b;background:#fbfdf8}.control-footer{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-top:7px}.default-value{font-size:9px;line-height:1.5;color:#869180;overflow-wrap:anywhere;min-width:0}.reset-value{font-size:9px;background:none;border:0;color:var(--accent);padding:0;line-height:1.5;text-decoration:underline;text-underline-offset:2px;flex:none}.reset-value:disabled{visibility:hidden}.field-error{color:var(--error);font-size:11px;line-height:1.5;margin:7px 0 0}.toggle-control{display:flex;align-items:center;gap:10px;border:1px solid #d6dfd2;background:white;border-radius:8px;min-height:42px;padding:8px 10px;cursor:pointer;font-size:12px}.toggle-control input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;width:32px;height:18px;border-radius:30px;background:#ccd5c8;flex:none;transition:background .15s}.switch-track:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;background:white;border-radius:50%;transition:transform .15s}.toggle-control input:checked+.switch-track{background:var(--accent)}.toggle-control input:checked+.switch-track:after{transform:translateX(14px)}.toggle-control input:focus-visible+.switch-track{outline:3px solid #367ca1;outline-offset:4px}.color-control{display:flex;gap:7px;align-items:center}.color-control input[type=color]{padding:3px;width:43px;height:42px;border:1px solid #cbd6c9;border-radius:8px;background:white;flex:none;cursor:pointer}.multi-control{margin:0;padding:7px 10px;border:1px solid #cbd6c9;border-radius:8px;background:#fff;display:grid;gap:4px;max-height:190px;overflow:auto}.multi-control label{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;overflow-wrap:anywhere;cursor:pointer}.multi-control input{width:14px;height:14px}.multi-control legend{padding:0}.empty-state{padding:46px 24px;background:#ffffff66;border-radius:0 0 12px 12px;text-align:center;color:var(--muted)}.empty-state h3{font-size:17px;font-weight:400;color:var(--ink);margin-bottom:9px}.empty-state p{font-size:12px;line-height:1.7;margin-bottom:0}.empty-state .button{margin-top:18px}.loading-indicator{display:inline-block;width:23px;height:23px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.show-more{margin:22px auto;display:flex;background:transparent;min-width:200px}.catalog-footnote{border-top:1px solid var(--line);padding-top:17px;margin-top:25px;display:flex;justify-content:space-between;align-items:start;gap:20px}.catalog-footnote strong{font-size:10px;font-weight:400;margin-left:5px}.catalog-footnote p{font-size:9px;color:#899582;line-height:1.7;margin:5px 0 0;overflow-wrap:anywhere}.catalog-footnote .text-button{font-size:10px;flex:none}.preview-workspace{min-width:0}.preview-sticky{position:sticky;top:20px}.preview-heading h2{font-size:26px}.preview-heading>.button{flex:none;font-size:10px}.preview-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:#e9eee3;border-radius:12px 12px 0 0}.preview-controls label,.expanded-controls label{display:grid;gap:5px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.preview-controls select,.expanded-controls select{width:100%;font-size:11px;padding:10px 9px;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 12px;background:#e9eee3}.preview-badge{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#6e826a}.segmented{display:flex;gap:3px;border:1px solid #cdd8c7;padding:3px;border-radius:7px;background:#e1e8dc}.segmented button{border:0;padding:5px 9px;font-size:9px;background:transparent;border-radius:4px;color:#71826a}.segmented button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #18312212}.preview-stage{padding:18px 14px 22px;background:#e9eee3;border-radius:0 0 12px 12px;min-height:510px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;max-height:800px}.preview-host{background:white;max-width:100%;min-width:0;box-shadow:0 10px 30px #263d2910;overflow:hidden;border-radius:15px;isolation:isolate}.preview-mobile{width:360px;min-height:490px}.preview-desktop{width:100%;min-height:350px}.preview-wait{padding:160px 20px;text-align:center;font-size:13px;color:var(--muted)}.preview-description{padding:15px 2px 0}.preview-description h3{font-weight:500;font-size:12px;margin-bottom:7px}.preview-description p{font-size:11px;line-height:1.65;color:var(--muted);margin-bottom:0}.preview-note{font-size:9px;line-height:1.7;color:#8a9782;margin:11px 2px 0}.how-it-works{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0}.how-it-works>div{display:flex;gap:18px;align-items:start}.how-it-works>div>span{font-family:Georgia,serif;color:#8eab86;font-size:23px;line-height:1.2}.how-it-works p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.how-it-works strong{display:block;font-size:12px;color:var(--ink);font-weight:500;margin-bottom:3px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px;font-size:9px;line-height:1.6;color:#8b9784}dialog{border:1px solid var(--line);border-radius:17px;padding:24px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #10251838;max-width:calc(100vw - 28px);max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#142b24aa;backdrop-filter:blur(3px)}.load-dialog{width:440px}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:16px}.dialog-heading h2{font-size:25px;letter-spacing:-.7px;font-weight:400;margin:0}.dialog-heading .eyebrow{margin-bottom:7px}.load-dialog>p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:20px}.load-dialog form>label{display:block;font-size:11px;margin-bottom:6px}.load-dialog form>input{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.load-dialog form>.button{margin-top:19px;width:100%}.icon-button{border:0;background:none;font-size:27px;line-height:1;padding:0 2px;color:var(--muted)}.expanded-dialog{width:min(1280px,94vw);padding:22px 26px}.expanded-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.expanded-controls>label{width:min(360px,65%)}.expanded-stage{padding:22px;background:#e6ecdf;border-radius:12px;display:flex;justify-content:center;overflow:auto;max-height:calc(100dvh - 255px);min-height:250px}.expanded-stage .preview-mobile{width:390px;flex:none}.expanded-stage .preview-desktop{width:1080px;max-width:100%;flex:none}.caption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:13px;margin-bottom:0}.confirm-dialog{width:420px}.confirm-dialog>p{font-size:13px;line-height:1.7;color:var(--muted)}.confirm-actions{display:flex;gap:10px;justify-content:end;margin-top:24px}.noscript{position:fixed;inset:0;background:var(--paper);padding:60px;font-size:20px;z-index:99}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-70px;background:white;color:var(--ink);padding:12px;z-index:100}.skip-link:focus{top:12px}
@media(min-width:1600px){.page-shell{padding:0 60px}.site-header{padding-left:max(4vw,calc((100vw - 1460px)/2));padding-right:max(4vw,calc((100vw - 1460px)/2))}}
@media(max-width:1120px){.workspace{gap:27px;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.configuration-bar{gap:15px;grid-template-columns:1fr .75fr auto}.configuration-bar>.button{max-width:200px;font-size:12px}.parameter-row{gap:14px;grid-template-columns:minmax(0,1fr) minmax(155px,.86fr)}.section-heading h2{font-size:23px}.section-heading>.text-button{font-size:10px}.filter-row{gap:8px}.changed-filter{font-size:9px}.tab{padding:8px 10px;font-size:10px}.preview-controls{padding:11px;gap:7px}.preview-heading{gap:8px}.preview-heading>.button{font-size:9px;padding:8px}.preview-heading h2{font-size:24px}.preview-stage{padding-left:11px;padding-right:11px}.catalog-footnote{flex-direction:column;gap:8px}.table-caption>span:last-child{display:none}}
@media(max-width:900px){.intro{grid-template-columns:1fr 170px;padding-top:35px;gap:20px}.intro-aside{font-size:10px;padding-left:18px}.intro-number{font-size:40px}h1{font-size:45px;letter-spacing:-2px}.configuration-bar{grid-template-columns:1fr auto;gap:15px}.draft-information{grid-row:2;grid-column:1}.configuration-bar>.button{grid-row:2;grid-column:2;max-width:none}.configuration-name{grid-column:1/-1}.workspace{grid-template-columns:1fr;gap:34px}.preview-workspace{grid-row:1}.preview-sticky{position:static}.preview-stage{max-height:630px;min-height:510px}.preview-controls{grid-template-columns:1fr 1fr;padding:14px}.preview-toolbar{padding-top:0}.preview-stage .preview-mobile{width:360px}.preview-stage .preview-desktop{max-width:760px}.section-heading h2{font-size:26px}.preview-heading>.button{font-size:11px}.preview-note{font-size:10px}.parameter-row{grid-template-columns:minmax(0,1fr) minmax(230px,.9fr);gap:28px}.parameter-meta h3{font-size:14px}.parameter-meta p{font-size:12px}.parameter-meta code{font-size:10px}.parameter-value>input,.parameter-value>select,.parameter-value>textarea,.color-control>input[type=text]{font-size:13px}.parameter-section{font-size:10px}.parameter-value{padding-top:5px}.default-value,.reset-value{font-size:10px}.tab{padding:9px 13px;font-size:12px}.tabs{gap:5px}.filter-row{gap:14px}.changed-filter{font-size:11px}.search-field input{font-size:13px}.table-caption{font-size:11px}.catalog-footnote{flex-direction:row}.how-it-works{gap:20px}.how-it-works>div{gap:10px}.saved-actions{max-width:300px;justify-content:end}.saved-panel{align-items:start}.header-caption{font-size:9px}}
@media(max-width:560px){.page-shell{padding:0 20px}.site-header{padding:19px 20px;gap:10px}.brand{font-size:24px}.header-caption{display:none}.site-header>.button{font-size:11px;padding:8px 10px}.intro{grid-template-columns:1fr;padding:31px 0 23px;gap:18px}h1{font-size:43px;letter-spacing:-2.5px;line-height:1.05;margin-bottom:14px}h1 em{display:block}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:13px}.intro-copy{font-size:12px;line-height:1.75}.intro-aside{border-left:0;padding-left:0;display:flex;flex-direction:row;align-items:center;gap:12px;font-size:10px;line-height:1.5;margin:0}.intro-aside br{display:none}.intro-number{font-size:30px;letter-spacing:-1px}.intro-aside>span:last-child{max-width:215px}.configuration-bar{padding:14px;gap:13px;grid-template-columns:1fr}.configuration-name label{font-size:9px}.configuration-name input{font-size:13px;padding:11px}.draft-information{grid-row:auto;grid-column:auto}.configuration-bar>.button{grid-row:auto;grid-column:auto;width:100%;padding:13px;font-size:12px}.draft-information strong{font-size:11px}.draft-information div>span{font-size:10px}.notice{font-size:11px;padding:11px 13px}.saved-panel{padding:16px;flex-direction:column;gap:14px}.saved-actions{max-width:none;justify-content:start;width:100%;gap:6px}.saved-actions>.button{font-size:10px;padding:8px 9px;flex:1}.config-id{font-size:17px}.workspace{padding-top:22px;gap:32px}.section-heading{gap:10px;align-items:end;margin-bottom:17px}.section-heading h2,.preview-heading h2{font-size:24px;letter-spacing:-.9px}.section-heading .eyebrow{font-size:8px;margin-bottom:8px}.section-heading>.text-button{font-size:9px;max-width:75px;text-align:right}.preview-heading>.button{font-size:9px;padding:7px;max-width:96px}.preview-controls{padding:12px;gap:8px}.preview-controls label{font-size:8px}.preview-controls select{font-size:10px;padding:9px 7px}.preview-toolbar{padding:0 12px 10px}.preview-badge{font-size:7px}.segmented button{font-size:8px;padding:5px 7px}.preview-stage{padding:14px 12px 18px;min-height:470px;max-height:655px}.preview-mobile{min-height:435px}.preview-desktop{min-height:330px}.preview-description h3{font-size:12px}.preview-description p{font-size:11px}.preview-note{font-size:9px;line-height:1.65}.tabs{gap:4px;margin-bottom:16px}.tab{padding:8px 10px;font-size:10px}.tab span{font-size:8px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:15px}.search-field{flex-basis:100%}.search-field input{font-size:12px;padding-top:12px;padding-bottom:12px}.changed-filter{font-size:10px}.table-caption{font-size:10px;padding-bottom:10px}.parameter-row{grid-template-columns:1fr;gap:10px;padding:20px 0}.parameter-meta h3{font-size:14px;margin-bottom:5px}.parameter-meta p{font-size:12px;margin-bottom:6px}.parameter-meta code{font-size:9px}.parameter-section{font-size:9px;margin-bottom:6px}.parameter-value{padding-top:0}.parameter-value>input,.parameter-value>select,.parameter-value>textarea,.color-control>input[type=text]{font-size:13px;padding:11px}.toggle-control{min-height:44px;font-size:13px}.multi-control{padding:8px 11px;gap:5px}.multi-control label{font-size:12px}.control-footer{margin-top:7px}.default-value,.reset-value{font-size:9px}.catalog-footnote{gap:15px}.catalog-footnote strong{font-size:9px}.catalog-footnote p{font-size:8px}.catalog-footnote .text-button{font-size:9px;max-width:115px;flex:none;text-align:right}.how-it-works{grid-template-columns:1fr;gap:18px;padding:24px 0}.how-it-works>div{gap:18px}.how-it-works>div>span{font-size:23px}.how-it-works p{font-size:11px}.how-it-works strong{font-size:12px}footer{flex-direction:column;gap:9px;font-size:9px;padding:22px 0 28px}.removed-panel{padding:16px}.removed-panel h2{font-size:16px}.removed-panel p{font-size:11px}.removed-panel .button{font-size:11px}.load-dialog,.confirm-dialog{padding:22px}.dialog-heading h2{font-size:24px}.expanded-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:16px}.expanded-dialog .dialog-heading{gap:10px}.expanded-dialog .dialog-heading h2{font-size:20px}.expanded-dialog .dialog-heading .button{font-size:10px;padding:8px}.expanded-controls{gap:10px}.expanded-controls>label{width:65%;font-size:8px}.expanded-controls select{font-size:10px}.expanded-stage{padding:12px 8px;max-height:calc(100dvh - 240px)}.expanded-stage .preview-mobile{width:100%}.caption{font-size:10px}.confirm-actions .button{font-size:12px;padding:12px}.empty-state{padding:35px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.binding-info{margin-top:12px;padding:11px 12px;border-left:2px solid #a7beb0;background:#edf3ed;border-radius:0 6px 6px 0}.binding-info .binding-link{display:block;padding:0;border:0;background:none;color:#255d49;text-align:left;font-family:inherit;font-weight:600;font-size:11px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.parameter-meta .binding-effect{margin:5px 0 0;font-size:11px;line-height:1.55;color:#4d665c}.parameter-meta .binding-note{margin:5px 0 0;font-size:10px;line-height:1.55;color:#667b71}.binding-info strong{font-size:11px}.binding-live,.binding-unreviewed{background:#f2f0e9;border-color:#bdb293}.binding-link:focus-visible{outline:2px solid #317965;outline-offset:4px}@media(max-width:560px){.binding-info .binding-link,.parameter-meta .binding-effect,.parameter-meta .binding-note{font-size:11px}.binding-info{margin-top:10px}}

.module-step{padding:25px 28px 18px;margin:0 0 24px;background:#eaf1e9;border:1px solid #cdddcf;border-radius:14px}.module-step-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:20px}.module-step-heading .eyebrow{margin-bottom:10px}.module-step h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:500}.module-step-heading>p{max-width:420px;margin:0;color:#5e7167;font-size:12px;line-height:1.7}.module-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.module-option{display:flex;align-items:center;gap:10px;min-height:58px;padding:13px;background:#f8faf6;border:1px solid #cad7cb;border-radius:8px;font-size:12px;line-height:1.4;cursor:pointer}.module-option.selected{border-color:#477b62;background:#fff;box-shadow:0 0 0 1px #477b6233}.module-option input{width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:#376b52}.module-option:focus-within{outline:2px solid #317965;outline-offset:3px}.module-selection-note{font-size:11px;line-height:1.6;margin:14px 0 0;color:#5d7464}.module-selection-note.empty-selection{color:#805329}.module-step fieldset>p{grid-column:1/-1}
@media(max-width:960px){.module-step{padding:22px}.module-step-heading{align-items:start}.module-step h2{font-size:23px}.module-step-heading>p{max-width:290px}.module-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.module-step{padding:18px 14px;margin-bottom:20px;border-radius:10px}.module-step-heading{display:block;margin-bottom:16px}.module-step-heading h2{font-size:23px;line-height:1.2}.module-step-heading>p{font-size:11px;line-height:1.7;margin-top:12px;max-width:none}.module-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.module-option{font-size:11px;padding:10px;min-height:53px;gap:8px}.module-option:last-of-type:nth-of-type(odd){grid-column:1/-1}.module-selection-note{font-size:10px;margin-top:13px}}

.preview-frame{position:relative;flex:none;max-width:100%;min-width:0}.preview-frame.scaled-preview{overflow:hidden}.preview-frame>.preview-desktop{min-width:1080px;max-width:none;flex:none}

.preview-stage.desktop-stage{min-height:250px}

/* Keep the actions available while a long configuration is being edited. */
body{padding-bottom:100px}.parameter-row{scroll-margin:90px 0 120px}.action-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px max(20px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#f7f8f3f5;border-top:1px solid #cbd6c9;box-shadow:0 -5px 22px #213b2810;backdrop-filter:blur(14px)}.action-dock>span{font-size:12px;color:var(--muted);max-width:320px}.action-dock>div{display:flex;gap:8px}.action-dock .button{min-height:42px}.action-dock button:disabled{cursor:default}body:has(dialog[open]) .action-dock,body.keyboard-open .action-dock{visibility:hidden}.preview-workspace{align-self:stretch}.preview-sticky{max-height:calc(100dvh - 112px);display:flex;flex-direction:column;overflow:auto;padding-bottom:4px}.preview-sticky>.preview-stage{min-height:180px;max-height:none;flex:1 1 440px}.preview-sticky>.preview-heading,.preview-sticky>.preview-controls,.preview-sticky>.preview-toolbar,.preview-sticky>.preview-description,.preview-sticky>.preview-note,.preview-sticky>.device-note{flex-shrink:0}.preview-heading{scroll-margin-top:24px}.device-note{padding:10px 12px;background:#fff4db;border:1px solid #e3c78d;border-radius:6px;font-size:12px;line-height:1.5}.device-note .text-button{font-size:12px;font-weight:600;text-decoration:underline}.previous-save{font-size:12px;margin:0 0 16px;overflow-wrap:anywhere}.previous-save:has([hidden]){display:none}.local-history{padding:14px 18px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:20px}.local-history summary{cursor:pointer;font-size:13px}.local-history p{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0}.local-history ul{padding-left:20px;max-height:220px;overflow:auto;margin-bottom:0}.local-history li{font-size:12px;line-height:1.5;margin:9px 0}.local-history small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.copy-fallback{margin:0 0 20px;padding:14px;background:#fff4db;border:1px solid #e3c78d;border-radius:8px}.copy-fallback label{display:block;margin-bottom:5px}.copy-fallback input{width:100%;font-size:13px}.media-control{display:grid;gap:9px}.media-drop{border:1px dashed #a8beb0;border-radius:8px;background:#f1f6ee;padding:12px}.media-drop.dragging{outline:2px solid var(--accent);background:#dfeddb}.media-drop>.button{width:100%;font-size:12px;min-height:42px;background:#fff}.media-help{font-size:10px;color:var(--muted);line-height:1.6;margin:7px 0 0}.media-preview{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);background:white;border-radius:8px;min-width:0}.media-preview img,.media-preview video{width:72px;height:60px;object-fit:contain;flex:none;border-radius:4px;background:#f3f3f3}.media-preview video{width:100px}.media-preview span{font-size:10px;line-height:1.5;overflow-wrap:anywhere;min-width:0}.media-status{font-size:11px;line-height:1.5;margin:0}.media-control>progress{width:100%;accent-color:var(--accent)}.media-control>.text-button{text-align:left;font-size:11px;text-decoration:underline}.media-link{min-width:0}.media-link summary{font-size:11px;cursor:pointer;color:var(--accent)}.media-link input{margin-top:7px;width:100%;font-size:12px}.media-link .media-help{margin-top:8px}.expanded-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 28px)}.expanded-dialog>.dialog-heading,.expanded-dialog>.expanded-controls,.expanded-dialog>.device-note,.expanded-dialog>.preview-zoom,.expanded-dialog>.caption,.expanded-dialog>.expanded-back{flex-shrink:0}.expanded-controls{margin-bottom:12px}.expanded-stage{display:block;min-height:160px;max-height:none;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable}.expanded-stage .preview-frame{margin:0 auto;max-width:none}.expanded-stage .preview-frame.scaled-preview{margin-left:0;margin-right:0}.expanded-stage .preview-frame>.preview-desktop{max-width:none}.preview-zoom{display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;margin:0 0 12px}.zoom-presets,.zoom-range{display:flex;align-items:center;gap:7px}.zoom-presets .button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.zoom-range input{width:130px;accent-color:var(--accent)}.zoom-range .button{font-size:18px;padding:4px 11px;min-width:36px}.zoom-presets .button{min-height:34px;padding:7px 10px;font-size:11px}.zoom-presets span{min-width:38px;font-size:12px;font-variant-numeric:tabular-nums}.preview-zoom p{flex-basis:100%;font-size:11px;line-height:1.45;color:var(--muted);margin:0}.expanded-back{align-self:flex-start;margin-top:10px;text-decoration:underline;font-size:12px}.expanded-dialog .caption{font-size:11px;line-height:1.45}
@media(max-width:900px){.preview-sticky{max-height:none;display:block;overflow:visible}.preview-sticky>.preview-stage{min-height:470px;max-height:630px}.action-dock{gap:12px}.action-dock>span{max-width:240px;font-size:11px}}
@media(max-width:560px){body{padding-bottom:112px}.action-dock{display:block;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.action-dock>span{display:block;max-width:none;text-align:center;font-size:10px;margin-bottom:7px;line-height:1.3}.action-dock>div{gap:5px;justify-content:center}.action-dock .button{flex:1;gap:4px;padding:10px 6px;font-size:11px;min-height:42px;white-space:nowrap}.preview-sticky>.preview-stage.desktop-stage{min-height:250px}.expanded-dialog{padding:14px;width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.expanded-dialog[open]{max-height:calc(100dvh - 16px);height:calc(100dvh - 16px)}.expanded-dialog .dialog-heading{margin-bottom:12px;align-items:center;gap:8px}.expanded-dialog .dialog-heading h2{font-size:18px;line-height:1.2}.expanded-dialog .dialog-heading .button{min-height:40px;white-space:nowrap}.expanded-dialog .eyebrow{font-size:8px;margin-bottom:6px}.expanded-controls{gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.expanded-controls>label{flex:1;min-width:160px}.expanded-controls .segmented{flex:none}.expanded-controls select{font-size:12px;min-height:40px}.expanded-controls .segmented button{font-size:10px;min-height:30px;padding:5px 8px}.preview-zoom{gap:8px;margin-bottom:10px}.zoom-presets{flex:1}.zoom-range{width:100%}.zoom-range input{flex:1;width:120px}.zoom-range .button{min-height:36px}.preview-zoom p{font-size:10px}.expanded-stage{padding:8px;min-height:120px;border-radius:8px}.expanded-back{font-size:11px;min-height:32px;margin-top:4px}.expanded-dialog .caption{font-size:10px;margin-top:8px}.media-help{font-size:11px}.media-link summary{font-size:12px}.media-link input{font-size:16px}.device-note{font-size:11px;margin-bottom:8px}.device-note .text-button{font-size:11px}}
.action-dock>.dock-state{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.dock-state .text-button{font-size:11px;text-decoration:underline}.upload-entry{padding:14px 0;border-bottom:1px solid var(--line)}.upload-entry strong{font-size:13px}.upload-entry p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.upload-entry .button{margin-right:7px;margin-top:7px}.example-note{padding:10px 12px;margin-bottom:10px;border:1px solid #cad9c8;border-radius:6px;background:#f1f6ed;font-size:11px;line-height:1.5;flex-shrink:0}.example-note p{margin:5px 0;color:var(--muted)}.example-note .text-button{font-size:11px;text-decoration:underline}.example-note strong{font-weight:600}.preview-sticky>.example-note{flex-shrink:0}.expanded-dialog>.example-note{flex-shrink:0;max-height:130px;overflow:auto}@media(max-width:560px){.action-dock>.dock-state{justify-content:center;font-size:10px;margin-bottom:7px}.dock-state .text-button{font-size:10px;padding:0;min-height:20px}.expanded-dialog>.example-note{max-height:105px;font-size:10px}.example-note .text-button{font-size:10px}}
@media(min-width:901px){.preview-sticky>.preview-stage{flex:0 1 auto;max-height:calc(100dvh - 390px)}}