.s404-maker{
  --s404-accent:#D6FB00;
  --s404-bg:#090909;
  --s404-panel:#111111;
  --s404-panel-2:#161616;
  --s404-text:#F4F1E8;
  --s404-muted:#989891;
  --s404-line:rgba(255,255,255,.13);
  --s404-soft:rgba(255,255,255,.055);
  --s404-shadow:0 30px 90px rgba(0,0,0,.30);
  color:var(--s404-text);
  background:var(--s404-bg);
  border:1px solid var(--s404-line);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(24px,4vw,64px);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.45;
  box-sizing:border-box;
}
.s404-maker[data-resolved-theme="light"]{
  --s404-bg:#F3F0E8;
  --s404-panel:#FBF9F2;
  --s404-panel-2:#EAE6DA;
  --s404-text:#0B0B0A;
  --s404-muted:#66655F;
  --s404-line:rgba(0,0,0,.14);
  --s404-soft:rgba(0,0,0,.045);
  --s404-shadow:0 30px 90px rgba(0,0,0,.10);
}
.s404-maker *{box-sizing:border-box}
.s404-maker button,.s404-maker input{font:inherit}
.s404-maker-gridfx{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--s404-soft) 1px,transparent 1px),linear-gradient(90deg,var(--s404-soft) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 65%)}
.s404-maker-gridfx:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,var(--s404-soft) 6px);opacity:.16}
.s404-maker-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;padding-bottom:clamp(32px,6vw,84px)}
.s404-maker-kicker,.s404-card-type,.s404-techline,.s404-maker-stats small,.s404-dialog-stats small,.s404-maker-foot,.s404-filters button,.s404-search input{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;letter-spacing:.08em}
.s404-maker-kicker{font-size:12px;color:var(--s404-accent);font-weight:800;margin-bottom:18px}
.s404-maker-head h2{margin:0;max-width:950px;font-size:clamp(42px,7vw,104px);line-height:.92;letter-spacing:-.065em;font-weight:760;color:var(--s404-text)}
.s404-maker-head p{margin:26px 0 0;max-width:760px;color:var(--s404-muted);font-size:clamp(16px,2vw,21px)}
.s404-theme-toggle{appearance:none;border:1px solid var(--s404-line);background:var(--s404-panel);color:var(--s404-text);padding:11px 14px;display:flex;gap:9px;align-items:center;cursor:pointer;border-radius:0;transition:.2s ease}
.s404-theme-toggle:hover{border-color:var(--s404-accent);transform:translateY(-1px)}
.s404-theme-label{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:.08em}
.s404-theme-icon{font-size:17px;color:var(--s404-accent)}
.s404-maker-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--s404-line);border-bottom:1px solid var(--s404-line);margin-bottom:34px}
.s404-maker-stats>span{padding:22px 18px 20px;border-right:1px solid var(--s404-line);display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.s404-maker-stats>span:last-child{border-right:0}
.s404-maker-stats b{font-size:clamp(22px,3vw,38px);letter-spacing:-.04em}
.s404-maker-stats small{font-size:10px;color:var(--s404-muted)}
.s404-toolbar{display:grid;grid-template-columns:1fr minmax(210px,300px);gap:20px;align-items:start;margin:0 0 34px}
.s404-filters{display:flex;gap:8px;flex-wrap:wrap}
.s404-filters button{border:1px solid var(--s404-line);background:transparent;color:var(--s404-muted);padding:10px 12px;cursor:pointer;font-size:10px;border-radius:0;transition:.18s ease}
.s404-filters button:hover,.s404-filters button.is-active{background:var(--s404-accent);border-color:var(--s404-accent);color:#0A0A08}
.s404-search{height:39px;border-bottom:1px solid var(--s404-line);display:flex;align-items:center;gap:10px;color:var(--s404-accent)}
.s404-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--s404-text)!important;padding:7px 0!important;box-shadow:none!important;font-size:11px!important;text-transform:uppercase}
.s404-search input::placeholder{color:var(--s404-muted);opacity:1}
.s404-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.s404-model-card{min-width:0;background:var(--s404-panel);border:1px solid var(--s404-line);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.s404-model-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--s404-accent) 70%,transparent);box-shadow:var(--s404-shadow)}
.s404-card-open{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
.s404-card-media{position:relative;aspect-ratio:4/3;background:var(--s404-panel-2);overflow:hidden}
.s404-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.24),transparent 42%);pointer-events:none}
.s404-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.65,.2,1)}
.s404-model-card:hover .s404-card-media img{transform:scale(1.035)}
.s404-card-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(135deg,var(--s404-panel-2) 0,var(--s404-panel-2) 10px,var(--s404-soft) 10px,var(--s404-soft) 20px)}
.s404-card-placeholder span{font-size:52px;font-weight:800;letter-spacing:-.08em}.s404-card-placeholder small{font-family:monospace;color:var(--s404-muted)}
.s404-card-badges{position:absolute;left:14px;top:14px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}
.s404-badge{background:rgba(8,8,8,.82);color:#fff;padding:7px 9px;font-family:monospace;font-size:10px;letter-spacing:.07em;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(7px)}
.s404-badge-accent{background:var(--s404-accent);color:#090909;border-color:var(--s404-accent);font-weight:800}
.s404-card-body{padding:18px 18px 15px}
.s404-card-type{font-size:9px;color:var(--s404-accent);font-weight:700;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s404-card-body h3{font-size:clamp(22px,2vw,31px);line-height:1.02;margin:0;color:var(--s404-text);letter-spacing:-.045em}
.s404-techline{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;color:var(--s404-muted);font-size:9px;text-transform:uppercase}
.s404-techline span:not(:last-child):after{content:"/";margin-left:8px;color:var(--s404-line)}
.s404-card-stats{margin-top:18px;padding-top:13px;border-top:1px solid var(--s404-line);display:flex;gap:14px;align-items:center;color:var(--s404-muted);font-family:monospace;font-size:10px}
.s404-card-arrow{margin-left:auto;color:var(--s404-text);font-weight:700}.s404-model-card:hover .s404-card-arrow{color:var(--s404-accent)}
.s404-model-card.is-hidden{display:none!important}
.s404-model-card.is-paged-hidden{display:none}
.s404-loadmore-wrap{text-align:center;padding:38px 0 10px}
.s404-loadmore{border:1px solid var(--s404-line);background:transparent;color:var(--s404-text);font-family:monospace;letter-spacing:.08em;font-size:11px;padding:13px 18px;cursor:pointer}.s404-loadmore:hover{border-color:var(--s404-accent);color:var(--s404-accent)}.s404-loadmore span{margin-left:13px}
.s404-maker-foot{display:flex;justify-content:space-between;gap:20px;margin-top:58px;padding-top:17px;border-top:1px solid var(--s404-line);font-size:9px;color:var(--s404-muted)}
.s404-dialog{width:min(1180px,calc(100vw - 36px));max-height:min(840px,calc(100vh - 36px));padding:0;border:1px solid var(--s404-line);background:var(--s404-bg);color:var(--s404-text);box-shadow:0 34px 120px rgba(0,0,0,.55);overflow:auto}
.s404-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}
.s404-dialog-close{position:sticky;float:right;top:12px;right:12px;z-index:5;width:42px;height:42px;border:1px solid var(--s404-line);background:var(--s404-panel);color:var(--s404-text);font-size:27px;line-height:1;cursor:pointer;margin:12px}.s404-dialog-close:hover{background:var(--s404-accent);color:#090909;border-color:var(--s404-accent)}
.s404-dialog-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:620px}
.s404-dialog-media{background:var(--s404-panel-2);min-height:480px}.s404-dialog-media img{width:100%;height:100%;object-fit:cover;display:block}
.s404-dialog-content{padding:clamp(30px,5vw,68px)}
.s404-dialog-content h3{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.06em;margin:0 0 24px;color:var(--s404-text)}
.s404-dialog-desc{color:var(--s404-muted);font-size:17px;max-width:600px;margin:0 0 30px}
.s404-specs{margin:0 0 30px;border-top:1px solid var(--s404-line)}
.s404-specs>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--s404-line)}
.s404-specs dt{font-family:monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--s404-muted)}.s404-specs dd{margin:0;font-weight:650}
.s404-dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--s404-line);border-bottom:1px solid var(--s404-line);margin-bottom:26px}.s404-dialog-stats span{padding:13px 10px;border-right:1px solid var(--s404-line)}.s404-dialog-stats span:last-child{border-right:0}.s404-dialog-stats b{display:block;font-size:22px}.s404-dialog-stats small{color:var(--s404-muted);font-size:8px}
.s404-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:270px;padding:14px 16px;background:var(--s404-accent);color:#090909!important;text-decoration:none!important;font-family:monospace;font-size:11px;letter-spacing:.06em;font-weight:800;border:1px solid var(--s404-accent)}.s404-primary-link:hover{background:transparent;color:var(--s404-accent)!important}
.s404-empty{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px solid var(--s404-line);background:var(--s404-panel)}.s404-empty>span{color:var(--s404-accent);font-size:74px;font-weight:800;letter-spacing:-.08em}.s404-empty h3{font-size:34px;margin:4px 0}.s404-empty p{color:var(--s404-muted)}
@media(max-width:1000px){.s404-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s404-dialog-layout{grid-template-columns:1fr}.s404-dialog-media{min-height:360px;max-height:55vh}.s404-maker-stats{grid-template-columns:repeat(2,1fr)}.s404-maker-stats>span:nth-child(2){border-right:0}.s404-maker-stats>span:nth-child(-n+2){border-bottom:1px solid var(--s404-line)}}
@media(max-width:720px){.s404-maker{padding:22px 14px}.s404-maker-head{grid-template-columns:1fr}.s404-maker-head h2{font-size:clamp(44px,14vw,72px)}.s404-theme-toggle{justify-self:start}.s404-toolbar{grid-template-columns:1fr}.s404-model-grid{grid-template-columns:1fr}.s404-maker-stats>span{padding:15px 10px;display:block}.s404-maker-stats small{display:block;margin-top:4px}.s404-maker-foot{display:block}.s404-maker-foot span{display:block;margin-top:6px}.s404-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.s404-dialog-content{padding:26px 18px 40px}.s404-dialog-media{min-height:260px}.s404-dialog-stats b{font-size:18px}.s404-primary-link{width:100%;min-width:0}.s404-specs>div{grid-template-columns:110px 1fr}}