/* The shared studio identity. Public page and media addresses stay unchanged. */
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-condensed-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-condensed-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/cormorant-garamond-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/cormorant-garamond-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
html{color-scheme:dark;background:#171a1b;scroll-padding-top:28px}
.studio-site{
  --studio-paper:#171a1b;--studio-card:#222728;--studio-ink:#f2eee6;
  --studio-muted:#b8bcb7;--studio-line:#3c4342;--studio-accent:#ef927b;
  --hub-paper:var(--studio-paper);--hub-card:var(--studio-card);--hub-ink:var(--studio-ink);
  --hub-muted:var(--studio-muted);--hub-line:var(--studio-line);--hub-accent:var(--studio-accent);
  --bg:var(--studio-paper);--panel:var(--studio-card);--ink:var(--studio-ink);
  --muted:var(--studio-muted);--line:var(--studio-line);--red:var(--studio-accent);--gold:var(--studio-accent);
  --font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;
  --studio-serif:'Cormorant Garamond',Georgia,serif;
  background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--font);
}
.studio-site h1,.studio-site h2{font-weight:600}
.studio-site .site-header{height:auto;min-height:82px;max-width:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:26px;padding:17px max(30px,calc((100% - 1240px)/2));background:var(--studio-card);border-bottom:1px solid var(--line);box-shadow:none}
.studio-site .header-brand-row{display:flex;align-items:center;width:auto;gap:18px;flex-wrap:nowrap}
.studio-site .brand{gap:10px;white-space:nowrap;flex-shrink:0}
.studio-site .brand img{width:36px;height:36px;border-radius:50%;mix-blend-mode:normal}
.studio-site .brand>span{font:700 28px/1 var(--display);letter-spacing:-.5px;white-space:nowrap;overflow-wrap:normal}
.studio-site #main-nav{display:flex;position:static;align-items:center;justify-content:flex-end;flex-direction:row;gap:27px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.studio-site #main-nav a{display:inline-flex;align-items:center;min-height:42px;margin:0;padding:7px 0;border-bottom:2px solid transparent;font-size:13px;font-weight:600;color:var(--muted)}
.studio-site #main-nav a:hover{color:var(--red)}
.studio-site #main-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--red)}
.studio-site .menu-toggle{display:none;min-height:44px;padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px}
.studio-site .site-footer{padding:31px max(30px,calc((100% - 1240px)/2));background:var(--studio-card);border-top:1px solid var(--line)}
.studio-site .footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px}
.studio-site .footer-saying{font-size:17px;font-weight:600;line-height:1.4}
.studio-site .footer-note{font-size:12px;color:var(--muted);text-align:left;margin:5px 0 0;max-width:none}
.studio-site .footer-bottom{display:flex;flex-direction:row;align-items:center;gap:20px;margin-top:23px;padding-top:22px;border-top:1px solid var(--line);font-size:11px}
.studio-site .footer-bottom>div{display:flex;flex-wrap:wrap;gap:9px 20px;justify-content:flex-end}
.studio-site .footer-bottom a{display:inline-flex;align-items:center;min-height:34px}
.studio-site .header-socials{display:flex;flex-shrink:0;gap:3px;margin:0;padding:0;border:0}
.studio-site .header-socials a{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;color:var(--muted)}
.studio-site .header-socials a:hover{color:var(--red)}
.studio-site .header-socials svg{width:18px;height:18px}
.studio-site .page-intro{background:var(--studio-paper);padding:48px max(30px,calc((100% - 1160px)/2)) 42px}
.studio-site .page-intro h1{font-size:clamp(46px,6vw,74px);line-height:1.02;max-width:950px}
.studio-site .page-intro .outline{color:var(--ink);-webkit-text-stroke:0}
.studio-site .page-intro>p:last-child{font-size:17px}
.studio-site .breadcrumb{font-size:12px;line-height:1.6;margin-bottom:25px}
.studio-site .button{background:var(--ink);border-color:var(--ink);color:var(--panel);font-size:13px;line-height:1.4;padding:13px 18px;gap:18px;min-height:44px;border-radius:0}
.studio-site .button:hover{background:var(--red);border-color:var(--red);color:var(--panel);transform:none}
.studio-site .text-link{font-size:13px;line-height:1.5}
.studio-site .support-answers,.studio-site .support-request{background:var(--studio-paper)}
.studio-site #support-form{background:var(--studio-card);border-color:var(--line);box-shadow:none;border-radius:0}
.studio-site .support-layout input,.studio-site .support-layout textarea,.studio-site .support-layout select{background:var(--studio-paper);color:var(--ink);border-color:var(--line);border-radius:0}
.studio-site .support-layout input::placeholder,.studio-site .support-layout textarea::placeholder{color:var(--muted);opacity:1}
.studio-site .upload-box{border-color:var(--line)}
.studio-site .upload-box input{background:transparent}
.studio-site .upload-box input::file-selector-button{background:var(--studio-paper);color:var(--ink);border-color:var(--line)}
.studio-site .form-error{color:var(--studio-accent)}
.studio-site .policy p,.studio-site .policy li{color:var(--muted)}
.studio-site .policy-callout{background:var(--studio-card);border-color:var(--red)}
.studio-site .policy h2{font-size:32px;line-height:1.2}
.studio-site .support-layout h2,.studio-site .support-answers h2{line-height:1.1}
.studio-site .press-room{--media-ink:var(--ink);--media-muted:var(--muted);--media-line:var(--line);background:var(--studio-paper)}
.studio-site .press-panels{background:var(--studio-card)}
.studio-site .press-tabs{background:var(--studio-paper)}
.studio-site .press-tabs>a:hover{background:var(--studio-card)}
.studio-site .press-tabs>a[aria-selected=true]{background:var(--studio-card);border-bottom-color:var(--red)}
.studio-site .media-button{background:var(--ink);border-color:var(--ink);color:var(--panel)}
.studio-site .media-button:hover{background:var(--red);border-color:var(--red);color:var(--panel)}
.studio-site .press-room .media-kicker,.studio-site .press-room a:hover{color:var(--red)}
.studio-site .press-room a.media-button:hover{background:var(--red);border-color:var(--red);color:var(--panel)}
.studio-site .media-screenshot,.studio-site .media-echo-intro>img{background:var(--studio-paper)}
.studio-site .press-room .development-links>a{background:var(--studio-card)}
.studio-site .media-art-preview{border-color:var(--line)}
.studio-site .media-screenshots h4 span{color:var(--muted)}
.studio-site .media-screenshot:hover{border-color:var(--red)}
.studio-site .media-highlights,.studio-site .media-preview,.studio-site .media-pending{background:var(--studio-paper)}
.studio-site .simpletd-version-bar{background:var(--studio-card);color:var(--ink);border-color:var(--line)}
.studio-site .simpletd-version-tabs a{color:var(--muted);background:var(--studio-paper);border-color:var(--line)}
.studio-site .simpletd-version-tabs a[aria-selected=true]{color:var(--studio-card);background:var(--ink);border-color:var(--ink)}
.studio-site .lightbox{padding:18px;border:1px solid var(--line);background:var(--studio-card);color:var(--ink);max-width:min(1100px,94vw);max-height:94dvh;border-radius:0;box-shadow:0 20px 80px #0006}
.studio-site .lightbox::backdrop{background:#08110de6;backdrop-filter:blur(4px)}
.studio-site .lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:15px}
.studio-site .lightbox-count{font-size:12px;color:var(--muted)}
.studio-site .lightbox .dialog-close{position:static;min-height:40px;padding:8px 12px;font-size:13px;line-height:1.4;border:1px solid var(--line);background:var(--studio-paper);color:var(--ink)}
.studio-site .lightbox #expanded-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(94dvh - 160px);object-fit:contain;margin:auto}
.studio-site .lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}
.studio-site .lightbox-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--studio-paper);color:var(--ink)}
.studio-site .lightbox #image-caption{margin:0;color:var(--ink);font-size:13px;line-height:1.5;text-align:center;max-width:700px}
/* The original SimpleTD edition retains its original type and dark palette. */
.studio-site #version-1{--bg:#111713;--panel:#19221c;--ink:#f4f2e9;--muted:#b5bdb5;--line:#344236;--red:#ff654d;--gold:#dbbe83;--font:Manrope,Arial,sans-serif;--display:Barlow,'Arial Narrow',Impact,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--font);color-scheme:dark}
.studio-site #version-1 h1,.studio-site #version-1 h2{font-weight:800}
.studio-site #version-1 .button{background:var(--red);border-color:var(--red);color:#101111}
@media(min-width:701px) and (max-width:1000px){
 .studio-site .site-header{flex-direction:column;align-items:stretch;gap:8px}
 .studio-site .header-brand-row{width:100%;justify-content:space-between}
 .studio-site #main-nav{justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}
}
@media(max-width:850px){
 .studio-site .site-header{gap:20px;padding-inline:24px}
 .studio-site #main-nav{gap:19px}
 .studio-site #main-nav a{font-size:12px}
 .studio-site .brand>span{font-size:26px}
 .studio-site .footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}
 .studio-site .footer-bottom>div{justify-content:flex-start}
}
@media(max-width:700px){
 .studio-site .site-header{display:block;min-height:76px;padding:15px 20px}
 .studio-site .header-brand-row{width:100%;justify-content:space-between;gap:8px}
 .studio-site .brand{gap:7px}
 .studio-site .brand>span{font-size:22px}
 .studio-site .brand img{width:30px;height:30px}
 .studio-site .header-socials{gap:0;margin-left:auto}
 .studio-site .header-socials a{width:34px;min-width:34px}
 .studio-site .menu-toggle{display:block;flex-shrink:0;min-width:44px;padding-inline:8px}
 .studio-site #main-nav{display:none;width:100%;padding:12px 0 0;margin-top:14px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
 .studio-site #main-nav.is-open,html:not(.menu-enhanced) .studio-site #main-nav{display:flex}
 html:not(.menu-enhanced) .studio-site .menu-toggle{display:none}
 .studio-site #main-nav a{font-size:14px;min-height:46px;padding:11px 4px;border-bottom:0}
 .studio-site #main-nav a[aria-current]{color:var(--red)}
 .studio-site .site-footer{padding:28px 22px}
 .studio-site .footer-top{align-items:flex-start;flex-wrap:wrap;gap:15px}
 .studio-site .footer-bottom>div{gap:5px 19px}
 .studio-site .page-intro{padding:36px 22px 30px}
 .studio-site .page-intro h1{font-size:clamp(42px,10vw,60px)}
 .studio-site .support-layout input,.studio-site .support-layout select,.studio-site .support-layout textarea{font-size:16px}
 .studio-site .lightbox{padding:12px}
 .studio-site .lightbox-controls{gap:12px}
 .studio-site .lightbox #image-caption{font-size:12px}
}
@media(max-width:380px){
 .studio-site .site-header{padding-inline:14px}
 .studio-site .header-brand-row{gap:5px}
 .studio-site .brand{gap:6px}
 .studio-site .brand>span{font-size:20px}
 .studio-site .brand img{width:28px;height:28px}
 .studio-site .header-socials a{width:30px;min-width:30px}
 .studio-site .menu-toggle{padding-inline:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}