body:not(.story-editor) .editor-toolbar,
body:not(.story-editor) .editor-card-controls {display:none!important}

.story-editor {padding-top:64px}
.story-editor .site-header {top:64px}
.story-editor [data-editor-text] {outline:1px dashed transparent;outline-offset:5px;cursor:text;transition:outline-color .18s,background .18s}
.story-editor [data-editor-text]:hover {outline-color:rgba(255,59,41,.62)}
.story-editor [data-editor-text]:focus {outline:2px solid #ff3b29;background:rgba(255,255,255,.1)}
.story-editor .editor-grid {display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(18px,2.2vw,38px)!important;align-items:start!important}
.story-editor .editor-card {position:relative;grid-column:span 6;min-width:0;margin:0!important;padding-top:35px;outline:1px solid rgba(255,59,41,.32);background:rgba(255,255,255,.035)}
.story-editor .editor-card[data-size="small"] {grid-column:span 4}
.story-editor .editor-card[data-size="medium"] {grid-column:span 6}
.story-editor .editor-card[data-size="wide"] {grid-column:span 8}
.story-editor .editor-card[data-size="full"] {grid-column:1/-1}
.story-editor .editor-card.is-marked-hidden {opacity:.34;filter:grayscale(1)}
.story-editor .editor-card.is-dragging {opacity:.18}
.story-editor .editor-card.is-drop-target {outline:3px solid #d8ff00}
.story-editor .editor-card .gallery-frame {display:block!important;width:100%!important;margin:0!important;cursor:grab}
.story-editor .editor-card .gallery-frame:active {cursor:grabbing}
.story-editor .editor-card-controls {position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;height:35px;padding:5px;background:#151515;color:#f0ede4;font:700 8px/1 var(--story-mono);letter-spacing:.06em}
.story-editor .editor-card-controls .editor-filename {min-width:0;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa}
.story-editor .editor-card-controls button,
.story-editor .editor-card-controls select {height:24px;border:1px solid #555;border-radius:0;background:#252525;color:#f0ede4;padding:0 7px;font:700 8px var(--story-mono);letter-spacing:.06em;cursor:pointer}
.story-editor .editor-card-controls select {max-width:118px}
.story-editor .editor-card-controls button:hover,
.story-editor .editor-card-controls select:hover {border-color:#d8ff00}
.story-editor .editor-card-controls .editor-hide {color:#ff6b5d}

.editor-toolbar {position:fixed;z-index:10000;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;height:64px;padding:10px 14px;background:#101010;color:#f0ede4;border-bottom:1px solid #3a3a3a;box-shadow:0 4px 20px rgba(0,0,0,.3);font:700 9px var(--story-mono);letter-spacing:.09em}
.editor-toolbar strong {margin-right:auto;color:#d8ff00;font-size:10px;letter-spacing:.15em}
.editor-toolbar button {height:36px;border:1px solid #555;background:#1c1c1c;color:#f0ede4;padding:0 13px;font:700 9px var(--story-mono);letter-spacing:.09em;cursor:pointer}
.editor-toolbar button:hover {border-color:#d8ff00}
.editor-toolbar .editor-export {background:#ff3b29;border-color:#ff3b29;color:#080808}
.editor-toolbar .editor-status {min-width:92px;color:#9b9b9b;font-size:8px;text-align:center}
.editor-help {position:fixed;z-index:9999;right:14px;bottom:14px;max-width:330px;padding:13px 15px;background:#d8ff00;color:#080808;box-shadow:0 7px 24px rgba(0,0,0,.35);font:700 9px/1.5 var(--story-mono);letter-spacing:.04em}

.story-editor.editor-phone-view {width:390px;max-width:100%;margin:0 auto;box-shadow:0 0 0 100vmax #262626;clip-path:inset(0 -100vmax)}
.story-editor.editor-phone-view .editor-toolbar {width:390px;max-width:100%;left:50%;right:auto;transform:translateX(-50%);overflow-x:auto}
.story-editor.editor-phone-view .editor-toolbar strong,
.story-editor.editor-phone-view .editor-status {display:none}
.story-editor.editor-phone-view .story-hero {height:auto;min-height:0;padding-top:60px}
.story-editor.editor-phone-view .story-hero::before {display:none}
.story-editor.editor-phone-view .story-hero>img {height:auto;object-fit:contain}
.story-editor.editor-phone-view .story-kicker {top:82px;left:17px;right:17px;font-size:6px}
.story-editor.editor-phone-view .story-kicker span:nth-child(2) {display:none}
.story-editor.editor-phone-view .story-title {left:17px;right:17px;bottom:7%}
.story-editor.editor-phone-view .story-title h1 {font-size:clamp(3.2rem,15vw,5.3rem)}
.story-editor.editor-phone-view .scroll-cue {display:none}
.story-editor.editor-phone-view .story-intro,
.story-editor.editor-phone-view .section-intro,
.story-editor.editor-phone-view .artist-heading,
.story-editor.editor-phone-view .day-copy,
.story-editor.editor-phone-view .full-bill,
.story-editor.editor-phone-view .copy-columns,
.story-editor.editor-phone-view .field-note {grid-template-columns:1fr}
.story-editor.editor-phone-view .story-intro {gap:60px;padding:78px 17px 95px}
.story-editor.editor-phone-view .grouped-section,
.story-editor.editor-phone-view .artist-section {padding:78px 17px 90px}
.story-editor.editor-phone-view .day-copy {width:100%;gap:28px}
.story-editor.editor-phone-view .editor-grid {grid-template-columns:1fr!important;gap:45px!important}
.story-editor.editor-phone-view .editor-card {grid-column:1!important;width:100%!important}
.story-editor.editor-phone-view .editor-card[data-size="small"] {width:68%!important}
.story-editor.editor-phone-view .editor-card[data-size="medium"] {width:84%!important}
.story-editor.editor-phone-view .editor-card:nth-child(even) {justify-self:end}
.story-editor.editor-phone-view .story-closing .copy-columns,
.story-editor.editor-phone-view .story-credit {margin-left:0}

@media(max-width:760px) {
  .story-editor {padding-top:57px}
  .story-editor .site-header {top:57px}
  .editor-toolbar {height:57px;gap:5px;padding:8px;overflow-x:auto}
  .editor-toolbar strong,.editor-toolbar .editor-status,.editor-toolbar [data-editor-view] {display:none}
  .editor-toolbar button {height:34px;padding:0 10px;white-space:nowrap}
  .story-editor .editor-grid {grid-template-columns:1fr!important}
  .story-editor .editor-card,.story-editor .editor-card[data-size] {grid-column:1!important;width:100%!important}
  .story-editor .editor-card-controls select {max-width:82px}
  .story-editor .editor-card-controls .editor-filename {display:none}
  .editor-help {left:8px;right:8px;bottom:8px;max-width:none}
}