.modus{--modus-deep-purple:#34204f;--modus-purple:#4a3070;--modus-light-purple:#8c77b5;--tekta-dark-grey:#252423;--modus-graphite:#57575a;--tekta-regular-grey:#b2b2b2;--tekta-pale-grey:#e6e9e6;--white:#fff;--surface-page:var(--white);--surface-card:var(--white);--surface-chrome:var(--tekta-dark-grey);--surface-panel:var(--tekta-dark-grey);--surface-panel-raised:#343331;--surface-selected:var(--modus-deep-purple);--surface-brand-tile:var(--modus-deep-purple);--surface-subtle:#f6f7f6;--surface-placeholder:var(--tekta-pale-grey);--surface-chrome-hover:#2e2d2b;--text-body:var(--tekta-dark-grey);--text-heading:var(--tekta-dark-grey);--text-secondary:var(--modus-graphite);--text-muted:var(--tekta-regular-grey);--text-on-dark:var(--white);--text-on-dark-secondary:var(--tekta-regular-grey);--text-eyebrow-on-dark:var(--modus-light-purple);--text-eyebrow:var(--modus-graphite);--text-link:var(--modus-purple);--text-link-hover:var(--modus-deep-purple);--text-attention:var(--modus-light-purple);--action-bg:var(--modus-purple);--action-bg-hover:var(--modus-deep-purple);--action-fg:var(--white);--action-secondary-border:var(--tekta-regular-grey);--action-secondary-fg:var(--tekta-dark-grey);--action-secondary-bg-hover:var(--tekta-pale-grey);--action-disabled-bg:var(--tekta-pale-grey);--action-disabled-fg:var(--tekta-regular-grey);--border-hairline:var(--tekta-pale-grey);--border-strong:var(--tekta-regular-grey);--border-on-dark:#3a3937;--glyph-stroke:var(--modus-purple);--glyph-stroke-on-dark:var(--modus-light-purple);--focus-ring:var(--modus-light-purple);--radius:2px;--border-width-glyph:1.5px;--duration-fast:120ms;--ease-standard:cubic-bezier(0.2,0,0.2,1);--transition-colour:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);--chrome-height:64px;--band-height:40px;color:var(--text-body);font-family:var(--font-outfit),"Helvetica Neue",Helvetica,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}.modus :where(td,th,.modus-num,input,select){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modus *{box-sizing:border-box}.modus a{color:var(--text-link);text-decoration:none;transition:var(--transition-colour)}.modus a:hover{color:var(--text-link-hover)}.modus :focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.modus-scrim{position:fixed;inset:0;z-index:60;background:rgba(37,36,35,.55);display:flex;align-items:stretch;justify-content:center;padding:24px}.modus-popout{background:var(--white);border-radius:var(--radius);width:100%;max-width:1560px;display:flex;flex-direction:column;min-height:0}.modus-popout-bar{display:flex;align-items:center;gap:20px;padding:16px 24px 14px;flex:0 0 auto}.modus-popout-context{font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-body);white-space:nowrap}.modus-popout-bar-spacer{flex:1 1 auto}.modus-popout-project{font-size:12.5px;font-weight:300;color:var(--text-secondary);white-space:nowrap}.modus-popout-close{font-size:13px;font-weight:400;color:var(--modus-purple);background:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;transition:var(--transition-colour)}.modus-popout-close:hover{color:var(--modus-deep-purple)}.modus-popout-rule{height:1px;background:var(--modus-purple);margin:0 24px 0 0;flex:0 0 auto}.modus-detail-head{display:flex;align-items:center;gap:16px;padding:18px 24px;flex:0 0 auto}.modus-back{font-size:12.5px;font-weight:400;color:var(--text-body);background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius);padding:6px 12px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:var(--transition-colour)}.modus-back:hover{background:var(--action-secondary-bg-hover)}.modus-detail-name{font-size:20px;font-weight:400;color:var(--modus-purple);white-space:nowrap}.modus-detail-code{font-size:12.5px;font-weight:300;color:var(--text-secondary);white-space:nowrap}.modus-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px;padding:0 24px 24px;min-height:0;flex:1 1 auto;overflow-y:auto}.modus-detail-left{gap:14px}.modus-detail-left,.modus-detail-right{display:flex;flex-direction:column;min-width:0}.modus-detail-right{grid-column:span 2;gap:26px}@media (max-width:1100px){.modus-detail-grid{grid-template-columns:1fr}.modus-detail-right{grid-column:span 1}}.modus-shot{aspect-ratio:16/9;border:1px solid var(--border-hairline);border-radius:var(--radius);background:repeating-linear-gradient(135deg,var(--surface-subtle),var(--surface-subtle) 8px,var(--surface-placeholder) 8px,var(--surface-placeholder) 16px);display:flex;align-items:flex-end;padding:10px;overflow:hidden}.modus-shot img{width:100%;height:100%;object-fit:contain}.modus-shot-caption{font-size:10.5px;font-family:ui-monospace,Menlo,monospace}.modus-shot-caption,.modus-variant{font-weight:300;color:var(--text-secondary)}.modus-variant{font-size:13px;line-height:1.5}.modus-section-title{font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--modus-purple);display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:6px;border-bottom:1px solid var(--modus-purple)}.modus-section-title-note{font-size:11px;font-weight:300;letter-spacing:0;text-transform:none;color:var(--modus-purple);text-align:right;min-width:0}.modus-section{display:flex;flex-direction:column}.modus-row{display:grid;grid-template-columns:136px 1fr;grid-gap:16px;gap:16px;padding:8px 0;border-bottom:1px solid var(--border-hairline);align-items:baseline}.modus-row-label{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--modus-graphite);line-height:1.4}.modus-row-value{font-size:13px;font-weight:300;color:var(--text-body);line-height:1.5;min-height:1.5em}.modus-params{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);grid-auto-flow:column;grid-column-gap:28px;column-gap:28px}@media (max-width:860px){.modus-params{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}.modus-groups{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}@media (max-width:1100px){.modus-groups{grid-template-columns:1fr}}.modus-description{font-size:13.5px;font-weight:300;line-height:1.6;color:var(--text-body);margin:0}.modus-features{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:28px;column-gap:28px;list-style:none;padding:0;margin:0}.modus-features li{font-size:13px;font-weight:300;color:var(--text-body);padding:9px 0 9px 14px;border-bottom:1px solid var(--border-hairline);position:relative}.modus-features li:before{content:"";position:absolute;left:0;top:15px;width:4px;height:4px;background:var(--modus-purple)}.modus-downloads{background:var(--surface-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.modus-downloads-head{align-items:baseline}.modus-downloads-head,.modus-file{display:flex;justify-content:space-between;gap:12px}.modus-file{align-items:center;background:var(--white);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:9px 12px;font-size:12.5px;font-weight:400;color:var(--modus-purple);transition:var(--transition-colour)}a.modus-file:hover{border-color:var(--border-strong)}.modus-file-kind,.modus-file[data-missing=true]{color:var(--text-muted)}.modus-file-kind{font-size:10px;font-weight:500;letter-spacing:.14em}.modus-tags{display:flex;flex-wrap:wrap;gap:6px}.modus-tag{font-size:11.5px;font-weight:300;color:var(--text-body);border:1px solid var(--border-hairline);padding:4px 9px}.modus-button,.modus-tag{border-radius:var(--radius)}.modus-button{font-family:inherit;font-size:13px;font-weight:400;height:32px;padding:0 14px;border:1px solid var(--action-bg);background:var(--action-bg);color:var(--action-fg);cursor:pointer;white-space:nowrap;transition:var(--transition-colour)}.modus-button:hover{background:var(--action-bg-hover);border-color:var(--action-bg-hover)}.modus-button-outline{background:var(--white);border-color:var(--action-secondary-border);color:var(--action-secondary-fg)}.modus-button-outline:hover{background:var(--action-secondary-bg-hover);border-color:var(--action-secondary-border)}.modus-note-line{font-size:11.5px;font-weight:300;line-height:1.5;color:var(--text-secondary);border-top:1px solid var(--border-hairline);padding-top:10px}.modus-admin-flag{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--modus-purple);border:1px solid var(--modus-purple);border-radius:var(--radius);padding:3px 8px;white-space:nowrap}.modus-shot-upload{aspect-ratio:16/9;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:var(--transition-colour);text-align:center;padding:12px}.modus-shot-upload:hover{border-color:var(--modus-purple);background:var(--white)}.modus-shot-upload-label{font-size:12.5px;font-weight:400;color:var(--modus-purple)}.modus-shot-upload-hint{font-size:11px;font-weight:300;color:var(--text-secondary)}.modus-shot-actions{display:flex;gap:8px;align-items:center}.modus-linkish{font-size:12px;font-weight:400;color:var(--modus-purple);background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;transition:var(--transition-colour)}.modus-linkish:hover{color:var(--modus-deep-purple)}.modus-linkish[disabled]{color:var(--text-muted);cursor:default}.modus-param-edit{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--border-hairline)}.modus-param-edit-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.modus-param-count{font-size:10.5px;font-weight:500;color:var(--modus-purple)}.modus-multiselect{font-family:inherit;font-size:12.5px;font-weight:300;color:var(--text-body);background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius);padding:4px;width:100%}.modus-multiselect:focus-visible{border-color:var(--modus-purple)}.modus-multiselect option{padding:3px 6px}.modus-multiselect option:checked{background:var(--modus-deep-purple);color:var(--white)}.modus-param-saving{font-size:10.5px;font-weight:300;color:var(--text-secondary)}.modus-param-error{font-size:11px;font-weight:400;color:var(--modus-purple)}.modus-param-nostore{font-size:11px;font-weight:300;color:var(--text-muted);font-style:normal}.modus-thumbs{display:flex;flex-wrap:wrap;gap:6px}.modus-thumb{width:56px;height:40px;padding:0;border:1px solid var(--border-hairline);border-radius:var(--radius);background:var(--surface-subtle);cursor:pointer;overflow:hidden;transition:var(--transition-colour)}.modus-thumb:hover{border-color:var(--border-strong)}.modus-thumb[aria-current=true]{border-color:var(--modus-purple)}.modus-thumb img{width:100%;height:100%;object-fit:cover;display:block}.modus-ms{position:relative}.modus-ms-field{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:30px;padding:3px 24px 3px 4px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--white);cursor:text;transition:var(--transition-colour)}.modus-ms-field:hover,.modus-ms-field[data-open]{border-color:var(--modus-purple)}.modus-ms-field[data-disabled]{border-color:var(--border-hairline);background:var(--surface-subtle);cursor:default}.modus-ms-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:300;color:var(--text-body);background:var(--surface-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:2px 4px 2px 7px;white-space:nowrap}.modus-ms-chip-x{background:transparent;border:0;padding:0 2px;font-family:inherit;font-size:13px;line-height:1;color:var(--modus-graphite);cursor:pointer;transition:var(--transition-colour)}.modus-ms-chip-x:hover{color:var(--modus-purple)}.modus-ms-input{flex:1 1 60px;min-width:60px;border:0;outline:none;background:transparent;font-family:inherit;font-size:12.5px;font-weight:300;color:var(--text-body);padding:2px}.modus-ms-input::placeholder{color:var(--text-muted)}.modus-ms-caret{position:absolute;right:8px;top:7px;font-size:10px;color:var(--modus-purple);pointer-events:none}.modus-ms-menu{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:10;max-height:188px;overflow-y:auto;background:var(--white);border:1px solid var(--modus-purple);border-radius:var(--radius);display:flex;flex-direction:column}.modus-ms-option{text-align:left;background:transparent;border:0;font-family:inherit;font-size:12.5px;font-weight:300;color:var(--text-body);padding:7px 10px;cursor:pointer;transition:var(--transition-colour)}.modus-ms-option:hover{background:var(--surface-subtle)}.modus-ms-empty{font-size:12px;font-weight:300;color:var(--text-muted);padding:8px 10px}.modus-viewtoggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;flex:0 0 auto}.modus-viewtoggle button{font-family:inherit;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);background:var(--white);border:0;padding:5px 10px;cursor:pointer;transition:var(--transition-colour)}.modus-viewtoggle button+button{border-left:1px solid var(--border-strong)}.modus-viewtoggle button:hover{background:var(--surface-subtle)}.modus-viewtoggle button[aria-pressed=true]{background:var(--modus-deep-purple);color:var(--white)}.modus-viewtoggle button[aria-pressed=true]:hover{background:var(--modus-deep-purple)}.modus-paramgrid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:28px;column-gap:28px;align-items:stretch}@media (max-width:1100px){.modus-paramgrid{grid-template-columns:1fr}}.modus-paramgrid>.modus-param-edit,.modus-paramgrid>.modus-row{height:100%}.modus-back-sm{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;line-height:1.2}.modus-prose-edit{display:flex;flex-direction:column;gap:5px}.modus-textarea{font-family:inherit;font-size:13.5px;font-weight:300;line-height:1.6;color:var(--text-body);background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 12px;width:100%;resize:vertical;transition:var(--transition-colour)}.modus-textarea:focus-visible,.modus-textarea:hover{border-color:var(--modus-purple)}.modus-textarea::placeholder{color:var(--text-muted)}.modus-shot-filled{background:var(--surface-subtle);padding:0}