.editing-page{--editing-black:#050505;--editing-white:#f4f4f2;--editing-lime:#c9ff00;--editing-line:#3b3d40;--editing-muted:#9b9b9c;--editing-ease:cubic-bezier(.22,1,.36,1);position:relative;z-index:0;background:var(--editing-black);isolation:isolate}
.editing-page:has(.editing-modal[aria-hidden=false]){z-index:150}
.editing-page button:focus-visible{outline:2px solid var(--editing-lime);outline-offset:5px}
.editing-page .editing-loading{min-height:72vh;display:grid;place-items:center;color:var(--editing-muted);font-size:12px;letter-spacing:.16em}
.editing-page .editing-runway{position:relative;height:200vh}
.editing-page .editing-sticky{position:sticky;top:0;height:100svh;min-height:600px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 50% 42% at 53% 52%,#101113 0%,#080809 48%,var(--editing-black) 100%)}
.editing-page .editing-heading{width:min(1320px,calc(100% - (var(--gutter) * 2)));margin:0 auto;padding-top:clamp(22px,3.2vh,38px);z-index:20;flex:0 0 auto}
.editing-page .editing-kicker{display:block;margin:0 0 8px;color:#b5b6b8;font-size:10px;letter-spacing:.205em;font-weight:700;line-height:1.45}
.editing-page .title-playhead{margin:0 0 12px;font-size:clamp(48px,5.8vw,94px);line-height:.98;letter-spacing:-.047em;font-weight:800;max-width:100%;overflow:visible}
.editing-page .title-visual{position:relative;display:flex;align-items:baseline;flex-wrap:nowrap;gap:.205em;width:max-content;max-width:100%}
.editing-page .reveal-unit{position:relative;display:inline-block;white-space:nowrap;line-height:inherit;letter-spacing:inherit;flex:0 0 auto}
.editing-page .ink-metric{display:inline-block;visibility:hidden}
.editing-page .reveal-ink{position:absolute;inset:0;display:block;color:#fff;clip-path:inset(0 100% 0 0);white-space:nowrap;will-change:clip-path}
.editing-page .title-end{display:inline-flex;align-items:baseline;white-space:nowrap;gap:0;flex:0 0 auto}
.editing-page .title-dot{display:inline-block;position:relative;color:var(--editing-lime);opacity:0;transform:scale(.65);transform-origin:50% 74%;will-change:transform,opacity;text-shadow:0 0 0 transparent}
.editing-page .edit-playhead{position:absolute;left:0;top:0;height:.76em;width:2px;background:var(--editing-lime);box-shadow:0 0 8px rgba(201,255,0,.43),0 0 18px rgba(201,255,0,.10);transform:translate3d(0,0,0);pointer-events:none;z-index:2;opacity:1;will-change:transform,opacity}
.editing-page .edit-playhead::before{content:"";position:absolute;top:0;bottom:0;right:2px;width:10px;background:linear-gradient(90deg,transparent,rgba(201,255,0,.035),rgba(201,255,0,.14));filter:blur(3px)}
.editing-page .title-playhead.is-complete .reveal-ink{clip-path:inset(0 0 0 0);will-change:auto}
.editing-page .title-playhead.is-complete .edit-playhead{display:none}
.editing-page .title-playhead.is-complete .title-dot{opacity:1;transform:none;will-change:auto;text-shadow:none}
.editing-page .editing-intro{max-width:760px;margin:0 0 18px;color:#a9aaad;font-size:clamp(13px,1.05vw,16px);line-height:1.55}
.editing-page .editing-categories{display:flex;align-items:center;flex-wrap:wrap;gap:12px;position:relative;z-index:30}
.editing-page .editing-category{height:46px;padding:0 18px;border:1px solid #484848;border-radius:8px;background:#0a0b0b;color:#ebebeb;font-size:11px;letter-spacing:.115em;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:background .25s,border-color .25s,color .25s}
.editing-page .editing-category:hover{border-color:#848880;background:rgba(201,255,0,.038);color:#fff}
.editing-page .editing-category[aria-pressed=true]{color:var(--editing-lime);border-color:#49552a}
.editing-page .editing-category::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--editing-lime);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .38s var(--editing-ease),opacity .3s}
.editing-page .editing-category[aria-pressed=true]::after{transform:scaleX(1);opacity:1}
.editing-page .editing-energy{pointer-events:none;position:absolute;left:0;bottom:-1px;width:34%;height:3px;background:linear-gradient(90deg,transparent,var(--editing-lime),#ecffa6,transparent);filter:drop-shadow(0 0 5px var(--editing-lime));transform:translateX(-150%);opacity:0}
.editing-page .editing-category.is-pulsing .editing-energy{animation:editing-energy-pulse .6s ease-out both}
@keyframes editing-energy-pulse{0%{opacity:0;transform:translateX(-150%)}12%{opacity:1}83%{opacity:1}100%{opacity:0;transform:translateX(450%)}}
.editing-page .editing-stage{position:relative;flex:1;min-height:0;z-index:5;perspective:1100px;transform-style:preserve-3d;pointer-events:none}
.editing-page .editing-card{position:absolute;left:50%;top:51%;padding:0;border:0;border-radius:2px;background:#151519;color:#fff;display:block;cursor:pointer;overflow:hidden;aspect-ratio:var(--editing-aspect);width:var(--editing-width);height:auto;transform-origin:center;backface-visibility:hidden;will-change:transform,opacity,filter;box-shadow:0 18px 62px #000a;transition:filter 100ms linear}
.editing-page .editing-card[data-format=vertical]{--editing-aspect:9/16;--editing-width:clamp(175px,24vw,290px)}
.editing-page .editing-card[data-format=horizontal]{--editing-aspect:16/9;--editing-width:clamp(300px,46vw,555px)}
.editing-page .editing-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.editing-page .editing-poster-fallback{position:absolute;inset:0;background:radial-gradient(circle at 28% 20%,#27282d,#121317 48%,#090a0e 100%);display:flex;align-items:center;justify-content:center;padding:12% 9%;text-align:center;flex-direction:column;gap:18px}
.editing-page .editing-poster-fallback::before{content:"";position:absolute;inset:10px;border:1px solid #34363b60}
.editing-page .editing-poster-fallback strong{font-size:clamp(14px,1.4vw,21px);line-height:1.16;letter-spacing:-.02em}.editing-page .editing-poster-fallback small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#85888d}
.editing-page .editing-card.has-poster .editing-poster-fallback{display:none}
.editing-page .editing-play{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border:1px solid #fffc;display:grid;place-items:center;border-radius:50%;background:#0505057d;backdrop-filter:blur(7px);transition:background .25s,border-color .25s,transform .25s}
.editing-page .editing-play svg{width:12px;height:12px;margin-left:2px}.editing-page .editing-card:hover .editing-play{background:#111c0e;border-color:var(--editing-lime);transform:scale(1.04)}
.editing-page .editing-info{z-index:15;flex:0 0 auto;width:min(1320px,calc(100% - (var(--gutter) * 2)));margin:0 auto;min-height:100px;padding:6px 0 30px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.editing-page .editing-meta-title{font-size:clamp(17px,2vw,27px);font-weight:700;letter-spacing:-.025em;line-height:1.1;max-width:70ch;min-height:1.2em}
.editing-page .editing-meta-author{margin-top:8px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--editing-muted)}
.editing-page .editing-progress{text-align:right;min-width:125px}.editing-page .editing-counter{font-size:13px;font-weight:700;letter-spacing:.16em}.editing-page .editing-progress-track{margin-top:10px;height:2px;background:#46484b;width:160px;max-width:100%;position:relative}.editing-page .editing-progress-fill{position:absolute;inset:0 auto 0 0;width:100%;background:var(--editing-lime);transform:scaleX(0);transform-origin:left;will-change:transform}.editing-page .editing-scroll-hint{font-size:10px;letter-spacing:.17em;color:#9a9da0;margin-top:8px}
.editing-modal{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.96);padding:clamp(18px,5vw,65px)}
.editing-modal[aria-hidden=false]{display:flex}.editing-modal-dialog{width:min(900px,100%);max-height:90svh;position:relative}.editing-modal-frame{width:100%;aspect-ratio:16/9;background:#101014;display:grid;place-items:center;overflow:hidden}.editing-modal-frame.is-vertical{width:min(410px,85vw);aspect-ratio:9/16;max-height:74svh;margin:auto}.editing-modal-frame iframe{display:block;width:100%;height:100%;border:0}.editing-modal-close{position:absolute;right:0;top:-47px;border:1px solid #777;color:#eee;background:transparent;border-radius:50%;width:38px;height:38px;cursor:pointer}.editing-modal-close:hover{color:#080808;background:var(--accent);border-color:var(--accent)}.editing-modal-title{font-size:14px;margin:13px 0 0;line-height:1.3;text-align:center;color:#e8e8e8}
@media(min-width:1024px){.editing-page .title-visual{white-space:nowrap;flex-wrap:nowrap}}
@media(max-width:900px){.editing-page .editing-sticky{min-height:0}.editing-page .editing-heading{padding-top:20px}.editing-page .title-playhead{font-size:clamp(46px,7vw,68px);margin-bottom:10px}.editing-page .editing-intro{max-width:680px;margin-bottom:14px}.editing-page .editing-categories{gap:7px}.editing-page .editing-category{font-size:9px;height:41px;padding:0 11px}.editing-page .editing-card[data-format=vertical]{--editing-width:clamp(178px,28vw,260px)}.editing-page .editing-card[data-format=horizontal]{--editing-width:clamp(250px,62vw,480px)}.editing-page .editing-meta-title{font-size:18px}.editing-page .editing-info{min-height:96px;padding-bottom:16px}}
@media(max-width:600px){.editing-page .editing-heading{width:calc(100% - 36px);padding-top:16px}.editing-page .editing-kicker{font-size:9px;margin-bottom:7px;letter-spacing:.14em}.editing-page .title-playhead{font-size:clamp(38px,10.8vw,55px);line-height:.99;margin-bottom:9px;letter-spacing:-.055em}.editing-page .title-visual{width:100%;max-width:100%;flex-wrap:wrap;gap:0 .19em;row-gap:0}.editing-page .editing-intro{font-size:12px;line-height:1.4;margin-bottom:11px}.editing-page .editing-categories{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editing-page .editing-category{min-width:0;width:100%;font-size:9px;letter-spacing:.035em;height:38px;padding:0 5px}.editing-page .editing-stage{perspective:800px}.editing-page .editing-card{top:51%}.editing-page .editing-card[data-format=vertical]{--editing-width:clamp(154px,47vw,214px)}.editing-page .editing-card[data-format=horizontal]{--editing-width:min(76vw,360px)}.editing-page .editing-info{width:calc(100% - 36px);min-height:92px;padding:0 0 14px}.editing-page .editing-meta-title{font-size:15px}.editing-page .editing-meta-author{font-size:9px}.editing-page .editing-progress{min-width:80px}.editing-page .editing-progress-track{width:80px}.editing-page .editing-counter{font-size:11px}.editing-page .editing-scroll-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.editing-page .reveal-ink{clip-path:inset(0 0 0 0)!important;will-change:auto!important}.editing-page .edit-playhead{display:none!important}.editing-page .title-dot{transform:none!important;opacity:1!important;text-shadow:none!important;will-change:auto!important}.editing-page .editing-runway{height:auto!important}.editing-page .editing-sticky{position:relative;height:auto;min-height:100svh;overflow:visible}.editing-page .editing-stage{display:flex;overflow-x:auto;min-height:435px;align-items:center;padding:20px;gap:14px;perspective:none;scroll-snap-type:x mandatory}.editing-page .editing-card{position:relative;inset:auto;flex-shrink:0;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;scroll-snap-align:center}.editing-page .editing-card[data-format=vertical]{--editing-width:200px}.editing-page .editing-card[data-format=horizontal]{--editing-width:320px}.editing-page .editing-info{padding-top:20px}.editing-page .editing-category.is-pulsing .editing-energy{animation:none}.editing-page .editing-category,.editing-page .editing-card{transition:none!important}}
