:root{color-scheme:light;font:400 14px/1.5 'Be Vietnam Pro',system-ui,sans-serif;color:#181818;background:#FFFFFF}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
:is(button,a,input,select):focus-visible{outline:3px solid #B91C30;outline-offset:3px}
.explorer-header{display:grid;grid-template-columns:auto 1fr minmax(220px,280px) auto;align-items:center;gap:28px;padding:14px 28px;background:#FFFFFF;color:#181818;border-bottom:1px solid #E5E5E5;position:sticky;top:0;z-index:50;min-height:88px;overflow-anchor:none}
.explorer-brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.explorer-logo{display:block;width:40px;height:40px;flex:none}.explorer-wordmark{font-size:19px;font-weight:800;letter-spacing:-.75px;line-height:1.2}.explorer-wordmark>span{color:#B91C30}.explorer-wordmark small{display:block;font-size:8px;font-weight:500;letter-spacing:.14em;margin-top:5px}
.explorer-tabs{display:flex;gap:4px;align-self:stretch;align-items:stretch;justify-self:center}.explorer-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#616161;padding:10px 16px;font-weight:500;font-size:12px;min-height:48px;white-space:nowrap}.explorer-tabs button[aria-selected="true"]{color:#181818;border-bottom-color:#B91C30;font-weight:700}.explorer-tabs button:hover{background:#F7F7F7}
.explorer-context{min-width:0}.explorer-context-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.explorer-context-label label{font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#616161}.explorer-context-label small{font-size:9px;color:#6B6B6B}.explorer-context>select{width:100%;min-height:48px;border:1px solid #D5D5D5;background:white;border-radius:8px;padding:10px;font-size:12px}
.theme-picker-trigger{display:flex;align-items:center;gap:11px;width:100%;min-width:0;min-height:52px;border:1px solid #D5D5D5;border-radius:9px;padding:8px 12px;background:#FFFFFF;color:#181818;text-align:left;box-shadow:0 1px 2px #18181805;transition:border-color 120ms,box-shadow 120ms}.theme-picker-trigger:hover{border-color:#929292;box-shadow:0 2px 6px #18181809}.theme-picker-trigger[aria-expanded="true"]{border-color:#B91C30;box-shadow:0 0 0 3px #B91C3010}.theme-trigger-copy{min-width:0;flex:1;display:grid;gap:2px}.theme-trigger-copy strong{font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.theme-trigger-copy small{font-size:9px;color:#6B6B6B;line-height:1.4}.picker-chevron{flex:none;color:#6B6B6B;transition:transform 120ms}.theme-picker-trigger[aria-expanded="true"] .picker-chevron{transform:rotate(180deg)}
.theme-swatch{display:block;position:relative;border:1px solid #18181825;border-radius:6px;flex:none;overflow:hidden}.theme-swatch:before{content:'';position:absolute;left:22%;right:22%;top:25%;height:2px;background:var(--swatch-ink,#181818);opacity:.8}.theme-swatch:after{content:'';position:absolute;left:22%;right:34%;top:48%;height:1px;background:var(--swatch-ink,#181818);box-shadow:0 5px 0 var(--swatch-ink,#181818);opacity:.45}.trigger-swatch{width:30px;height:32px}.option-swatch{width:42px;height:42px}
.explorer-repo{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;font-size:11px;text-decoration:none;white-space:nowrap;color:#555555}.explorer-repo:hover{color:#B91C30;text-decoration:underline}
#preview-status{padding:14px 24px;margin:0;color:#616161;font-size:13px}iframe{display:block;width:100%;border:0;min-height:420px}#preview-panels{overflow-anchor:none}
.explorer-skip{position:absolute;top:-100px;left:16px;background:white;border:1px solid #181818;padding:12px;z-index:100;font-size:13px}.explorer-skip:focus{top:12px}noscript{display:block;padding:24px;font-size:14px}
.theme-picker{position:fixed;inset:auto;margin:0;padding:0;max-width:none;border:1px solid #DADADA;border-radius:14px;background:#FFFFFF;color:#181818;box-shadow:0 18px 60px #18181824,0 2px 8px #1818180A;overflow:hidden;font:400 13px/1.5 'Be Vietnam Pro',system-ui,sans-serif;overscroll-behavior:contain;display:none}.theme-picker.is-open{display:flex;flex-direction:column}.theme-picker::backdrop{background:transparent}
.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 15px;flex:none}.picker-eyebrow{display:block;font-size:8px;font-weight:600;letter-spacing:.12em;color:#6B6B6B;margin-bottom:4px}.picker-heading h2{font-size:17px;letter-spacing:-.5px;line-height:1.4;margin:0;font-weight:700}.picker-total{padding:5px 8px;background:#FBEEF0;border:1px solid #F1D6DC;border-radius:5px;color:#A4182B;font-size:9px;white-space:nowrap}
.picker-search-wrap{display:flex;align-items:center;gap:9px;flex:none;margin:0 16px 12px;padding:0 11px;min-height:44px;background:#F6F6F6;border:1px solid #E3E3E3;border-radius:8px;color:#6B6B6B}.picker-search-wrap:focus-within{border-color:#B91C30;box-shadow:0 0 0 2px #B91C3010}.picker-search-wrap>svg{flex:none}.picker-search-wrap input{width:100%;min-width:0;border:0;background:transparent;color:#181818;font:400 13px/1.5 'Be Vietnam Pro',system-ui,sans-serif;min-height:42px;outline:none}.picker-search-wrap input:focus-visible{outline:none}.picker-search-wrap input::placeholder{color:#6B6B6B}.picker-search-wrap kbd{font:9px/1.5 'Be Vietnam Pro',system-ui,sans-serif;border:1px solid #D5D5D5;background:white;border-radius:3px;padding:2px 4px;flex:none}
.theme-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C4C4C4 transparent;padding:0 8px 10px;max-height:380px}.picker-group-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 11px 6px;background:#FFFFFF;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6B6B6B}.picker-group-heading>span{font-size:9px;font-weight:400;letter-spacing:0;color:#6B6B6B}.picker-group+.picker-group{border-top:1px solid #F0F0F0;margin-top:8px;padding-top:2px}
.picker-option{display:flex;align-items:center;gap:12px;padding:10px 11px;min-height:64px;border:1px solid transparent;border-radius:8px;cursor:pointer}.picker-option.is-active{background:#F5F5F5}.picker-option[aria-selected="true"]{background:#FCF0F2;border-color:#F0CCD3}.picker-option[aria-selected="true"].is-active{background:#F9E6EA;border-color:#E6B3BE}.picker-option-copy{display:grid;gap:3px;flex:1;min-width:0}.picker-option-copy strong{font-weight:600;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.picker-option-copy small{font-size:10px;line-height:1.5;color:#6B6B6B;overflow-wrap:anywhere}.picker-check{flex:none;width:20px;height:20px;text-align:center;font-size:12px;line-height:20px;color:transparent}.picker-option[aria-selected="true"] .picker-check{background:#B91C30;color:#FFFFFF;border-radius:50%}
.picker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;border-top:1px solid #ECECEC;padding:12px 18px;font-size:9px;color:#6B6B6B;background:#FCFCFC}.picker-empty{padding:32px 22px;text-align:center;overflow:auto}.picker-empty strong{font-size:14px}.picker-empty p{font-size:12px;color:#6B6B6B;margin:7px 0 18px}.picker-empty button{min-height:44px;border:1px solid #D5D5D5;border-radius:6px;background:white;color:#181818;padding:9px 14px;font-size:12px}
@media(max-width:1100px){.explorer-header{gap:18px;padding:12px 20px;grid-template-columns:auto 1fr minmax(200px,245px) auto}.explorer-wordmark{font-size:17px}.explorer-logo{width:36px;height:36px}.explorer-tabs button{padding-inline:11px}.explorer-repo{font-size:10px}}
@media(max-width:820px){.explorer-header{grid-template-columns:1fr auto;gap:8px 20px;padding:12px 20px}.explorer-brand{grid-column:1;grid-row:1}.explorer-repo{grid-column:2;grid-row:1;justify-self:end}.explorer-tabs{grid-column:1;grid-row:2;justify-self:start;align-self:end}.explorer-context{grid-column:2;grid-row:2;width:260px}.explorer-context-label{margin-bottom:4px}.explorer-tabs button{padding:10px 16px}.explorer-wordmark{font-size:18px}}
@media(max-width:600px){.explorer-header{grid-template-columns:1fr auto;gap:6px 12px;padding:10px 14px}.explorer-brand{gap:9px}.explorer-logo{width:34px;height:34px}.explorer-wordmark{font-size:17px}.explorer-wordmark small{font-size:7px;letter-spacing:.13em}.explorer-repo{font-size:10px}.explorer-tabs{grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch;gap:8px}.explorer-tabs button{flex:1;min-height:44px;padding:8px 10px;font-size:12px}.explorer-context{grid-column:1/-1;grid-row:3;width:100%}.explorer-context-label{display:none}.theme-picker-trigger{min-height:48px;padding:7px 11px}.theme-trigger-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.theme-trigger-copy strong{font-size:12px}.theme-trigger-copy small{font-size:9px;text-align:right;white-space:nowrap}.trigger-swatch{width:28px;height:30px}.picker-search-wrap input{font-size:16px}.picker-keyboard-hint{display:none}.picker-heading{padding:17px 17px 13px}.picker-heading h2{font-size:16px}.theme-picker-list{max-height:none}.picker-option{min-height:66px}.picker-option-copy small{font-size:11px}.theme-picker{border-radius:12px}}
@media(max-height:500px){.picker-heading,.picker-footer{display:none}.picker-search-wrap{margin-top:10px;margin-bottom:6px}.picker-group-heading{padding-top:7px}.picker-option{min-height:54px;padding-block:7px}.option-swatch{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep header height stable for long names; the menu and accessible name stay complete. */
.theme-trigger-copy strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.theme-trigger-copy strong{flex:1}.theme-trigger-copy small{flex:none}}
.picker-group-heading{position:sticky;top:0;z-index:1}