/* Editable title copy; the default anchor continues to follow the logo arch. */
.title-tagline{
  left:var(--text-x,50%);
  top:var(--text-y,calc(2.5svh + min(18.84vw,35.28svh)));
  width:var(--text-width,min(66vw,960px));
  min-height:var(--text-height,0px);
  display:flex;flex-direction:column;justify-content:var(--text-v-align,center);
  font-family:var(--text-font,var(--pixel));font-size:var(--text-size,clamp(12px,1.2vw,23px));
  font-weight:var(--text-weight,700);line-height:var(--text-leading,1.75);
  text-align:var(--text-align,center);letter-spacing:var(--text-spacing,0px);
  color:var(--text-color,#fff);opacity:var(--text-opacity,1);
  -webkit-text-stroke:var(--text-stroke,4px) var(--text-stroke-color,#06151a);
  transform:translate(calc(var(--camera-x)*var(--text-parallax-x,34px)),calc(var(--text-offset-y,0px) + var(--camera-y)*var(--text-parallax-y,20px))) rotate(var(--text-rotation,0deg)) scale(var(--text-scale-x,1),var(--text-scale-y,1));
  transform-origin:center;
}
.title-tagline>.tagline-copy{display:block;width:100%;white-space:pre-line;overflow-wrap:anywhere;text-transform:var(--text-case,none)}
.title-screen .tagline-pixel-canvas{position:absolute;visibility:visible;pointer-events:none;image-rendering:pixelated}
.title-tagline[data-pixel-ready=true]>.tagline-copy{opacity:0}
.title-tagline[data-wrap=auto]>.tagline-copy{white-space:normal;text-wrap:wrap}
.title-tagline[data-wrap=balance]>.tagline-copy{white-space:normal;text-wrap:balance}
.title-tagline[data-wrap=nowrap]>.tagline-copy{white-space:nowrap;overflow-wrap:normal}
.title-tagline[data-guide=true]{outline:1px dashed #8dffc5;outline-offset:8px;background:#07181a30}
.text-controls{
  position:fixed;z-index:45;left:18px;bottom:18px;width:340px;max-width:calc(100vw - 24px);
  border:5px double #83b7aa;border-radius:8px;background:#12272e;color:#e8f8ee;
  box-shadow:0 12px 34px #00141e66;font:15px/1.5 Chakra,Arial,sans-serif;color-scheme:dark;
}
.text-controls>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;cursor:pointer;list-style:none;font:9px/1.6 var(--pixel);background:#1a373c}
.text-controls summary::-webkit-details-marker{display:none}
.text-controls>summary>span{font:700 12px/1 Chakra,Arial,sans-serif;color:#a0ffc3;white-space:nowrap}
.text-control-body{max-height:min(690px,calc(100svh - 110px));overflow:auto;overscroll-behavior:contain;padding:16px;scrollbar-width:thin;scrollbar-color:#68988c #12272e}
.text-controls label{display:block;color:#e8f8ee;font-weight:600}
.text-controls p{font:13px/1.5 Chakra,Arial,sans-serif;color:#b0c9c9;margin:5px 0 12px}
.text-controls textarea,.text-controls select,.text-controls input[type=number]{width:100%;border:1px solid #507b79;border-radius:4px;background:#0b1c24;color:#f3fff9;font:15px/1.5 Chakra,Arial,sans-serif}
.text-controls textarea{resize:vertical;min-height:104px;max-height:240px;padding:10px;margin:6px 0 10px}
.text-controls select{min-height:42px;padding:7px 9px;margin:5px 0 12px}
.text-controls .text-group{border-top:1px solid #36585a;margin-top:14px;padding-top:4px}
.text-group>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;color:#a0ffc3;font-weight:700;list-style:none}
.text-group>summary::after{content:'+'}.text-group[open]>summary::after{content:'−'}
.text-field{margin:6px 0 12px}
.text-field>label{font-size:14px}
.text-range-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center}
.text-controls input[type=range]{width:100%;min-height:40px;accent-color:#a0ffc3;cursor:pointer}
.text-controls input[type=number]{min-height:36px;padding:4px 6px}
.text-controls .text-checkbox{display:flex;align-items:center;gap:9px;min-height:42px;font-size:14px}
.text-controls input[type=checkbox]{width:18px;height:18px;accent-color:#a0ffc3}
.text-color-field{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}
.text-controls input[type=color]{width:58px;height:36px;padding:2px;border:1px solid #507b79;border-radius:4px;background:#0b1c24;cursor:pointer}
.text-control-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.text-control-actions button,.text-view-title{min-height:42px;padding:9px 12px;border:1px solid #82b5a5;border-radius:4px;background:#23453f;color:#edfff4;font:600 14px/1.4 Chakra,Arial,sans-serif;text-align:center;cursor:pointer}
.text-control-actions button:hover,.text-view-title:hover{background:#315d50}
.text-view-title{display:block;margin-bottom:14px}
.text-controls .text-save-status{margin:12px 0 0;color:#a0ffc3;font-size:12px}
.text-controls .text-dimensions{font-size:12px;margin-bottom:0;color:#b0c9c9}
.text-controls :is(input,textarea,select,button,summary,a):focus-visible{outline:2px solid #fff2ad;outline-offset:3px}
@media(max-width:1100px){.title-tagline{font-size:var(--text-size,clamp(11px,1.2vw,14px));-webkit-text-stroke-width:var(--text-stroke,3px)}}
@media(max-width:600px){
  .title-tagline{top:var(--text-y,calc(24svh + 29vw));width:var(--text-width,calc(100% - 40px));font-size:var(--text-size,10px);line-height:var(--text-leading,2);transform:translate(calc(var(--camera-x)*var(--text-parallax-x,16px)),calc(var(--text-offset-y,0px) + var(--camera-y)*var(--text-parallax-y,10px))) rotate(var(--text-rotation,0deg)) scale(var(--text-scale-x,1),var(--text-scale-y,1))}
  .text-controls{left:12px;bottom:12px;width:330px}
  .text-controls:not([open]){width:176px;bottom:134px}
  .text-control-body{max-height:calc(72svh - 60px)}
}
@media(prefers-reduced-motion:reduce){.title-tagline{transform:translateY(var(--text-offset-y,0px)) rotate(var(--text-rotation,0deg)) scale(var(--text-scale-x,1),var(--text-scale-y,1))}}