:root{color-scheme:dark;--bg:#0a0a17;--panel:#14152a;--line:#323354;--accent:#9e70ff;--cyan:#4ce9e6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -10%,#40266155,transparent 50%),var(--bg);color:#f2efff;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#aeefff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.appbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,3vw,52px);border-bottom:1px solid #ffffff16;background:#0b0b19db;flex-wrap:wrap}.wordmark{font-weight:900;letter-spacing:.1em;color:#fff;text-decoration:none}.appbar nav{display:flex;gap:18px;flex-wrap:wrap}.appbar nav a{font-size:.85rem;text-decoration:none}.ver{color:#9997b8}.page{max-width:1800px;margin:auto;padding:22px clamp(12px,2vw,32px)}.intro{display:flex;align-items:end;justify-content:space-between;gap:26px;margin:12px 0 28px}.intro h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.055em;margin:.2em 0}.intro h1 em{font-style:normal;color:var(--cyan)}.intro p{color:#bfbdd2;max-width:650px;font-size:1.05rem}.eyebrow{color:#bfb1ff;font-size:.78rem;font-weight:800;letter-spacing:.19em}.stat{min-width:195px;text-align:center;padding:14px 22px;border:1px solid var(--line);border-radius:18px;background:#17162c}.stat strong{display:block;color:var(--cyan);font-size:3.3rem;line-height:1}.stat span{display:block;font-weight:800}.stat small{display:block;color:#aaa7bd}.notice{border:1px solid #484477;background:#191b35;padding:12px 16px;border-radius:12px;margin-bottom:14px}.workspace{display:grid;grid-template-columns:minmax(330px,465px) minmax(0,1fr);gap:18px}.editor,.previewcol{background:linear-gradient(140deg,#1a1734,#101221);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tabs{display:flex;overflow:auto;background:#0e1023;padding:8px;gap:4px}.tab{white-space:nowrap}.tab.active{color:#070919;background:var(--cyan)}button{cursor:pointer;border:0;border-radius:9px;background:linear-gradient(130deg,#a776ff,#6d6ce5);color:white;padding:10px 14px;font-weight:750;min-height:40px;font-family:inherit}button:hover{filter:brightness(1.13)}button:disabled{opacity:.5;cursor:not-allowed}.outline{background:#282944;border:1px solid #68628c}.danger{background:#6e2842}.editpanel{padding:20px;max-height:790px;overflow:auto}.editpanel.hidden{display:none}.editpanel h2{font-size:1.35rem}.editpanel p,.hint{color:#b4b4d1}.editpanel label{display:block;margin:15px 0;font-weight:650;font-size:.9rem}.editpanel input:not([type=checkbox]):not([type=file]),.editpanel textarea,.editpanel select{display:block;width:100%;background:#0d1024;border:1px solid #55516d;color:white;border-radius:9px;padding:12px;margin-top:6px;font:inherit}.editpanel label small{display:block;color:#aaa7b9;font-weight:400;font-size:.75rem}.checks label{display:flex;align-items:center;gap:12px}.checks input{accent-color:var(--accent);width:20px;height:20px}.designfilters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.designgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:440px;overflow:auto}.look{background:var(--cardbg);border:2px solid transparent;min-height:115px;position:relative;overflow:hidden;color:white;text-align:left;padding:8px;border-radius:11px;font-size:.7rem}.look.selected{border-color:#fff;box-shadow:0 0 0 2px #9e70ff}.look .display{background:var(--cardaccent);height:65px;display:flex;align-items:var(--cardalign);justify-content:center;flex-direction:column;padding:8px;border-radius:6px}.look .display b{color:white;font-size:.95rem}.look .display i{background:#ffffff77;height:3px;width:45%;margin:4px 0}.look span{display:block;margin-top:7px}.previewbar,.bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:10px;flex-wrap:wrap;background:#0e1020}.previewbar span{color:#a3a0bc;font-size:.75rem;display:block}.devicebar{display:flex;gap:5px}.devicebar button{background:#292b45;font-size:.75rem;padding:5px 12px}.devicebar button.selected{background:var(--accent)}.previewshell{padding:20px;display:flex;justify-content:center;align-items:flex-start;min-height:710px;background:repeating-linear-gradient(45deg,#101222,#101222 15px,#14152a 16px,#14152a 30px);overflow:auto}iframe{width:100%;height:690px;border:1px solid #625b87;border-radius:10px;background:#111;transition:width .25s ease}.previewshell.tablet iframe{width:768px;max-width:100%}.previewshell.mobile iframe{width:390px;max-width:100%}.bottom #status{color:var(--cyan);font-size:.85rem}.buttons{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.hosting{background:#0c1024;border:1px solid #41365f;border-radius:13px;padding:14px}hr{border:0;border-top:1px solid #35334d;margin:24px 0}.faq{padding:35px 0}.faqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faqgrid article{border:1px solid var(--line);padding:18px;border-radius:12px;background:#151629}footer{padding:30px;border-top:1px solid var(--line);text-align:center;font-size:.8rem;color:#aaa7b9}footer a{margin-left:12px}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.editpanel{max-height:none}.intro{align-items:start}}@media(max-width:650px){.intro{flex-direction:column}.designgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.faqgrid{grid-template-columns:1fr}.previewshell{padding:8px;min-height:480px}iframe{height:560px}.appbar{padding:14px}.wordmark{font-size:.9rem}}@media(prefers-reduced-motion:reduce){iframe{transition:none}}

/* EPK catalog cards represent layout families, not just palette swaps. */
.look .display{position:relative;overflow:hidden;isolation:isolate}
.look .display::after{content:"";position:absolute;inset:auto 8% 8% 8%;height:18%;border:1px solid var(--cardaccent);opacity:.50}
.look .epk-card-split{width:100%;background:linear-gradient(90deg,var(--cardbg) 60%,var(--cardaccent) 60%)!important}
.look .epk-card-poster b{font-size:1.4em;letter-spacing:-.06em;transform:rotate(-5deg)}
.look .epk-card-gallery::after{height:32%;background:repeating-linear-gradient(90deg,transparent 0 24%,var(--cardaccent) 24% 29%,transparent 29% 34%)}
.look .epk-card-magazine{border-left:8px solid var(--cardaccent)}
.look .epk-card-sidebar{border-left:18px solid var(--cardaccent)}
.look .epk-card-immersive b{font-size:1.4em;transform:translateY(10px)}
.look .epk-card-minimal{box-shadow:none!important;border-radius:0!important}
.look .epk-card-brutalist{border:3px solid var(--cardaccent)!important;border-radius:0!important}
.look .epk-card-pressroom::after{border-top:3px double var(--cardaccent)}
.look .display[data-variant="1"] b{text-align:right;margin-left:auto}
.look .display[data-variant="2"] b{letter-spacing:.22em;text-transform:uppercase}
.look .display[data-variant="3"]::after{height:40%;opacity:.30}
.look .display[data-variant="4"] b{font-style:italic}
/* EPK 8.0 curated design gallery. Layout thumbnails are derived from the same 25 architectures as the PHP renderer. */
.designfilters{grid-template-columns:repeat(3,minmax(0,1fr))}.designfilters label{min-width:0}
.designgrid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:610px;gap:11px}
.look{background:var(--cardbg)!important;border:1px solid var(--cardaccent)!important;color:var(--cardink)!important;min-height:164px;padding:8px;border-radius:10px;box-shadow:0 6px 18px #0003}
.look.selected{outline:3px solid var(--cardaccent);outline-offset:1px}
.look .display{display:grid!important;align-content:start!important;gap:4px!important;position:relative;width:100%;height:104px;overflow:hidden;isolation:isolate;padding:6px!important;border:0!important;border-radius:4px!important;background:var(--cardbg)!important;box-shadow:inset 0 0 0 1px var(--cardaccent)}
.look .display:after,.look .display:before{content:none!important}
.look .display .mini-nav{height:7px;display:flex;gap:3px;padding:2px;background:var(--cardsoft);opacity:.65}
.look .display .mini-nav i{height:3px;width:16%;background:var(--cardaccent);margin:0}
.look .display .mini-hero{height:58px;background:linear-gradient(135deg,var(--cardaccent),var(--cardbg));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:6px;position:relative;overflow:hidden}
.look .display .mini-hero b{font:900 11px/1 system-ui,sans-serif;color:var(--cardink);letter-spacing:-.05em}
.look .display .mini-hero i{height:3px;width:33%;background:var(--cardsoft)}
.look .display .mini-content{display:flex;gap:3px;flex:1}
.look .display .mini-content i{display:block;flex:1;background:var(--cardsoft);opacity:.6;margin:0}
.look .look-caption{display:flex!important;flex-direction:column;gap:3px;margin-top:7px!important}
.look .look-caption strong{font-size:11px;line-height:1.3;color:var(--cardink)}
.look .look-caption small{font-size:9px;line-height:1.3;color:var(--cardink);opacity:.8}
.look .arch-booking-sheet .mini-hero{height:35px;border:2px solid var(--cardaccent)}
.look .arch-booking-sheet .mini-content{display:grid;grid-template-columns:2fr 1fr}
.look .arch-stage-panorama .mini-hero{height:70px;align-items:flex-end;justify-content:end}
.look .arch-split-portrait .mini-hero{width:54%;height:78px}.look .arch-split-portrait .mini-content{position:absolute;left:58%;right:5px;top:22px;height:74px;flex-direction:column}
.look .arch-record-sleeve .mini-hero{width:75px;height:75px;box-shadow:5px 5px 0 var(--cardsoft)}.look .arch-record-sleeve .mini-content{position:absolute;left:82px;right:4px;top:18px;flex-direction:column;height:64px}
.look .arch-festival-billboard .mini-hero{height:70px;transform:skewY(-5deg)}.look .arch-festival-billboard .mini-hero b{font-size:19px}
.look .arch-press-dossier{grid-template-columns:24% 1fr}.look .arch-press-dossier .mini-nav{grid-row:span 3;height:100%;display:block}.look .arch-press-dossier .mini-hero{height:40px}
.look .arch-media-gallery .mini-content{display:grid;grid-template-columns:repeat(3,1fr)}.look .arch-media-gallery .mini-content i{height:25px}
.look .arch-broadcast-console{border:3px solid var(--cardaccent)!important}.look .arch-broadcast-console .mini-content{background:var(--cardbg);border:1px solid var(--cardaccent)}
.look .arch-minimal-gallery .mini-hero{background:transparent!important;outline:1px solid var(--cardaccent)}.look .arch-minimal-gallery .mini-content{height:10px;flex:0 0 auto}
.look .arch-artist-manifesto .mini-hero{height:73px;align-items:flex-start;justify-content:flex-end}.look .arch-artist-manifesto .mini-hero b{font-size:20px}
.look .arch-ticket-masthead .mini-hero{height:56px;border:2px dashed var(--cardaccent);border-radius:8px}
.look .arch-analog-archive .mini-hero{height:65px;border:7px solid var(--cardsoft)}
.look .arch-city-poster .mini-hero{height:72px;border:4px solid var(--cardaccent)}.look .arch-city-poster .mini-hero b{font-size:18px}
.look .arch-gallery-column{grid-template-columns:38% 1fr}.look .arch-gallery-column .mini-hero{grid-row:1/4;height:100%}.look .arch-gallery-column .mini-content{flex-direction:column}
.look .arch-label-announcement .mini-hero{height:70px;border-bottom:6px solid var(--cardaccent)}
.look .arch-two-col-feature .mini-content{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.look .arch-monolith .mini-hero{height:79px;align-items:flex-start;justify-content:end}.look .arch-monolith .mini-hero b{font-size:25px}
.look .arch-club-night .mini-hero{height:69px;clip-path:polygon(0 0,100% 0,95% 100%,3% 96%)}
.look .arch-music-first .mini-content{order:-1;height:26px;flex:0 0 auto}.look .arch-music-first .mini-hero{height:53px}
.look .arch-tour-dossier .mini-content{height:25px;flex:0 0 auto;border-left:5px solid var(--cardaccent)}
.look .arch-art-direction .mini-hero{height:83px;align-items:flex-end;justify-content:end}.look .arch-art-direction .mini-hero b{font-size:20px}
.look .arch-press-grid .mini-content{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.look .arch-artist-timeline .mini-content{border-left:3px solid var(--cardaccent);padding-left:6px;flex-direction:column}
.look .arch-compact-pitch .mini-hero{height:34px;outline:2px solid var(--cardaccent)}.look .arch-compact-pitch .mini-content{display:grid;grid-template-columns:1fr 1fr}
.look .display[data-motion="float"] .mini-hero{transform:translateY(-3px)}
.look .display[data-motion="slide"] .mini-content{transform:translateX(5px)}
.look .display[data-motion="pulse"] .mini-hero{box-shadow:0 0 0 2px var(--cardaccent)}
.look .display[data-motion="none"] .mini-hero{filter:grayscale(.18)}
@media(max-width:640px){.designfilters{grid-template-columns:1fr 1fr}.designgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.look{min-height:165px}}

.designpager{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:9px 0 12px}.designpager span{font-size:12px;color:#b7c5dc}.designpager button{padding:6px 12px;min-height:36px}.designfilters{grid-template-columns:repeat(2,minmax(0,1fr))}

/* v8.1 editor preview: show complete EPK, not a clipped hero snapshot. */
.previewcol{min-width:0;align-self:start}.previewshell{min-height:740px;max-height:74dvh;overflow:auto;overscroll-behavior:contain;align-items:start!important}
.previewshell iframe{height:1800px;min-height:710px;flex:0 0 auto;border-radius:12px;background:#090d1b}
.previewbar{position:sticky;top:0;z-index:4}
@media(max-width:800px){.previewshell{min-height:540px;max-height:66dvh}.previewshell iframe{min-height:700px}}