.settings-hero{padding:40px 0 24px}.settings-hero .section__title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.settings-hero .section__lede{color:var(--color-text-muted);max-width:560px;margin-bottom:0;font-size:1.1rem}.security-callout{border-radius:var(--radius-lg);background:#fbbf240d;border:1px solid #fbbf244d;align-items:flex-start;gap:12px;margin:16px 0 24px;padding:16px 20px;display:flex}.security-callout__icon{color:var(--color-amber);flex-shrink:0;margin-top:2px}.security-callout__text{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.security-callout__text strong{color:var(--color-text);font-weight:600}.settings-layout{grid-template-columns:1fr 420px;align-items:start;gap:40px;display:grid}@media (max-width:960px){.settings-layout{grid-template-columns:1fr}}.settings-form-col{min-width:0}.sg-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden}.sg-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;list-style:none;display:flex}.sg-group>summary::-webkit-details-marker{display:none}.sg-group>summary:after{content:"";width:18px;height:18px;transition:transform var(--t-fast) var(--ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b5b6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;display:block}.sg-group[open]>summary:after{transform:rotate(180deg)}.sg-group__summary{align-items:center;gap:10px;display:flex}.sg-group__label{color:var(--color-text);letter-spacing:.01em;font-size:.875rem;font-weight:600}.sg-group__body{flex-direction:column;gap:0;padding:4px 18px 18px;display:flex}.sg-advanced{border-top:1px solid var(--color-border-soft);margin-top:12px;padding-top:12px}.sg-advanced>summary{cursor:pointer;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 0;font-size:.8125rem;list-style:none;display:flex}.sg-advanced>summary::-webkit-details-marker{display:none}.sg-advanced>summary:before{content:"›";transition:transform var(--t-fast) var(--ease);color:var(--color-text-faint);font-size:1rem;display:inline-block}.sg-advanced[open]>summary:before{transform:rotate(90deg)}.sg-advanced__body{flex-direction:column;gap:0;padding-top:8px;display:flex}.field-row{border-bottom:1px solid var(--color-border-soft);padding:14px 0}.field-row:last-child{border-bottom:none;padding-bottom:0}.field-row__label-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.field-row__label{font-family:var(--font-mono);color:var(--color-text);cursor:pointer;font-size:.8125rem;font-weight:600;line-height:1.4}.field-row__desc{color:var(--color-text-muted);max-width:600px;margin-bottom:8px;font-size:.8rem;line-height:1.5}.field-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elev);color:var(--color-text-muted);white-space:nowrap;padding:1px 7px;font-size:.7rem;font-weight:500;line-height:1.6;display:inline-block}.field-badge--env{color:var(--color-accent-soft);background:#f9731612;border-color:#f9731640}.field-badge--json{color:#6ee7a0;background:#4ade800f;border-color:#4ade8033}.field-badge--secret{color:var(--color-amber);background:#fbbf2412;border-color:#fbbf2440}.field-badge--gated{color:#f472b6;background:#f472b612;border-color:#f472b647}.field-row__docs{color:var(--color-text-dim);white-space:nowrap;margin-left:auto;font-size:.6875rem;text-decoration:none}.field-row__docs:hover{color:var(--color-text);text-decoration:underline}.sg-group__count{font-variant-numeric:tabular-nums;color:var(--color-text-dim);margin-left:auto;font-size:.6875rem}.sg-group__blurb{color:var(--color-text-dim);margin:0 0 14px;font-size:.8125rem;line-height:1.55}.sg-group__blurb a{color:var(--color-text-dim);text-underline-offset:2px;text-decoration:underline}.sg-group__blurb a:hover{color:var(--color-text)}.sg-widget{flex-direction:column;display:flex}.sg-input{background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);outline:none;width:100%;max-width:460px;font-size:.8125rem}.sg-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.sg-input--text,.sg-input--password,.sg-input--number{height:38px;padding:9px 12px}.sg-input--number{font-variant-numeric:tabular-nums}.sg-input--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b5b6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;height:38px;padding:9px 32px 9px 12px}.sg-input--textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px;font-size:.8rem;line-height:1.5}.sg-input::placeholder{color:var(--color-text-faint);font-style:italic}.sg-input option{background:var(--color-surface-2);color:var(--color-text)}.sg-custom-input{max-width:460px}.sg-pw-wrap{align-items:center;width:100%;max-width:460px;display:inline-flex;position:relative}.sg-pw-wrap .sg-input{max-width:100%;padding-right:42px}.sg-eye-btn{color:var(--color-text-faint);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:none;padding:4px;line-height:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sg-eye-btn:hover{color:var(--color-text-muted)}.sg-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.sg-toggle-input{opacity:0;width:0;height:0;position:absolute}.sg-toggle-track{background:var(--color-border);width:40px;height:22px;transition:background var(--t-fast) var(--ease);border:1px solid var(--color-border);border-radius:11px;flex-shrink:0;display:inline-block;position:relative}.sg-toggle-track:before{content:"";background:var(--color-text-faint);width:16px;height:16px;transition:left var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.sg-toggle-input:checked+.sg-toggle-track{background:var(--color-accent);border-color:var(--color-accent)}.sg-toggle-input:checked+.sg-toggle-track:before{background:#fff;left:20px}.sg-toggle-input:focus-visible+.sg-toggle-track{box-shadow:0 0 0 3px var(--color-accent-glow)}.sg-toggle-text{color:var(--color-text-muted);font-size:.8125rem}.output-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:sticky;top:80px;overflow:hidden}.output-tabs{border-bottom:1px solid var(--color-border);background:var(--color-bg-elev);display:flex}.output-tab{color:var(--color-text-muted);cursor:pointer;transition:color var(--t-fast) var(--ease), border-bottom-color var(--t-fast) var(--ease);text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:11px 16px;font-size:.8125rem;font-weight:500}.output-tab:hover{color:var(--color-text)}.output-tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.output-preview-wrap{padding:0;overflow:hidden}.output-preview{font-family:var(--font-mono);color:var(--color-text);tab-size:2;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;background:0 0;border:none;outline:none;min-height:220px;max-height:380px;margin:0;padding:16px;font-size:.78rem;line-height:1.55;overflow:auto}.output-preview::-webkit-scrollbar{width:6px;height:6px}.output-preview::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.output-actions{border-top:1px solid var(--color-border);background:var(--color-bg-elev);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.output-action-btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.output-action-btn:hover{color:var(--color-text);border-color:var(--color-accent);background:var(--color-surface-2)}.output-action-btn--primary{color:var(--color-accent-soft);background:#f9731614;border-color:#f973164d}.output-action-btn--primary:hover{border-color:var(--color-accent);color:#fff;background:#f9731624}.output-action-btn--compact{padding:4px 10px;font-size:.75rem}.noscript-list__intro{color:var(--color-amber);margin-bottom:16px}.noscript-list__heading{color:var(--color-text);margin-bottom:12px;font-size:1rem}.noscript-list__heading--spaced{margin:20px 0 12px}.copy-btn--flashed{color:var(--color-success)!important;border-color:#4ade8066!important}.install-block{border-top:1px solid var(--color-border)}.install-block__header{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.install-block__title{color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.8rem;font-weight:600}.install-preview{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-elev);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;border:none;max-height:200px;margin:0;padding:12px 16px;font-size:.75rem;line-height:1.6;overflow:auto}.install-preview::-webkit-scrollbar{width:4px;height:4px}.install-preview::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}#system-prompt-warning{border-radius:var(--radius);color:var(--color-amber);background:#fbbf2412;border:1px solid #fbbf244d;margin-top:8px;padding:10px 14px;font-size:.8125rem;line-height:1.5;display:none}@media (max-width:768px){.settings-hero{padding:48px 0 28px}.output-panel{position:static}.sg-input,.sg-pw-wrap,.sg-custom-input{max-width:100%}}.settings-section{padding:0 0 80px}.output-preview:empty:before{content:"// Fill in fields to see output.";color:var(--color-text-faint);font-style:italic}.simple-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:28px 28px 24px}.simple-form__intro{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-soft);margin:0 0 14px;font-size:.78rem;font-weight:600}.simple-form__sentence{color:var(--color-text);margin:0 0 24px;font-size:1.05rem;line-height:1.95;display:block}.simple-form__sentence>*{vertical-align:baseline}.simple-inline{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);align-items:center;margin:0 2px;padding:4px 10px;font-family:inherit;font-size:.95rem;line-height:1.4;display:inline-flex}.simple-inline:hover{border-color:var(--color-text-faint)}.simple-inline:focus,.simple-inline:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.simple-inline--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b9bae' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:28px}.simple-inline--text{min-width:220px}.simple-inline--text-wide{min-width:360px}.simple-inline--key{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.02em;font-size:.85rem}.simple-inline::placeholder{color:var(--color-text-faint);font-style:italic}.simple-form__context{color:var(--color-text-muted);margin:-8px 0 24px;padding-left:4px;font-size:.95rem;line-height:1.8;display:none}.simple-form__context.is-visible{display:block}.simple-form__context strong{color:var(--color-text);font-weight:500}.simple-form__options{border-top:1px solid var(--color-border-soft);flex-direction:column;gap:4px;margin-top:4px;padding-top:18px;display:flex}.simple-form__options-label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:600}.simple-option{border-radius:var(--radius);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border:1px solid #0000;flex-direction:column;padding:6px 10px;display:flex}.simple-option:has(.simple-option__checkbox:checked){border-color:var(--color-border);background:var(--color-bg)}.simple-option__row{cursor:pointer;align-items:center;gap:12px;padding:4px 0;display:flex}.simple-option__checkbox{appearance:none;border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;width:18px;height:18px;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border-radius:4px;flex-shrink:0;position:relative}.simple-option__checkbox:hover{border-color:var(--color-text-faint)}.simple-option__checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.simple-option__checkbox:checked:after{content:"";border:solid var(--color-bg);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:0;left:4px;transform:rotate(45deg)}.simple-option__checkbox:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.simple-option__label{color:var(--color-text);font-size:.95rem;font-weight:500}.simple-option__hint{color:var(--color-text-muted);margin-left:6px;font-size:.82rem}.simple-option__reveal{flex-direction:column;gap:10px;padding:12px 0 8px 30px;display:none}.simple-option__checkbox:checked~.simple-option__reveal{display:flex}.simple-field{flex-direction:column;gap:4px;display:flex}.simple-field--inline{flex-flow:wrap;align-items:center;gap:10px}.simple-field__label{color:var(--color-text-muted);letter-spacing:.01em;font-size:.82rem;font-weight:500}.simple-field__input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);width:100%;max-width:480px;padding:8px 12px;font-family:inherit;font-size:.9rem;line-height:1.4}.simple-field__input--key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.simple-field__input--textarea{resize:vertical;min-height:80px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.simple-field__input--number{max-width:120px}.simple-field__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.simple-field__input::placeholder{color:var(--color-text-faint)}.simple-tune-row{flex-wrap:wrap;gap:16px;display:flex}.simple-tune-row .simple-field{flex:0 auto}.simple-subcheck-row{flex-wrap:wrap;gap:14px 22px;padding-top:4px;display:flex}.simple-subcheck{color:var(--color-text);cursor:pointer;align-items:center;gap:6px;font-size:.88rem;display:flex}.simple-subcheck input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.advanced-toggle{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.advanced-toggle>summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;list-style:none;display:flex}.advanced-toggle>summary:hover{background:var(--color-surface-2)}.advanced-toggle>summary::-webkit-details-marker{display:none}.advanced-toggle__label{color:var(--color-text);font-size:.92rem;font-weight:600}.advanced-toggle__hint{color:var(--color-text-muted);text-align:right;flex:1;padding-right:8px;font-size:.82rem}.advanced-toggle>summary:after{content:"";width:18px;height:18px;transition:transform var(--t-fast) var(--ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b5b6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;display:block}.advanced-toggle[open]>summary:after{transform:rotate(180deg)}.advanced-toggle[open]>summary{border-bottom:1px solid var(--color-border-soft)}.advanced-toggle #form-groups{padding:16px 16px 4px}@media (max-width:640px){.simple-form{padding:22px 18px 18px}.simple-form__sentence{font-size:.98rem;line-height:1.85}.simple-inline--text,.simple-inline--text-wide{width:100%;min-width:0;margin:4px 0}.advanced-toggle__hint{display:none}}#system-prompt-warning.is-visible{display:block}.simple-key-line{margin-top:12px;display:block}.simple-key-line .sg-eye-btn{vertical-align:middle;margin-left:6px}.simple-option__reveal.is-open{display:flex}.output-tab{justify-content:center;align-items:center;gap:6px;display:inline-flex}.output-tab__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.output-empty-hint{color:var(--color-text-muted);margin:0;padding:10px 16px 14px;font-size:.8rem;line-height:1.5}.output-empty-hint__link{font:inherit;color:var(--color-accent-soft);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.output-empty-hint__link:hover{color:var(--color-accent)}.install-empty{color:var(--color-text-faint);background:var(--color-bg-elev);margin:0;padding:12px 16px 16px;font-size:.8rem;font-style:italic;line-height:1.5}.simple-key-hint{color:var(--color-amber);margin:8px 0 0;font-size:.8rem;line-height:1.5}.simple-key-hint code{font-family:var(--font-mono);font-size:.78rem}.beyond{border-top:1px solid var(--color-border);margin-top:48px;padding-top:32px}.beyond__heading{color:var(--color-text);margin:0 0 8px;font-size:1rem;font-weight:600}.beyond__lede{color:var(--color-text-dim);margin:0 0 20px;font-size:.8125rem;line-height:1.6}.beyond__lede code,.beyond__detail code{font-size:.78em}.beyond__list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.beyond__item{border:1px solid var(--color-border);background:#ffffff04;border-radius:8px;padding:14px 16px}.beyond__what{color:var(--color-text);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;font-size:.8125rem;font-weight:600;display:flex}.beyond__cmd{border:1px solid var(--color-border);color:var(--color-text-dim);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:400}.beyond__detail{color:var(--color-text-dim);margin:0;font-size:.75rem;line-height:1.6}.beyond__footer{color:var(--color-text-dim);margin:20px 0 0;font-size:.75rem}.beyond__footer a{color:var(--color-text-dim);text-underline-offset:2px;text-decoration:underline}.beyond__footer a:hover{color:var(--color-text)}