.watch-customizer{margin-top:50px;border-top:1px solid var(--ink);padding-top:30px;scroll-margin-top:30px}
.watch-customizer[hidden]{display:none!important}
.custom-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:28px}
.custom-heading h3{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(32px,3.4vw,47px);line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:13px 0 0}
.custom-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:53ch;margin:0}
.custom-shell{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);border:1px solid #b9c5b5}
.custom-stage{position:relative;background:#e7e3d6;min-width:0;min-height:610px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.custom-stage-meta{position:absolute;top:21px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;color:#526c58;font:11px/1.5 var(--mono)}
.custom-views{position:absolute;top:57px;left:24px;right:24px;display:flex;justify-content:center;gap:0;z-index:1}
.custom-views button{font:11px/1.4 var(--sans);color:#3c5846;border:1px solid #9ead99;background:#efebdf;padding:9px 15px;cursor:pointer}
.custom-views button+button{border-left:0}
.custom-views button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.custom-preview{width:100%;height:510px;margin-top:42px;max-width:500px}
.custom-preview svg{display:block;width:100%;height:100%}
.custom-preview-label{position:absolute;bottom:17px;left:24px;right:24px;font:11px/1.6 var(--mono);color:#526c58;margin:0}
.custom-panel{padding:30px 29px;background:#eeece2;min-width:0;display:flex;flex-direction:column;gap:21px}
.custom-options{display:grid;gap:18px}
.custom-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.custom-field label{font:11px/1.6 var(--mono);color:#385641}
.custom-field select,.custom-field input{display:block;width:100%;min-width:0;max-width:100%;border:1px solid #a9b8a2;border-radius:0;background:#f5f2e8;color:#213a2c;padding:11px 12px;font:14px/1.5 var(--sans)}
.custom-hint,.custom-note{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.custom-hint{margin-top:-10px}
.custom-actions{display:flex;align-items:center;gap:18px;margin-top:auto}
.custom-add{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:12px/1.5 var(--sans);padding:13px 15px;cursor:pointer;flex:1}
.custom-add span{font-size:19px}
.custom-reset{background:transparent;border:0;border-bottom:1px solid #9ead99;color:var(--ink);padding:5px 0;font:11px/1.5 var(--sans);cursor:pointer}
.custom-status{font-size:12px;line-height:1.6;color:var(--accent);margin:0}
.custom-status:empty{display:none}
.watch-customizer button:focus-visible,.watch-customizer input:focus-visible,.watch-customizer select:focus-visible{outline:2px solid #ab814e;outline-offset:3px}
@media(max-width:1000px){.custom-panel{padding:25px 22px}.custom-add{font-size:11px;gap:10px}.custom-actions{gap:13px}}
@media(max-width:760px){.watch-customizer{margin-top:38px}.custom-heading{grid-template-columns:1fr;gap:18px}.custom-heading h3{font-size:36px}.custom-shell{grid-template-columns:1fr}.custom-stage{min-height:560px}.custom-preview{height:480px}.custom-panel{padding:28px 23px}.custom-options{grid-template-columns:1fr;gap:17px}.custom-field input,.custom-field select{font-size:16px}.custom-add{font-size:12px}.custom-stage-meta{left:18px;right:18px}.custom-preview-label{left:18px;right:18px}.custom-note,.custom-hint{font-size:12px}}
@media(max-width:400px){.custom-stage{min-height:490px}.custom-preview{height:410px;margin-top:42px}.custom-stage-meta{font-size:11px;gap:10px}.custom-views{left:15px;right:15px}.custom-views button{padding:9px 12px;font-size:11px}.custom-preview-label{font-size:11px}.custom-panel{padding:25px 19px}.custom-heading h3{font-size:33px}.custom-actions{align-items:stretch;gap:15px}.custom-reset{align-self:center}}

@media(pointer:coarse){.custom-views button,.custom-reset{min-height:44px}.custom-reset{padding-inline:8px}}
