/* Global visual themes selected by Superadmin. These are progressive overrides: layout and workflows stay intact. */ /* Map theme tokens to the actual design variables used throughout the site. */ body[data-web-design="maximalism"]{--paper:#fff4ed;--ink:#27152f;--muted:#68536c;--pink:#f34b8b;--orange:#ffc857;--line:#e5b7ce;--white:#fffaf4;--dark:#27152f;--radius:24px;background-color:var(--paper);color:var(--ink)} body[data-web-design="playful-editorial"]{--paper:#fbf8f2;--ink:#29252a;--muted:#71665f;--pink:#db563b;--orange:#e8d8bb;--line:#d9cec2;--white:#fffdf9;--dark:#29252a;--radius:8px;background-color:var(--paper);color:var(--ink)} body[data-web-design="korean-pop"]{--paper:#fff8fc;--ink:#33273c;--muted:#786b7d;--pink:#f38dbb;--orange:#b8b6ff;--line:#f0cde1;--white:#fffefe;--dark:#33273c;--radius:28px;background-color:var(--paper);color:var(--ink)} body[data-web-design="maximalist-pop"]{--paper:#fff9e8;--ink:#211a38;--muted:#625777;--pink:#ff477e;--orange:#00d5c0;--line:#211a38;--white:#fffef7;--dark:#211a38;--radius:16px;background-color:var(--paper);color:var(--ink)} body[data-web-design="retro-y2k"]{--paper:#f6f2ff;--ink:#242052;--muted:#68618c;--pink:#8d5cff;--orange:#ff9fd7;--line:#d4c8f4;--white:#fffaff;--dark:#242052;--radius:18px;background-color:var(--paper);color:var(--ink)} body[data-web-design="scrapbook-chic"]{--paper:#fff9ed;--ink:#40352c;--muted:#7a6b5e;--pink:#b76d4c;--orange:#d8c49d;--line:#d8c49d;--white:#fffdf5;--dark:#40352c;--radius:5px;background-color:var(--paper);color:var(--ink)} body[data-web-design="neubrutalism"]{--paper:#fff;--ink:#111;--muted:#333;--pink:#d7ff00;--orange:#ff6b35;--line:#111;--white:#fff;--dark:#111;--radius:0px;background-color:var(--paper);color:var(--ink)} body[data-web-design] :is(.topbar,.section,.footer,.schedule-teaser){color:var(--ink)} body[data-web-design] :is(.brand-icon,.form-step>span,.booking-summary,.visit-banner){background-color:var(--pink)} body[data-web-design] :is(.button-dark,.mini-button,.admin-sidebar){background-color:var(--dark)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.steps-grid article,.form-main,.admin-panel,.stats-grid article,.manage-card,.result-card,.booking-summary,.settings-form){border-radius:var(--radius)} body[data-web-design] :is(input,select,textarea,.form-main,.admin-panel,.stats-grid article,.manage-card,.steps-grid article){border-color:var(--line)} body[data-web-design="neubrutalism"] :is(.booth-card,.frame-card,.gallery-card,.steps-grid article,.form-main,.admin-panel,.stats-grid article,.manage-card,.result-card,.booking-summary){border:2px solid #111;box-shadow:5px 5px 0 #111} body[data-web-design="maximalist-pop"] :is(.booth-card,.frame-card,.gallery-card,.steps-grid article){border:2px solid var(--ink);box-shadow:7px 7px 0 var(--orange)} body[data-web-design="scrapbook-chic"] :is(.booth-card,.frame-card,.gallery-card){border:1px dashed var(--line);box-shadow:4px 6px 0 #40352c18} :root{--theme-ink:#24202b;--theme-paper:#fffaf4;--theme-accent:#ff5b8d;--theme-accent-2:#ffd166;--theme-border:rgba(36,32,43,.16);--theme-radius:22px;--theme-shadow:0 14px 36px rgba(40,25,35,.10)} body[data-web-design="maximalism"]{--theme-ink:#27152f;--theme-paper:#fff8f0;--theme-accent:#f34b8b;--theme-accent-2:#ffc857;--theme-radius:24px;--theme-shadow:0 16px 0 rgba(39,21,47,.10)} body[data-web-design="playful-editorial"]{--theme-ink:#29252a;--theme-paper:#fbf8f2;--theme-accent:#db563b;--theme-accent-2:#e8d8bb;--theme-radius:8px;--theme-shadow:0 12px 28px rgba(40,30,20,.08)} body[data-web-design="korean-pop"]{--theme-ink:#33273c;--theme-paper:#fff8fc;--theme-accent:#f38dbb;--theme-accent-2:#b8b6ff;--theme-radius:28px;--theme-shadow:0 12px 30px rgba(190,116,164,.16)} body[data-web-design="maximalist-pop"]{--theme-ink:#211a38;--theme-paper:#fff9e8;--theme-accent:#ff477e;--theme-accent-2:#00d5c0;--theme-radius:16px;--theme-shadow:8px 8px 0 rgba(33,26,56,.13)} body[data-web-design="retro-y2k"]{--theme-ink:#242052;--theme-paper:#f6f2ff;--theme-accent:#8d5cff;--theme-accent-2:#ff9fd7;--theme-radius:18px;--theme-shadow:0 10px 28px rgba(105,72,180,.2)} body[data-web-design="scrapbook-chic"]{--theme-ink:#40352c;--theme-paper:#fff9ed;--theme-accent:#b76d4c;--theme-accent-2:#d8c49d;--theme-radius:5px;--theme-shadow:4px 6px 0 rgba(91,68,46,.13)} body[data-web-design="neubrutalism"]{--theme-ink:#111;--theme-paper:#fff;--theme-accent:#d7ff00;--theme-accent-2:#ff6b35;--theme-radius:0px;--theme-border:#111;--theme-shadow:5px 5px 0 #111} /* shared visual tokens */ body[data-web-design] :is(.admin-panel,.settings-form,.booking-card,.booth-card,.session-card,.frame-card,.dashboard-card,.booking-summary,.auth-card,.price-card,.gallery-card){border-radius:var(--theme-radius)!important;box-shadow:var(--theme-shadow)} body[data-web-design] :is(.button,.btn,button[type="submit"],.button-dark,.button-primary){border-radius:var(--theme-radius);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease} body[data-web-design] :is(.button,.btn,button[type="submit"]):hover{transform:translateY(-2px);filter:saturate(1.08)} body[data-web-design] :is(.admin-main,.dashboard-main,.account-main,.booking-main){color:var(--theme-ink)} body[data-web-design] :is(.admin-panel,.settings-form,.booking-card,.booking-summary,.auth-card){border-color:var(--theme-border)} body[data-web-design] :is(.admin-top h1,.dashboard-hero h1,.welcome-panel h1,.hero h1,.booking-header h1){letter-spacing:-.035em} body[data-web-design="maximalism"] :is(.admin-top,.dashboard-hero,.welcome-panel,.hero,.booking-header){background-image:radial-gradient(circle at 90% 10%,rgba(255,200,87,.25),transparent 28%),radial-gradient(circle at 5% 95%,rgba(243,75,139,.16),transparent 30%)} body[data-web-design="playful-editorial"] :is(.admin-top h1,.hero h1,.dashboard-hero h1,.welcome-panel h1){font-family:Georgia,'Times New Roman',serif;font-weight:800} body[data-web-design="playful-editorial"] :is(.admin-panel,.booking-card,.auth-card){border-top:3px solid var(--theme-accent)} body[data-web-design="korean-pop"] :is(.button,.btn,.button-dark){box-shadow:0 5px 0 rgba(51,39,60,.10)} body[data-web-design="korean-pop"] :is(.admin-top,.dashboard-hero,.welcome-panel,.hero,.booking-header){background-image:radial-gradient(circle at 90% 12%,rgba(184,182,255,.26),transparent 24%),radial-gradient(circle at 12% 80%,rgba(243,141,187,.18),transparent 28%)} body[data-web-design="maximalist-pop"] :is(.admin-panel,.booking-card,.auth-card,.settings-form){border:2px solid var(--theme-ink)} body[data-web-design="maximalist-pop"] :is(.button,.btn,.button-dark){border:2px solid var(--theme-ink);font-weight:800} body[data-web-design="retro-y2k"] :is(.admin-top,.dashboard-hero,.welcome-panel,.hero,.booking-header){background-image:linear-gradient(115deg,rgba(141,92,255,.10),rgba(255,159,215,.12),transparent)} body[data-web-design="retro-y2k"] :is(.admin-panel,.booking-card,.auth-card){border:1px solid rgba(141,92,255,.28)} body[data-web-design="scrapbook-chic"] :is(.admin-panel,.booking-card,.auth-card,.settings-form){border:1px dashed rgba(64,53,44,.35)} body[data-web-design="scrapbook-chic"] :is(.admin-top,.dashboard-hero,.welcome-panel,.hero,.booking-header){background-image:radial-gradient(circle at 90% 10%,rgba(216,196,157,.24),transparent 26%)} body[data-web-design="neubrutalism"] :is(.admin-panel,.booking-card,.auth-card,.settings-form,.booking-summary){border:2px solid #111;box-shadow:5px 5px 0 #111} body[data-web-design="neubrutalism"] :is(.button,.btn,.button-dark,button[type="submit"]){border:2px solid #111;box-shadow:3px 3px 0 #111;font-weight:900} body[data-web-design="neubrutalism"] :is(.admin-top,.dashboard-hero,.welcome-panel,.hero,.booking-header){background:linear-gradient(135deg,rgba(215,255,0,.28),rgba(255,107,53,.10))} .web-design-selector{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:18px;padding:20px;margin:18px 0 26px;border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:var(--theme-paper);box-shadow:var(--theme-shadow)} .web-design-selector h3{margin:5px 0 8px;font-size:1.35rem}.web-design-selector p{margin:0;max-width:58ch;color:#716b75;line-height:1.6}.web-design-selector label{display:flex;flex-direction:column;gap:8px;font-weight:700}.web-design-selector select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #d8d1db;border-radius:12px;background:#fff;color:#28212e;font:inherit}.web-design-selector small{font-weight:400;color:#777}.web-design-preview{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:2px solid var(--theme-ink);border-radius:var(--theme-radius);background:linear-gradient(110deg,var(--theme-accent),var(--theme-accent-2));color:var(--theme-ink);box-shadow:var(--theme-shadow)}.web-design-preview strong{font-size:1.25rem}.web-design-preview span:last-child{flex-basis:100%;font-size:.92rem}.preview-chip{padding:5px 9px;border:1px solid currentColor;border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.1em}@media(max-width:700px){.web-design-selector{grid-template-columns:1fr}.web-design-preview{grid-column:auto}} /* NEPHA GLOBAL THEMES v3 — complete landing-page art direction, not only color tokens */ body[data-web-design] {background:var(--paper)!important;color:var(--ink)!important;transition:background-color .25s ease} body[data-web-design] .topbar{background:color-mix(in srgb,var(--paper) 91%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)} body[data-web-design] .hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px)} body[data-web-design] .hero:before{content:"";position:absolute;z-index:-1;inset:20px 2.5% 20px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);box-shadow:var(--theme-shadow);pointer-events:none} body[data-web-design] .hero-copy{position:relative;z-index:2} body[data-web-design] .hero h1{font-size:clamp(48px,7.2vw,100px);line-height:.96;letter-spacing:-.065em} body[data-web-design] .hero-art{position:relative;z-index:1} body[data-web-design] .section{padding-top:clamp(62px,8vw,112px);padding-bottom:clamp(62px,8vw,112px)} body[data-web-design] .section-heading{margin-bottom:34px} body[data-web-design] .booth-grid,body[data-web-design] .frame-grid{gap:clamp(16px,2.3vw,30px)} body[data-web-design] .booth-card,body[data-web-design] .frame-card,body[data-web-design] .gallery-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease} body[data-web-design] .booth-card:hover,body[data-web-design] .frame-card:hover,body[data-web-design] .gallery-card:hover{transform:translateY(-5px)} body[data-web-design] .price-section,body[data-web-design] .visit-banner{position:relative;overflow:hidden} body[data-web-design] .price-section:before,body[data-web-design] .visit-banner:before{content:"✳";position:absolute;right:4%;top:-.18em;font-size:clamp(100px,20vw,260px);line-height:1;opacity:.12;pointer-events:none} body[data-web-design] .footer{background:var(--dark);color:var(--white)} /* 1. Maximalism — warm canvas, overlapping panels, large decorative shapes */ body[data-web-design="maximalism"]{background-image:radial-gradient(circle at 4% 14%,#ffc85755 0 110px,transparent 112px),radial-gradient(circle at 96% 38%,#f34b8b22 0 180px,transparent 182px),linear-gradient(180deg,#fff4ed,#fff9f3 48%,#f9e8f2);background-attachment:fixed} body[data-web-design="maximalism"] .hero:before{background:linear-gradient(125deg,#fff0d8 0%,#ffd9e9 52%,#e7ddff 100%);border:3px solid #27152f;box-shadow:10px 10px 0 #27152f} body[data-web-design="maximalism"] .hero-art{transform:rotate(2deg) scale(.97)} body[data-web-design="maximalism"] .hero-upload-photo:nth-child(odd){transform:rotate(-4deg)} body[data-web-design="maximalism"] .section-heading h2{font-size:clamp(36px,5vw,66px)} body[data-web-design="maximalism"] .booth-card:nth-child(even),body[data-web-design="maximalism"] .frame-card:nth-child(even){transform:translateY(20px)} body[data-web-design="maximalism"] .price-section{background:#27152f;color:#fff8f0;border:3px solid #27152f} body[data-web-design="maximalism"] .price-row{border-bottom:2px solid #ffffff45} /* 2. Playful Editorial — magazine cover, asymmetrical image and editorial rhythm */ body[data-web-design="playful-editorial"]{background:#f5f0e8;background-image:linear-gradient(90deg,#e7ddce 1px,transparent 1px);background-size:calc(100% / 12) 100%} body[data-web-design="playful-editorial"] .topbar{box-shadow:0 4px 0 #29252a} body[data-web-design="playful-editorial"] .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3vw} body[data-web-design="playful-editorial"] .hero:before{inset:4% 2.5%;border-radius:0;background:#fbf8f2;box-shadow:none;border:1px solid #29252a} body[data-web-design="playful-editorial"] .hero-copy{padding-left:clamp(14px,4vw,70px)} body[data-web-design="playful-editorial"] .hero h1,body[data-web-design="playful-editorial"] .section-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.075em} body[data-web-design="playful-editorial"] .hero h1 em,body[data-web-design="playful-editorial"] .section-heading h2 em{color:#db563b} body[data-web-design="playful-editorial"] .hero-art{transform:rotate(0);border-radius:0;box-shadow:12px 12px 0 #e8d8bb} body[data-web-design="playful-editorial"] .hero-upload-photo{border-radius:0;border-width:1px;border-bottom-width:12px;box-shadow:none} body[data-web-design="playful-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-web-design="playful-editorial"] .booth-card,body[data-web-design="playful-editorial"] .frame-card{border-radius:0;box-shadow:none;border:1px solid #29252a} body[data-web-design="playful-editorial"] .booth-visual{min-height:300px} body[data-web-design="playful-editorial"] .price-section{background:#29252a;color:#fbf8f2;border-radius:0} body[data-web-design="playful-editorial"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} /* 3. Korean Pop — soft pastel atmosphere, rounded floating cards, cute accents */ body[data-web-design="korean-pop"]{background-image:radial-gradient(ellipse at 10% 8%,#ffd7e8 0,transparent 30%),radial-gradient(ellipse at 90% 30%,#dedcff 0,transparent 32%),linear-gradient(180deg,#fff8fc,#fffafd 55%,#f4f0ff)} body[data-web-design="korean-pop"] .hero:before{inset:4% 3%;background:linear-gradient(140deg,#fff,#fff1f8 55%,#f0efff);border:2px solid #fff;box-shadow:0 24px 70px #d9a8d866;border-radius:44px} body[data-web-design="korean-pop"] .hero h1{letter-spacing:-.055em;color:#33273c} body[data-web-design="korean-pop"] .hero h1 em{color:#ed83b7} body[data-web-design="korean-pop"] .hero-art{border-radius:36px;background:#fff;padding:14px;box-shadow:0 20px 45px #c9a8db55} body[data-web-design="korean-pop"] .hero-upload-photo{border-radius:22px;border:5px solid white;box-shadow:0 8px 22px #8d6e9b22} body[data-web-design="korean-pop"] .booth-card,body[data-web-design="korean-pop"] .frame-card,body[data-web-design="korean-pop"] .gallery-card{border:2px solid #fff;box-shadow:0 14px 35px #c8a5d433;border-radius:28px;background:#fff} body[data-web-design="korean-pop"] .booth-card:nth-child(odd),body[data-web-design="korean-pop"] .frame-card:nth-child(odd){transform:translateY(-8px)} body[data-web-design="korean-pop"] .price-section{background:linear-gradient(130deg,#f8cde3,#e4dcff);color:#33273c;border-radius:36px;margin:30px 3%;padding:clamp(30px,6vw,80px)} body[data-web-design="korean-pop"] .button-dark{background:#33273c;color:#fff;border-radius:999px!important} /* 4. Maximalist Pop — pop-art blocks, checker accents and offset cards */ body[data-web-design="maximalist-pop"]{background-color:#fff9e8;background-image:linear-gradient(45deg,#211a3808 25%,transparent 25%,transparent 75%,#211a3808 75%),linear-gradient(45deg,#211a3808 25%,transparent 25%,transparent 75%,#211a3808 75%);background-size:28px 28px;background-position:0 0,14px 14px} body[data-web-design="maximalist-pop"] .hero:before{inset:3% 2%;background:#ff477e;border:3px solid #211a38;border-radius:10px;box-shadow:12px 12px 0 #211a38} body[data-web-design="maximalist-pop"] .hero h1{color:#211a38;text-transform:uppercase;font-weight:1000;letter-spacing:-.07em} body[data-web-design="maximalist-pop"] .hero h1 em{color:#fff9e8;text-shadow:3px 3px 0 #211a38} body[data-web-design="maximalist-pop"] .hero-art{transform:rotate(3deg)} body[data-web-design="maximalist-pop"] .booth-card,body[data-web-design="maximalist-pop"] .frame-card,body[data-web-design="maximalist-pop"] .gallery-card{border:3px solid #211a38;border-radius:8px;box-shadow:8px 8px 0 #00d5c0} body[data-web-design="maximalist-pop"] .booth-card:nth-child(2n){transform:rotate(1.5deg) translateY(12px)} body[data-web-design="maximalist-pop"] .booth-card:nth-child(3n){transform:rotate(-1.5deg)} body[data-web-design="maximalist-pop"] .price-section{background:#00d5c0;color:#211a38;border:3px solid #211a38;box-shadow:10px 10px 0 #211a38} body[data-web-design="maximalist-pop"] .price-row{border-bottom:2px solid #211a38} /* 5. Retro Y2K — chrome-inspired gradients, pill UI and playful rotation */ body[data-web-design="retro-y2k"]{background-image:linear-gradient(135deg,#f6f2ff 0%,#ffe7f5 35%,#dffaff 70%,#f6f2ff 100%);background-attachment:fixed} body[data-web-design="retro-y2k"] .topbar{border:1px solid #bca7ee;border-radius:0 0 22px 22px;box-shadow:0 8px 24px #8d5cff1b} body[data-web-design="retro-y2k"] .hero:before{inset:3% 3%;background:linear-gradient(135deg,#ffffffd9,#f3eaffd9 45%,#ffe3f4d9);border:2px solid #fff;border-radius:34px;box-shadow:0 20px 60px #8d5cff38} body[data-web-design="retro-y2k"] .hero h1{background:linear-gradient(100deg,#7044df,#f05db4,#19b7d5);color:transparent;background-clip:text;-webkit-background-clip:text} body[data-web-design="retro-y2k"] .hero-art{transform:rotate(-2deg);filter:saturate(1.15)} body[data-web-design="retro-y2k"] .booth-card,body[data-web-design="retro-y2k"] .frame-card{border:2px solid #fff;border-radius:24px;box-shadow:0 15px 35px #7952c52b;background:linear-gradient(145deg,#fff,#f5edff)} body[data-web-design="retro-y2k"] .booth-card:nth-child(even){transform:translateY(14px) rotate(1deg)} body[data-web-design="retro-y2k"] .button{border-radius:999px;background:linear-gradient(110deg,#8d5cff,#f078c7);color:white;box-shadow:0 6px 0 #242052} body[data-web-design="retro-y2k"] .price-section{background:linear-gradient(115deg,#8d5cff,#d58dff,#ff9fd7);color:#242052;border-radius:32px} /* 6. Scrapbook Chic — paper textures, taped photographs and hand-made layers */ body[data-web-design="scrapbook-chic"]{background-color:#fff9ed;background-image:radial-gradient(#b76d4c15 1px,transparent 1px),linear-gradient(90deg,#fff9ed,#f5e8d3);background-size:9px 9px,auto} body[data-web-design="scrapbook-chic"] .hero:before{inset:3% 3%;background:#fffdf5;border:1px dashed #b7a184;border-radius:4px;box-shadow:7px 8px 0 #d8c49d} body[data-web-design="scrapbook-chic"] .hero h1,body[data-web-design="scrapbook-chic"] .section-heading h2{font-family:'Trebuchet MS',sans-serif;font-weight:800;letter-spacing:-.055em} body[data-web-design="scrapbook-chic"] .hero-art{transform:rotate(-2deg);background:#fffdf5;padding:12px;border:1px solid #d8c49d;box-shadow:7px 8px 0 #d8c49d} body[data-web-design="scrapbook-chic"] .hero-upload-photo{border:8px solid #fffdf5;border-bottom-width:25px;border-radius:1px;box-shadow:0 2px 5px #40352c25} body[data-web-design="scrapbook-chic"] .booth-card,body[data-web-design="scrapbook-chic"] .frame-card,body[data-web-design="scrapbook-chic"] .gallery-card{background:#fffdf5;border:1px solid #d8c49d;border-radius:3px;box-shadow:4px 7px 0 #d8c49d} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(odd),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(odd){transform:rotate(-1.3deg)} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(even),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(even){transform:rotate(1.2deg) translateY(10px)} body[data-web-design="scrapbook-chic"] .price-section{background:#e9d8bb;color:#40352c;border:1px dashed #b76d4c;box-shadow:7px 8px 0 #d8c49d} /* 7. Neubrutalism — hard grid, stark contrast, thick black outlines and no soft shadows */ body[data-web-design="neubrutalism"]{background:#fff;background-image:linear-gradient(#1111110c 1px,transparent 1px),linear-gradient(90deg,#1111110c 1px,transparent 1px);background-size:24px 24px} body[data-web-design="neubrutalism"] .topbar{background:#fff;border-bottom:3px solid #111;box-shadow:0 5px 0 #d7ff00} body[data-web-design="neubrutalism"] .hero:before{inset:3% 2%;background:#d7ff00;border:3px solid #111;border-radius:0;box-shadow:10px 10px 0 #111} body[data-web-design="neubrutalism"] .hero h1{text-transform:uppercase;font-weight:1000;letter-spacing:-.08em;color:#111} body[data-web-design="neubrutalism"] .hero h1 em{color:#ff6b35} body[data-web-design="neubrutalism"] .hero-art{border:3px solid #111;border-radius:0;box-shadow:8px 8px 0 #111;transform:rotate(1deg)} body[data-web-design="neubrutalism"] .hero-upload-photo{border:3px solid #111;border-radius:0;box-shadow:none} body[data-web-design="neubrutalism"] .section-heading h2{text-transform:uppercase;font-weight:1000;letter-spacing:-.07em} body[data-web-design="neubrutalism"] .booth-grid,body[data-web-design="neubrutalism"] .frame-grid{gap:20px} body[data-web-design="neubrutalism"] .booth-card,body[data-web-design="neubrutalism"] .frame-card,body[data-web-design="neubrutalism"] .gallery-card{border:3px solid #111;border-radius:0;box-shadow:6px 6px 0 #111;background:#fff} body[data-web-design="neubrutalism"] .booth-card:nth-child(even){transform:translateY(12px)} body[data-web-design="neubrutalism"] .price-section{background:#ff6b35;color:#111;border:3px solid #111;border-radius:0;box-shadow:10px 10px 0 #111} body[data-web-design="neubrutalism"] .price-row{border-bottom:2px solid #111} body[data-web-design="neubrutalism"] .button,body[data-web-design="neubrutalism"] .button-dark{border:3px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;font-weight:1000} @media(max-width:760px){ body[data-web-design] .hero{display:grid;grid-template-columns:1fr;gap:25px;min-height:0;padding-top:45px;padding-bottom:45px} body[data-web-design] .hero:before{inset:10px 3%} body[data-web-design] .hero-copy{padding:20px 10px} body[data-web-design] .hero-art{width:min(100%,500px);justify-self:center;transform:none!important} body[data-web-design="playful-editorial"] .booth-grid,body[data-web-design="playful-editorial"] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-web-design="maximalism"] .booth-card:nth-child(even),body[data-web-design="korean-pop"] .booth-card:nth-child(odd),body[data-web-design="maximalist-pop"] .booth-card,body[data-web-design="retro-y2k"] .booth-card:nth-child(even),body[data-web-design="scrapbook-chic"] .booth-card,body[data-web-design="scrapbook-chic"] .gallery-card,body[data-web-design="neubrutalism"] .booth-card:nth-child(even){transform:none} body[data-web-design] .price-section{margin:18px 3%;padding:30px 20px} } /* NEPHA THEME ENGINE v4: per-theme art direction and layout composition. These rules intentionally change section composition, spacing, typography, and backgrounds—not only borders. */ body[data-web-design] main{overflow:clip} body[data-web-design] .section{transition:padding .25s ease,background .25s ease} body[data-web-design] .section-heading{transition:align-items .2s ease} body[data-web-design] .booth-visual{background-image:var(--booth-image,none);background-size:cover;background-position:center} /* 1. MAXIMALISM — layered editorial collage, overlapping cards, saturated color fields */ body[data-web-design="maximalism"]{background:#fff0e8;font-family:'DM Sans',sans-serif} body[data-web-design="maximalism"] .topbar{max-width:none;padding-inline:5%;background:#fff0e8} body[data-web-design="maximalism"] .hero{max-width:none;width:calc(100% - 56px);margin:22px auto 0;padding:clamp(42px,7vw,100px) 6%;grid-template-columns:1.05fr .95fr;gap:5%;background:#f8b6c9;border:3px solid #29152c;border-radius:34px;box-shadow:12px 12px 0 #29152c;min-height:660px} body[data-web-design="maximalism"] .hero:before{inset:8% 48% 8% 3%;background:#ffda70;border:3px solid #29152c;border-radius:46% 54% 34% 66%/43% 34% 66% 57%;box-shadow:none} body[data-web-design="maximalism"] .hero h1{font-size:clamp(58px,7.8vw,112px);line-height:.88;font-weight:950;letter-spacing:-.075em} body[data-web-design="maximalism"] .hero h1 em{display:inline-block;color:#f04b87;text-shadow:3px 3px #fff8ef;transform:rotate(-4deg)} body[data-web-design="maximalism"] .hero-art{transform:rotate(4deg);height:520px} body[data-web-design="maximalism"] .hero-upload-grid{transform:rotate(-4deg);gap:20px} body[data-web-design="maximalism"] .hero-upload-photo:nth-child(odd){transform:rotate(-7deg) translateY(10px)} body[data-web-design="maximalism"] .ticker{background:#29152c;color:#ffda70;padding:20px 0;font-size:15px} body[data-web-design="maximalism"] .section{max-width:none;padding:110px max(6%,calc((100% - 1240px)/2))} body[data-web-design="maximalism"] .section-heading{align-items:start} body[data-web-design="maximalism"] .section-heading h2{font-size:clamp(48px,6vw,82px);line-height:.92} body[data-web-design="maximalism"] .booth-grid{grid-template-columns:1.08fr .92fr;gap:32px} body[data-web-design="maximalism"] .booth-card:nth-child(even){transform:translateY(55px) rotate(1.5deg)} body[data-web-design="maximalism"] .booth-card:nth-child(odd){transform:rotate(-1.2deg)} body[data-web-design="maximalism"] .booth-visual{height:330px;border-radius:25px} body[data-web-design="maximalism"] .price-section{margin:100px 3%;padding:90px 7%;border:3px solid #29152c;border-radius:38px;background:#29152c;box-shadow:14px 14px 0 #f04b87} body[data-web-design="maximalism"] .gallery-section{background:#ffda70} body[data-web-design="maximalism"] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} body[data-web-design="maximalism"] .gallery-card:nth-child(3n+1){transform:translateY(20px) rotate(-2deg)} body[data-web-design="maximalism"] .gallery-card:nth-child(3n){transform:rotate(2deg)} body[data-web-design="maximalism"] .frame-section{background:#f8b6c9} body[data-web-design="maximalism"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))} body[data-web-design="maximalism"] .visit-banner{margin:70px 3%;border-radius:38px;background:#f04b87;padding:70px 7%} /* 2. PLAYFUL EDITORIAL — magazine cover hero, restrained paper palette, editorial grids */ body[data-web-design="playful-editorial"]{background:#f7f3eb;font-family:Georgia,'Times New Roman',serif} body[data-web-design="playful-editorial"] .topbar{max-width:none;height:78px;padding-inline:6%;border-bottom:1px solid #b9aa99} body[data-web-design="playful-editorial"] .brand b{font-family:Georgia,serif;font-size:21px;letter-spacing:.08em} body[data-web-design="playful-editorial"] .hero{max-width:none;min-height:690px;padding:75px 8%;grid-template-columns:1.05fr .95fr;gap:7%;border-bottom:1px solid #b9aa99} body[data-web-design="playful-editorial"] .hero:before{inset:0 0 0 55%;border:0;border-radius:0;background:#e9dfcf;box-shadow:none} body[data-web-design="playful-editorial"] .hero h1{font-family:Georgia,serif;font-size:clamp(64px,8vw,116px);font-weight:500;line-height:.86;letter-spacing:-.075em} body[data-web-design="playful-editorial"] .hero h1 em{color:#a33e2c;font-weight:400} body[data-web-design="playful-editorial"] .hero-art{height:520px;filter:none;transform:rotate(0)} body[data-web-design="playful-editorial"] .hero-upload-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px} body[data-web-design="playful-editorial"] .hero-upload-photo{border:0;border-radius:0;box-shadow:none!important;transform:none!important} body[data-web-design="playful-editorial"] .ticker{background:#a33e2c;color:#fff7ec} body[data-web-design="playful-editorial"] .section{max-width:1440px;padding:115px 8%} body[data-web-design="playful-editorial"] .section-heading{align-items:end;border-bottom:1px solid #b9aa99;padding-bottom:26px} body[data-web-design="playful-editorial"] .section-heading h2{font-family:Georgia,serif;font-size:clamp(50px,6.5vw,88px);font-weight:400;line-height:.92} body[data-web-design="playful-editorial"] .section-heading h2 em{color:#a33e2c} body[data-web-design="playful-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 28px} body[data-web-design="playful-editorial"] .booth-card{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible} body[data-web-design="playful-editorial"] .booth-visual{height:340px;grid-row:span 2;border-radius:0} body[data-web-design="playful-editorial"] .booth-info{display:flex;flex-direction:column;justify-content:end;padding:12px 0 20px} body[data-web-design="playful-editorial"] .booth-info h3{font-family:Georgia,serif;font-size:30px} body[data-web-design="playful-editorial"] .booth-link{grid-column:2;border-top:1px solid #b9aa99} body[data-web-design="playful-editorial"] .price-section{margin:0;border-radius:0;background:#272523;padding:100px 8%;grid-template-columns:.7fr 1.3fr} body[data-web-design="playful-editorial"] .gallery-section{max-width:none;background:#e9dfcf} body[data-web-design="playful-editorial"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} body[data-web-design="playful-editorial"] .gallery-card{border-radius:0;box-shadow:none} body[data-web-design="playful-editorial"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px} body[data-web-design="playful-editorial"] .frame-card{background:transparent;border:0;box-shadow:none;border-bottom:1px solid #b9aa99;border-radius:0;padding-bottom:22px} body[data-web-design="playful-editorial"] .visit-banner{border-radius:0;margin:0;background:#a33e2c;padding:75px 8%} /* 3. KOREAN POP — centered pastel experience, pill navigation, portrait-first cards */ body[data-web-design="korean-pop"]{background:#fff7fb;font-family:'DM Sans',sans-serif} body[data-web-design="korean-pop"] .topbar{max-width:1160px;margin:15px auto 0;height:76px;padding:0 28px;border:1px solid #f2d7e8;border-radius:999px;background:#fffdfd;box-shadow:0 8px 28px #c987b51a} body[data-web-design="korean-pop"] .hero{max-width:1280px;min-height:0;margin:28px auto 0;padding:70px 7% 60px;display:flex;flex-direction:column;text-align:center;gap:28px;border-radius:42px;background:linear-gradient(140deg,#ffe0ee,#e9e6ff 65%,#fff7fb)} body[data-web-design="korean-pop"] .hero:before{inset:auto 10% 12%;height:44%;background:#fffdfd;border:0;border-radius:50%;filter:blur(1px);box-shadow:none} body[data-web-design="korean-pop"] .hero-copy{max-width:850px;margin:auto} body[data-web-design="korean-pop"] .hero-copy .eyebrow{display:inline-block;padding:9px 15px;background:#fff;border-radius:999px;color:#a75b89} body[data-web-design="korean-pop"] .hero h1{font-size:clamp(54px,7vw,94px);line-height:.98;letter-spacing:-.06em} body[data-web-design="korean-pop"] .hero h1 em{color:#e46ea9} body[data-web-design="korean-pop"] .hero-copy>p{margin-inline:auto;max-width:600px} body[data-web-design="korean-pop"] .hero-actions{justify-content:center} body[data-web-design="korean-pop"] .hero-meta{justify-content:center;border:0;margin-top:24px;gap:clamp(20px,5vw,65px)} body[data-web-design="korean-pop"] .hero-art{width:min(100%,720px);height:400px;margin:auto;filter:none;transform:none} body[data-web-design="korean-pop"] .hero-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:12px} body[data-web-design="korean-pop"] .hero-upload-photo{border:6px solid white;border-radius:22px;box-shadow:0 12px 28px #d48dbd30!important;transform:translateY(var(--float,0))!important} body[data-web-design="korean-pop"] .hero-upload-photo:nth-child(even){--float:18px} body[data-web-design="korean-pop"] .ticker{background:#f3b4d4;color:#583a65} body[data-web-design="korean-pop"] .section{padding:90px 6%} body[data-web-design="korean-pop"] .section-heading{flex-direction:column;align-items:center;text-align:center;gap:14px} body[data-web-design="korean-pop"] .section-heading>p{max-width:600px} body[data-web-design="korean-pop"] .section-heading h2{font-size:clamp(40px,5vw,66px)} body[data-web-design="korean-pop"] .booth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} body[data-web-design="korean-pop"] .booth-card{padding:10px;border:1px solid #f4d6e8;border-radius:25px;background:#fff;box-shadow:0 12px 28px #d48dbd20} body[data-web-design="korean-pop"] .booth-visual{height:240px;border-radius:18px} body[data-web-design="korean-pop"] .booth-info{display:block;padding:15px 7px} body[data-web-design="korean-pop"] .booth-info h3{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:800} body[data-web-design="korean-pop"] .booth-info strong{display:block;margin-top:12px;color:#d65397} body[data-web-design="korean-pop"] .booth-link{margin:0 7px;padding:12px;border:0;border-radius:999px;background:#fbe2f0} body[data-web-design="korean-pop"] .price-section{margin:35px 4%;padding:65px 6%;border-radius:36px;background:linear-gradient(135deg,#725b9e,#d477a8);grid-template-columns:.85fr 1.15fr} body[data-web-design="korean-pop"] .price-row{padding:22px 0;border-bottom:1px solid #ffffff45} body[data-web-design="korean-pop"] .gallery-section{max-width:none;background:#fff0f7} body[data-web-design="korean-pop"] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} body[data-web-design="korean-pop"] .gallery-card{border-radius:24px;overflow:hidden;background:white} body[data-web-design="korean-pop"] .gallery-card img{aspect-ratio:3/4;object-fit:cover} body[data-web-design="korean-pop"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} body[data-web-design="korean-pop"] .frame-card{padding:12px;border:1px solid #f4d6e8;background:white} body[data-web-design="korean-pop"] .visit-banner{margin:25px 4%;border-radius:34px;background:#d9d2ff;color:#49345c;padding:55px 6%} /* 4. MAXIMALIST POP — bright color blocking, staggered grids, pop-art poster sections */ body[data-web-design="maximalist-pop"]{background:#fff8dc;font-family:'Arial Black',Impact,sans-serif} body[data-web-design="maximalist-pop"] .topbar{max-width:none;padding:0 4%;background:#fff8dc;border-bottom:3px solid #1e1834} body[data-web-design="maximalist-pop"] .hero{max-width:none;width:100%;padding:65px 6%;grid-template-columns:1fr 1fr;gap:5%;background:#ff4c86;border-block:4px solid #1e1834;min-height:670px} body[data-web-design="maximalist-pop"] .hero:before{inset:12% 52% 10% 2%;background:#00d8c4;border:3px solid #1e1834;border-radius:0;box-shadow:10px 10px 0 #1e1834} body[data-web-design="maximalist-pop"] .hero h1{font-family:'Arial Black',Impact,sans-serif;font-size:clamp(58px,7.8vw,108px);font-weight:1000;line-height:.86;text-transform:uppercase;letter-spacing:-.09em} body[data-web-design="maximalist-pop"] .hero h1 em{color:#fff8dc;text-shadow:5px 5px #1e1834} body[data-web-design="maximalist-pop"] .hero-art{height:500px;transform:rotate(-3deg)!important;filter:none} body[data-web-design="maximalist-pop"] .hero-upload-photo{border:4px solid #1e1834;border-radius:0;box-shadow:8px 8px 0 #1e1834!important} body[data-web-design="maximalist-pop"] .ticker{background:#1e1834;color:#00d8c4;font-size:17px;padding:22px 0} body[data-web-design="maximalist-pop"] .section{max-width:none;padding:100px 6%} body[data-web-design="maximalist-pop"] .section-heading h2{font-family:'Arial Black',Impact,sans-serif;text-transform:uppercase;font-size:clamp(45px,6vw,82px);line-height:.9;letter-spacing:-.07em} body[data-web-design="maximalist-pop"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} body[data-web-design="maximalist-pop"] .booth-card{padding:15px;background:#fff;border:3px solid #1e1834;border-radius:0;box-shadow:9px 9px 0 #00d8c4} body[data-web-design="maximalist-pop"] .booth-card:nth-child(even){transform:translateY(28px) rotate(1deg)} body[data-web-design="maximalist-pop"] .booth-visual{height:315px;border-radius:0} body[data-web-design="maximalist-pop"] .booth-info h3{font-family:'Arial Black',Impact,sans-serif;text-transform:uppercase;font-size:25px} body[data-web-design="maximalist-pop"] .price-section{margin:75px 0;border:4px solid #1e1834;border-radius:0;background:#00d8c4;color:#1e1834;box-shadow:12px 12px 0 #1e1834;padding:80px 7%} body[data-web-design="maximalist-pop"] .price-intro .eyebrow,body[data-web-design="maximalist-pop"] .price-row small,body[data-web-design="maximalist-pop"] .price-note{color:#34304a} body[data-web-design="maximalist-pop"] .gallery-section{background:#ffdf4e} body[data-web-design="maximalist-pop"] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} body[data-web-design="maximalist-pop"] .gallery-card:nth-child(4n+2){transform:rotate(2deg) translateY(18px)} body[data-web-design="maximalist-pop"] .frame-section{background:#ff4c86} body[data-web-design="maximalist-pop"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} body[data-web-design="maximalist-pop"] .visit-banner{margin:55px 3%;border:4px solid #1e1834;border-radius:0;background:#ffdf4e;color:#1e1834;box-shadow:12px 12px 0 #1e1834} /* 5. RETRO Y2K — gradient chrome, capsule controls, futuristic split panels */ body[data-web-design="retro-y2k"]{background:#f1edff;font-family:'DM Sans',sans-serif} body[data-web-design="retro-y2k"] .topbar{max-width:none;margin:0;padding:0 5%;height:86px;background:#f1edff;border-bottom:1px solid #cfc1ff} body[data-web-design="retro-y2k"] .brand-icon{border-radius:13px;background:linear-gradient(135deg,#a98aff,#ff9fd7);color:#292052} body[data-web-design="retro-y2k"] .hero{max-width:none;margin:0;padding:85px 7%;grid-template-columns:1fr 1fr;gap:6%;background:radial-gradient(ellipse at 80% 25%,#ffb6e6 0,transparent 34%),linear-gradient(135deg,#e3dcff,#faf7ff 58%,#d9faff);min-height:690px} body[data-web-design="retro-y2k"] .hero:before{inset:8% 3% 8% 53%;background:linear-gradient(145deg,#b8a4ff,#ffb8e5 55%,#a6efff);border:1px solid #fff;border-radius:42% 58% 60% 40%/42% 34% 66% 58%;box-shadow:inset 0 0 0 10px #ffffff30} body[data-web-design="retro-y2k"] .hero h1{font-size:clamp(60px,7.5vw,104px);font-weight:950;line-height:.9;letter-spacing:-.075em;color:#282050} body[data-web-design="retro-y2k"] .hero h1 em{font-family:'Arial Black',sans-serif;font-style:italic;color:#8b5cf6;text-shadow:3px 3px #fff} body[data-web-design="retro-y2k"] .hero-art{height:500px;filter:none;transform:rotate(-4deg)!important} body[data-web-design="retro-y2k"] .hero-upload-photo{border:5px solid #fff;border-radius:17px;box-shadow:0 14px 35px #7054b733!important} body[data-web-design="retro-y2k"] .ticker{background:linear-gradient(90deg,#8b5cf6,#ed75c8,#56dce8);color:white;padding:18px 0} body[data-web-design="retro-y2k"] .section{padding:100px 7%} body[data-web-design="retro-y2k"] .section-heading h2{font-weight:900;font-size:clamp(44px,5.5vw,76px)} body[data-web-design="retro-y2k"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} body[data-web-design="retro-y2k"] .booth-card{background:linear-gradient(145deg,#fff,#f7f0ff);border:1px solid #d9caff;border-radius:26px;box-shadow:0 18px 40px #8b5cf626;overflow:hidden} body[data-web-design="retro-y2k"] .booth-visual{height:310px;border-radius:20px;background-color:#d8ccff} body[data-web-design="retro-y2k"] .booth-info h3{font-family:'DM Sans',sans-serif;font-weight:900;color:#5140a1} body[data-web-design="retro-y2k"] .price-section{margin:45px 4%;border-radius:34px;background:linear-gradient(120deg,#30235c,#6c48ad 55%,#b44d9b);padding:75px 6%} body[data-web-design="retro-y2k"] .gallery-section{max-width:none;background:linear-gradient(180deg,#e6e0ff,#f8f5ff)} body[data-web-design="retro-y2k"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} body[data-web-design="retro-y2k"] .gallery-card{border:5px solid #fff;border-radius:20px;box-shadow:0 12px 28px #6f52ad25} body[data-web-design="retro-y2k"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} body[data-web-design="retro-y2k"] .frame-card{background:#fff;border:1px solid #ddd2ff;border-radius:24px;padding:13px} body[data-web-design="retro-y2k"] .visit-banner{margin:40px 4%;border-radius:32px;background:linear-gradient(110deg,#c5b6ff,#ffb6df,#a8f0f5);color:#282050;padding:65px 6%} /* 6. SCRAPBOOK CHIC — warm paper canvas, taped-photo collage, album-like sections */ body[data-web-design="scrapbook-chic"]{background:#f5ead8;font-family:'DM Sans',sans-serif} body[data-web-design="scrapbook-chic"] .topbar{max-width:none;margin:0;padding:0 6%;height:88px;background:#f5ead8;border-bottom:1px dashed #a68c70} body[data-web-design="scrapbook-chic"] .brand-icon{border-radius:4px;background:#b76d4c;color:#fff9ed;transform:rotate(-6deg)} body[data-web-design="scrapbook-chic"] .hero{max-width:none;margin:0;padding:70px 7%;grid-template-columns:1fr 1.05fr;gap:7%;background:#e6d7bd;min-height:650px} body[data-web-design="scrapbook-chic"] .hero:before{inset:8% 52% 7% 3%;background:#fff9ed;border:1px dashed #a68c70;border-radius:2px;box-shadow:5px 6px 0 #bca88c;transform:rotate(-1deg)} body[data-web-design="scrapbook-chic"] .hero h1{font-family:Georgia,serif;font-size:clamp(58px,7vw,98px);font-weight:500;line-height:.9} body[data-web-design="scrapbook-chic"] .hero h1 em{color:#a95538} body[data-web-design="scrapbook-chic"] .hero-art{height:500px;filter:none;transform:rotate(1deg)!important} body[data-web-design="scrapbook-chic"] .hero-upload-grid{grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:20px} body[data-web-design="scrapbook-chic"] .hero-upload-photo{border:10px solid #fffdf6;border-bottom-width:28px;border-radius:0;box-shadow:4px 8px 0 #9a80624d!important;transform:rotate(var(--t,0deg))!important} body[data-web-design="scrapbook-chic"] .hero-upload-photo:nth-child(odd){--t:-4deg} body[data-web-design="scrapbook-chic"] .hero-upload-photo:nth-child(even){--t:4deg} body[data-web-design="scrapbook-chic"] .ticker{background:#b76d4c;color:#fff9ed} body[data-web-design="scrapbook-chic"] .section{max-width:none;padding:100px 7%} body[data-web-design="scrapbook-chic"] .section-heading{padding:0 0 22px;border-bottom:1px dashed #bca88c} body[data-web-design="scrapbook-chic"] .section-heading h2{font-family:Georgia,serif;font-size:clamp(48px,5.8vw,78px);font-weight:500} body[data-web-design="scrapbook-chic"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px} body[data-web-design="scrapbook-chic"] .booth-card{padding:14px;background:#fff9ed;border:1px dashed #bca88c;border-radius:3px;box-shadow:5px 7px 0 #bca88c} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(odd){transform:rotate(-1deg)} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(even){transform:rotate(1deg) translateY(22px)} body[data-web-design="scrapbook-chic"] .booth-visual{height:300px;border-radius:0} body[data-web-design="scrapbook-chic"] .booth-info h3{font-family:Georgia,serif;font-size:28px} body[data-web-design="scrapbook-chic"] .price-section{margin:70px 5%;padding:75px 7%;border:1px dashed #bca88c;border-radius:3px;background:#51463c;color:#fff9ed;box-shadow:7px 8px 0 #bca88c} body[data-web-design="scrapbook-chic"] .gallery-section{background:#e6d7bd} body[data-web-design="scrapbook-chic"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} body[data-web-design="scrapbook-chic"] .gallery-card{padding:9px 9px 24px;background:#fffdf6;border:0;border-radius:2px;box-shadow:4px 6px 0 #9a806244} body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(3n+1){transform:rotate(-2deg)} body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(3n+2){transform:translateY(20px) rotate(1.5deg)} body[data-web-design="scrapbook-chic"] .frame-section{background:#f5ead8} body[data-web-design="scrapbook-chic"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} body[data-web-design="scrapbook-chic"] .frame-card{padding:12px 12px 20px;background:#fffdf6;border:0;border-radius:2px;box-shadow:4px 6px 0 #9a806244} body[data-web-design="scrapbook-chic"] .visit-banner{margin:60px 5%;border-radius:3px;background:#d7c19d;color:#40352c;padding:65px 7%;box-shadow:7px 7px 0 #a68c70} /* 7. NEUBRUTALISM — structural grid, hard edges, large typography, poster-like blocks */ body[data-web-design="neubrutalism"]{background-color:#f6f6ef;background-image:linear-gradient(#1111110b 1px,transparent 1px),linear-gradient(90deg,#1111110b 1px,transparent 1px);background-size:24px 24px;font-family:Arial,Helvetica,sans-serif} body[data-web-design="neubrutalism"] .topbar{max-width:none;height:82px;padding:0 4%;background:#f6f6ef;border-bottom:3px solid #111} body[data-web-design="neubrutalism"] .brand-icon{border:2px solid #111;border-radius:0;background:#d7ff00;box-shadow:3px 3px 0 #111} body[data-web-design="neubrutalism"] .hero{max-width:none;width:calc(100% - 40px);margin:20px auto 0;padding:55px 5%;grid-template-columns:1.05fr .95fr;gap:5%;background:#d7ff00;border:3px solid #111;box-shadow:10px 10px 0 #111;min-height:650px} body[data-web-design="neubrutalism"] .hero:before{inset:12% 48% 12% 2%;background:#fff;border:3px solid #111;border-radius:0;box-shadow:7px 7px 0 #111} body[data-web-design="neubrutalism"] .hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(58px,7.5vw,106px);font-weight:1000;line-height:.83;letter-spacing:-.09em;text-transform:uppercase} body[data-web-design="neubrutalism"] .hero h1 em{font-style:normal;color:#ff6b35;text-decoration:underline;text-decoration-thickness:5px} body[data-web-design="neubrutalism"] .hero-art{height:490px;filter:none;transform:rotate(2deg)!important} body[data-web-design="neubrutalism"] .hero-upload-grid{gap:10px} body[data-web-design="neubrutalism"] .hero-upload-photo{border:3px solid #111;border-radius:0;box-shadow:5px 5px 0 #111!important;transform:none!important} body[data-web-design="neubrutalism"] .ticker{background:#111;color:#d7ff00;border-block:3px solid #111;padding:20px 0} body[data-web-design="neubrutalism"] .section{max-width:none;padding:95px 5%} body[data-web-design="neubrutalism"] .section-heading{align-items:start;border-bottom:3px solid #111;padding-bottom:24px} body[data-web-design="neubrutalism"] .section-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(46px,6.3vw,86px);font-weight:1000;line-height:.85;text-transform:uppercase;letter-spacing:-.09em} body[data-web-design="neubrutalism"] .section-heading h2 em{font-style:normal;color:#ff6b35} body[data-web-design="neubrutalism"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} body[data-web-design="neubrutalism"] .booth-card{padding:0;background:#fff;border:3px solid #111;border-radius:0;box-shadow:7px 7px 0 #111} body[data-web-design="neubrutalism"] .booth-visual{height:320px;border-radius:0;border-bottom:3px solid #111} body[data-web-design="neubrutalism"] .booth-info{padding:20px} body[data-web-design="neubrutalism"] .booth-info h3{font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:1000;text-transform:uppercase} body[data-web-design="neubrutalism"] .booth-link{margin:0 20px 18px;padding:13px;background:#d7ff00;border:2px solid #111} body[data-web-design="neubrutalism"] .price-section{margin:70px 20px;border:3px solid #111;border-radius:0;background:#ff6b35;color:#111;box-shadow:10px 10px 0 #111;padding:75px 6%} body[data-web-design="neubrutalism"] .price-row{border-bottom:2px solid #111;padding:22px 0} body[data-web-design="neubrutalism"] .price-row small,body[data-web-design="neubrutalism"] .price-note{color:#252525} body[data-web-design="neubrutalism"] .gallery-section{background:#d7ff00;border-block:3px solid #111} body[data-web-design="neubrutalism"] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} body[data-web-design="neubrutalism"] .gallery-card{border:3px solid #111;border-radius:0;box-shadow:5px 5px 0 #111} body[data-web-design="neubrutalism"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} body[data-web-design="neubrutalism"] .frame-card{padding:12px;background:#fff;border:3px solid #111;border-radius:0;box-shadow:5px 5px 0 #111} body[data-web-design="neubrutalism"] .visit-banner{margin:60px 20px;border:3px solid #111;border-radius:0;background:#d7ff00;color:#111;box-shadow:10px 10px 0 #111;padding:65px 6%} /* Give internal admin and booking screens the selected theme's full page canvas and content geometry too. */ body[data-web-design] .admin-main,body[data-web-design] .dashboard-main,body[data-web-design] .booking-main{background:var(--paper)} body[data-web-design="maximalism"] .admin-top,body[data-web-design="maximalism"] .booking-header,body[data-web-design="maximalism"] .dashboard-hero{padding:30px;border:2px solid var(--ink);border-radius:28px;background:#f8b6c9} body[data-web-design="playful-editorial"] .admin-top,body[data-web-design="playful-editorial"] .booking-header,body[data-web-design="playful-editorial"] .dashboard-hero{padding:28px 0;border-bottom:1px solid #b9aa99;background:transparent} body[data-web-design="playful-editorial"] .admin-top h1,body[data-web-design="playful-editorial"] .booking-header h1,body[data-web-design="playful-editorial"] .dashboard-hero h1{font-family:Georgia,serif;font-weight:400} body[data-web-design="korean-pop"] .admin-top,body[data-web-design="korean-pop"] .booking-header,body[data-web-design="korean-pop"] .dashboard-hero{padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffe0ee,#e9e6ff)} body[data-web-design="maximalist-pop"] .admin-top,body[data-web-design="maximalist-pop"] .booking-header,body[data-web-design="maximalist-pop"] .dashboard-hero{padding:28px;border:3px solid #1e1834;background:#00d8c4;color:#1e1834} body[data-web-design="retro-y2k"] .admin-top,body[data-web-design="retro-y2k"] .booking-header,body[data-web-design="retro-y2k"] .dashboard-hero{padding:30px;border-radius:28px;background:linear-gradient(120deg,#ded5ff,#ffc8e8,#c5f7ff)} body[data-web-design="scrapbook-chic"] .admin-top,body[data-web-design="scrapbook-chic"] .booking-header,body[data-web-design="scrapbook-chic"] .dashboard-hero{padding:26px;border:1px dashed #a68c70;background:#e6d7bd;box-shadow:5px 6px 0 #bca88c} body[data-web-design="neubrutalism"] .admin-top,body[data-web-design="neubrutalism"] .booking-header,body[data-web-design="neubrutalism"] .dashboard-hero{padding:28px;border:3px solid #111;border-radius:0;background:#d7ff00;box-shadow:6px 6px 0 #111} @media(max-width:1000px){body[data-web-design="korean-pop"] .booth-grid,body[data-web-design="korean-pop"] .frame-grid,body[data-web-design="maximalism"] .gallery-grid,body[data-web-design="maximalist-pop"] .gallery-grid,body[data-web-design="neubrutalism"] .gallery-grid,body[data-web-design="neubrutalism"] .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){ body[data-web-design] .topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 5%;gap:12px} body[data-web-design] .hero{width:100%;margin:0;padding:42px 6%;border-radius:0;grid-template-columns:1fr;min-height:0} body[data-web-design] .hero:before{inset:5% 3% 45%} body[data-web-design] .hero-copy{padding:0} body[data-web-design] .hero h1{font-size:clamp(48px,12vw,76px)} body[data-web-design] .hero-art{height:auto;min-height:0;aspect-ratio:1/1;max-height:520px;width:100%;margin:0;justify-self:stretch} body[data-web-design] .hero-upload-grid{height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))} body[data-web-design] .hero-upload-photo,body[data-web-design] .hero-upload-photo img{min-height:0;height:100%} body[data-web-design] .section{padding:65px 6%} body[data-web-design] .section-heading{flex-direction:column;align-items:start;text-align:left;gap:14px} body[data-web-design] .booth-grid,body[data-web-design] .frame-grid,body[data-web-design] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} body[data-web-design] .booth-card,body[data-web-design] .booth-card:nth-child(even),body[data-web-design] .booth-card:nth-child(odd),body[data-web-design] .gallery-card{transform:none} body[data-web-design] .booth-visual{height:210px} body[data-web-design] .booth-info{display:block;padding:12px 6px} body[data-web-design] .booth-info h3{font-size:19px} body[data-web-design] .price-section{margin:30px 12px;padding:42px 22px;grid-template-columns:1fr;gap:30px} body[data-web-design] .visit-banner{margin:28px 12px;padding:38px 24px;grid-template-columns:1fr;gap:20px} body[data-web-design="playful-editorial"] .booth-card{grid-template-columns:1fr;display:block} body[data-web-design="playful-editorial"] .booth-visual{height:230px} body[data-web-design="playful-editorial"] .booth-link{grid-column:auto} body[data-web-design="korean-pop"] .hero{border-radius:0 0 30px 30px;text-align:center} body[data-web-design="korean-pop"] .hero-copy .eyebrow{display:inline-block} body[data-web-design="korean-pop"] .hero-actions,body[data-web-design="korean-pop"] .hero-meta{justify-content:center;flex-wrap:wrap} body[data-web-design="korean-pop"] .hero-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))} body[data-web-design="maximalism"] .hero,body[data-web-design="maximalist-pop"] .hero,body[data-web-design="neubrutalism"] .hero{width:calc(100% - 24px);margin:12px;border-radius:22px;box-shadow:6px 6px 0 var(--ink)} body[data-web-design="maximalism"] .price-section,body[data-web-design="maximalist-pop"] .price-section,body[data-web-design="neubrutalism"] .price-section{margin:35px 12px} body[data-web-design="scrapbook-chic"] .hero-upload-grid{grid-template-rows:repeat(2,minmax(0,1fr))} } /* GLOBAL TEMPLATE THEMES v4: distinct art direction and page composition. Core booking rules stay intact. */ body[data-web-design="minimalist-editorial"]{--paper:#fbfaf7;--ink:#24221f;--muted:#77716b;--pink:#b18b63;--orange:#e6d7c5;--line:#e6e0d7;--white:#fff;--dark:#24221f;--radius:3px;--theme-ink:#24221f;--theme-paper:#fbfaf7;--theme-accent:#b18b63;--theme-accent-2:#e6d7c5;--theme-radius:3px;--theme-shadow:none;background:#fbfaf7;color:#24221f} body[data-web-design="soft-pastel"]{--paper:#fff7fb;--ink:#463548;--muted:#8b7788;--pink:#f2a9ca;--orange:#c8d9bd;--line:#f0d8e7;--white:#fffdfd;--dark:#463548;--radius:28px;--theme-ink:#463548;--theme-paper:#fff7fb;--theme-accent:#f2a9ca;--theme-accent-2:#c8d9bd;--theme-radius:28px;--theme-shadow:0 14px 35px #c99bb51f;background:#fff7fb;color:#463548} body[data-web-design="earthy-neutral"]{--paper:#f4eee4;--ink:#3c3027;--muted:#827264;--pink:#b86e4b;--orange:#9a9a70;--line:#d8c8b5;--white:#fffaf1;--dark:#3c3027;--radius:12px;--theme-ink:#3c3027;--theme-paper:#f4eee4;--theme-accent:#b86e4b;--theme-accent-2:#9a9a70;--theme-radius:12px;--theme-shadow:0 12px 30px #54412b12;background-color:#f4eee4;background-image:radial-gradient(#bca88b22 .7px,transparent .7px);background-size:8px 8px;color:#3c3027} body[data-web-design="bold-dark"]{--paper:#101116;--ink:#f6f4ff;--muted:#b2b0c0;--pink:#c4ff3b;--orange:#a77bff;--line:#353640;--white:#191a22;--dark:#08090d;--radius:8px;--theme-ink:#f6f4ff;--theme-paper:#101116;--theme-accent:#c4ff3b;--theme-accent-2:#a77bff;--theme-radius:8px;--theme-shadow:0 18px 50px #0008;background:#101116;color:#f6f4ff} body[data-web-design="luxury-black-gold"]{--paper:#10100f;--ink:#f7f0df;--muted:#b8ad94;--pink:#c6a45c;--orange:#f0dfac;--line:#5b4b2c;--white:#171613;--dark:#080807;--radius:2px;--theme-ink:#f7f0df;--theme-paper:#10100f;--theme-accent:#c6a45c;--theme-accent-2:#f0dfac;--theme-radius:2px;--theme-shadow:0 16px 44px #0008;background:#10100f;color:#f7f0df} body[data-web-design="portfolio-grid"]{--paper:#f3f3f0;--ink:#171917;--muted:#656a65;--pink:#e7ff56;--orange:#b8c9bd;--line:#d5d9d4;--white:#fff;--dark:#171917;--radius:2px;--theme-ink:#171917;--theme-paper:#f3f3f0;--theme-accent:#e7ff56;--theme-accent-2:#b8c9bd;--theme-radius:2px;--theme-shadow:0 8px 28px #1b21141a;background:#f3f3f0;color:#171917} body[data-web-design="modern-gradient-glass"]{--paper:#f3f2ff;--ink:#242044;--muted:#6f6a91;--pink:#8b76ff;--orange:#61e6d2;--line:#ffffff9c;--white:#ffffffa8;--dark:#29234d;--radius:24px;--theme-ink:#242044;--theme-paper:#f3f2ff;--theme-accent:#8b76ff;--theme-accent-2:#61e6d2;--theme-radius:24px;--theme-shadow:0 18px 48px #6b5ed526;background:linear-gradient(135deg,#f8f1ff 0%,#e6f7ff 45%,#f4eaff 100%) fixed;color:#242044} /* Entire landing-page composition varies by template, not just controls and borders. */ body[data-web-design="minimalist-editorial"] .hero{width:100%;margin:0;padding:100px 9%;grid-template-columns:1.1fr .9fr;gap:7%;min-height:720px;background:#fbfaf7} body[data-web-design="minimalist-editorial"] .hero:before{display:none} body[data-web-design="minimalist-editorial"] .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(58px,7vw,108px);line-height:.98;letter-spacing:-.06em} body[data-web-design="minimalist-editorial"] .hero-art{border-radius:0;transform:none;box-shadow:none;background:#e8dfd2;padding:10px} body[data-web-design="minimalist-editorial"] .photo-card{border-radius:0;box-shadow:none} body[data-web-design="minimalist-editorial"] .section{padding:110px 9%} body[data-web-design="minimalist-editorial"] .section-heading{border-bottom:1px solid #cfc6ba;padding-bottom:28px} body[data-web-design="minimalist-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px} body[data-web-design="minimalist-editorial"] .booth-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:transparent;border:0;box-shadow:none} body[data-web-design="minimalist-editorial"] .booth-visual{height:380px} body[data-web-design="minimalist-editorial"] .price-section{margin:60px 9%;padding:80px 7%;grid-template-columns:1fr 1fr;background:#e8dfd2;color:#24221f} body[data-web-design="soft-pastel"] .hero{margin:24px auto;width:calc(100% - 48px);border-radius:40px;background:linear-gradient(145deg,#ffe3f0,#f0eaff 58%,#e5f4e2);padding:80px 7%;grid-template-columns:1fr 1fr} body[data-web-design="soft-pastel"] .hero:before{display:none} body[data-web-design="soft-pastel"] .hero-art{background:#fff9fd;border:10px solid #fff;border-radius:36px;transform:rotate(2deg)} body[data-web-design="soft-pastel"] .booth-card,body[data-web-design="soft-pastel"] .frame-card,body[data-web-design="soft-pastel"] .gallery-card{background:#fffdfd;border:1px solid #f0d8e7;box-shadow:0 12px 30px #c99bb51f} body[data-web-design="soft-pastel"] .booth-grid{gap:28px} body[data-web-design="soft-pastel"] .price-section{border-radius:36px;background:#e8f0e1;margin:50px 4%;padding:65px 7%} body[data-web-design="earthy-neutral"] .topbar{background:#f4eee4} body[data-web-design="earthy-neutral"] .hero{width:100%;padding:90px 8%;grid-template-columns:1fr .9fr;background:linear-gradient(120deg,#f4eee4 0%,#e5d6c3 100%)} body[data-web-design="earthy-neutral"] .hero:before{inset:24px 4%;background:#fffaf1;border:1px solid #d8c8b5;border-radius:12px} body[data-web-design="earthy-neutral"] .hero h1,body[data-web-design="earthy-neutral"] .section-heading h2{font-family:Georgia,serif;font-weight:500} body[data-web-design="earthy-neutral"] .hero-art{filter:saturate(.82)} body[data-web-design="earthy-neutral"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} body[data-web-design="earthy-neutral"] .booth-card{background:#fffaf1;box-shadow:0 8px 20px #54412b12} body[data-web-design="earthy-neutral"] .price-section,body[data-web-design="earthy-neutral"] .visit-banner{background:#3c3027;color:#f4eee4;border-radius:12px} body[data-web-design="bold-dark"] .topbar{background:#101116;border-bottom:1px solid #353640} body[data-web-design="bold-dark"] .hero{margin:0;width:100%;padding:95px 8%;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 80% 15%,#a77bff25,transparent 30%),#101116} body[data-web-design="bold-dark"] .hero:before{display:none} body[data-web-design="bold-dark"] .hero h1 em,body[data-web-design="bold-dark"] .section-heading h2 em{color:#c4ff3b} body[data-web-design="bold-dark"] .hero-art{background:#1c1d26;border:1px solid #353640;box-shadow:0 20px 80px #0008} body[data-web-design="bold-dark"] .booth-card,body[data-web-design="bold-dark"] .frame-card,body[data-web-design="bold-dark"] .gallery-card,body[data-web-design="bold-dark"] .price-card{background:#191a22;color:#f6f4ff;border:1px solid #353640;box-shadow:0 18px 50px #0008} body[data-web-design="bold-dark"] .price-section{background:#c4ff3b;color:#101116;border-radius:8px} body[data-web-design="bold-dark"] .visit-banner{background:#1c1d26;color:#f6f4ff;border:1px solid #c4ff3b} body[data-web-design="luxury-black-gold"] .topbar{background:#10100f;border-bottom:1px solid #5b4b2c} body[data-web-design="luxury-black-gold"] .hero{width:100%;margin:0;padding:110px 9%;grid-template-columns:1fr .85fr;background:radial-gradient(ellipse at 80% 30%,#c6a45c18,transparent 45%),#10100f} body[data-web-design="luxury-black-gold"] .hero:before{display:none} body[data-web-design="luxury-black-gold"] .hero h1,body[data-web-design="luxury-black-gold"] .section-heading h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em} body[data-web-design="luxury-black-gold"] .hero h1 em,body[data-web-design="luxury-black-gold"] .section-heading h2 em{color:#c6a45c} body[data-web-design="luxury-black-gold"] .hero-art{background:#171613;border:1px solid #5b4b2c;box-shadow:none} body[data-web-design="luxury-black-gold"] .booth-card,body[data-web-design="luxury-black-gold"] .frame-card,body[data-web-design="luxury-black-gold"] .gallery-card{background:#171613;color:#f7f0df;border:1px solid #5b4b2c;box-shadow:none} body[data-web-design="luxury-black-gold"] .price-section{margin:70px 8%;background:#171613;color:#f7f0df;border:1px solid #c6a45c} body[data-web-design="luxury-black-gold"] .button-dark{background:#c6a45c;color:#10100f;border:1px solid #c6a45c} body[data-web-design="portfolio-grid"] .hero{width:100%;margin:0;padding:65px 7%;grid-template-columns:.8fr 1.2fr;background:#f3f3f0} body[data-web-design="portfolio-grid"] .hero:before{display:none} body[data-web-design="portfolio-grid"] .hero-art{height:570px;max-height:none;border-radius:2px;box-shadow:none} body[data-web-design="portfolio-grid"] .section{padding:85px 7%} body[data-web-design="portfolio-grid"] .booth-grid,body[data-web-design="portfolio-grid"] .gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:16px} body[data-web-design="portfolio-grid"] .booth-card,body[data-web-design="portfolio-grid"] .gallery-card{grid-column:span 4;display:block;background:#fff;border-radius:2px;box-shadow:none} body[data-web-design="portfolio-grid"] .booth-card:nth-child(3n+2),body[data-web-design="portfolio-grid"] .gallery-card:nth-child(3n+2){grid-column:span 8} body[data-web-design="portfolio-grid"] .booth-visual{height:300px} body[data-web-design="portfolio-grid"] .gallery-card img{transition:transform .35s ease,filter .35s ease} body[data-web-design="portfolio-grid"] .gallery-card:hover img,body[data-web-design="portfolio-grid"] .booth-card:hover img{transform:scale(1.035);filter:saturate(1.12)} body[data-web-design="portfolio-grid"] .price-section{margin:55px 7%;background:#e7ff56;color:#171917} body[data-web-design="modern-gradient-glass"]{background:linear-gradient(135deg,#f8f1ff,#e6f7ff,#f4eaff) fixed} body[data-web-design="modern-gradient-glass"] .topbar{background:#ffffffa6;border:1px solid #ffffffa8;border-radius:24px;margin:14px 2%;width:96%;backdrop-filter:blur(24px);box-shadow:0 10px 30px #6b5ed51a} body[data-web-design="modern-gradient-glass"] .hero{width:96%;margin:16px 2%;padding:75px 6%;grid-template-columns:1fr 1fr;border-radius:34px;background:linear-gradient(135deg,#8b76ff1f,#61e6d21c);border:1px solid #ffffffb8;backdrop-filter:blur(18px)} body[data-web-design="modern-gradient-glass"] .hero:before{inset:12px;background:#ffffff65;border:1px solid #ffffffa8;border-radius:28px;backdrop-filter:blur(18px)} body[data-web-design="modern-gradient-glass"] .hero-art{background:#ffffff80;border:1px solid #ffffffc9;border-radius:30px;box-shadow:0 24px 65px #6b5ed52b;backdrop-filter:blur(20px)} body[data-web-design="modern-gradient-glass"] .booth-card,body[data-web-design="modern-gradient-glass"] .frame-card,body[data-web-design="modern-gradient-glass"] .gallery-card,body[data-web-design="modern-gradient-glass"] .price-card{background:#ffffffa6;border:1px solid #ffffffc9;box-shadow:0 16px 45px #6b5ed51f;backdrop-filter:blur(18px)} body[data-web-design="modern-gradient-glass"] .price-section,body[data-web-design="modern-gradient-glass"] .visit-banner{background:linear-gradient(120deg,#8b76ff,#61e6d2);border:1px solid #ffffffa8;border-radius:32px;color:#242044} /* Admin and booking get the same theme art direction with real page-canvas and panel treatments. */ body[data-web-design="minimalist-editorial"]:is(.admin-page,.account-body,.dashboard-body,.booking-page){background:#fbfaf7;color:#24221f} body[data-web-design="minimalist-editorial"] .admin-sidebar{background:#24221f;color:#fff} body[data-web-design="minimalist-editorial"] .admin-panel,body[data-web-design="minimalist-editorial"] .settings-form,body[data-web-design="minimalist-editorial"] .booking-card,body[data-web-design="minimalist-editorial"] .form-main{background:#fff;border:1px solid #e6e0d7;box-shadow:none} body[data-web-design="soft-pastel"] .admin-sidebar{background:#463548} body[data-web-design="soft-pastel"] .admin-panel,body[data-web-design="soft-pastel"] .settings-form,body[data-web-design="soft-pastel"] .booking-card,body[data-web-design="soft-pastel"] .form-main,body[data-web-design="soft-pastel"] .auth-shell{background:#fffdfd;border:1px solid #f0d8e7;box-shadow:0 14px 35px #c99bb51f!important} body[data-web-design="earthy-neutral"] .admin-sidebar{background:#3c3027} body[data-web-design="earthy-neutral"] .admin-panel,body[data-web-design="earthy-neutral"] .settings-form,body[data-web-design="earthy-neutral"] .booking-card,body[data-web-design="earthy-neutral"] .form-main{background:#fffaf1;border-color:#d8c8b5} body[data-web-design="bold-dark"] :is(.admin-sidebar,.admin-top,.admin-panel,.settings-form,.booking-card,.form-main,.auth-shell,.wizard-card,.booking-summary,.stats-grid article){background:#191a22!important;color:#f6f4ff!important;border-color:#353640} body[data-web-design="bold-dark"] :is(input,select,textarea){background:#101116;color:#f6f4ff;border-color:#4b4d5a} body[data-web-design="bold-dark"] .admin-sidebar a{color:#e8e7f1} body[data-web-design="luxury-black-gold"] :is(.admin-sidebar,.admin-top,.admin-panel,.settings-form,.booking-card,.form-main,.auth-shell,.wizard-card,.booking-summary,.stats-grid article){background:#171613;color:#f7f0df;border-color:#5b4b2c;box-shadow:none} body[data-web-design="luxury-black-gold"] :is(input,select,textarea){background:#10100f;color:#f7f0df;border-color:#5b4b2c} body[data-web-design="luxury-black-gold"] .admin-sidebar a{color:#f7f0df} body[data-web-design="portfolio-grid"] .gallery-grid{align-items:start} body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+1){transform:translateY(18px)} body[data-web-design="portfolio-grid"] .gallery-card:nth-child(5n+2){transform:translateY(-8px)} body[data-web-design="portfolio-grid"] .admin-panel,body[data-web-design="portfolio-grid"] .settings-form,body[data-web-design="portfolio-grid"] .booking-card,body[data-web-design="portfolio-grid"] .form-main{border-radius:2px;box-shadow:0 8px 28px #1b21141a} body[data-web-design="modern-gradient-glass"] :is(.admin-sidebar,.admin-top,.admin-panel,.settings-form,.booking-card,.form-main,.auth-shell,.wizard-card,.booking-summary,.stats-grid article){background:#ffffffb8!important;color:#242044!important;border:1px solid #ffffffc9;box-shadow:0 18px 48px #6b5ed51c!important;backdrop-filter:blur(18px)} body[data-web-design="modern-gradient-glass"] :is(input,select,textarea){background:#ffffffb8;color:#242044;border-color:#d8d5f0} @media(max-width:760px){body[data-web-design="minimalist-editorial"] .hero,body[data-web-design="earthy-neutral"] .hero,body[data-web-design="bold-dark"] .hero,body[data-web-design="luxury-black-gold"] .hero,body[data-web-design="portfolio-grid"] .hero,body[data-web-design="modern-gradient-glass"] .hero,body[data-web-design="soft-pastel"] .hero{grid-template-columns:1fr;padding:44px 6%;width:100%;margin:0;border-radius:0} body[data-web-design="portfolio-grid"] .booth-grid,body[data-web-design="portfolio-grid"] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-web-design="portfolio-grid"] .booth-card,body[data-web-design="portfolio-grid"] .booth-card:nth-child(3n+2),body[data-web-design="portfolio-grid"] .gallery-card,body[data-web-design="portfolio-grid"] .gallery-card:nth-child(3n+2){grid-column:span 1} body[data-web-design="portfolio-grid"] .booth-visual{height:220px} body[data-web-design="minimalist-editorial"] .section{padding:60px 6%} body[data-web-design="modern-gradient-glass"] .topbar{width:100%;margin:0;border-radius:0}} /* v6: theme identity system — typography, graphic language, controls/widgets and motion. */ body[data-web-design="maximalism"]{--theme-font:Impact,"Arial Black",sans-serif;--theme-radius:4px;--theme-shadow:8px 8px 0 #171717;--theme-motion:cubic-bezier(.2,.8,.2,1)} body[data-web-design="playful-editorial"]{--theme-font:"Trebuchet MS",Arial,sans-serif;--theme-radius:12px;--theme-shadow:0 14px 32px #25221a12;--theme-motion:cubic-bezier(.22,1,.36,1)} body[data-web-design="korean-pop"]{--theme-font:"Trebuchet MS",Arial,sans-serif;--theme-radius:24px;--theme-shadow:0 12px 28px #df8cb42b;--theme-motion:cubic-bezier(.34,1.56,.64,1)} body[data-web-design="maximalist-pop"]{--theme-font:Impact,"Arial Black",sans-serif;--theme-radius:2px;--theme-shadow:7px 7px 0 #111;--theme-motion:cubic-bezier(.2,.9,.2,1)} body[data-web-design="retro-y2k"]{--theme-font:"Arial Black",Arial,sans-serif;--theme-radius:18px;--theme-shadow:0 0 0 2px #fff,5px 5px 0 #4e247d;--theme-motion:cubic-bezier(.2,.8,.3,1)} body[data-web-design="scrapbook-chic"]{--theme-font:Georgia,serif;--theme-radius:3px;--theme-shadow:3px 5px 0 #d9cbb5;--theme-motion:cubic-bezier(.2,.7,.2,1)} body[data-web-design="neubrutalism"]{--theme-font:"Arial Black",Arial,sans-serif;--theme-radius:0;--theme-shadow:6px 6px 0 #171717;--theme-motion:linear} body[data-web-design="minimalist-editorial"]{--theme-font:Georgia,"Times New Roman",serif;--theme-radius:2px;--theme-shadow:none;--theme-motion:cubic-bezier(.2,.7,.2,1)} body[data-web-design="soft-pastel"]{--theme-font:"Trebuchet MS",Arial,sans-serif;--theme-radius:26px;--theme-shadow:0 12px 28px #b982a51c;--theme-motion:cubic-bezier(.34,1.56,.64,1)} body[data-web-design="earthy-neutral"]{--theme-font:"Palatino Linotype",Palatino,serif;--theme-radius:10px;--theme-shadow:0 10px 25px #4e3b2712;--theme-motion:cubic-bezier(.2,.6,.2,1)} body[data-web-design="bold-dark"]{--theme-font:"Arial Black",Arial,sans-serif;--theme-radius:8px;--theme-shadow:0 0 28px #c4ff3b13;--theme-motion:cubic-bezier(.16,1,.3,1)} body[data-web-design="luxury-black-gold"]{--theme-font:Georgia,"Times New Roman",serif;--theme-radius:0;--theme-shadow:0 12px 35px #0004;--theme-motion:cubic-bezier(.2,.7,.2,1)} body[data-web-design="cartoon"]{--theme-font:"Trebuchet MS","Arial Rounded MT Bold",sans-serif;--theme-radius:22px;--theme-shadow:5px 6px 0 #29213b;--theme-motion:cubic-bezier(.34,1.56,.64,1)} body[data-web-design="portfolio-grid"]{--theme-font:Arial,sans-serif;--theme-radius:1px;--theme-shadow:none;--theme-motion:cubic-bezier(.2,.7,.2,1)} body[data-web-design="modern-gradient-glass"]{--theme-font:Inter,"Segoe UI",Arial,sans-serif;--theme-radius:24px;--theme-shadow:0 18px 48px #6b5ed51c;--theme-motion:cubic-bezier(.16,1,.3,1)} body[data-web-design]{font-family:var(--theme-font,Arial,sans-serif)} body[data-web-design] :is(button,.button,.button-dark,.button-light,.button-primary,.button-secondary,.booth-card,.frame-card,.gallery-card,.price-card,.admin-panel,.booking-card,.wizard-card,.auth-shell,.stats-grid article,.web-design-preview){transition:transform .28s var(--theme-motion, ease),box-shadow .28s ease,border-radius .28s ease,background-color .28s ease,border-color .28s ease} body[data-web-design] :is(button,.button,.button-dark,.button-light,.button-primary,.button-secondary){font-family:var(--theme-font,inherit);border-radius:var(--theme-radius,12px)} body[data-web-design] :is(.hero h1,.section-heading h2,.admin-top h1,.booking-title){font-family:var(--theme-font,inherit);letter-spacing:var(--theme-letter-spacing,normal)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.price-card,.admin-panel,.booking-card,.wizard-card,.auth-shell,.stats-grid article){border-radius:var(--theme-radius,14px);box-shadow:var(--theme-shadow,none)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.price-card):hover{transform:translateY(-5px)} body[data-web-design] :is(.button,.button-dark,.button-light,.button-primary,.button-secondary,button):hover{transform:translateY(-2px)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card) img{transition:transform .45s var(--theme-motion,ease),filter .3s ease} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card):hover img{transform:scale(1.035)} body[data-web-design] :is(.eyebrow,.preview-chip,.badge,.status-badge,.chip){font-family:var(--theme-font,inherit);letter-spacing:.08em} /* Visual widget treatment */ body[data-web-design="minimalist-editorial"] :is(.booking-summary,.booking-steps,.wizard-progress,.dashboard-card){border-radius:0;border-left:2px solid #292720;box-shadow:none} body[data-web-design="soft-pastel"] :is(.booking-summary,.booking-steps,.wizard-progress,.dashboard-card,.alert,.notice){border-radius:22px} body[data-web-design="earthy-neutral"] :is(.booking-summary,.booking-steps,.wizard-progress,.dashboard-card,.alert,.notice){border-radius:10px;border-color:#d8c8b5} body[data-web-design="bold-dark"] :is(.booking-summary,.booking-steps,.wizard-progress,.dashboard-card,.alert,.notice){background:#191a22;color:#f6f4ff;border:1px solid #353640} body[data-web-design="luxury-black-gold"] :is(.booking-summary,.booking-steps,.wizard-progress,.dashboard-card,.alert,.notice){background:#171613;color:#f7f0df;border:1px solid #5b4b2c;border-radius:0} body[data-web-design="cartoon"]{background-color:#fff8e9;color:#29213b} body[data-web-design="cartoon"] .topbar{background:#fff;border:3px solid #29213b;border-radius:0 0 24px 24px;box-shadow:0 5px 0 #29213b} body[data-web-design="cartoon"] .hero{background:#ffe66d;border:3px solid #29213b;border-radius:30px;margin:20px 3%;width:94%;position:relative;overflow:hidden} body[data-web-design="cartoon"] .hero:before{content:"✦ POP! ★";display:block;position:absolute;right:2%;top:5%;font:900 20px var(--theme-font);color:#ff5c8a;transform:rotate(8deg);background:#fff;border:3px solid #29213b;border-radius:16px;padding:10px;box-shadow:3px 4px 0 #29213b} body[data-web-design="cartoon"] .hero h1{font-weight:1000;letter-spacing:-.055em;text-shadow:2px 2px 0 #fff} body[data-web-design="cartoon"] .hero h1 em,body[data-web-design="cartoon"] .section-heading h2 em{color:#ff5c8a;font-style:normal;text-shadow:2px 2px 0 #29213b} body[data-web-design="cartoon"] .hero-art{border:4px solid #29213b;border-radius:26px;box-shadow:8px 8px 0 #29213b;background:#b8f2e6} body[data-web-design="cartoon"] :is(.booth-card,.frame-card,.gallery-card,.price-card,.admin-panel,.booking-card,.wizard-card,.auth-shell,.stats-grid article){background:#fff;border:3px solid #29213b;box-shadow:5px 6px 0 #29213b;border-radius:22px} body[data-web-design="cartoon"] .booth-card:nth-child(odd){transform:rotate(-.7deg)} body[data-web-design="cartoon"] .booth-card:nth-child(even){transform:rotate(.7deg)} body[data-web-design="cartoon"] .booth-card:hover,body[data-web-design="cartoon"] .gallery-card:hover{transform:translateY(-7px) rotate(0) scale(1.01)} body[data-web-design="cartoon"] :is(.button,.button-dark,.button-light,.button-primary,.button-secondary,button){background:#ff5c8a;color:#29213b;border:3px solid #29213b;border-radius:999px;box-shadow:3px 4px 0 #29213b;font-weight:900} body[data-web-design="cartoon"] :is(.button,.button-dark,.button-light,.button-primary,.button-secondary,button):hover{box-shadow:1px 2px 0 #29213b;transform:translate(2px,2px)} body[data-web-design="cartoon"] .price-section{background:#b8f2e6;border:3px solid #29213b;border-radius:28px;color:#29213b;box-shadow:7px 7px 0 #29213b} body[data-web-design="cartoon"] .visit-banner{background:#ffb4e6;border:3px solid #29213b;border-radius:26px;color:#29213b} body[data-web-design="cartoon"] :is(input,select,textarea){border:2px solid #29213b;border-radius:12px;background:#fffef9} body[data-web-design="cartoon"] :is(.admin-sidebar,.admin-top){border:3px solid #29213b;border-radius:18px;box-shadow:4px 4px 0 #29213b} body[data-web-design="cartoon"] .section-heading:after{content:"✦ ✿ ★";display:block;color:#ff5c8a;letter-spacing:.5em;font-size:1.25rem;margin-top:10px;animation:cartoonWiggle 2.8s ease-in-out infinite} body[data-web-design="cartoon"] .preview-chip{background:#ffe66d;border:2px solid #29213b;border-radius:999px;padding:5px 10px} @keyframes cartoonWiggle{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.06)}} @keyframes themeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} body[data-web-design="korean-pop"] .hero-art,body[data-web-design="soft-pastel"] .hero-art{animation:themeFloat 5s ease-in-out infinite} body[data-web-design="retro-y2k"] .hero-art{filter:saturate(1.15)} body[data-web-design="luxury-black-gold"] :is(.hero-art,.gallery-card img){filter:saturate(.82) contrast(1.04)} body[data-web-design="minimalist-editorial"] :is(.hero h1,.section-heading h2){font-weight:400;letter-spacing:-.055em} body[data-web-design="portfolio-grid"] :is(.booth-card,.gallery-card){overflow:hidden} @media(prefers-reduced-motion:reduce){body[data-web-design] *,body[data-web-design] *:before,body[data-web-design] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} /* Theme-specific graphic accents and icon language */ body[data-web-design="playful-editorial"] .section-heading:after{content:"ISSUE Nº 01 / NEPHA STUDIO";display:block;font:700 10px Arial,sans-serif;letter-spacing:.22em;color:#777;margin-top:18px} body[data-web-design="korean-pop"] .section-heading:after{content:"♡ ✦ ♡";display:block;font-size:1.35rem;color:#e78ab8;letter-spacing:.45em;margin-top:10px} body[data-web-design="maximalist-pop"] .section-heading:after{content:"✦ ✹ ✦ ✹";display:block;color:#ff4e88;font-size:1.4rem;margin-top:8px} body[data-web-design="retro-y2k"] .section-heading:after{content:"✧ DIGITAL DREAMS ✧";display:block;font:900 .8rem var(--theme-font);letter-spacing:.2em;color:#8a55dc;margin-top:12px} body[data-web-design="scrapbook-chic"] .section-heading:after{content:"✂ made with memories ♡";display:block;font:italic 1rem Georgia,serif;color:#9c7d5d;margin-top:12px} body[data-web-design="minimalist-editorial"] .section-heading:after{content:"";display:block;width:54px;height:1px;background:currentColor;margin:20px 0 0} body[data-web-design="earthy-neutral"] .section-heading:after{content:"● ○ ●";display:block;color:#a46f50;letter-spacing:.5em;font-size:.8rem;margin-top:14px} body[data-web-design="bold-dark"] .section-heading:after{content:"// MAKE A MOMENT";display:block;font:700 .7rem Arial,sans-serif;letter-spacing:.2em;color:#c4ff3b;margin-top:14px} body[data-web-design="luxury-black-gold"] .section-heading:after{content:"✦";display:block;color:#c6a45c;font-size:1.2rem;margin-top:14px} body[data-web-design="portfolio-grid"] .section-heading:after{content:"SELECTED MOMENTS — NEPHA STUDIO";display:block;font:600 .68rem Arial,sans-serif;letter-spacing:.16em;color:#777;margin-top:14px} body[data-web-design="modern-gradient-glass"] .section-heading:after{content:"✧ ✦ ✧";display:block;color:#8b76ff;font-size:1.2rem;margin-top:12px} body[data-web-design="maximalism"] .section-heading:after{content:"✹ ✦ ✹";display:block;color:#ef476f;font-size:1.5rem;margin-top:10px} /* ====================================================================== NEPHA THEME REFERENCE PASS v5 One distinct art direction per theme: layout, type, palette, graphics, booking widgets, admin surfaces and motion. Functional HTML/forms untouched. ====================================================================== */ body[data-web-design]{ --tr-bg:var(--paper,#faf8f4);--tr-ink:var(--ink,#242424);--tr-muted:var(--muted,#6e6e6e); --tr-surface:var(--white,#fff);--tr-line:var(--line,#ddd);--tr-accent:var(--pink,#db5b88); --tr-accent2:var(--orange,#eee);--tr-display:Arial,Helvetica,sans-serif;--tr-body:Arial,Helvetica,sans-serif; --tr-radius:14px;--tr-border:1px solid var(--tr-line);--tr-shadow:0 10px 28px #0000000d; --tr-motion:cubic-bezier(.2,.7,.2,1);--tr-title-size:clamp(2.4rem,5.8vw,5.5rem); color:var(--tr-ink)!important;background-color:var(--tr-bg)!important;font-family:var(--tr-body); } body[data-web-design] :is(.topbar,.section,.footer,.schedule-teaser,.admin-main,.dashboard-wrap,.booking-wizard-wrap,.account-main){color:var(--tr-ink)} body[data-web-design] :is(.hero h1,.section-heading h2,.admin-top h1,.booking-title,.welcome-panel h1){font-family:var(--tr-display);font-size:var(--tr-title-size);line-height:.98;letter-spacing:-.045em} body[data-web-design] :is(.section-heading h2,.admin-top h1,.booking-title){max-width:100%;} body[data-web-design] :is(p,.admin-footnote,.wizard-note,.booking-option-copy,.booth-info p){color:var(--tr-muted)} body[data-web-design] :is(.topbar,.admin-header){background:color-mix(in srgb,var(--tr-bg) 94%,transparent);border-color:var(--tr-line)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.location-card,.admin-panel,.stat-action-card,.stats-grid article,.manage-card,.result-card,.settings-form,.auth-card,.booking-summary,.confirm-summary,.wizard-choice-preview,.booking-card){background:var(--tr-surface);color:var(--tr-ink);border:var(--tr-border);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card,.stat-action-card){transition:transform .28s var(--tr-motion),box-shadow .28s var(--tr-motion),border-color .25s,background .25s} body[data-web-design] :is(input,select,textarea,.wizard-native-choice){background:var(--tr-surface);color:var(--tr-ink);border:var(--tr-border);border-radius:max(4px,calc(var(--tr-radius) * .55));font-family:var(--tr-body)} body[data-web-design] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,button[type=submit]){font-family:var(--tr-body);transition:transform .22s var(--tr-motion),box-shadow .22s ease,filter .2s ease,border-color .2s ease} body[data-web-design] :is(.button-dark,.button-primary){background:var(--tr-accent);color:var(--tr-button-ink,var(--tr-surface));border-color:var(--tr-accent)} body[data-web-design] :is(.button-light,.button-secondary){background:var(--tr-surface);color:var(--tr-ink);border-color:var(--tr-line)} body[data-web-design] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,button[type=submit]):focus-visible, body[data-web-design] :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--tr-accent) 60%,transparent);outline-offset:3px} body[data-web-design] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,button[type=submit]):hover{filter:saturate(1.05);transform:translateY(-2px)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card):hover{transform:translateY(-4px)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card) img{transition:transform .45s var(--tr-motion),filter .3s ease} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card):hover img{transform:scale(1.035)} body[data-web-design] .section{position:relative;isolation:isolate} body[data-web-design] .section-heading{position:relative;gap:1rem} body[data-web-design] .section-heading .eyebrow,body[data-web-design] .eyebrow{font-family:var(--tr-body);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tr-accent)} body[data-web-design] .topbar .nav-cta{background:var(--tr-accent);color:var(--tr-button-ink,var(--tr-surface));border:var(--tr-cta-border,1px solid var(--tr-accent));border-radius:var(--tr-cta-radius,var(--tr-radius));box-shadow:var(--tr-cta-shadow,none)} /* Booking widgets share only mechanics; all paint follows the selected theme. */ body[data-web-design] :is(.wizard-progress,.wizard-step,.wizard-card,.booking-option-grid,.wizard-choice-preview,.booking-calendar,.booking-time-panel,.confirm-summary,.booth-pick,.booking-option-card,.booth-modal-dialog,.price-confirm-dialog){border-color:var(--tr-line)} body[data-web-design] .wizard-progress{background:var(--tr-surface);border:var(--tr-border);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow)} body[data-web-design] .wizard-progress :is(.active,[aria-current=step]){background:var(--tr-accent);color:var(--tr-button-ink,var(--tr-surface))} body[data-web-design] .wizard-card{padding:clamp(18px,3vw,34px)} body[data-web-design] :is(.booking-option-card,.booth-pick){background:var(--tr-surface);color:var(--tr-ink);border:var(--tr-border);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow)} body[data-web-design] :is(.booking-option-card,.booth-pick).selected,body[data-web-design] :is(.booking-option-card,.booth-pick)[aria-pressed=true]{outline:3px solid var(--tr-accent);outline-offset:2px} body[data-web-design] .booking-option-art{background:color-mix(in srgb,var(--tr-accent) 12%,var(--tr-bg));border-radius:calc(var(--tr-radius) * .7)} body[data-web-design] .wizard-choice-preview{background:color-mix(in srgb,var(--tr-accent) 7%,var(--tr-surface));border-color:var(--tr-line)} body[data-web-design] :is(.booking-calendar,.booking-time-panel,.schedule-calendar-card){padding:clamp(16px,2.4vw,28px)} body[data-web-design] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button,.mini-button){background:var(--tr-surface);color:var(--tr-ink);border:var(--tr-border);border-radius:var(--tr-control-radius,var(--tr-radius))} body[data-web-design] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button).selected, body[data-web-design] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button)[aria-pressed=true]{background:var(--tr-accent);color:var(--tr-button-ink,var(--tr-surface));border-color:var(--tr-accent)} body[data-web-design] :is(.wizard-note,.alert,.notice,.promo-apply-status){border-radius:var(--tr-radius)} body[data-web-design] .booking-option-tag{background:var(--tr-accent);color:var(--tr-button-ink,var(--tr-surface));border-radius:var(--tr-radius);} /* Admin interface inherits the visual system without changing its navigation. */ body[data-web-design] .admin-sidebar{background:var(--tr-sidebar,var(--dark,#222));color:var(--tr-sidebar-text,#fff);border-right:var(--tr-sidebar-border,1px solid var(--tr-line))} body[data-web-design] .admin-nav a,body[data-web-design] .admin-nav button{border-radius:var(--tr-nav-radius,8px)} body[data-web-design] .admin-nav a.active{background:var(--tr-nav-active,var(--tr-accent));color:var(--tr-nav-active-ink,var(--tr-button-ink,#fff))} body[data-web-design] .admin-header{border-bottom:var(--tr-border);box-shadow:var(--tr-header-shadow,none)} body[data-web-design] .admin-top{background:var(--tr-admin-hero,transparent);border:var(--tr-admin-border,none);border-radius:var(--tr-admin-radius,0);box-shadow:var(--tr-admin-shadow,none);padding:var(--tr-admin-padding,24px)} body[data-web-design] :is(.admin-panel,.stats-grid article,.stat-action-card,.manage-card,.result-card,.settings-form,.admin-password-dialog,.admin-notice-dropdown,.admin-user-dropdown){background:var(--tr-surface);color:var(--tr-ink);border-color:var(--tr-line);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow)} body[data-web-design] :is(.admin-panel h2,.admin-panel h3,.admin-top h1,.admin-password-dialog h2){font-family:var(--tr-display)} body[data-web-design] .footer{background:var(--tr-footer,var(--dark,#222));color:var(--tr-footer-ink,#fff)} body[data-web-design] .footer a{color:inherit} /* --- 1: MAXIMALISM — dense collage, sticker lettering, blobby forms, loud marquee --- */ body[data-web-design="maximalism"]{--tr-bg:#fff0e6;--tr-ink:#24112e;--tr-muted:#674b62;--tr-surface:#fffaf5;--tr-line:#24112e;--tr-accent:#f03e83;--tr-accent2:#ffc928;--tr-display:Impact,"Arial Black",sans-serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:30px 8px 28px 12px;--tr-shadow:8px 9px 0 #24112e;--tr-button-ink:#fffaf5;--tr-cta-radius:999px;--tr-cta-shadow:4px 4px 0 #24112e;--tr-footer:#24112e;--tr-footer-ink:#fffaf5;--tr-title-size:clamp(3.25rem,8vw,7.5rem);background-image:radial-gradient(circle at 12% 8%,#ffc92840 0 130px,transparent 132px),radial-gradient(circle at 90% 42%,#f03e8325 0 180px,transparent 182px)} body[data-web-design="maximalism"] .hero{width:calc(100% - 48px);margin:24px auto;padding:clamp(48px,7vw,100px) 6%;grid-template-columns:1.08fr .92fr;background:#f8b4cc;border:3px solid #24112e;border-radius:46px 18px 42px 18px;box-shadow:12px 12px 0 #24112e;min-height:670px} body[data-web-design="maximalism"] .hero:before{inset:10% 47% 8% 3%;border:3px solid #24112e;border-radius:58% 42% 22% 78%/40% 60% 30% 70%;background:#ffd34d} body[data-web-design="maximalism"] .hero h1{text-transform:uppercase;line-height:.82;letter-spacing:-.075em;text-shadow:3px 3px 0 #fffaf5} body[data-web-design="maximalism"] .hero h1 em{display:inline-block;color:#f03e83;font-style:normal;transform:rotate(-3deg);text-shadow:3px 3px #fffaf5,-1px -1px #24112e} body[data-web-design="maximalism"] .section-heading h2{text-transform:uppercase;line-height:.86;letter-spacing:-.07em} body[data-web-design="maximalism"] .section-heading:after{content:"✹ WOW! ✦ BIG FEELINGS ✹";display:inline-flex;margin-top:12px;padding:8px 15px;background:#ffd34d;color:#24112e;border:2px solid #24112e;border-radius:999px;box-shadow:3px 3px 0 #24112e;transform:rotate(-2deg);font:900 .75rem var(--tr-body);letter-spacing:.12em} body[data-web-design="maximalism"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px} body[data-web-design="maximalism"] .booth-card:nth-child(odd){transform:rotate(-1.5deg)}body[data-web-design="maximalism"] .booth-card:nth-child(even){transform:translateY(38px) rotate(1.5deg)} body[data-web-design="maximalism"] :is(.booth-card,.frame-card,.gallery-card){border:3px solid #24112e;box-shadow:8px 8px 0 #24112e} body[data-web-design="maximalism"] .ticker{background:#24112e;color:#ffd34d;font-weight:900;letter-spacing:.13em;text-transform:uppercase;border-block:3px solid #24112e} body[data-web-design="maximalism"] .price-section{background:#24112e;color:#fffaf5;border:3px solid #24112e;box-shadow:12px 12px 0 #f03e83} body[data-web-design="maximalism"] .gallery-section{background:#ffd34d} body[data-web-design="maximalism"] .gallery-card:nth-child(3n+1){transform:rotate(-2deg) translateY(14px)}body[data-web-design="maximalism"] .gallery-card:nth-child(3n){transform:rotate(2deg)} body[data-web-design="maximalism"] .visit-banner{background:#f03e83;border:3px solid #24112e;box-shadow:9px 9px 0 #24112e;color:#fffaf5} /* --- 2: PLAYFUL EDITORIAL — paper magazine grid, serif headlines, micro-labels, controlled play --- */ body[data-web-design="playful-editorial"]{--tr-bg:#f6f2e9;--tr-ink:#252523;--tr-muted:#706b62;--tr-surface:#fffdf8;--tr-line:#cfc4b4;--tr-accent:#b94732;--tr-accent2:#d8c7a8;--tr-display:Georgia,"Times New Roman",serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:0;--tr-shadow:none;--tr-button-ink:#fffdf8;--tr-footer:#252523;--tr-footer-ink:#fffdf8;--tr-title-size:clamp(3rem,7vw,6.8rem);--tr-control-radius:0;background:#f6f2e9} body[data-web-design="playful-editorial"] .topbar{height:82px;padding-inline:7%;border-bottom:1px solid #cfc4b4;background:#f6f2e9} body[data-web-design="playful-editorial"] .hero{width:100%;margin:0;padding:clamp(65px,9vw,125px) 8%;grid-template-columns:1.05fr .95fr;gap:7%;background:#f6f2e9;border-bottom:1px solid #cfc4b4} body[data-web-design="playful-editorial"] .hero:before{inset:0 0 0 56%;background:#e7ddcc;border:0;border-radius:0;box-shadow:none} body[data-web-design="playful-editorial"] .hero h1{font-weight:400;line-height:.9;letter-spacing:-.065em} body[data-web-design="playful-editorial"] .hero h1 em{color:#b94732;font-weight:400} body[data-web-design="playful-editorial"] .hero-art{height:520px;filter:none;transform:none;border-radius:0} body[data-web-design="playful-editorial"] .hero-upload-photo{border:0;border-radius:0;box-shadow:none!important;transform:none!important} body[data-web-design="playful-editorial"] .section{max-width:1500px;padding:clamp(70px,9vw,120px) 8%} body[data-web-design="playful-editorial"] .section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #cfc4b4;padding-bottom:24px} body[data-web-design="playful-editorial"] .section-heading h2{font-size:clamp(2.5rem,5.8vw,5rem);font-weight:400;letter-spacing:-.06em} body[data-web-design="playful-editorial"] .section-heading:after{content:"ISSUE 01 / NEPHA STUDIO";display:block;font:700 .65rem Arial,sans-serif;letter-spacing:.18em;color:#b94732;margin-bottom:8px} body[data-web-design="playful-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px} body[data-web-design="playful-editorial"] .booth-card{display:grid;grid-template-columns:1.15fr .85fr;background:transparent;border:0;border-bottom:1px solid #cfc4b4;box-shadow:none;padding:0 0 20px;gap:20px} body[data-web-design="playful-editorial"] .booth-visual{height:340px;grid-row:span 2;border-radius:0} body[data-web-design="playful-editorial"] .booth-info{display:flex;flex-direction:column;justify-content:end;padding:8px 0} body[data-web-design="playful-editorial"] .booth-info h3{font:400 clamp(1.5rem,2vw,2.1rem) Georgia,serif} body[data-web-design="playful-editorial"] .price-section{margin:0;grid-template-columns:.72fr 1.28fr;border-radius:0;background:#252523;color:#fffdf8;padding:90px 8%} body[data-web-design="playful-editorial"] .gallery-section{max-width:none;background:#e7ddcc} body[data-web-design="playful-editorial"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} body[data-web-design="playful-editorial"] .gallery-card,body[data-web-design="playful-editorial"] .frame-card{border:0;border-bottom:1px solid #cfc4b4;border-radius:0;box-shadow:none;background:transparent} body[data-web-design="playful-editorial"] .visit-banner{margin:0;border-radius:0;background:#b94732;color:#fffdf8;padding:75px 8%} /* --- 3: KOREAN POP AESTHETIC — K-pop fan-site energy, candy colors, portrait cards and cute details --- */ body[data-web-design="korean-pop"]{--tr-bg:#fff7fb;--tr-ink:#31223c;--tr-muted:#7b6a83;--tr-surface:#fffefe;--tr-line:#f2d7e9;--tr-accent:#ec70ae;--tr-accent2:#9c8aff;--tr-display:"Trebuchet MS",Arial,sans-serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:26px;--tr-shadow:0 12px 30px #a9569230;--tr-button-ink:#31223c;--tr-footer:#302442;--tr-footer-ink:#fff7fb;--tr-title-size:clamp(3rem,6.5vw,6rem);--tr-control-radius:999px;background:radial-gradient(circle at 10% 10%,#ffe1ef 0,transparent 28%),radial-gradient(circle at 88% 26%,#e8e2ff 0,transparent 28%),#fff7fb} body[data-web-design="korean-pop"] .topbar{max-width:1180px;height:76px;margin:16px auto;padding:0 25px;border:1px solid #f2d7e9;border-radius:999px;background:#fffefedb;box-shadow:0 8px 25px #a9569210} body[data-web-design="korean-pop"] .hero{width:min(1280px,calc(100% - 32px));margin:24px auto 0;padding:70px 6% 54px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;border-radius:42px;background:linear-gradient(135deg,#ffe3f0,#e9e6ff 58%,#e6f8f1);min-height:0} body[data-web-design="korean-pop"] .hero:before{inset:auto 8% 14%;height:42%;background:#fffdfd;border:0;border-radius:50%;filter:blur(2px);box-shadow:none} body[data-web-design="korean-pop"] .hero-copy{max-width:820px;margin:auto}body[data-web-design="korean-pop"] .hero-actions,body[data-web-design="korean-pop"] .hero-meta{justify-content:center} body[data-web-design="korean-pop"] .hero h1{font-size:clamp(3rem,7vw,6.3rem);letter-spacing:-.06em} body[data-web-design="korean-pop"] .hero h1 em{color:#e4529b;font-style:normal} body[data-web-design="korean-pop"] .hero-art{height:390px;width:min(100%,760px);margin:auto;filter:none;transform:none!important} body[data-web-design="korean-pop"] .hero-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:14px} body[data-web-design="korean-pop"] .hero-upload-photo{border:6px solid white;border-radius:24px;box-shadow:0 12px 28px #a9569220!important;transform:translateY(var(--kpop-y,0))!important} body[data-web-design="korean-pop"] .hero-upload-photo:nth-child(even){--kpop-y:14px} body[data-web-design="korean-pop"] .section-heading{flex-direction:column;align-items:center;text-align:center} body[data-web-design="korean-pop"] .section-heading:after{content:"♡ ✦ ♡";display:block;font-size:1.4rem;letter-spacing:.4em;color:#ec70ae;margin-top:10px} body[data-web-design="korean-pop"] .booth-grid,body[data-web-design="korean-pop"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} body[data-web-design="korean-pop"] .booth-card{padding:10px;background:#fffefe;border:1px solid #f2d7e9;border-radius:26px;box-shadow:0 12px 28px #a956921c} body[data-web-design="korean-pop"] .booth-visual{height:250px;border-radius:20px} body[data-web-design="korean-pop"] .booth-info{text-align:center;display:block;padding:14px 5px} body[data-web-design="korean-pop"] .booth-info h3{font-size:1.1rem;font-weight:900} body[data-web-design="korean-pop"] .price-section{margin:36px 4%;padding:65px 6%;border-radius:36px;background:linear-gradient(135deg,#7c61b0,#d16fa9);grid-template-columns:.8fr 1.2fr;color:white} body[data-web-design="korean-pop"] .price-row{border-bottom:1px solid #ffffff45;padding:20px 0} body[data-web-design="korean-pop"] .gallery-section{max-width:none;background:#ffedf6} body[data-web-design="korean-pop"] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px} body[data-web-design="korean-pop"] .gallery-card{border:4px solid white;border-radius:22px;box-shadow:0 10px 25px #a956921c} body[data-web-design="korean-pop"] .visit-banner{margin:28px 4%;padding:55px 6%;border-radius:35px;background:#dcd5ff;color:#382949} /* --- 4: MAXIMALIST POP — pop-art poster blocks, halftone texture, comic-scale type, square geometry --- */ body[data-web-design="maximalist-pop"]{--tr-bg:#fff7d7;--tr-ink:#19152d;--tr-muted:#49405c;--tr-surface:#fffef7;--tr-line:#19152d;--tr-accent:#ff397f;--tr-accent2:#00d9c7;--tr-display:Impact,"Arial Black",sans-serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:0;--tr-shadow:8px 8px 0 #19152d;--tr-button-ink:#19152d;--tr-footer:#19152d;--tr-footer-ink:#fff7d7;--tr-title-size:clamp(3.4rem,8vw,7.8rem);background-image:radial-gradient(#19152d18 1px,transparent 1px);background-size:10px 10px} body[data-web-design="maximalist-pop"] .hero{width:100%;margin:0;padding:70px 6%;min-height:650px;background:#ff397f;border-block:4px solid #19152d} body[data-web-design="maximalist-pop"] .hero:before{inset:8% 53% 9% 2%;background:#00d9c7;border:4px solid #19152d;border-radius:0;box-shadow:10px 10px 0 #19152d} body[data-web-design="maximalist-pop"] .hero h1,body[data-web-design="maximalist-pop"] .section-heading h2{text-transform:uppercase;line-height:.83;letter-spacing:-.08em} body[data-web-design="maximalist-pop"] .hero h1 em{color:#fff7d7;font-style:normal;text-shadow:5px 5px #19152d} body[data-web-design="maximalist-pop"] .hero-upload-photo{border:4px solid #19152d;border-radius:0;box-shadow:8px 8px 0 #19152d!important} body[data-web-design="maximalist-pop"] .ticker{background:#19152d;color:#00d9c7;font-weight:900;text-transform:uppercase;letter-spacing:.16em;border-block:4px solid #19152d} body[data-web-design="maximalist-pop"] .section{max-width:none;padding:100px 6%} body[data-web-design="maximalist-pop"] .section-heading:after{content:"✦ POP! ✹ POW! ✦";display:block;background:#ffe044;border:3px solid #19152d;padding:9px 14px;color:#19152d;font:900 1rem Impact,sans-serif;box-shadow:4px 4px 0 #19152d;transform:rotate(-2deg)} body[data-web-design="maximalist-pop"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} body[data-web-design="maximalist-pop"] .booth-card{border:4px solid #19152d;border-radius:0;box-shadow:9px 9px 0 #00d9c7;padding:14px} body[data-web-design="maximalist-pop"] .booth-card:nth-child(even){transform:translateY(25px) rotate(1deg)} body[data-web-design="maximalist-pop"] .booth-visual{height:310px;border-radius:0} body[data-web-design="maximalist-pop"] .price-section{margin:65px 0;padding:80px 7%;border:4px solid #19152d;border-radius:0;background:#00d9c7;color:#19152d;box-shadow:12px 12px 0 #19152d} body[data-web-design="maximalist-pop"] .gallery-section{background:#ffe044;border-block:4px solid #19152d} body[data-web-design="maximalist-pop"] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} body[data-web-design="maximalist-pop"] .visit-banner{margin:55px 2%;border:4px solid #19152d;border-radius:0;background:#ff397f;color:#19152d;box-shadow:12px 12px 0 #19152d} body[data-web-design="maximalist-pop"] :is(.button,.button-dark,.button-light){border:3px solid #19152d;box-shadow:4px 4px 0 #19152d;font-weight:900;text-transform:uppercase} /* --- 5: RETRO Y2K — iridescent chrome, candy gradients, capsules and digital-era UI chrome --- */ body[data-web-design="retro-y2k"]{--tr-bg:#f2efff;--tr-ink:#211a51;--tr-muted:#645d89;--tr-surface:#fffaff;--tr-line:#b9a8ed;--tr-accent:#8e52f5;--tr-accent2:#58e1ee;--tr-display:"Arial Black",Arial,sans-serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:22px;--tr-shadow:0 0 0 2px #fff,0 10px 28px #7352b744;--tr-button-ink:white;--tr-footer:#211a51;--tr-footer-ink:#f2efff;--tr-control-radius:999px;--tr-title-size:clamp(3rem,7.5vw,7rem);background:radial-gradient(ellipse at 50% 0,#e0d2ff 0,transparent 50%),linear-gradient(135deg,#f2efff,#e6fbff 55%,#ffe6f6);background-attachment:fixed} body[data-web-design="retro-y2k"] .topbar{max-width:none;height:84px;padding:0 5%;border-bottom:1px solid #b9a8ed;background:#f2efffdd} body[data-web-design="retro-y2k"] .brand-icon{background:linear-gradient(135deg,#fbf8ff,#7c5cf6 48%,#5be7f5);color:#251854;border:1px solid white;box-shadow:0 3px 14px #8456d855} body[data-web-design="retro-y2k"] .hero{width:100%;margin:0;padding:88px 7%;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 80% 20%,#ff9de4 0,transparent 30%),linear-gradient(120deg,#f1ebff,#e1f9ff 65%,#fbebff);min-height:660px} body[data-web-design="retro-y2k"] .hero:before{inset:7% 2% 8% 51%;border:1px solid #fff;border-radius:42% 58% 55% 45%/45% 30% 70% 55%;background:linear-gradient(130deg,#b2a4ff,#ffa6df 55%,#8ef1ff);box-shadow:inset 0 0 0 9px #ffffff36} body[data-web-design="retro-y2k"] .hero h1{background:linear-gradient(180deg,#fff 0%,#b8b9ff 30%,#7c58da 48%,#fbacdf 68%,#fdfbff 82%,#a1f3fa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.6px #7e64c6;text-shadow:0 5px 20px #9270df38} body[data-web-design="retro-y2k"] .hero h1 em{color:#f26cc7;-webkit-text-fill-color:#f26cc7;text-shadow:2px 2px white;font-style:italic} body[data-web-design="retro-y2k"] .hero-upload-photo{border:5px solid #fff;border-radius:16px;box-shadow:0 10px 0 #8b68d966,0 14px 25px #44317a2b!important} body[data-web-design="retro-y2k"] :is(.button,.button-dark,.button-light){border:1px solid #fff;border-radius:999px;box-shadow:0 0 0 2px #8d59d6,0 5px 0 #49317e;background:linear-gradient(135deg,#8a59ec,#d76bd5 58%,#59dbe8);color:white;font-weight:900} body[data-web-design="retro-y2k"] .ticker{background:linear-gradient(90deg,#8b5eea,#f46ac5,#5bdbe8);color:white;text-transform:uppercase;letter-spacing:.17em;font-weight:900} body[data-web-design="retro-y2k"] .section-heading h2{background:linear-gradient(90deg,#5c42b6,#d35db7,#259dbb);-webkit-background-clip:text;background-clip:text;color:transparent} body[data-web-design="retro-y2k"] .booth-card,body[data-web-design="retro-y2k"] .frame-card,body[data-web-design="retro-y2k"] .gallery-card{background:linear-gradient(150deg,#fff,#f5edff);border:1px solid #c8b1fa;box-shadow:0 0 0 3px #fff,0 12px 28px #7150b830} body[data-web-design="retro-y2k"] .price-section{background:linear-gradient(120deg,#2e215f,#7244b7 50%,#b74bba);border:1px solid #d7c8ff;border-radius:30px} body[data-web-design="retro-y2k"] .gallery-section{background:linear-gradient(180deg,#e8e1ff,#f4fbff)} body[data-web-design="retro-y2k"] .visit-banner{background:linear-gradient(110deg,#c4b5ff,#ffaee3,#a0f0f7);color:#211a51;border:1px solid white;box-shadow:0 12px 34px #7654b83d} /* --- 6: SCRAPBOOK CHIC — paper scrapbook, taped snapshots, handwritten notes and imperfect placement --- */ body[data-web-design="scrapbook-chic"]{--tr-bg:#f4ead7;--tr-ink:#46362d;--tr-muted:#7e6b5c;--tr-surface:#fffaf0;--tr-line:#cbb99a;--tr-accent:#a8543d;--tr-accent2:#d5c49e;--tr-display:Georgia,"Times New Roman",serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:3px;--tr-shadow:5px 6px 0 #c4ae8c;--tr-button-ink:#fffaf0;--tr-footer:#46362d;--tr-footer-ink:#fffaf0;--tr-title-size:clamp(3rem,6.7vw,6.3rem);background-image:radial-gradient(#9f7f5520 .8px,transparent .8px);background-size:9px 9px} body[data-web-design="scrapbook-chic"] .topbar{height:86px;padding:0 6%;background:#f4ead7;border-bottom:1px dashed #b6a080} body[data-web-design="scrapbook-chic"] .brand-icon{border-radius:4px;background:#a8543d;transform:rotate(-5deg);box-shadow:3px 3px 0 #d1b994} body[data-web-design="scrapbook-chic"] .hero{width:100%;margin:0;padding:72px 7%;grid-template-columns:1fr 1fr;gap:6%;background:#e9dac0;min-height:650px} body[data-web-design="scrapbook-chic"] .hero:before{inset:8% 51% 7% 3%;background:#fffaf0;border:1px dashed #ae9675;border-radius:3px;box-shadow:5px 6px 0 #b7a17e;transform:rotate(-1deg)} body[data-web-design="scrapbook-chic"] .hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6.5vw,6.2rem);font-weight:500;line-height:.9} body[data-web-design="scrapbook-chic"] .hero h1 em{color:#a8543d;font-style:italic} body[data-web-design="scrapbook-chic"] .hero-upload-grid{grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:16px} body[data-web-design="scrapbook-chic"] .hero-upload-photo{border:9px solid #fffdf6;border-bottom-width:28px;border-radius:0;box-shadow:4px 7px 0 #7e674850!important;transform:rotate(var(--sc-t,0deg))!important} body[data-web-design="scrapbook-chic"] .hero-upload-photo:nth-child(odd){--sc-t:-4deg}body[data-web-design="scrapbook-chic"] .hero-upload-photo:nth-child(even){--sc-t:3deg} body[data-web-design="scrapbook-chic"] .section{max-width:none;padding:95px 7%} body[data-web-design="scrapbook-chic"] .section-heading{border-bottom:1px dashed #b6a080;padding-bottom:22px} body[data-web-design="scrapbook-chic"] .section-heading:after{content:"✂ made with memories ♡";display:block;margin-top:12px;color:#9b7758;font:italic 1.1rem Georgia,serif} body[data-web-design="scrapbook-chic"] .booth-grid,body[data-web-design="scrapbook-chic"] .gallery-grid,body[data-web-design="scrapbook-chic"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} body[data-web-design="scrapbook-chic"] :is(.booth-card,.gallery-card,.frame-card){background:#fffdf6;border:0;border-radius:2px;box-shadow:5px 7px 0 #a88f6c55;padding:10px 10px 20px} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(3n+1),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(3n+1){transform:rotate(-2deg)}body[data-web-design="scrapbook-chic"] .booth-card:nth-child(3n+2),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(3n+2){transform:translateY(15px) rotate(1.4deg)} body[data-web-design="scrapbook-chic"] .price-section{margin:65px 5%;padding:75px 7%;background:#51483c;color:#fff8e8;border:1px dashed #d3c19d;box-shadow:8px 8px 0 #b5a080} body[data-web-design="scrapbook-chic"] .gallery-section{background:#e9dac0} body[data-web-design="scrapbook-chic"] .visit-banner{margin:55px 5%;background:#d9c39b;color:#46362d;border:1px dashed #9d8161;box-shadow:7px 7px 0 #b5a080} /* --- 7: NEUBRUTALISM — strict grid, solid acid color, thick ink outlines and hard offset shadows --- */ body[data-web-design="neubrutalism"]{--tr-bg:#f6f5ef;--tr-ink:#101010;--tr-muted:#343434;--tr-surface:#fff;--tr-line:#101010;--tr-accent:#d7ff00;--tr-accent2:#ff6a36;--tr-display:"Arial Black",Impact,sans-serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:0;--tr-shadow:6px 6px 0 #101010;--tr-button-ink:#101010;--tr-footer:#101010;--tr-footer-ink:#d7ff00;--tr-title-size:clamp(3.4rem,8vw,7.5rem);--tr-control-radius:0;background-image:linear-gradient(#1010100b 1px,transparent 1px),linear-gradient(90deg,#1010100b 1px,transparent 1px);background-size:24px 24px} body[data-web-design="neubrutalism"] .topbar{max-width:none;height:80px;padding:0 4%;background:#f6f5ef;border-bottom:3px solid #101010} body[data-web-design="neubrutalism"] .brand-icon{background:#d7ff00;border:3px solid #101010;border-radius:0;box-shadow:3px 3px 0 #101010} body[data-web-design="neubrutalism"] .hero{width:calc(100% - 40px);margin:20px auto;padding:55px 5%;background:#d7ff00;border:3px solid #101010;box-shadow:10px 10px 0 #101010;min-height:640px} body[data-web-design="neubrutalism"] .hero:before{inset:12% 48% 12% 2%;background:#fff;border:3px solid #101010;border-radius:0;box-shadow:7px 7px 0 #101010} body[data-web-design="neubrutalism"] .hero h1,body[data-web-design="neubrutalism"] .section-heading h2{text-transform:uppercase;line-height:.84;letter-spacing:-.085em} body[data-web-design="neubrutalism"] .hero h1 em,body[data-web-design="neubrutalism"] .section-heading h2 em{font-style:normal;color:#ff6a36;text-decoration:underline;text-decoration-thickness:5px} body[data-web-design="neubrutalism"] .hero-upload-photo{border:3px solid #101010;border-radius:0;box-shadow:5px 5px 0 #101010!important;transform:none!important} body[data-web-design="neubrutalism"] .ticker{background:#101010;color:#d7ff00;border-block:3px solid #101010;text-transform:uppercase;font-weight:900;letter-spacing:.12em} body[data-web-design="neubrutalism"] .section{max-width:none;padding:95px 5%} body[data-web-design="neubrutalism"] .section-heading{border-bottom:3px solid #101010;padding-bottom:24px} body[data-web-design="neubrutalism"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} body[data-web-design="neubrutalism"] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.admin-panel,.stat-action-card,.stats-grid article,.booking-item){border:3px solid #101010;border-radius:0;box-shadow:7px 7px 0 #101010} body[data-web-design="neubrutalism"] .booth-visual{height:320px;border-radius:0;border-bottom:3px solid #101010} body[data-web-design="neubrutalism"] .price-section{margin:65px 20px;padding:76px 6%;background:#ff6a36;border:3px solid #101010;border-radius:0;color:#101010;box-shadow:10px 10px 0 #101010} body[data-web-design="neubrutalism"] .gallery-section{background:#d7ff00;border-block:3px solid #101010} body[data-web-design="neubrutalism"] :is(.button,.button-dark,.button-light,.button-primary){background:#d7ff00;color:#101010;border:3px solid #101010;border-radius:0;box-shadow:4px 4px 0 #101010;font-weight:900;text-transform:uppercase} body[data-web-design="neubrutalism"] :is(.button,.button-dark,.button-light,.button-primary):hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #101010} /* --- 8: MINIMALIST EDITORIAL — museum whitespace, fine rules, quiet type and photography as hero --- */ body[data-web-design="minimalist-editorial"]{--tr-bg:#fbfaf7;--tr-ink:#21211f;--tr-muted:#77736b;--tr-surface:#fff;--tr-line:#e6e2da;--tr-accent:#292720;--tr-accent2:#c6a778;--tr-display:Georgia,"Times New Roman",serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:1px;--tr-shadow:none;--tr-button-ink:#fff;--tr-footer:#22211e;--tr-footer-ink:#fbfaf7;--tr-title-size:clamp(3rem,6.8vw,6.8rem);--tr-control-radius:1px;background:#fbfaf7} body[data-web-design="minimalist-editorial"] .topbar{height:82px;padding:0 7%;background:#fbfaf7;border-bottom:1px solid #e6e2da} body[data-web-design="minimalist-editorial"] .hero{width:100%;margin:0;padding:105px 9%;grid-template-columns:1.05fr .95fr;gap:8%;min-height:700px;background:#fbfaf7} body[data-web-design="minimalist-editorial"] .hero:before{display:none} body[data-web-design="minimalist-editorial"] .hero h1{font-weight:400;line-height:.97;letter-spacing:-.055em} body[data-web-design="minimalist-editorial"] .hero h1 em{color:#8d6e49;font-weight:400} body[data-web-design="minimalist-editorial"] .hero-art{height:530px;filter:none;transform:none;border-radius:0;background:#e9e2d8;padding:8px;box-shadow:none} body[data-web-design="minimalist-editorial"] .hero-upload-photo{border-radius:0;border:0;box-shadow:none!important;transform:none!important} body[data-web-design="minimalist-editorial"] .section{padding:115px 9%} body[data-web-design="minimalist-editorial"] .section-heading{border-bottom:1px solid #d9d2c8;padding-bottom:28px;align-items:end} body[data-web-design="minimalist-editorial"] .section-heading h2{font-size:clamp(2.6rem,5.6vw,5.1rem);font-weight:400} body[data-web-design="minimalist-editorial"] .section-heading:after{content:"";display:block;width:60px;height:1px;background:#8d6e49;margin:20px 0 0} body[data-web-design="minimalist-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px} body[data-web-design="minimalist-editorial"] .booth-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:transparent;border:0;border-bottom:1px solid #e6e2da;box-shadow:none;padding-bottom:22px} body[data-web-design="minimalist-editorial"] .booth-visual{height:365px;border-radius:0} body[data-web-design="minimalist-editorial"] .booth-info h3{font:400 1.6rem Georgia,serif} body[data-web-design="minimalist-editorial"] .price-section{margin:60px 9%;padding:80px 7%;grid-template-columns:1fr 1fr;background:#eee8df;color:#21211f;border-radius:0} body[data-web-design="minimalist-editorial"] .gallery-section{max-width:none;background:#f0ece5} body[data-web-design="minimalist-editorial"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body[data-web-design="minimalist-editorial"] :is(.booth-card,.frame-card,.gallery-card){border-radius:0;box-shadow:none} body[data-web-design="minimalist-editorial"] .visit-banner{margin:0;background:#292720;color:#fff;border-radius:0;padding:75px 9%} body[data-web-design="minimalist-editorial"] :is(.button,.button-dark,.button-light){border-radius:0;text-transform:none;letter-spacing:.02em} /* --- 9: SOFT PASTEL AESTHETIC — soft cotton-candy palette, airy rounded UI and gentle gradients --- */ body[data-web-design="soft-pastel"]{--tr-bg:#fff7fb;--tr-ink:#49384b;--tr-muted:#927e92;--tr-surface:#fffefe;--tr-line:#f1dce9;--tr-accent:#eca3c7;--tr-accent2:#bfdacb;--tr-display:"Trebuchet MS",Arial,sans-serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:28px;--tr-shadow:0 14px 34px #b982a51e;--tr-button-ink:#49384b;--tr-footer:#6a5672;--tr-footer-ink:#fff7fb;--tr-title-size:clamp(2.9rem,6.3vw,6rem);--tr-control-radius:999px;background:linear-gradient(140deg,#fff7fb,#f8f0ff 45%,#f0faef)} body[data-web-design="soft-pastel"] .topbar{margin:14px auto;max-width:1200px;height:78px;background:#ffffffca;border:1px solid #f1dce9;border-radius:999px;box-shadow:0 8px 25px #b982a51a} body[data-web-design="soft-pastel"] .hero{width:calc(100% - 48px);margin:22px auto;padding:80px 7%;grid-template-columns:1fr 1fr;background:linear-gradient(145deg,#ffe2ef,#f0eaff 55%,#e2f4e8);border:1px solid #fff;border-radius:42px;box-shadow:0 20px 50px #b982a51c} body[data-web-design="soft-pastel"] .hero:before{display:none} body[data-web-design="soft-pastel"] .hero h1 em{color:#c67ca7;font-style:normal} body[data-web-design="soft-pastel"] .hero-art{background:#fffafc;border:9px solid white;border-radius:34px;transform:rotate(1.5deg);box-shadow:0 12px 30px #b982a51c} body[data-web-design="soft-pastel"] .section-heading{align-items:center;text-align:center;flex-direction:column} body[data-web-design="soft-pastel"] .section-heading:after{content:"✿ little moments, lovely memories ✿";font:600 .85rem "Trebuchet MS",sans-serif;color:#b982a5;letter-spacing:.08em;margin-top:10px} body[data-web-design="soft-pastel"] .booth-grid,body[data-web-design="soft-pastel"] .frame-grid{gap:26px} body[data-web-design="soft-pastel"] :is(.booth-card,.frame-card,.gallery-card){background:#fffdfd;border:1px solid #f1dce9;box-shadow:0 12px 30px #b982a51b;border-radius:27px} body[data-web-design="soft-pastel"] .booth-visual{border-radius:21px} body[data-web-design="soft-pastel"] .price-section{background:#e8f0e1;border:1px solid #d7e7d6;border-radius:38px;margin:48px 4%;padding:68px 7%;color:#4a5446} body[data-web-design="soft-pastel"] .visit-banner{background:linear-gradient(120deg,#ffe2ef,#e7e0ff,#e3f4e6);border:1px solid white;border-radius:32px;color:#49384b} body[data-web-design="soft-pastel"] :is(.button,.button-dark,.button-light){border-radius:999px;box-shadow:0 5px 0 #dfc5d7;border:1px solid #fff;font-weight:800} body[data-web-design="soft-pastel"] :is(.booth-card,.frame-card,.gallery-card):hover{transform:translateY(-5px) scale(1.012);box-shadow:0 18px 35px #b982a52a!important} /* --- 10: EARTHY NEUTRAL / WARM ORGANIC — linen, olive, terracotta and natural editorial shapes --- */ body[data-web-design="earthy-neutral"]{--tr-bg:#f2ece1;--tr-ink:#3d3026;--tr-muted:#827264;--tr-surface:#fff9ef;--tr-line:#d5c5ae;--tr-accent:#a85d40;--tr-accent2:#8b916e;--tr-display:Georgia,"Palatino Linotype",serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:14px 32px 14px 32px;--tr-shadow:0 12px 26px #4e3b2712;--tr-button-ink:#fff9ef;--tr-footer:#3d3026;--tr-footer-ink:#f2ece1;--tr-title-size:clamp(3rem,6.3vw,6.1rem);background-image:radial-gradient(#8b75531a .8px,transparent .8px);background-size:9px 9px} body[data-web-design="earthy-neutral"] .topbar{background:#f2ece1;border-bottom:1px solid #d5c5ae} body[data-web-design="earthy-neutral"] .hero{width:100%;margin:0;padding:90px 8%;grid-template-columns:1fr .9fr;background:linear-gradient(115deg,#f2ece1,#e4d5c0 60%,#d8d4b7)} body[data-web-design="earthy-neutral"] .hero:before{inset:22px 3%;background:#fff9ef;border:1px solid #d5c5ae;border-radius:20px 46px 20px 46px} body[data-web-design="earthy-neutral"] .hero h1,body[data-web-design="earthy-neutral"] .section-heading h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em} body[data-web-design="earthy-neutral"] .hero h1 em{color:#a85d40} body[data-web-design="earthy-neutral"] .hero-art{filter:saturate(.78);border-radius:30px 8px 30px 8px} body[data-web-design="earthy-neutral"] .section-heading:after{content:"● ○ ●";color:#8b916e;letter-spacing:.48em;font-size:.85rem;margin-top:14px} body[data-web-design="earthy-neutral"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} body[data-web-design="earthy-neutral"] :is(.booth-card,.frame-card,.gallery-card){background:#fff9ef;border:1px solid #d5c5ae;box-shadow:0 8px 22px #4e3b2710} body[data-web-design="earthy-neutral"] .booth-card:nth-child(even){border-radius:32px 12px 32px 12px!important}body[data-web-design="earthy-neutral"] .booth-card:nth-child(odd){border-radius:12px 32px 12px 32px!important} body[data-web-design="earthy-neutral"] .price-section,body[data-web-design="earthy-neutral"] .visit-banner{background:#3d3026;color:#f2ece1;border-radius:18px 42px 18px 42px;border:1px solid #6d5945} body[data-web-design="earthy-neutral"] .gallery-section{max-width:none;background:#e5dac8} body[data-web-design="earthy-neutral"] .button-dark{background:#a85d40;color:#fff9ef} /* --- 11: BOLD DARK MODE — charcoal UI, restrained neon signal and crisp high-contrast hierarchy --- */ body[data-web-design="bold-dark"]{--tr-bg:#0e0f13;--tr-ink:#f6f4ff;--tr-muted:#a9a7b8;--tr-surface:#191a22;--tr-line:#353640;--tr-accent:#c4ff3b;--tr-accent2:#a77bff;--tr-display:"Arial Black",Arial,sans-serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:10px;--tr-shadow:0 18px 50px #0008;--tr-button-ink:#0e0f13;--tr-sidebar:#090a0d;--tr-sidebar-border:1px solid #292b34;--tr-nav-active:#c4ff3b;--tr-nav-active-ink:#0e0f13;--tr-footer:#08090c;--tr-footer-ink:#f6f4ff;--tr-title-size:clamp(3rem,6.5vw,6.5rem);color-scheme:dark;background:#0e0f13} body[data-web-design="bold-dark"] .topbar,body[data-web-design="bold-dark"] .admin-header{background:#0e0f13;border-color:#292b34} body[data-web-design="bold-dark"] .hero{width:100%;margin:0;padding:95px 8%;background:radial-gradient(circle at 78% 16%,#a77bff2c,transparent 30%),linear-gradient(145deg,#0e0f13,#171820 70%,#101116);border-bottom:1px solid #353640} body[data-web-design="bold-dark"] .hero:before{display:none} body[data-web-design="bold-dark"] .hero h1 em,body[data-web-design="bold-dark"] .section-heading h2 em{color:#c4ff3b;font-style:normal} body[data-web-design="bold-dark"] .hero-art{background:#181a23;border:1px solid #363744;box-shadow:0 25px 70px #0009;border-radius:14px} body[data-web-design="bold-dark"] .ticker{background:#c4ff3b;color:#0e0f13;font-weight:900;text-transform:uppercase;letter-spacing:.15em} body[data-web-design="bold-dark"] .section-heading:after{content:"// MAKE A MOMENT";font:700 .72rem Arial,sans-serif;letter-spacing:.2em;color:#c4ff3b;margin-top:14px} body[data-web-design="bold-dark"] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.admin-panel,.stat-action-card,.stats-grid article,.booking-calendar,.booking-time-panel){background:#191a22;color:#f6f4ff;border:1px solid #353640;box-shadow:0 18px 50px #0008} body[data-web-design="bold-dark"] .price-section{background:#c4ff3b;color:#0e0f13;border:1px solid #c4ff3b;border-radius:10px} body[data-web-design="bold-dark"] .price-section :is(p,small,.price-note){color:#22251c} body[data-web-design="bold-dark"] .gallery-section{background:#14151b} body[data-web-design="bold-dark"] .visit-banner{background:#191a22;color:#f6f4ff;border:1px solid #c4ff3b} body[data-web-design="bold-dark"] :is(input,select,textarea){background:#111218;color:#f6f4ff;border-color:#393b47;color-scheme:dark} body[data-web-design="bold-dark"] .admin-top{background:#191a22;border:1px solid #353640;border-radius:10px;box-shadow:0 12px 40px #0008} body[data-web-design="bold-dark"] .admin-sidebar{background:#090a0d} /* --- 12: LUXURY BLACK & GOLD — cinematic black, hairline gold, elegant serif and low-motion details --- */ body[data-web-design="luxury-black-gold"]{--tr-bg:#0c0c0b;--tr-ink:#f5f0e3;--tr-muted:#b5aa90;--tr-surface:#151512;--tr-line:#544629;--tr-accent:#c9a85d;--tr-accent2:#f1dfac;--tr-display:Georgia,"Times New Roman",serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:1px;--tr-shadow:0 12px 34px #0007;--tr-button-ink:#0c0c0b;--tr-footer:#080807;--tr-footer-ink:#f5f0e3;--tr-title-size:clamp(3rem,6.2vw,6.3rem);--tr-motion:cubic-bezier(.2,.6,.2,1);background:radial-gradient(ellipse at 50% 0,#c9a85d0d,transparent 52%),#0c0c0b} body[data-web-design="luxury-black-gold"] .topbar{background:#0c0c0bee;border-bottom:1px solid #544629} body[data-web-design="luxury-black-gold"] .hero{width:100%;margin:0;padding:110px 9%;grid-template-columns:1fr .85fr;background:radial-gradient(ellipse at 80% 30%,#c9a85d17,transparent 45%),#0c0c0b;border-bottom:1px solid #544629;min-height:650px} body[data-web-design="luxury-black-gold"] .hero:before{display:none} body[data-web-design="luxury-black-gold"] .brand-icon{background:#c9a85d;color:#0c0c0b;border-radius:0} body[data-web-design="luxury-black-gold"] .hero h1,body[data-web-design="luxury-black-gold"] .section-heading h2,body[data-web-design="luxury-black-gold"] .admin-top h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em} body[data-web-design="luxury-black-gold"] .hero h1 em,body[data-web-design="luxury-black-gold"] .section-heading h2 em{color:#c9a85d;font-style:italic} body[data-web-design="luxury-black-gold"] .hero-art{background:#151512;border:1px solid #544629;box-shadow:none;filter:saturate(.72) contrast(1.05)} body[data-web-design="luxury-black-gold"] .section{padding:105px 8%} body[data-web-design="luxury-black-gold"] .section-heading{border-bottom:1px solid #544629;padding-bottom:25px} body[data-web-design="luxury-black-gold"] .section-heading:after{content:"✦";display:block;color:#c9a85d;font-size:1.1rem;margin-top:14px} body[data-web-design="luxury-black-gold"] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.admin-panel,.stat-action-card,.stats-grid article){background:#151512;color:#f5f0e3;border:1px solid #544629;border-radius:1px;box-shadow:none} body[data-web-design="luxury-black-gold"] .booth-visual{border-radius:0} body[data-web-design="luxury-black-gold"] .price-section{margin:70px 7%;background:#151512;color:#f5f0e3;border:1px solid #c9a85d;border-radius:0;padding:80px 7%} body[data-web-design="luxury-black-gold"] .price-row{border-bottom:1px solid #544629} body[data-web-design="luxury-black-gold"] .gallery-section{background:#10100e} body[data-web-design="luxury-black-gold"] .visit-banner{background:#151512;color:#f5f0e3;border:1px solid #c9a85d;border-radius:0} body[data-web-design="luxury-black-gold"] :is(.button,.button-dark,.button-light){border:1px solid #c9a85d;border-radius:0;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;background:#c9a85d;color:#0c0c0b} body[data-web-design="luxury-black-gold"] :is(.button,.button-dark,.button-light):hover{transform:translateY(-1px);box-shadow:0 7px 22px #c9a85d22} body[data-web-design="luxury-black-gold"] .admin-sidebar{background:#080807} /* --- 13: CARTOON — comic panels, saturated primary colors, speech labels and pop/bounce interaction --- */ body[data-web-design="cartoon"]{--tr-bg:#fff8e8;--tr-ink:#29213b;--tr-muted:#5b526d;--tr-surface:#fffef9;--tr-line:#29213b;--tr-accent:#ff5b8a;--tr-accent2:#ffe45e;--tr-display:"Arial Black","Trebuchet MS",sans-serif;--tr-body:"Trebuchet MS",Arial,sans-serif;--tr-radius:22px;--tr-shadow:5px 6px 0 #29213b;--tr-button-ink:#29213b;--tr-footer:#29213b;--tr-footer-ink:#fff8e8;--tr-title-size:clamp(3rem,7vw,6.8rem);background-image:radial-gradient(#29213b10 1.2px,transparent 1.2px);background-size:12px 12px} body[data-web-design="cartoon"] .topbar{background:#fff;border:3px solid #29213b;border-radius:0 0 24px 24px;box-shadow:0 5px 0 #29213b} body[data-web-design="cartoon"] .hero{width:94%;margin:22px 3%;padding:64px 6%;background:#ffe45e;border:3px solid #29213b;border-radius:30px;box-shadow:8px 8px 0 #29213b;overflow:hidden} body[data-web-design="cartoon"] .hero:before{content:"✦ POP! ★";display:block;position:absolute;right:3%;top:5%;inset:auto 3% auto auto;width:max-content;background:#fff;border:3px solid #29213b;border-radius:16px;padding:9px 14px;color:#ff5b8a;box-shadow:3px 4px 0 #29213b;transform:rotate(6deg);font:900 1rem var(--tr-display)} body[data-web-design="cartoon"] .hero h1{font-weight:1000;letter-spacing:-.06em;text-shadow:2px 2px 0 white} body[data-web-design="cartoon"] .hero h1 em,body[data-web-design="cartoon"] .section-heading h2 em{color:#ff5b8a;font-style:normal;text-shadow:2px 2px 0 #29213b} body[data-web-design="cartoon"] .hero-art{background:#b8f2e6;border:4px solid #29213b;border-radius:26px;box-shadow:8px 8px 0 #29213b} body[data-web-design="cartoon"] .section-heading:after{content:"✦ ✿ POW! ★";display:block;color:#ff5b8a;letter-spacing:.18em;font-size:1.2rem;margin-top:10px;animation:tr-cartoon-wiggle 2.8s ease-in-out infinite} body[data-web-design="cartoon"] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.admin-panel,.stat-action-card,.stats-grid article){background:#fff;border:3px solid #29213b;border-radius:22px;box-shadow:5px 6px 0 #29213b} body[data-web-design="cartoon"] .booth-card:nth-child(odd){transform:rotate(-.8deg)}body[data-web-design="cartoon"] .booth-card:nth-child(even){transform:rotate(.8deg)} body[data-web-design="cartoon"] :is(.button,.button-dark,.button-light,.button-primary,.button-secondary){background:#ff5b8a;color:#29213b;border:3px solid #29213b;border-radius:999px;box-shadow:3px 4px 0 #29213b;font-weight:900} body[data-web-design="cartoon"] :is(.button,.button-dark,.button-light,.button-primary,.button-secondary):hover{box-shadow:1px 2px 0 #29213b;transform:translate(2px,2px)} body[data-web-design="cartoon"] .price-section{background:#b8f2e6;border:3px solid #29213b;border-radius:28px;color:#29213b;box-shadow:7px 7px 0 #29213b} body[data-web-design="cartoon"] .visit-banner{background:#ffb4e6;border:3px solid #29213b;border-radius:26px;color:#29213b} body[data-web-design="cartoon"] :is(input,select,textarea){border:2px solid #29213b;border-radius:12px;background:#fffef9} body[data-web-design="cartoon"] .admin-sidebar{border-right:3px solid #29213b} @keyframes tr-cartoon-wiggle{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.05)}} /* --- 14: PORTFOLIO GRID / MASONRY — gallery-first, minimal chrome, staggered image spans --- */ body[data-web-design="portfolio-grid"]{--tr-bg:#f3f3ef;--tr-ink:#171917;--tr-muted:#656b66;--tr-surface:#fff;--tr-line:#d8dcd6;--tr-accent:#171917;--tr-accent2:#dfff48;--tr-display:Arial,Helvetica,sans-serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:2px;--tr-shadow:none;--tr-button-ink:white;--tr-footer:#171917;--tr-footer-ink:#f3f3ef;--tr-title-size:clamp(2.8rem,6vw,6rem);background:#f3f3ef} body[data-web-design="portfolio-grid"] .hero{width:100%;margin:0;padding:65px 7%;grid-template-columns:.78fr 1.22fr;background:#f3f3ef;border-bottom:1px solid #d8dcd6;min-height:590px} body[data-web-design="portfolio-grid"] .hero:before{display:none} body[data-web-design="portfolio-grid"] .hero h1{text-transform:uppercase;font-weight:900;letter-spacing:-.075em;line-height:.86} body[data-web-design="portfolio-grid"] .hero h1 em{color:#7c8d77;font-style:normal} body[data-web-design="portfolio-grid"] .hero-art{height:570px;max-height:none;border-radius:2px;box-shadow:none} body[data-web-design="portfolio-grid"] .section{padding:82px 7%} body[data-web-design="portfolio-grid"] .section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d8dcd6;padding-bottom:22px} body[data-web-design="portfolio-grid"] .section-heading h2{font-family:Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.055em} body[data-web-design="portfolio-grid"] .section-heading:after{content:"SELECTED MOMENTS — NEPHA STUDIO";display:block;color:#656b66;font:600 .68rem Arial,sans-serif;letter-spacing:.15em;margin-top:14px} body[data-web-design="portfolio-grid"] .booth-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:16px} body[data-web-design="portfolio-grid"] .booth-card{grid-column:span 4;display:block;padding:0;background:#fff;border:0;border-radius:2px;box-shadow:none;overflow:hidden} body[data-web-design="portfolio-grid"] .booth-card:nth-child(3n+2){grid-column:span 8} body[data-web-design="portfolio-grid"] .booth-card:nth-child(4n+1) .booth-visual{height:390px} body[data-web-design="portfolio-grid"] .booth-card:nth-child(4n+2) .booth-visual{height:270px} body[data-web-design="portfolio-grid"] .booth-visual{height:320px;border-radius:0} body[data-web-design="portfolio-grid"] .booth-info{padding:16px 0} body[data-web-design="portfolio-grid"] .booth-link{border-bottom:1px solid #171917;border-radius:0} body[data-web-design="portfolio-grid"] .gallery-section{max-width:none;background:#e8ebe5} body[data-web-design="portfolio-grid"] .gallery-grid{display:block;columns:4 220px;column-gap:14px;} body[data-web-design="portfolio-grid"] .gallery-card{display:inline-block;width:100%;margin:0 0 14px;break-inside:avoid;border:0;border-radius:2px;background:transparent;box-shadow:none;padding:0} body[data-web-design="portfolio-grid"] .gallery-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover;border-radius:2px} body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+1) img{aspect-ratio:4/5}body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+2) img{aspect-ratio:1/1}body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+3) img{aspect-ratio:3/4} body[data-web-design="portfolio-grid"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} body[data-web-design="portfolio-grid"] :is(.frame-card,.price-section,.visit-banner){border-radius:2px;box-shadow:none} body[data-web-design="portfolio-grid"] .price-section{background:#171917;color:#f3f3ef;margin:0;padding:70px 7%;border-radius:0;grid-template-columns:.75fr 1.25fr} body[data-web-design="portfolio-grid"] .visit-banner{background:#dfff48;color:#171917;margin:45px 0;padding:55px 7%;border-radius:0} /* --- 15: MODERN GRADIENT & GLASSMORPHISM — luminous gradient canvas and translucent frosted surfaces --- */ body[data-web-design="modern-gradient-glass"]{--tr-bg:#f2f1ff;--tr-ink:#242044;--tr-muted:#6e6a8e;--tr-surface:#ffffffa8;--tr-line:#ffffffc9;--tr-accent:#8876ff;--tr-accent2:#5ce4d3;--tr-display:"Trebuchet MS",Arial,sans-serif;--tr-body:Arial,Helvetica,sans-serif;--tr-radius:26px;--tr-shadow:0 18px 48px #5f58a51f;--tr-button-ink:#fff;--tr-footer:#29234d;--tr-footer-ink:#f8f6ff;--tr-title-size:clamp(3rem,6.6vw,6.5rem);background:radial-gradient(ellipse at 7% 5%,#f4c8ff 0,transparent 35%),radial-gradient(ellipse at 92% 25%,#9df4e6 0,transparent 30%),linear-gradient(135deg,#f8f4ff,#e6f7ff 50%,#f8e9ff) fixed} body[data-web-design="modern-gradient-glass"] .topbar{margin:12px auto;max-width:1240px;border:1px solid #ffffffc9;border-radius:22px;background:#ffffffa8;backdrop-filter:blur(18px);box-shadow:0 10px 35px #6b5ed51a} body[data-web-design="modern-gradient-glass"] .hero{width:calc(100% - 40px);margin:20px auto;padding:76px 7%;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#ffffff85,#ffffff38);border:1px solid #ffffffc9;border-radius:34px;backdrop-filter:blur(18px);box-shadow:0 25px 70px #6259b51a} body[data-web-design="modern-gradient-glass"] .hero:before{inset:auto 4% 6% 45%;height:85%;background:linear-gradient(135deg,#a68aff35,#7ce6d535);border:1px solid #ffffff55;border-radius:36px;filter:blur(1px)} body[data-web-design="modern-gradient-glass"] .hero h1 em{background:linear-gradient(90deg,#8876ff,#4bcbbd);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal} body[data-web-design="modern-gradient-glass"] .hero-art{border:1px solid #ffffffc9;border-radius:28px;background:#ffffff80;backdrop-filter:blur(14px);box-shadow:0 20px 60px #6053b520} body[data-web-design="modern-gradient-glass"] .section-heading:after{content:"✧ ✦ ✧";display:block;color:#8876ff;font-size:1.2rem;margin-top:12px} body[data-web-design="modern-gradient-glass"] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.booking-calendar,.booking-time-panel,.admin-panel,.stat-action-card,.stats-grid article,.schedule-calendar-card,.location-card){background:linear-gradient(135deg,#ffffffc7,#ffffff80);border:1px solid #ffffffd9;border-radius:26px;box-shadow:0 18px 48px #5f58a51e;backdrop-filter:blur(18px)} body[data-web-design="modern-gradient-glass"] .price-section{background:linear-gradient(135deg,#8070eddd,#7c6ae0c7 48%,#5acfc4d9);border:1px solid #ffffffa8;border-radius:34px;backdrop-filter:blur(20px);box-shadow:0 25px 60px #6654b52e} body[data-web-design="modern-gradient-glass"] .gallery-section{background:#ffffff52;backdrop-filter:blur(8px);max-width:none} body[data-web-design="modern-gradient-glass"] .visit-banner{background:linear-gradient(120deg,#ffffffb5,#e0d9ffb0,#b6f2e7b0);border:1px solid #ffffffdf;border-radius:30px;backdrop-filter:blur(20px);box-shadow:0 20px 45px #6b5ed521} body[data-web-design="modern-gradient-glass"] :is(input,select,textarea){background:#ffffffb5;border:1px solid #ffffffdf;backdrop-filter:blur(10px)} /* Consistent responsive behavior, preserving each theme's identity on small screens. */ @media(max-width:1000px){ body[data-web-design="korean-pop"] .booth-grid,body[data-web-design="korean-pop"] .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-web-design="maximalism"] .gallery-grid,body[data-web-design="maximalist-pop"] .gallery-grid,body[data-web-design="neubrutalism"] .gallery-grid,body[data-web-design="neubrutalism"] .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-web-design="portfolio-grid"] .gallery-grid{columns:3 180px} } @media(max-width:760px){ body[data-web-design="playful-editorial"] .booth-card,body[data-web-design="minimalist-editorial"] .booth-card{display:block} body[data-web-design="playful-editorial"] .booth-visual,body[data-web-design="minimalist-editorial"] .booth-visual{height:230px} body[data-web-design="maximalism"] .hero,body[data-web-design="maximalist-pop"] .hero,body[data-web-design="neubrutalism"] .hero,body[data-web-design="cartoon"] .hero{width:calc(100% - 20px);margin:10px;border-radius:20px;padding:38px 5%;box-shadow:5px 5px 0 var(--tr-ink)} body[data-web-design="maximalism"] .hero:before,body[data-web-design="maximalist-pop"] .hero:before,body[data-web-design="neubrutalism"] .hero:before{inset:3% 3% 50%} body[data-web-design="korean-pop"] .topbar,body[data-web-design="soft-pastel"] .topbar,body[data-web-design="modern-gradient-glass"] .topbar{width:calc(100% - 20px);margin:10px} body[data-web-design="korean-pop"] .hero,body[data-web-design="soft-pastel"] .hero,body[data-web-design="modern-gradient-glass"] .hero{width:calc(100% - 20px);margin:10px;padding:42px 5%;border-radius:22px} body[data-web-design="korean-pop"] .hero-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))} body[data-web-design="korean-pop"] .hero-upload-photo:nth-child(even){--kpop-y:0} body[data-web-design="maximalism"] .booth-card:nth-child(even),body[data-web-design="maximalism"] .booth-card:nth-child(odd),body[data-web-design="maximalist-pop"] .booth-card:nth-child(even),body[data-web-design="scrapbook-chic"] .booth-card:nth-child(3n+1),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(3n+1),body[data-web-design="scrapbook-chic"] .booth-card:nth-child(3n+2),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(3n+2),body[data-web-design="cartoon"] .booth-card:nth-child(odd),body[data-web-design="cartoon"] .booth-card:nth-child(even){transform:none} body[data-web-design="portfolio-grid"] .booth-card,body[data-web-design="portfolio-grid"] .booth-card:nth-child(3n+2){grid-column:span 6} body[data-web-design="portfolio-grid"] .gallery-grid{columns:2 135px} body[data-web-design="luxury-black-gold"] .section{padding:65px 6%} } @media(prefers-reduced-motion:reduce){body[data-web-design] *,body[data-web-design] *::before,body[data-web-design] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} /* ===================================================================== NEPHA PER-THEME ART DIRECTION v6 Appended last intentionally: fixes earlier shared-token rules overriding theme-specific design. Each theme styles landing, booking, widgets, admin. ===================================================================== */ body[data-web-design]{--n-motion:cubic-bezier(.2,.7,.2,1);--n-display:Arial,Helvetica,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-bg:#faf8f4;--n-ink:#26211f;--n-muted:#6d6661;--n-accent:#e85d75;--n-accent2:#f2bd58;--n-surface:#fff;--n-line:#ddd4cc;--n-radius:16px;--n-shadow:0 12px 30px #00000012;--n-title:clamp(2.8rem,6.5vw,6rem);font-family:var(--n-body)!important;color:var(--n-ink)!important;background:var(--n-bg)!important} body[data-web-design] :is(.topbar,.section,.footer,.schedule-teaser,.admin-main,.dashboard-wrap,.booking-wizard-wrap,.account-main){color:var(--n-ink)!important} body[data-web-design] :is(.hero h1,.welcome-panel h1){font-family:var(--n-display)!important;font-size:var(--n-title);line-height:.98;letter-spacing:-.045em} body[data-web-design] .section-heading h2{font-family:var(--n-display)!important;font-size:clamp(1.8rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.04em} body[data-web-design] :is(.admin-top h1,.booking-title){font-family:var(--n-display)!important;font-size:clamp(1.8rem,3.4vw,3.5rem);line-height:1.05;letter-spacing:-.035em} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.location-card,.admin-panel,.stat-action-card,.stats-grid article,.manage-card,.result-card,.settings-form,.auth-card,.booking-summary,.confirm-summary,.wizard-choice-preview,.booking-card){background:var(--n-surface)!important;color:var(--n-ink)!important;border:1px solid var(--n-line)!important;border-radius:var(--n-radius)!important;box-shadow:var(--n-shadow)!important} body[data-web-design] :is(input,select,textarea,.wizard-native-choice){font-family:var(--n-body);background:var(--n-surface)!important;color:var(--n-ink)!important;border:1px solid var(--n-line)!important;border-radius:var(--n-control-radius,var(--n-radius))!important} body[data-web-design] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,button[type=submit]){font-family:var(--n-body);border-radius:var(--n-control-radius,var(--n-radius));transition:transform .22s var(--n-motion),box-shadow .22s ease,filter .22s ease,border-color .22s ease} body[data-web-design] :is(.button-dark,.button-primary,.nav-cta){background:var(--n-accent)!important;color:var(--n-button-ink,#fff)!important;border-color:var(--n-accent)!important} body[data-web-design] :is(.button-light,.button-secondary){background:var(--n-surface)!important;color:var(--n-ink)!important;border-color:var(--n-line)!important} body[data-web-design] :is(.topbar,.admin-header){background:var(--n-bg)!important;border-color:var(--n-line)!important} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card,.stat-action-card){transition:transform .24s var(--n-motion),box-shadow .24s var(--n-motion),background .24s ease} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card):hover{transform:translateY(-4px)} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card) img{transition:transform .38s var(--n-motion),filter .25s ease} body[data-web-design] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card):hover img{transform:scale(1.025)} body[data-web-design] :is(.wizard-progress,.wizard-step,.wizard-card,.booking-option-grid,.wizard-choice-preview,.booking-calendar,.booking-time-panel,.confirm-summary,.booth-pick,.booking-option-card,.booth-modal-dialog,.price-confirm-dialog){border-color:var(--n-line)} body[data-web-design] .wizard-progress{background:var(--n-surface);border:1px solid var(--n-line);border-radius:var(--n-radius);box-shadow:var(--n-shadow)} body[data-web-design] .wizard-progress :is(.active,[aria-current=step]){background:var(--n-accent);color:var(--n-button-ink,#fff)} body[data-web-design] :is(.booking-option-card,.booth-pick){background:var(--n-surface);color:var(--n-ink);border:1px solid var(--n-line);border-radius:var(--n-radius);box-shadow:var(--n-shadow)} body[data-web-design] :is(.booking-option-card,.booth-pick).selected,body[data-web-design] :is(.booking-option-card,.booth-pick)[aria-pressed=true]{outline:3px solid var(--n-accent);outline-offset:2px} body[data-web-design] .booking-option-art{background:color-mix(in srgb,var(--n-accent) 12%,var(--n-bg));border-radius:calc(var(--n-radius)*.7)} body[data-web-design] .wizard-choice-preview{background:color-mix(in srgb,var(--n-accent) 6%,var(--n-surface))!important} body[data-web-design] :is(.booking-calendar,.booking-time-panel,.schedule-calendar-card){padding:clamp(16px,2.4vw,28px)} body[data-web-design] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button,.mini-button){background:var(--n-surface);color:var(--n-ink);border:1px solid var(--n-line);border-radius:var(--n-control-radius,var(--n-radius))} body[data-web-design] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button).selected,body[data-web-design] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button)[aria-pressed=true]{background:var(--n-accent);color:var(--n-button-ink,#fff);border-color:var(--n-accent)} body[data-web-design] .section{position:relative;isolation:isolate} body[data-web-design] .section-heading{position:relative;gap:1rem} body[data-web-design] :is(.eyebrow,.section-heading .eyebrow){font-family:var(--n-body);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--n-accent)} body[data-web-design] .topbar .nav-cta{border-radius:var(--n-control-radius,var(--n-radius));box-shadow:var(--n-cta-shadow,none)} body[data-web-design] :is(.admin-sidebar,.footer){background:var(--n-footer,var(--n-ink))!important;color:var(--n-footer-ink,#fff)!important} body[data-web-design] :is(.admin-sidebar a,.footer a){color:var(--n-footer-ink,#fff)} /* 01 Maximalism — crowded poster energy, sticker shapes, oversize type */ body[data-web-design="maximalism"]{--n-bg:#fff0dc;--n-ink:#32162f;--n-muted:#6e4359;--n-accent:#f02f78;--n-accent2:#ffd447;--n-surface:#fff9ef;--n-line:#32162f;--n-radius:26px;--n-shadow:7px 8px 0 #32162f;--n-display:Impact,"Arial Black",sans-serif;--n-body:"Trebuchet MS",Arial,sans-serif;--n-title:clamp(3.2rem,8vw,7.5rem);--n-button-ink:#32162f;--n-footer:#32162f;--n-footer-ink:#fff0dc;background:radial-gradient(circle at 12% 13%,#ffcb4b 0 6%,transparent 6.4%),radial-gradient(circle at 90% 24%,#ff8bb7 0 7%,transparent 7.4%),#fff0dc} body[data-web-design="maximalism"] .hero{width:calc(100% - 36px);margin:18px auto;padding:clamp(42px,7vw,96px) 6%;background:#ffcf52!important;border:3px solid #32162f;border-radius:34px;box-shadow:10px 10px 0 #32162f;grid-template-columns:1fr 1fr;gap:5%} body[data-web-design="maximalism"] .hero:before{inset:12% 43% 9% -1%;background:#f02f78!important;border:3px solid #32162f;border-radius:45% 55% 26% 36%;transform:rotate(-5deg)} body[data-web-design="maximalism"] .hero h1{text-transform:uppercase;letter-spacing:-.055em;text-shadow:3px 3px 0 #fff0dc} body[data-web-design="maximalism"] .hero-art{border:4px solid #32162f;border-radius:45% 48% 28% 34%;transform:rotate(3deg);box-shadow:8px 8px 0 #f02f78;background:#fff9ef} body[data-web-design="maximalism"] .section{padding:88px 6%} body[data-web-design="maximalism"] .section-heading h2{text-transform:uppercase;font-weight:1000;letter-spacing:-.05em} body[data-web-design="maximalism"] .booth-grid,body[data-web-design="maximalism"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} body[data-web-design="maximalism"] .booth-card:nth-child(odd),body[data-web-design="maximalism"] .gallery-card:nth-child(3n+1){transform:rotate(-1.5deg)} body[data-web-design="maximalism"] .booth-card:nth-child(even),body[data-web-design="maximalism"] .gallery-card:nth-child(3n+2){transform:rotate(1.2deg)} body[data-web-design="maximalism"] .booth-card,body[data-web-design="maximalism"] .frame-card,body[data-web-design="maximalism"] .gallery-card{border:3px solid #32162f;box-shadow:6px 7px 0 #f02f78} body[data-web-design="maximalism"] .price-section{background:#32162f!important;color:#fff0dc;border:3px solid #f02f78;border-radius:28px;margin:50px 4%;box-shadow:10px 10px 0 #ffcf52} body[data-web-design="maximalism"] .visit-banner{background:#f02f78!important;border:3px solid #32162f;border-radius:26px;color:#32162f} body[data-web-design="maximalism"] :is(.booth-card,.frame-card,.gallery-card):hover{transform:translateY(-5px) rotate(0) scale(1.01)} /* 02 Playful Editorial — magazine columns, serif masthead, typographic restraint */ body[data-web-design="playful-editorial"]{--n-bg:#f7f3eb;--n-ink:#22201d;--n-muted:#6a625a;--n-accent:#c5482d;--n-accent2:#d8c6a6;--n-surface:#fffdf8;--n-line:#c9bfb3;--n-radius:3px;--n-shadow:none;--n-display:Georgia,"Times New Roman",serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,7vw,6.5rem);--n-button-ink:#fffdf8;--n-footer:#22201d;--n-footer-ink:#f7f3eb} body[data-web-design="playful-editorial"] .topbar{padding:22px 5%;border-bottom:1px solid #22201d!important;background:#f7f3eb} body[data-web-design="playful-editorial"] .hero{width:100%;margin:0;padding:100px 9%;grid-template-columns:1.05fr .95fr;gap:7%;min-height:670px;border-bottom:1px solid #c9bfb3;background:#f7f3eb} body[data-web-design="playful-editorial"] .hero:before{display:none} body[data-web-design="playful-editorial"] .hero h1{font-weight:400;line-height:.94;letter-spacing:-.065em} body[data-web-design="playful-editorial"] .hero-art{border-radius:2px;box-shadow:none;transform:none;background:#e5dbcd;padding:9px} body[data-web-design="playful-editorial"] .section{padding:100px 9%} body[data-web-design="playful-editorial"] .section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid #22201d;padding-bottom:20px} body[data-web-design="playful-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px} body[data-web-design="playful-editorial"] .booth-card{display:grid;grid-template-columns:1fr;gap:0;background:transparent;border:0;box-shadow:none} body[data-web-design="playful-editorial"] .booth-visual{height:400px} body[data-web-design="playful-editorial"] .booth-info{padding:18px 0;border-top:1px solid #c9bfb3} body[data-web-design="playful-editorial"] :is(.frame-card,.gallery-card,.price-card){border:0;box-shadow:none;border-bottom:1px solid #c9bfb3} body[data-web-design="playful-editorial"] .price-section{margin:35px 9%;padding:70px 7%;grid-template-columns:1fr 1fr;background:#e5dbcd;color:#22201d} body[data-web-design="playful-editorial"] :is(.button,.btn,.button-dark){border-radius:0;border-bottom:2px solid currentColor} body[data-web-design="playful-editorial"] .section-heading:after{content:"STUDIO NOTES / VISUAL DIARY";font:700 .65rem Arial,sans-serif;letter-spacing:.18em;color:#c5482d} /* 03 Korean Pop Aesthetic — K-photobooth, portrait cards, pastel pop, cute icons */ body[data-web-design="korean-pop"]{--n-bg:#fff7fc;--n-ink:#30233c;--n-muted:#796982;--n-accent:#f18ab8;--n-accent2:#b8b0ff;--n-surface:#fff;--n-line:#f0cbe0;--n-radius:28px;--n-shadow:0 14px 32px #b57caa22;--n-display:"Trebuchet MS",Arial,sans-serif;--n-body:"Trebuchet MS",Arial,sans-serif;--n-button-ink:#30233c;--n-footer:#30233c;--n-footer-ink:#fff7fc;background:radial-gradient(circle at 10% 10%,#f9d9ec 0 9%,transparent 9.4%),radial-gradient(circle at 88% 36%,#e5e0ff 0 12%,transparent 12.5%),#fff7fc} body[data-web-design="korean-pop"] .topbar{margin:14px auto;width:calc(100% - 34px);border:1px solid #f0cbe0;border-radius:999px;background:#ffffffd9!important} body[data-web-design="korean-pop"] .hero{width:calc(100% - 34px);margin:0 auto 20px;padding:80px 7%;grid-template-columns:1fr 1fr;text-align:center;border-radius:36px;background:linear-gradient(145deg,#ffe4f1,#eeeaff)} body[data-web-design="korean-pop"] .hero:before{inset:auto 6% 5%;height:40%;background:#fff8fc;border-radius:40px;opacity:.65} body[data-web-design="korean-pop"] .hero-copy .eyebrow{display:inline-flex;background:#fff;border:1px solid #f0cbe0;border-radius:999px;padding:8px 13px} body[data-web-design="korean-pop"] .hero-actions,body[data-web-design="korean-pop"] .hero-meta{justify-content:center;flex-wrap:wrap} body[data-web-design="korean-pop"] .hero-art{border:8px solid #fff;border-radius:28px;box-shadow:0 16px 38px #a38bc52e;transform:rotate(1.5deg)} body[data-web-design="korean-pop"] .booth-grid,body[data-web-design="korean-pop"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} body[data-web-design="korean-pop"] .booth-card,body[data-web-design="korean-pop"] .frame-card,body[data-web-design="korean-pop"] .gallery-card{border:2px solid #f5d7e8;box-shadow:0 12px 28px #b57caa18} body[data-web-design="korean-pop"] .booth-visual{height:330px;border-radius:22px;margin:8px} body[data-web-design="korean-pop"] .booth-card:nth-child(3n+2){transform:translateY(15px)} body[data-web-design="korean-pop"] .section-heading:after{content:"♡ ✦ ♡ 오늘의 추억";display:block;color:#e77cad;letter-spacing:.15em;margin-top:12px} body[data-web-design="korean-pop"] .price-section{margin:55px 4%;border-radius:32px;background:#e9e5ff;color:#30233c} body[data-web-design="korean-pop"] :is(.button,.btn,.button-dark){border-radius:999px;box-shadow:0 5px 0 #d5b8d8} /* 04 Maximalist Pop — comic blocks, halftone, thick outlines and hard shadows */ body[data-web-design="maximalist-pop"]{--n-bg:#fff8d9;--n-ink:#1e1834;--n-muted:#51466c;--n-accent:#ff3e83;--n-accent2:#00d7c4;--n-surface:#fffdf4;--n-line:#1e1834;--n-radius:8px;--n-shadow:7px 7px 0 #1e1834;--n-display:"Arial Black",Impact,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,7.4vw,7rem);--n-button-ink:#1e1834;--n-footer:#1e1834;--n-footer-ink:#fff8d9} body[data-web-design="maximalist-pop"] .hero{margin:18px auto;width:calc(100% - 36px);padding:72px 6%;grid-template-columns:1fr 1fr;background:#00d7c4;border:4px solid #1e1834;border-radius:8px;box-shadow:10px 10px 0 #1e1834} body[data-web-design="maximalist-pop"] .hero:before{inset:7% 38% 12% 0;background:radial-gradient(#1e1834 1.5px,transparent 1.8px) 0 0/10px 10px,#ff3e83;border:3px solid #1e1834;opacity:.9;transform:rotate(-4deg)} body[data-web-design="maximalist-pop"] .hero h1{text-transform:uppercase;font-weight:1000;letter-spacing:-.07em;text-shadow:3px 3px 0 #fff} body[data-web-design="maximalist-pop"] .hero-art{border:4px solid #1e1834;border-radius:8px;box-shadow:8px 8px 0 #ff3e83;transform:rotate(2deg)} body[data-web-design="maximalist-pop"] .section-heading h2{text-transform:uppercase;font-weight:1000} body[data-web-design="maximalist-pop"] .booth-grid,body[data-web-design="maximalist-pop"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px} body[data-web-design="maximalist-pop"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card){border:3px solid #1e1834;box-shadow:6px 6px 0 #1e1834} body[data-web-design="maximalist-pop"] .booth-card:nth-child(3n+2){transform:rotate(1.3deg)} body[data-web-design="maximalist-pop"] .booth-card:nth-child(3n+1){transform:rotate(-1deg)} body[data-web-design="maximalist-pop"] .price-section{background:#ff3e83;color:#1e1834;border:3px solid #1e1834;border-radius:8px;box-shadow:8px 8px 0 #00d7c4} body[data-web-design="maximalist-pop"] :is(.button,.btn,.button-dark){border:3px solid #1e1834!important;box-shadow:4px 4px 0 #1e1834;font-weight:900;text-transform:uppercase} /* 05 Retro Y2K — chrome gradient, bubbly capsules, faux early-web chrome */ body[data-web-design="retro-y2k"]{--n-bg:#eaf7ff;--n-ink:#251a58;--n-muted:#625c91;--n-accent:#a754ff;--n-accent2:#ff70cf;--n-surface:#ffffffc9;--n-line:#c4caff;--n-radius:24px;--n-shadow:0 12px 30px #7a56d82b;--n-display:"Trebuchet MS",Arial,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,7vw,6.4rem);--n-button-ink:#fff;--n-footer:#251a58;--n-footer-ink:#eef9ff;background:radial-gradient(ellipse at 12% 8%,#fff 0,transparent 20%),linear-gradient(140deg,#d9f9ff,#f7dcff 45%,#fdf0fa)} body[data-web-design="retro-y2k"] .topbar{margin:14px auto;width:calc(100% - 32px);border:1px solid #fff!important;border-radius:999px;background:linear-gradient(#ffffffed,#dfeaffc9)!important;box-shadow:inset 0 2px 0 #fff,0 9px 25px #7b68d01c} body[data-web-design="retro-y2k"] .hero{margin:16px auto;width:calc(100% - 32px);padding:74px 6%;grid-template-columns:1fr 1fr;border:1px solid #fff;border-radius:34px;background:linear-gradient(140deg,#fff9ff,#d5f7ff 45%,#f7d8ff);box-shadow:0 18px 50px #9768ff28} body[data-web-design="retro-y2k"] .hero:before{inset:5% 45% 5% 4%;background:linear-gradient(145deg,#ad83ff28,#ff78d02c);border:1px solid #ffffffb0;border-radius:32px;filter:blur(1px)} body[data-web-design="retro-y2k"] .hero h1{text-shadow:0 2px 0 #fff,0 5px 18px #a877ff39} body[data-web-design="retro-y2k"] .hero h1 em{font-style:normal;color:#a754ff;text-shadow:0 0 14px #ff70cf6e} body[data-web-design="retro-y2k"] .hero-art{border:5px solid #fff;border-radius:28px;box-shadow:0 0 0 1px #b8aaff,0 16px 34px #9267d92e} body[data-web-design="retro-y2k"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card){border:1px solid #ffffff;background:linear-gradient(155deg,#ffffffed,#e9e4ffb8);box-shadow:0 10px 30px #9374e529,inset 0 1px 0 #fff} body[data-web-design="retro-y2k"] :is(.button,.btn,.button-dark,.nav-cta){border-radius:999px!important;background:linear-gradient(135deg,#b66eff,#f578d1 55%,#75ddff)!important;color:#fff;border:1px solid #fff;box-shadow:inset 0 2px 0 #ffffffa8,0 6px 14px #9968d642} body[data-web-design="retro-y2k"] .section-heading:after{content:"✧ DIGITAL DREAMS · NEPHA 2000 ✧";font:900 .72rem var(--n-body);letter-spacing:.16em;color:#a754ff;margin-top:12px} body[data-web-design="retro-y2k"] .price-section{border:1px solid #fff;border-radius:28px;background:linear-gradient(130deg,#a99aff,#f6c7ff 55%,#a8f0ff);color:#251a58} /* 06 Scrapbook Chic — tactile paper, taped polaroids, imperfect collage */ body[data-web-design="scrapbook-chic"]{--n-bg:#f4ead8;--n-ink:#40352c;--n-muted:#766657;--n-accent:#a65e45;--n-accent2:#d8c49d;--n-surface:#fffaf0;--n-line:#d0bda0;--n-radius:4px;--n-shadow:4px 6px 0 #856c4b25;--n-display:"Segoe Print","Bradley Hand",cursive;--n-body:"Trebuchet MS",Arial,sans-serif;--n-title:clamp(2.8rem,6vw,5.8rem);--n-button-ink:#fffaf0;--n-footer:#40352c;--n-footer-ink:#f4ead8;background:repeating-linear-gradient(0deg,#8e70430a 0 1px,transparent 1px 6px),#f4ead8} body[data-web-design="scrapbook-chic"] .hero{width:calc(100% - 44px);margin:22px auto;padding:72px 7%;grid-template-columns:1fr 1fr;background:#fffaf0;border:1px solid #d0bda0;border-radius:4px;box-shadow:7px 8px 0 #c9b28f} body[data-web-design="scrapbook-chic"] .hero:before{inset:-5% 48% 52% -1%;background:#e7c6bb;border-radius:0;transform:rotate(-5deg);border:0} body[data-web-design="scrapbook-chic"] .hero h1{font-weight:600;letter-spacing:-.045em;transform:rotate(-1deg)} body[data-web-design="scrapbook-chic"] .hero-art{padding:10px;background:#fff;border:1px solid #d8d0c4;box-shadow:2px 5px 12px #4b392527;transform:rotate(2deg);border-radius:2px} body[data-web-design="scrapbook-chic"] .booth-grid,body[data-web-design="scrapbook-chic"] .gallery-grid{gap:25px} body[data-web-design="scrapbook-chic"] :is(.booth-card,.frame-card,.gallery-card){background:#fffdf7;border:1px solid #d8d0c4;box-shadow:3px 6px 12px #4b39251c;padding:9px} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(odd),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(odd){transform:rotate(-1.6deg)} body[data-web-design="scrapbook-chic"] .booth-card:nth-child(even),body[data-web-design="scrapbook-chic"] .gallery-card:nth-child(even){transform:rotate(1.2deg)} body[data-web-design="scrapbook-chic"] :is(.booth-card,.frame-card,.gallery-card):before{content:"";display:block;position:absolute;top:-7px;left:35%;width:62px;height:16px;background:#d8c49d9e;transform:rotate(-4deg);pointer-events:none} body[data-web-design="scrapbook-chic"] .booth-card,body[data-web-design="scrapbook-chic"] .frame-card,body[data-web-design="scrapbook-chic"] .gallery-card{position:relative} body[data-web-design="scrapbook-chic"] .price-section{background:#e6d7bd;color:#40352c;border:1px dashed #9a7e60;transform:rotate(-.35deg)} body[data-web-design="scrapbook-chic"] .section-heading:after{content:"✂ made with memories ♡";display:block;color:#a65e45;font:italic 1rem Georgia,serif;margin-top:12px} /* 07 Neubrutalism — flat colors, zero blur, hard offset shadow, square geometry */ body[data-web-design="neubrutalism"]{--n-bg:#fffdf5;--n-ink:#111;--n-muted:#333;--n-accent:#d7ff00;--n-accent2:#ff6b35;--n-surface:#fff;--n-line:#111;--n-radius:0;--n-shadow:5px 5px 0 #111;--n-display:"Arial Black",Impact,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,7.4vw,7rem);--n-button-ink:#111;--n-footer:#111;--n-footer-ink:#fffdf5;background-color:#fffdf5;background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px);background-size:22px 22px} body[data-web-design="neubrutalism"] .hero{width:calc(100% - 36px);margin:18px auto;padding:75px 6%;grid-template-columns:1fr 1fr;border:3px solid #111;border-radius:0;background:#d7ff00;box-shadow:8px 8px 0 #111} body[data-web-design="neubrutalism"] .hero:before{inset:8% 40% 8% 0;background:#ff6b35;border:3px solid #111;border-radius:0;transform:rotate(-3deg)} body[data-web-design="neubrutalism"] .hero h1{text-transform:uppercase;font-weight:1000;letter-spacing:-.075em} body[data-web-design="neubrutalism"] .hero-art{border:3px solid #111;border-radius:0;box-shadow:6px 6px 0 #111;transform:rotate(1deg)} body[data-web-design="neubrutalism"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card,.wizard-card,.booking-calendar,.booking-time-panel,.admin-panel,.settings-form,.booking-summary,.auth-card,.stats-grid article){border:3px solid #111!important;border-radius:0;box-shadow:5px 5px 0 #111} body[data-web-design="neubrutalism"] .booth-grid,body[data-web-design="neubrutalism"] .frame-grid{gap:22px} body[data-web-design="neubrutalism"] .price-section{background:#ff6b35;color:#111;border:3px solid #111;border-radius:0;box-shadow:8px 8px 0 #111} body[data-web-design="neubrutalism"] :is(.button,.btn,.button-dark,.button-light,.nav-cta){border:3px solid #111;border-radius:0;box-shadow:3px 3px 0 #111!important;font-weight:900;text-transform:uppercase} body[data-web-design="neubrutalism"] :is(.button-dark,.button-primary,.nav-cta){background:#d7ff00;color:#111} body[data-web-design="neubrutalism"] :is(input,select,textarea){border:3px solid #111;border-radius:0;box-shadow:3px 3px 0 #111} body[data-web-design="neubrutalism"] :is(.admin-sidebar,.admin-top){border:3px solid #111;box-shadow:5px 5px 0 #111} /* 08 Minimalist Editorial — quiet ink, generous whitespace, refined serif */ body[data-web-design="minimalist-editorial"]{--n-bg:#faf9f6;--n-ink:#24221f;--n-muted:#77716b;--n-accent:#8b6f55;--n-accent2:#e6ded1;--n-surface:#fff;--n-line:#e5ded4;--n-radius:0;--n-shadow:none;--n-display:Georgia,"Times New Roman",serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3.2rem,7.5vw,7rem);--n-button-ink:#fff;--n-footer:#24221f;--n-footer-ink:#faf9f6} body[data-web-design="minimalist-editorial"] .topbar{padding:24px 8%;background:#faf9f6;border-bottom:1px solid #e5ded4} body[data-web-design="minimalist-editorial"] .hero{width:100%;margin:0;padding:clamp(76px,10vw,140px) 9%;grid-template-columns:1.1fr .9fr;gap:9%;min-height:690px;background:#faf9f6} body[data-web-design="minimalist-editorial"] .hero:before{display:none} body[data-web-design="minimalist-editorial"] .hero h1{font-weight:400;line-height:.93;letter-spacing:-.065em} body[data-web-design="minimalist-editorial"] .hero-art{border-radius:0;box-shadow:none;transform:none;background:#e9e1d5;padding:10px} body[data-web-design="minimalist-editorial"] .section{padding:clamp(75px,10vw,130px) 9%} body[data-web-design="minimalist-editorial"] .section-heading{border-bottom:1px solid #24221f;padding-bottom:22px} body[data-web-design="minimalist-editorial"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px} body[data-web-design="minimalist-editorial"] .booth-card{display:block;background:transparent;border:0;box-shadow:none} body[data-web-design="minimalist-editorial"] .booth-visual{height:420px} body[data-web-design="minimalist-editorial"] .booth-info{padding:18px 0;border-top:1px solid #e5ded4} body[data-web-design="minimalist-editorial"] :is(.frame-card,.gallery-card,.price-card){border:0;box-shadow:none} body[data-web-design="minimalist-editorial"] .price-section{background:#e9e1d5;color:#24221f;margin:60px 9%;padding:75px 7%;grid-template-columns:1fr 1fr} body[data-web-design="minimalist-editorial"] :is(.button,.btn,.button-dark){border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem} /* 09 Soft Pastel Aesthetic — soft candy colors and cushioned rounded UI */ body[data-web-design="soft-pastel"]{--n-bg:#fff7fb;--n-ink:#47354b;--n-muted:#867287;--n-accent:#e99fc4;--n-accent2:#bfc6f7;--n-surface:#fffdfd;--n-line:#f1dce9;--n-radius:28px;--n-shadow:0 14px 35px #b982a51c;--n-display:"Trebuchet MS",Arial,sans-serif;--n-body:"Trebuchet MS",Arial,sans-serif;--n-title:clamp(2.9rem,6.6vw,6rem);--n-button-ink:#47354b;--n-footer:#47354b;--n-footer-ink:#fff7fb;background:radial-gradient(circle at 8% 5%,#fbe0ef 0,transparent 29%),radial-gradient(circle at 90% 35%,#e6e2ff 0,transparent 28%),#fff7fb} body[data-web-design="soft-pastel"] .hero{width:calc(100% - 44px);margin:22px auto;padding:78px 7%;grid-template-columns:1fr 1fr;border-radius:40px;background:linear-gradient(135deg,#ffe3f0,#f0eaff 56%,#e5f4e2);box-shadow:0 16px 40px #b982a51c} body[data-web-design="soft-pastel"] .hero:before{display:none} body[data-web-design="soft-pastel"] .hero-art{background:#fff9fd;border:9px solid #fff;border-radius:38px;transform:rotate(1.2deg);box-shadow:0 12px 30px #b982a526} body[data-web-design="soft-pastel"] .booth-grid,body[data-web-design="soft-pastel"] .frame-grid{gap:25px} body[data-web-design="soft-pastel"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card){background:#fffdfd;border:1px solid #f1dce9;border-radius:28px;box-shadow:0 12px 30px #b982a51c} body[data-web-design="soft-pastel"] .booth-visual{border-radius:22px;margin:7px} body[data-web-design="soft-pastel"] .price-section{margin:50px 4%;padding:65px 7%;border-radius:36px;background:#e8f0e1;color:#47354b} body[data-web-design="soft-pastel"] :is(.button,.btn,.button-dark,.nav-cta){border-radius:999px!important;box-shadow:0 5px 0 #e6c8dd} body[data-web-design="soft-pastel"] .hero-art{animation:nPastelFloat 5.5s ease-in-out infinite} /* 10 Earthy Neutral / Warm Organic — linen, clay, olive, organic geometry */ body[data-web-design="earthy-neutral"]{--n-bg:#f3ede2;--n-ink:#3c3027;--n-muted:#7b6c5d;--n-accent:#ad684a;--n-accent2:#92946f;--n-surface:#fffaf1;--n-line:#d8c8b5;--n-radius:16px;--n-shadow:0 12px 30px #54412b12;--n-display:Georgia,"Times New Roman",serif;--n-body:"Trebuchet MS",Arial,sans-serif;--n-title:clamp(3rem,6.5vw,6rem);--n-button-ink:#fffaf1;--n-footer:#3c3027;--n-footer-ink:#f3ede2;background:repeating-linear-gradient(35deg,#6f654d08 0 1px,transparent 1px 9px),#f3ede2} body[data-web-design="earthy-neutral"] .topbar{background:#f3ede2;border-bottom:1px solid #d8c8b5} body[data-web-design="earthy-neutral"] .hero{width:100%;padding:90px 8%;grid-template-columns:1fr .9fr;background:linear-gradient(120deg,#f3ede2,#e3d2bd)} body[data-web-design="earthy-neutral"] .hero:before{inset:22px 4%;background:#fffaf1;border:1px solid #d8c8b5;border-radius:18px 70px 18px 70px} body[data-web-design="earthy-neutral"] .hero h1,body[data-web-design="earthy-neutral"] .section-heading h2{font-weight:500;letter-spacing:-.045em} body[data-web-design="earthy-neutral"] .hero-art{border-radius:5px 64px 5px 64px;filter:saturate(.9);box-shadow:0 12px 28px #47382b20} body[data-web-design="earthy-neutral"] .booth-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} body[data-web-design="earthy-neutral"] :is(.booth-card,.frame-card,.gallery-card){border:1px solid #d8c8b5;border-radius:14px 34px 14px 14px;background:#fffaf1;box-shadow:0 10px 25px #54412b12} body[data-web-design="earthy-neutral"] .booth-visual{border-radius:9px 28px 9px 9px} body[data-web-design="earthy-neutral"] .price-section{background:#dfd2bd;color:#3c3027;border-radius:8px 54px 8px 54px;margin:55px 4%} body[data-web-design="earthy-neutral"] .visit-banner{background:#92946f!important;color:#fffaf1;border-radius:8px 44px 8px 44px} body[data-web-design="earthy-neutral"] :is(.button,.btn,.button-dark){border-radius:999px 999px 999px 5px} /* 11 Bold Dark Mode — charcoal, acid lime, controlled violet glow */ body[data-web-design="bold-dark"]{--n-bg:#0c0d12;--n-ink:#f3f2fa;--n-muted:#aaa9b9;--n-accent:#c4ff3b;--n-accent2:#a77bff;--n-surface:#171922;--n-line:#343642;--n-radius:10px;--n-shadow:0 18px 50px #0009;--n-display:"Arial Black",Arial,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,7vw,6.5rem);--n-button-ink:#0c0d12;--n-footer:#08090d;--n-footer-ink:#f3f2fa;background-image:linear-gradient(#c4ff3b0a 1px,transparent 1px),linear-gradient(90deg,#c4ff3b0a 1px,transparent 1px);background-size:28px 28px} body[data-web-design="bold-dark"] .topbar{background:#0c0d12;border-bottom:1px solid #343642} body[data-web-design="bold-dark"] .hero{width:100%;margin:0;padding:95px 8%;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 82% 18%,#a77bff29,transparent 28%),#0c0d12;border-bottom:1px solid #343642} body[data-web-design="bold-dark"] .hero:before{display:none} body[data-web-design="bold-dark"] .hero h1{text-transform:uppercase;font-weight:950;letter-spacing:-.07em} body[data-web-design="bold-dark"] .hero h1 em,body[data-web-design="bold-dark"] .section-heading h2 em{color:#c4ff3b} body[data-web-design="bold-dark"] .hero-art{background:#171922;border:1px solid #343642;box-shadow:0 20px 80px #0009} body[data-web-design="bold-dark"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card,.wizard-card,.booking-calendar,.booking-time-panel,.admin-panel,.settings-form,.booking-summary,.stats-grid article){background:#171922;color:#f3f2fa;border:1px solid #343642;box-shadow:0 18px 50px #0007!important} body[data-web-design="bold-dark"] :is(input,select,textarea){background:#0c0d12;color:#f3f2fa;border-color:#484b5a} body[data-web-design="bold-dark"] .price-section{background:#c4ff3b;color:#0c0d12;border-radius:10px} body[data-web-design="bold-dark"] .visit-banner{background:#171922!important;color:#f3f2fa;border:1px solid #c4ff3b} body[data-web-design="bold-dark"] :is(.button-dark,.button-primary,.nav-cta){box-shadow:0 0 24px #c4ff3b20} body[data-web-design="bold-dark"] .section-heading:after{content:"// MAKE A MOMENT";display:block;font:700 .7rem Arial,sans-serif;letter-spacing:.2em;color:#c4ff3b;margin-top:14px} /* 12 Luxury Black & Gold — STRICT TWO-COLOR SYSTEM: black + one gold only. User photographs intentionally remain unfiltered and retain their own colors. */ body[data-web-design="luxury-black-gold"]{--lux-black:#000;--lux-gold:#d4af37;--n-bg:var(--lux-black);--n-ink:var(--lux-gold);--n-muted:var(--lux-gold);--n-accent:var(--lux-gold);--n-accent2:var(--lux-gold);--n-surface:var(--lux-black);--n-line:var(--lux-gold);--n-radius:0;--n-shadow:none;--n-display:Georgia,"Times New Roman",serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3.2rem,7.5vw,7rem);--n-button-ink:var(--lux-black);--n-footer:var(--lux-black);--n-footer-ink:var(--lux-gold);background:#000;color:#d4af37} body[data-web-design="luxury-black-gold"] *{color:#d4af37;border-color:#d4af37;accent-color:#d4af37} body[data-web-design="luxury-black-gold"] *::before,body[data-web-design="luxury-black-gold"] *::after{color:#d4af37;border-color:#d4af37} body[data-web-design="luxury-black-gold"] :is(.topbar,.section,.footer,.schedule-teaser,.admin-main,.dashboard-wrap,.booking-wizard-wrap,.account-main,.hero,.admin-header,.admin-sidebar,.admin-top,.admin-panel,.settings-form,.booking-card,.form-main,.auth-shell,.wizard-card,.booking-summary,.stats-grid article,.stat-action-card,.manage-card,.result-card,.confirm-summary,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.location-card,.booth-modal-dialog,.price-confirm-dialog,.price-section,.visit-banner,.booth-card,.frame-card,.gallery-card,.booking-option-card,.wizard-choice-preview,.web-design-selector,.web-design-preview){background:#000;color:#d4af37!important;border:1px solid #d4af37;border-radius:0;box-shadow:none;backdrop-filter:none} body[data-web-design="luxury-black-gold"] .hero{width:100%;margin:0;padding:clamp(85px,11vw,150px) 9%;grid-template-columns:1fr .8fr;gap:9%;min-height:720px;border-left:0;border-right:0} body[data-web-design="luxury-black-gold"] .hero:before{display:none} body[data-web-design="luxury-black-gold"] :is(.hero h1,.section-heading h2,.admin-top h1,.booking-title,.welcome-panel h1){font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em!important;text-transform:none;color:#d4af37} body[data-web-design="luxury-black-gold"] .hero-art{background:#000;border:1px solid #d4af37;border-radius:0;box-shadow:none;transform:none;filter:none!important} body[data-web-design="luxury-black-gold"] .section{padding:clamp(65px,9vw,120px) 8%;border-bottom:1px solid #d4af37} body[data-web-design="luxury-black-gold"] .section-heading{border-bottom:1px solid #d4af37;padding-bottom:20px} body[data-web-design="luxury-black-gold"] .booth-grid,body[data-web-design="luxury-black-gold"] .frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} body[data-web-design="luxury-black-gold"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card){background:#000;border:1px solid #d4af37;box-shadow:none;border-radius:0} body[data-web-design="luxury-black-gold"] .booth-visual{border-radius:0} body[data-web-design="luxury-black-gold"] .price-section{margin:65px 8%;padding:70px 7%;background:#000;color:#d4af37;border:1px solid #d4af37;border-radius:0} body[data-web-design="luxury-black-gold"] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,.nav-cta,button[type=submit]){background:#000;color:#d4af37;border:1px solid #d4af37;border-radius:0;box-shadow:none;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem} body[data-web-design="luxury-black-gold"] :is(.button-dark,.button-primary,.nav-cta,.wizard-progress :is(.active,[aria-current=step])){background:#d4af37!important;color:#000!important} body[data-web-design="luxury-black-gold"] :is(input,select,textarea,.wizard-native-choice){background:#000;color:#d4af37;border:1px solid #d4af37;border-radius:0;box-shadow:none} body[data-web-design="luxury-black-gold"] :is(input,select,textarea)::placeholder{color:#d4af37!important;opacity:.75} body[data-web-design="luxury-black-gold"] :is(.alert,.notice,.badge,.status-pill,.payment-status,.preview-chip){background:#000;color:#d4af37;border:1px solid #d4af37;border-radius:0} body[data-web-design="luxury-black-gold"] .section-heading:after{content:"✦";display:block;color:#d4af37;font-size:1rem;margin-top:14px} body[data-web-design="luxury-black-gold"] :is(.hero-art img,.booth-visual img,.booth-card img,.frame-card img,.gallery-card img,.booking-option-card img,.hero-upload-photo img){filter:none;opacity:1;mix-blend-mode:normal} /* 13 Cartoon — comic speech bubbles, chunky outline, primary candy palette */ body[data-web-design="cartoon"]{--n-bg:#fff8e9;--n-ink:#29213b;--n-muted:#554a69;--n-accent:#ff5c8a;--n-accent2:#ffe66d;--n-surface:#fff;--n-line:#29213b;--n-radius:24px;--n-shadow:5px 6px 0 #29213b;--n-display:"Trebuchet MS","Arial Rounded MT Bold",sans-serif;--n-body:"Trebuchet MS",Arial,sans-serif;--n-title:clamp(3rem,7.3vw,6.7rem);--n-button-ink:#29213b;--n-footer:#29213b;--n-footer-ink:#fff8e9;background-color:#fff8e9} body[data-web-design="cartoon"] .topbar{background:#fff!important;border:3px solid #29213b;border-radius:0 0 24px 24px;box-shadow:0 5px 0 #29213b} body[data-web-design="cartoon"] .hero{width:94%;margin:20px 3%;padding:65px 6%;grid-template-columns:1fr 1fr;background:#ffe66d;border:3px solid #29213b;border-radius:30px;box-shadow:6px 7px 0 #29213b;overflow:hidden} body[data-web-design="cartoon"] .hero:before{content:"POP! ★ POW!";display:block;position:absolute;right:3%;top:5%;background:#ff5c8a;color:#29213b;border:3px solid #29213b;border-radius:18px;padding:9px 15px;font-weight:1000;transform:rotate(7deg);box-shadow:3px 4px 0 #29213b;z-index:1;inset:auto} body[data-web-design="cartoon"] .hero h1{font-weight:1000;letter-spacing:-.06em;text-shadow:2px 2px 0 #fff} body[data-web-design="cartoon"] .hero-art{border:3px solid #29213b;border-radius:24px;box-shadow:5px 6px 0 #29213b;transform:rotate(-2deg)} body[data-web-design="cartoon"] :is(.booth-card,.frame-card,.gallery-card,.booking-option-card,.wizard-card,.booking-calendar,.booking-time-panel,.admin-panel,.settings-form,.booking-summary,.auth-card,.stats-grid article){border:3px solid #29213b!important;border-radius:18px!important;box-shadow:5px 6px 0 #29213b;background:#fff} body[data-web-design="cartoon"] .booth-card:nth-child(3n+1){transform:rotate(-1.3deg)} body[data-web-design="cartoon"] .booth-card:nth-child(3n+2){transform:rotate(1.1deg)} body[data-web-design="cartoon"] .price-section{background:#8ae5fb;color:#29213b;border:3px solid #29213b;border-radius:24px;box-shadow:6px 7px 0 #29213b} body[data-web-design="cartoon"] .visit-banner{background:#ff5c8a;color:#29213b;border:3px solid #29213b;border-radius:24px;box-shadow:5px 6px 0 #29213b} body[data-web-design="cartoon"] :is(.button,.btn,.button-dark,.button-light,.nav-cta){border:3px solid #29213b!important;border-radius:16px!important;box-shadow:3px 4px 0 #29213b!important;font-weight:900} body[data-web-design="cartoon"] :is(.button-dark,.button-primary,.nav-cta){background:#ff5c8a;color:#29213b} body[data-web-design="cartoon"] .section-heading:after{content:"★ WOW! ✦ CLICK!";display:block;color:#ff5c8a;font-weight:1000;letter-spacing:.1em;margin-top:12px;animation:nCartoonWiggle 3s ease-in-out infinite} /* 14 Portfolio Grid / Masonry — gallery-first art direction, labels and mixed ratios */ body[data-web-design="portfolio-grid"]{--n-bg:#f3f3ef;--n-ink:#171917;--n-muted:#656b66;--n-accent:#171917;--n-accent2:#dfff48;--n-surface:#fff;--n-line:#d8dcd6;--n-radius:0;--n-shadow:none;--n-display:Arial,Helvetica,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,7vw,6.5rem);--n-button-ink:#fff;--n-footer:#171917;--n-footer-ink:#f3f3ef} body[data-web-design="portfolio-grid"] .hero{width:100%;margin:0;padding:70px 7%;grid-template-columns:.8fr 1.2fr;min-height:600px;border-bottom:1px solid #d8dcd6;background:#f3f3ef} body[data-web-design="portfolio-grid"] .hero:before{display:none} body[data-web-design="portfolio-grid"] .hero h1{text-transform:uppercase;font-weight:900;letter-spacing:-.08em;line-height:.86} body[data-web-design="portfolio-grid"] .hero-art{height:570px;max-height:none;border-radius:0;box-shadow:none;transform:none} body[data-web-design="portfolio-grid"] .section{padding:85px 7%} body[data-web-design="portfolio-grid"] .section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d8dcd6;padding-bottom:22px} body[data-web-design="portfolio-grid"] .booth-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:18px} body[data-web-design="portfolio-grid"] .booth-card{grid-column:span 4;display:block;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden} body[data-web-design="portfolio-grid"] .booth-card:nth-child(3n+2){grid-column:span 8} body[data-web-design="portfolio-grid"] .booth-card:nth-child(4n+1) .booth-visual{height:390px} body[data-web-design="portfolio-grid"] .booth-card:nth-child(4n+2) .booth-visual{height:270px} body[data-web-design="portfolio-grid"] .booth-visual{height:320px;border-radius:0} body[data-web-design="portfolio-grid"] .booth-info{padding:16px 0;border-top:1px solid #d8dcd6} body[data-web-design="portfolio-grid"] .gallery-section{max-width:none;background:#e8ebe5} body[data-web-design="portfolio-grid"] .gallery-grid{display:block;columns:4 220px;column-gap:14px} body[data-web-design="portfolio-grid"] .gallery-card{display:inline-block;width:100%;margin:0 0 14px;break-inside:avoid;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none} body[data-web-design="portfolio-grid"] .gallery-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover;border-radius:0} body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+1) img{aspect-ratio:4/5} body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+2) img{aspect-ratio:1/1} body[data-web-design="portfolio-grid"] .gallery-card:nth-child(4n+3) img{aspect-ratio:3/4} body[data-web-design="portfolio-grid"] :is(.frame-card,.price-section,.visit-banner){border-radius:0;box-shadow:none} body[data-web-design="portfolio-grid"] .price-section{background:#171917;color:#f3f3ef;margin:0;padding:70px 7%;border-radius:0;grid-template-columns:.75fr 1.25fr} body[data-web-design="portfolio-grid"] .visit-banner{background:#dfff48!important;color:#171917;margin:45px 0;padding:55px 7%;border-radius:0} body[data-web-design="portfolio-grid"] :is(.button,.btn,.button-dark){border-radius:0;text-transform:uppercase;letter-spacing:.07em} /* 15 Modern Gradient & Glassmorphism — translucent frosted surfaces, luminous backdrop */ body[data-web-design="modern-gradient-glass"]{--n-bg:#f4f1ff;--n-ink:#242044;--n-muted:#6e6a8e;--n-accent:#8876ff;--n-accent2:#5ce4d3;--n-surface:#ffffffad;--n-line:#ffffffd6;--n-radius:26px;--n-shadow:0 18px 48px #5f58a51e;--n-display:"Trebuchet MS",Arial,sans-serif;--n-body:Arial,Helvetica,sans-serif;--n-title:clamp(3rem,6.6vw,6.5rem);--n-button-ink:#fff;--n-footer:#29234d;--n-footer-ink:#f8f6ff;background:radial-gradient(ellipse at 7% 5%,#f4c8ff 0,transparent 35%),radial-gradient(ellipse at 92% 25%,#9df4e6 0,transparent 30%),linear-gradient(135deg,#f8f4ff,#e6f7ff 50%,#f8e9ff) fixed} body[data-web-design="modern-gradient-glass"] .topbar{margin:12px auto;max-width:1240px;border:1px solid #ffffffc9!important;border-radius:22px;background:#ffffffa8!important;backdrop-filter:blur(18px);box-shadow:0 10px 35px #6b5ed51a} body[data-web-design="modern-gradient-glass"] .hero{width:calc(100% - 40px);margin:20px auto;padding:76px 7%;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#ffffff85,#ffffff38);border:1px solid #ffffffc9;border-radius:34px;backdrop-filter:blur(18px);box-shadow:0 25px 70px #6259b51a} body[data-web-design="modern-gradient-glass"] .hero:before{inset:auto 4% 6% 45%;height:85%;background:linear-gradient(135deg,#a68aff35,#7ce6d535);border:1px solid #ffffff55;border-radius:36px;filter:blur(1px)} body[data-web-design="modern-gradient-glass"] .hero h1 em{background:linear-gradient(90deg,#8876ff,#4bcbbd);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal} body[data-web-design="modern-gradient-glass"] .hero-art{border:1px solid #ffffffc9;border-radius:28px;background:#ffffff80;backdrop-filter:blur(14px);box-shadow:0 20px 60px #6053b520} body[data-web-design="modern-gradient-glass"] :is(.booth-card,.frame-card,.gallery-card,.wizard-card,.booking-option-card,.booking-item,.booking-calendar,.booking-time-panel,.admin-panel,.stat-action-card,.stats-grid article,.schedule-calendar-card,.location-card){background:linear-gradient(135deg,#ffffffc7,#ffffff80)!important;border:1px solid #ffffffd9!important;border-radius:26px;box-shadow:0 18px 48px #5f58a51e;backdrop-filter:blur(18px)} body[data-web-design="modern-gradient-glass"] .price-section{background:linear-gradient(135deg,#8070eddd,#7c6ae0c7 48%,#5acfc4d9);border:1px solid #ffffffa8;border-radius:34px;backdrop-filter:blur(20px);box-shadow:0 25px 60px #6654b52e} body[data-web-design="modern-gradient-glass"] .gallery-section{background:#ffffff52;backdrop-filter:blur(8px);max-width:none} body[data-web-design="modern-gradient-glass"] .visit-banner{background:linear-gradient(120deg,#ffffffb5,#e0d9ffb0,#b6f2e7b0)!important;border:1px solid #ffffffdf;border-radius:30px;backdrop-filter:blur(20px);box-shadow:0 20px 45px #6b5ed521} body[data-web-design="modern-gradient-glass"] :is(input,select,textarea){background:#ffffffb5;border:1px solid #ffffffdf;backdrop-filter:blur(10px)} @keyframes nPastelFloat{0%,100%{transform:translateY(0) rotate(1.2deg)}50%{transform:translateY(-7px) rotate(1.2deg)}} @keyframes nCartoonWiggle{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}} @media(max-width:1000px){body[data-web-design="maximalism"] .booth-grid,body[data-web-design="maximalism"] .frame-grid,body[data-web-design="maximalist-pop"] .booth-grid,body[data-web-design="maximalist-pop"] .frame-grid,body[data-web-design="korean-pop"] .booth-grid,body[data-web-design="korean-pop"] .frame-grid,body[data-web-design="luxury-black-gold"] .booth-grid,body[data-web-design="luxury-black-gold"] .frame-grid,body[data-web-design="earthy-neutral"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-web-design="portfolio-grid"] .gallery-grid{columns:3 180px}} @media(max-width:760px){body[data-web-design] .hero{grid-template-columns:1fr!important;min-height:0;padding:46px 6%!important}body[data-web-design="maximalism"] .hero,body[data-web-design="maximalist-pop"] .hero,body[data-web-design="neubrutalism"] .hero,body[data-web-design="cartoon"] .hero{width:calc(100% - 20px);margin:10px;border-radius:20px;padding:38px 5%}body[data-web-design="minimalist-editorial"] .section,body[data-web-design="playful-editorial"] .section,body[data-web-design="portfolio-grid"] .section{padding:60px 6%}body[data-web-design="portfolio-grid"] .booth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-web-design="portfolio-grid"] .booth-card,body[data-web-design="portfolio-grid"] .booth-card:nth-child(3n+2){grid-column:span 1}body[data-web-design="portfolio-grid"] .gallery-grid{columns:2 135px}body[data-web-design="luxury-black-gold"] .section{padding:60px 6%}body[data-web-design="luxury-black-gold"] .booth-grid,body[data-web-design="luxury-black-gold"] .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-web-design="playful-editorial"] .booth-visual,body[data-web-design="minimalist-editorial"] .booth-visual{height:250px}} @media(prefers-reduced-motion:reduce){body[data-web-design] *,body[data-web-design] *::before,body[data-web-design] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} /* Additional strict black/gold coverage for menus, tables, and schedule widgets. */ body[data-web-design="luxury-black-gold"] :is(.admin-data-table,.admin-data-table th,.admin-data-table td,.dropdown-menu,.user-menu,.topbar .nav-menu,.modal,.modal-content,.booth-modal,.booth-modal-copy,.booking-option-art,.booking-option-copy,.gallery-caption,.frame-info,.booking-time-slots button,.booking-calendar button,.wizard-progress,.wizard-step,.wizard-note,.price-confirm-breakdown,.panel-heading,.table-scroll,.admin-table-filters,.admin-card,.admin-footer,.admin-content,.stat-label,.stat-value,.status-badge,.notification-item,.user-dropdown,.profile-menu,.pagination,.pagination a,.pagination button){background:#000;color:#d4af37;border-color:#d4af37;box-shadow:none} body[data-web-design="luxury-black-gold"] :is(.booking-calendar button,.booking-time-slots button,.calendar-grid button,.public-slot-grid button,.mini-button){background:#000;color:#d4af37;border:1px solid #d4af37} body[data-web-design="luxury-black-gold"] :is(.booking-calendar button.selected,.booking-time-slots button.selected,.calendar-grid button.selected,.public-slot-grid button.selected,.booking-calendar button[aria-pressed=true],.booking-time-slots button[aria-pressed=true]){background:#d4af37!important;color:#000!important} body[data-web-design="luxury-black-gold"] :is(.button-dark,.button-primary,.nav-cta,.wizard-progress .active,.wizard-progress [aria-current=step]){background:#d4af37;color:#000} /* NEPHA THEME INTEGRITY v7 Ensure every visual theme reaches landing, account, booking, customer dashboard, calendar, modal, and admin controls. Transaction/business logic is unchanged. */ body[data-web-design="cartoon"]{--paper:#fff8e9;--ink:#29213b;--muted:#554a69;--pink:#ff5c8a;--orange:#ffe66d;--line:#29213b;--white:#fffdf5;--dark:#29213b;--radius:18px;--theme-ink:#29213b;--theme-paper:#fff8e9;--theme-accent:#ff5c8a;--theme-accent-2:#ffe66d} body[data-web-design="ransom-magazine-editorial"]{--paper:#f5f0e6;--ink:#171717;--muted:#57524c;--pink:#ff4f37;--orange:#f4d54f;--line:#171717;--white:#fffdf8;--dark:#171717;--radius:3px;--theme-ink:#171717;--theme-paper:#f5f0e6;--theme-accent:#ff4f37;--theme-accent-2:#f4d54f;--theme-radius:3px;--theme-shadow:6px 7px 0 #171717} /* All themes: shared interface surfaces follow their active palette, not the base theme. */ body[data-web-design] :is(.account-top,.account-links,.auth-shell,.auth-copy,.auth-form,.profile-card,.dashboard-wrap,.dashboard-hero,.welcome-panel,.dashboard-calendar-card,.latest-booking-update,.empty-bookings,.empty-state,.booking-wizard-wrap,.wizard-intro,.wizard-card,.booking-summary,.booking-success-card,.booking-detail,.booking-list,.booking-item,.booking-calendar,.booking-time-panel,.booking-time-slots,.booking-calendar-selected,.booking-calendar-toolbar,.schedule-calendar-card,.schedule-day-detail,.calendar-toolbar,.public-slot-grid,.booking-option-card,.booking-option-copy,.booking-option-art,.wizard-choice-preview,.wizard-preview-copy,.confirm-summary,.price-confirm-card,.price-review-card,.price-review-values div,.price-confirm-dialog,.booth-modal-dialog,.booth-modal-copy,.booth-photo-zoom,.frame-gallery-dialog,.contact-choice-dialog,.admin-main,.admin-header,.admin-top,.admin-panel,.settings-form,.admin-sidebar,.admin-user-dropdown,.admin-user-menu,.admin-notice-menu,.admin-notice-item,.admin-form-dialog,.admin-form-modal,.admin-password-dialog,.admin-password-modal,.admin-data-table,.admin-data-table th,.admin-data-table td,.admin-table-filters,.admin-filter-toolbar,.admin-analytics-grid,.stats-grid article,.stat-action-card,.manage-card,.result-card,.admin-card,.booking-table,.table-scroll,.pagination,.pagination a,.pagination button,.bank-account-card,.location-card,.web-design-selector,.web-design-preview,.alert,.admin-alert,.notice,.status-pill,.payment-status,.delivery-status){ border-color:var(--line,#ddd)!important;color:var(--ink,#222); } body[data-web-design] :is(.auth-shell,.profile-card,.dashboard-calendar-card,.latest-booking-update,.empty-bookings,.empty-state,.booking-wizard-wrap,.wizard-card,.booking-summary,.booking-success-card,.booking-detail,.booking-list,.booking-item,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.booking-option-card,.wizard-choice-preview,.confirm-summary,.price-review-card,.price-confirm-dialog,.booth-modal-dialog,.frame-gallery-dialog,.contact-choice-dialog,.admin-panel,.settings-form,.admin-data-table,.admin-table-filters,.admin-analytics-grid,.stats-grid article,.stat-action-card,.manage-card,.result-card,.admin-card,.booking-table,.bank-account-card,.location-card,.web-design-selector){ background-color:var(--white,var(--paper,#fff))!important;color:var(--ink,#222);box-shadow:var(--theme-shadow,none); } body[data-web-design] :is(.account-top,.admin-header,.admin-sidebar,.admin-notice-menu,.admin-user-dropdown,.admin-user-menu){background-color:var(--dark,#222)!important;color:var(--white,#fff)!important;border-color:var(--line,#ddd)!important} body[data-web-design] :is(.account-top a,.admin-header a,.admin-sidebar a,.admin-notice-menu a,.admin-user-dropdown a,.admin-user-menu a){color:inherit} body[data-web-design] :is(.admin-data-table th,.booking-table th,.booking-calendar-weekday,.calendar-weekday,.booking-calendar-toolbar,.booking-calendar-selected,.booking-time-heading,.panel-heading,.admin-nav-group-label){background-color:var(--paper,#fff)!important;color:var(--ink,#222)!important;border-color:var(--line,#ddd)!important} body[data-web-design] :is(input,select,textarea,.wizard-native-choice,.booking-search-label){background-color:var(--white,var(--paper,#fff))!important;color:var(--ink,#222)!important;border-color:var(--line,#ddd)!important;box-shadow:none} body[data-web-design] :is(input,select,textarea)::placeholder{color:var(--muted,#777)!important;opacity:1} body[data-web-design] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,.nav-cta,.mini-button,.detail-link,.option-detail-link,.admin-sidebar-toggle,.admin-notice-trigger,.admin-user-trigger,.admin-form-dialog-close,.admin-password-close,.booth-modal-close,.price-confirm-close,.frame-gallery-close,.contact-choice-close,.danger-button,button[type=submit]){border-color:var(--line,#ddd);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease} body[data-web-design] :is(.button-dark,.button-primary,.nav-cta,.admin-sidebar-logout){background-color:var(--dark,#222)!important;color:var(--white,#fff)!important} body[data-web-design] :is(.button-light,.mini-button,.detail-link,.option-detail-link,.admin-sidebar-toggle,.admin-notice-trigger,.admin-user-trigger){background-color:var(--white,var(--paper,#fff))!important;color:var(--ink,#222)!important} body[data-web-design] :is(.alert,.admin-alert,.notice,.status-pill,.payment-status,.delivery-status,.booking-option-tag,.booth-tag,.booth-number,.preview-chip){border-color:var(--line,#ddd)!important} body[data-web-design] :is(.booking-option-card[aria-pressed="true"],.booking-option-card.is-selected,.booth-pick.is-selected,.frame-option-card.is-selected){outline:2px solid var(--pink,#555)!important;outline-offset:2px} body[data-web-design] :is(.admin-notice-item,.notification-item,.admin-actions-cell,.admin-data-table td,.booking-table td,.booking-item,.booking-line-items,.booking-total-breakdown,.price-confirm-breakdown,.price-review-values div){border-color:var(--line,#ddd)!important} body[data-web-design] :is(.booth-modal,.price-confirm-modal,.admin-form-modal,.admin-password-modal,.contact-choice-modal,.frame-gallery-modal,.dashboard-slot-modal,.booth-photo-zoom){z-index:1200} body[data-web-design] :is(.booth-modal-backdrop,.price-confirm-backdrop,.admin-form-modal-backdrop,.admin-password-backdrop,.contact-choice-backdrop,.frame-gallery-backdrop,.dashboard-slot-backdrop,.booth-photo-zoom-backdrop){background:rgba(0,0,0,.72)} /* 16. Ransom Note + Magazine Cut-Out + Playful Editorial */ body[data-web-design="ransom-magazine-editorial"]{background:#f5f0e6;color:#171717;background-image:repeating-linear-gradient(0deg,#17171708 0,#17171708 1px,transparent 1px,transparent 7px)} body[data-web-design="ransom-magazine-editorial"] :is(.topbar,.account-top,.admin-header){background:#f5f0e6!important;border-bottom:2px solid #171717!important;box-shadow:0 4px 0 #171717} body[data-web-design="ransom-magazine-editorial"] .hero{width:96%;margin:22px auto;padding:clamp(52px,7vw,96px) 6%;grid-template-columns:1.08fr .92fr;gap:5%;min-height:640px;background:#f5f0e6;border:2px solid #171717;box-shadow:8px 9px 0 #171717;overflow:hidden} body[data-web-design="ransom-magazine-editorial"] .hero:before{display:block;inset:7% 3% 5%;background:#fffdf8;border:2px solid #171717;border-radius:0;box-shadow:none;transform:rotate(-1deg)} body[data-web-design="ransom-magazine-editorial"] .hero h1{font-family:Impact,"Arial Black",sans-serif;font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:-.055em;font-size:clamp(3.5rem,7.5vw,7.8rem);text-shadow:2px 2px 0 #f4d54f} body[data-web-design="ransom-magazine-editorial"] .hero h1 em{display:inline-block;position:relative;padding:.02em .1em;background:#f4d54f;color:#171717;border:2px solid #171717;transform:rotate(-2deg);font-style:normal;box-shadow:4px 4px 0 #171717} body[data-web-design="ransom-magazine-editorial"] .hero-copy .eyebrow,body[data-web-design="ransom-magazine-editorial"] .eyebrow{font-family:"Courier New",monospace;font-weight:900;letter-spacing:.1em;text-transform:uppercase} body[data-web-design="ransom-magazine-editorial"] .hero-copy .eyebrow{display:inline-block;padding:7px 10px;background:#ff4f37;color:#171717;border:2px solid #171717;transform:rotate(-2deg)} body[data-web-design="ransom-magazine-editorial"] .hero-art{border:2px solid #171717;border-radius:0;background:#fffdf8;padding:12px;box-shadow:7px 8px 0 #171717;transform:rotate(2deg)} body[data-web-design="ransom-magazine-editorial"] .hero-upload-photo{border:2px solid #171717;border-radius:0;box-shadow:3px 4px 0 #171717;transform:rotate(-2deg)} body[data-web-design="ransom-magazine-editorial"] .hero-upload-photo:nth-child(2n){transform:rotate(2deg) translateY(8px)} body[data-web-design="ransom-magazine-editorial"] .art-note,body[data-web-design="ransom-magazine-editorial"] .hero-more-count{background:#f4d54f;color:#171717;border:2px solid #171717;box-shadow:3px 3px 0 #171717;font-family:"Courier New",monospace;font-weight:900;transform:rotate(-4deg)} body[data-web-design="ransom-magazine-editorial"] .section{padding:86px 6%;border-top:2px solid #171717} body[data-web-design="ransom-magazine-editorial"] .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:2px solid #171717;padding-bottom:22px} body[data-web-design="ransom-magazine-editorial"] .section-heading h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.045em;line-height:.95} body[data-web-design="ransom-magazine-editorial"] .section-heading h2 em{display:inline-block;background:#ff4f37;color:#171717;padding:.02em .12em;font-style:normal;transform:rotate(-1deg);border:2px solid #171717;box-shadow:3px 3px 0 #171717} body[data-web-design="ransom-magazine-editorial"] .booth-grid,body[data-web-design="ransom-magazine-editorial"] .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start} body[data-web-design="ransom-magazine-editorial"] .booth-card,body[data-web-design="ransom-magazine-editorial"] .frame-card,body[data-web-design="ransom-magazine-editorial"] .gallery-card{background:#fffdf8;border:2px solid #171717;border-radius:0;box-shadow:5px 6px 0 #171717;overflow:hidden} body[data-web-design="ransom-magazine-editorial"] .booth-card:nth-child(3n+1),body[data-web-design="ransom-magazine-editorial"] .gallery-card:nth-child(3n+1){transform:rotate(-1.2deg)} body[data-web-design="ransom-magazine-editorial"] .booth-card:nth-child(3n+2),body[data-web-design="ransom-magazine-editorial"] .gallery-card:nth-child(3n+2){transform:rotate(1deg) translateY(12px)} body[data-web-design="ransom-magazine-editorial"] .booth-visual,body[data-web-design="ransom-magazine-editorial"] .frame-card-preview{border-radius:0;border-bottom:2px solid #171717} body[data-web-design="ransom-magazine-editorial"] .booth-number{background:#f4d54f;color:#171717;border:2px solid #171717;font-family:Impact,"Arial Black",sans-serif} body[data-web-design="ransom-magazine-editorial"] .booth-tag{background:#ff4f37;color:#171717;border:2px solid #171717;border-radius:0;font-family:"Courier New",monospace;font-weight:900} body[data-web-design="ransom-magazine-editorial"] .booth-info{padding:16px} body[data-web-design="ransom-magazine-editorial"] .booth-info h3,body[data-web-design="ransom-magazine-editorial"] .frame-card h3{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.025em} body[data-web-design="ransom-magazine-editorial"] :is(.button,.button-dark,.button-light,.nav-cta,.mini-button,.detail-link,.option-detail-link,button[type=submit]){border:2px solid #171717!important;border-radius:0!important;box-shadow:4px 4px 0 #171717!important;font-family:"Courier New",monospace;font-weight:900;text-transform:uppercase;letter-spacing:.025em} body[data-web-design="ransom-magazine-editorial"] :is(.button-dark,.nav-cta,button[type=submit]){background:#f4d54f;color:#171717} body[data-web-design="ransom-magazine-editorial"] :is(.button-light,.mini-button,.detail-link,.option-detail-link){background:#fffdf8;color:#171717} body[data-web-design="ransom-magazine-editorial"] :is(.price-section,.visit-banner){background:#ff4f37;color:#171717;border:2px solid #171717;border-radius:0;box-shadow:8px 8px 0 #171717} body[data-web-design="ransom-magazine-editorial"] .price-row{border-bottom:1px dashed #171717} body[data-web-design="ransom-magazine-editorial"] .gallery-section{background:#e7dfcf!important;border-block:2px solid #171717} body[data-web-design="ransom-magazine-editorial"] .gallery-grid{gap:20px} body[data-web-design="ransom-magazine-editorial"] .gallery-card img{border-radius:0} body[data-web-design="ransom-magazine-editorial"] :is(.auth-shell,.profile-card,.dashboard-wrap,.dashboard-calendar-card,.latest-booking-update,.booking-wizard-wrap,.wizard-card,.booking-summary,.booking-item,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.booking-option-card,.wizard-choice-preview,.confirm-summary,.price-review-card,.price-confirm-dialog,.booth-modal-dialog,.contact-choice-dialog,.admin-panel,.settings-form,.admin-data-table,.admin-table-filters,.stats-grid article,.stat-action-card,.manage-card,.result-card){background:#fffdf8;color:#171717;border:2px solid #171717!important;border-radius:0!important;box-shadow:5px 6px 0 #171717!important} body[data-web-design="ransom-magazine-editorial"] :is(.admin-sidebar,.admin-user-dropdown,.admin-user-menu,.admin-notice-menu){background:#171717;color:#f5f0e6;border-right:2px solid #171717} body[data-web-design="ransom-magazine-editorial"] :is(input,select,textarea,.wizard-native-choice){background:#fffdf8;color:#171717;border:2px solid #171717!important;border-radius:0!important} body[data-web-design="ransom-magazine-editorial"] :is(.alert,.admin-alert,.notice,.status-pill,.payment-status,.delivery-status,.preview-chip){background:#f4d54f!important;color:#171717!important;border:2px solid #171717!important;border-radius:0!important;box-shadow:3px 3px 0 #171717} body[data-web-design="ransom-magazine-editorial"] .web-design-preview{background:#f4d54f!important;color:#171717!important;border:2px solid #171717!important;border-radius:0!important;box-shadow:5px 5px 0 #171717!important} @keyframes nRansomSticker{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}} body[data-web-design="ransom-magazine-editorial"] .hero-copy .eyebrow,body[data-web-design="ransom-magazine-editorial"] .booth-tag{animation:nRansomSticker 4s ease-in-out infinite} body[data-web-design="ransom-magazine-editorial"] :is(.booth-card,.frame-card,.gallery-card,.button,.button-dark,.button-light):hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 #171717!important} /* Luxury Black & Gold final override — enforce ONLY black (#000) and one gold (#D4AF37) on every UI component/page. Raster photos and uploaded booth/hero/frame/gallery images stay unchanged. */ body[data-web-design="luxury-black-gold"]{--paper:#000;--ink:#d4af37;--muted:#d4af37;--pink:#d4af37;--orange:#d4af37;--line:#d4af37;--white:#000;--dark:#000;--radius:0;--theme-ink:#d4af37;--theme-paper:#000;--theme-accent:#d4af37;--theme-accent-2:#d4af37;--theme-border:#d4af37;--theme-radius:0;--theme-shadow:none;--tr-bg:#000;--tr-ink:#d4af37;--tr-muted:#d4af37;--tr-surface:#000;--tr-line:#d4af37;--tr-accent:#d4af37;--tr-accent2:#d4af37;--tr-footer:#000;--tr-footer-ink:#d4af37;--n-bg:#000;--n-ink:#d4af37;--n-muted:#d4af37;--n-accent:#d4af37;--n-accent2:#d4af37;--n-surface:#000;--n-line:#d4af37;--n-button-ink:#d4af37;background:#000;background-image:none;color:#d4af37} body[data-web-design="luxury-black-gold"] :where(*:not(img):not(video):not(source):not(picture):not(canvas):not(svg):not(path):not(iframe)){background-color:#000!important;color:#d4af37!important;border-color:#d4af37!important;box-shadow:none!important;text-shadow:none!important;accent-color:#d4af37} body[data-web-design="luxury-black-gold"] :where(body,header,nav,main,footer,section,article,aside,form,div,ul,ol,li,table,thead,tbody,tr,th,td,figure,details,summary,.hero,.section,.topbar,.footer,.price-section,.visit-banner,.admin-main,.dashboard-wrap,.booking-wizard-wrap,.account-main,.admin-header,.admin-sidebar,.admin-top,.admin-panel,.settings-form,.booking-card,.form-main,.auth-shell,.wizard-card,.booking-summary,.stats-grid article,.stat-action-card,.manage-card,.result-card,.confirm-summary,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.location-card,.booth-modal-dialog,.price-confirm-dialog,.booth-modal-copy,.booking-option-copy,.gallery-caption,.frame-info,.admin-data-table,.admin-table-filters,.admin-card,.admin-footer,.admin-content,.admin-notice-menu,.admin-notice-item,.admin-user-dropdown,.admin-user-menu,.admin-form-dialog,.admin-form-modal,.admin-password-dialog,.admin-password-modal,.profile-card,.dashboard-calendar-card,.latest-booking-update,.booking-success-card,.booking-detail,.booking-list,.booking-item,.booking-option-card,.booking-option-art,.wizard-choice-preview,.price-review-card,.price-review-values div,.contact-choice-dialog,.frame-gallery-dialog,.account-top,.auth-copy,.auth-form,.empty-state,.empty-bookings,.booking-line-items,.booking-total-breakdown,.pagination,.pagination a,.pagination button,.calendar-toolbar,.calendar-grid,.calendar-weekday,.booking-calendar-grid,.booking-calendar-weekday,.booking-calendar-toolbar,.booking-calendar-selected,.public-slot-grid,.booking-time-slots,.booking-time-heading,.web-design-selector,.web-design-preview,.alert,.admin-alert,.notice,.status-pill,.payment-status,.delivery-status){background-color:#000;background-image:none!important;color:#d4af37;border-color:#d4af37;box-shadow:none;backdrop-filter:none} body[data-web-design="luxury-black-gold"] :where(button,a,.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,.nav-cta,.mini-button,.detail-link,.option-detail-link,input,select,textarea,option,.admin-sidebar-toggle,.admin-notice-trigger,.admin-user-trigger,.admin-form-dialog-close,.admin-password-close,.booth-modal-close,.price-confirm-close,.frame-gallery-close,.contact-choice-close){background-color:#000;background-image:none;color:#d4af37;border-color:#d4af37;border-radius:0!important;box-shadow:none} body[data-web-design="luxury-black-gold"] :where(input,select,textarea,option)::placeholder{color:#d4af37!important;opacity:.72} body[data-web-design="luxury-black-gold"] :where(a,button,button span,.button span,.brand,.eyebrow,.muted,small,label,p,h1,h2,h3,h4,h5,h6,strong,b,em,i,td,th,li,dt,dd,legend,summary,caption){color:#d4af37} body[data-web-design="luxury-black-gold"] :where(.hero,.section,.topbar,.footer,.price-section,.visit-banner,.admin-top,.admin-panel,.settings-form,.auth-shell,.profile-card,.dashboard-calendar-card,.latest-booking-update,.booking-wizard-wrap,.wizard-card,.booking-summary,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.booking-option-card,.booth-modal-dialog,.price-confirm-dialog,.admin-data-table,.admin-user-dropdown,.admin-notice-menu,.admin-form-dialog,.admin-password-dialog,.contact-choice-dialog,.web-design-selector,.web-design-preview){background:#000;background-image:none} body[data-web-design="luxury-black-gold"] :where(.hero-art,.booth-visual,.booth-modal-art,.booking-option-art,.pick-art,.hero-upload-photo,.gallery-image-wrap){background-color:#000;border-color:#d4af37} body[data-web-design="luxury-black-gold"] :where(.hero-upload-photo img,.hero-art img,.booth-visual img,.booth-card img,.frame-card img,.frame-card-preview img,.gallery-card img,.gallery-item img,.booking-option-art img,.pick-art img,.booth-modal-art img,.booth-modal-gallery img,.frame-gallery-main-wrap img,.frame-gallery-thumbs img,.profile-avatar img,.customer-avatar img){filter:none;opacity:1;mix-blend-mode:normal} body[data-web-design="luxury-black-gold"] :where(svg:not(.photo-icon),svg:not(.photo-icon) *){color:#d4af37!important;fill:currentColor!important;stroke:currentColor!important} body[data-web-design="luxury-black-gold"] :where(.button-dark,.button-light,.button-primary,.button-secondary,.nav-cta,.wizard-progress .active,.wizard-progress [aria-current=step],.booking-calendar-selected,.booking-option-card[aria-pressed="true"]){background:#000;color:#d4af37;border-color:#d4af37} body[data-web-design="luxury-black-gold"] :where(.admin-sidebar,.admin-sidebar a,.admin-header,.admin-header a,.admin-notice-menu,.admin-user-dropdown,.admin-user-menu){background:#000;color:#d4af37} @media(max-width:1000px){body[data-web-design="ransom-magazine-editorial"] .booth-grid,body[data-web-design="ransom-magazine-editorial"] .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){body[data-web-design="ransom-magazine-editorial"] .hero{width:calc(100% - 20px);margin:10px;padding:40px 5%;grid-template-columns:1fr}body[data-web-design="ransom-magazine-editorial"] .section{padding:56px 6%}body[data-web-design="ransom-magazine-editorial"] .section-heading{align-items:start;flex-direction:column}body[data-web-design="ransom-magazine-editorial"] .booth-grid,body[data-web-design="ransom-magazine-editorial"] .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body[data-web-design="ransom-magazine-editorial"] .booth-card:nth-child(n),body[data-web-design="ransom-magazine-editorial"] .gallery-card:nth-child(n){transform:none}} @media(prefers-reduced-motion:reduce){body[data-web-design="ransom-magazine-editorial"] *{animation:none!important;transition:none!important}} /* NEPHA THEME COVERAGE v8 — consistent art direction across ALL route families. Shared behavior only; each theme keeps its existing landing-page composition and its own palette. */ body[data-web-design]{ background-color:var(--paper,#fff)!important; color:var(--ink,#222)!important; font-family:var(--n-body,inherit); --nt-surface:var(--white,var(--paper,#fff)); --nt-ink:var(--ink,#222); --nt-muted:var(--muted,#666); --nt-accent:var(--pink,#555); --nt-accent2:var(--orange,#ddd); --nt-line:var(--line,#ddd); --nt-radius:var(--radius,12px); } body[data-web-design] :is(.admin-main,.dashboard-main,.account-main,.booking-main,.profile-wrap,.admin-content){color:var(--nt-ink);} body[data-web-design] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel,.auth-copy,.profile-wrap>header,.profile-wrap>.eyebrow){color:var(--nt-ink);} body[data-web-design] :is(.admin-top h1,.booking-header h1,.dashboard-hero h1,.welcome-panel h1,.profile-wrap h1,.auth-copy h1){font-family:var(--n-display,inherit);color:var(--nt-ink);letter-spacing:-.035em;} body[data-web-design] :is(.admin-panel,.settings-form,.auth-shell,.auth-copy,.auth-card,.auth-form,.profile-card,.dashboard-wrap,.dashboard-calendar-card,.latest-booking-update,.empty-bookings,.empty-state,.booking-wizard-wrap,.wizard-intro,.wizard-card,.booking-summary,.booking-success-card,.booking-detail,.booking-list,.booking-item,.booking-calendar,.booking-time-panel,.booking-time-slots,.booking-calendar-selected,.booking-calendar-toolbar,.schedule-calendar-card,.schedule-day-detail,.calendar-toolbar,.public-slot-grid,.booking-option-card,.booking-option-copy,.wizard-choice-preview,.wizard-preview-copy,.confirm-summary,.price-confirm-card,.price-review-card,.price-review-values div,.price-confirm-dialog,.booth-modal-dialog,.booth-modal-copy,.frame-gallery-dialog,.contact-choice-dialog,.admin-user-dropdown,.admin-user-menu,.admin-notice-menu,.admin-notice-item,.admin-form-dialog,.admin-form-modal,.admin-password-dialog,.admin-password-modal,.admin-data-table,.admin-table-filters,.admin-filter-toolbar,.admin-analytics-grid,.stats-grid article,.stat-action-card,.manage-card,.result-card,.admin-card,.booking-table,.table-scroll,.pagination,.bank-account-card,.location-card,.web-design-selector,.web-design-preview){ color:var(--nt-ink)!important; border-color:var(--nt-line)!important; border-radius:var(--nt-radius); } body[data-web-design] :is(.admin-panel,.settings-form,.auth-shell,.profile-card,.dashboard-calendar-card,.latest-booking-update,.empty-bookings,.empty-state,.booking-wizard-wrap,.wizard-card,.booking-summary,.booking-success-card,.booking-detail,.booking-list,.booking-item,.booking-calendar,.booking-time-panel,.schedule-calendar-card,.booking-option-card,.wizard-choice-preview,.confirm-summary,.price-review-card,.price-confirm-dialog,.booth-modal-dialog,.frame-gallery-dialog,.contact-choice-dialog,.admin-data-table,.admin-table-filters,.admin-filter-toolbar,.admin-analytics-grid,.stats-grid article,.stat-action-card,.manage-card,.result-card,.admin-card,.booking-table,.bank-account-card,.location-card){ background-color:var(--nt-surface)!important; color:var(--nt-ink)!important; border-color:var(--nt-line)!important; box-shadow:var(--theme-shadow,var(--n-shadow,none)); } body[data-web-design] :is(.admin-data-table th,.booking-table th,.booking-calendar-weekday,.calendar-weekday,.booking-calendar-toolbar,.booking-calendar-selected,.booking-time-heading,.panel-heading,.admin-nav-group-label,.admin-table-filters,.admin-filter-toolbar){ background-color:var(--paper,#fff)!important;color:var(--nt-ink)!important;border-color:var(--nt-line)!important; } body[data-web-design] :is(.admin-sidebar,.admin-header,.admin-user-dropdown,.admin-user-menu,.admin-notice-menu){background-color:var(--dark,#222)!important;color:var(--white,#fff)!important;border-color:var(--nt-line)!important;} body[data-web-design] :is(.admin-sidebar a,.admin-header a,.admin-user-dropdown a,.admin-user-menu a,.admin-notice-menu a){color:inherit!important;} body[data-web-design] :is(input,select,textarea,option,.wizard-native-choice,.booking-search-label){background-color:var(--nt-surface)!important;color:var(--nt-ink)!important;border-color:var(--nt-line)!important;border-radius:var(--nt-radius);} body[data-web-design] :is(input,select,textarea,option,.wizard-native-choice)::placeholder{color:var(--nt-muted)!important;opacity:1;} body[data-web-design] :is(input,select,textarea):focus-visible{outline:2px solid var(--nt-accent)!important;outline-offset:2px;} body[data-web-design] :is(.button,.btn,.button-dark,.button-light,.button-primary,.button-secondary,.nav-cta,.mini-button,.detail-link,.option-detail-link,.admin-sidebar-toggle,.admin-notice-trigger,.admin-user-trigger,.admin-form-dialog-close,.admin-password-close,.booth-modal-close,.price-confirm-close,.frame-gallery-close,.contact-choice-close,.danger-button,button[type=submit]){ border-color:var(--nt-line)!important;border-radius:var(--nt-radius);font-family:var(--n-body,inherit);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease; } body[data-web-design] :is(.button-dark,.button-primary,.nav-cta,button[type=submit]){background-color:var(--dark,#222)!important;color:var(--white,#fff)!important;} body[data-web-design] :is(.button-light,.mini-button,.detail-link,.option-detail-link,.admin-sidebar-toggle,.admin-notice-trigger,.admin-user-trigger){background-color:var(--nt-surface)!important;color:var(--nt-ink)!important;} body[data-web-design] :is(.alert,.admin-alert,.notice,.status-pill,.payment-status,.delivery-status,.booking-option-tag,.booth-tag,.booth-number,.preview-chip){border-color:var(--nt-line)!important;border-radius:var(--nt-radius);} body[data-web-design] :is(.booking-option-card[aria-pressed="true"],.booking-option-card.is-selected,.booth-pick.is-selected,.frame-option-card.is-selected,.booking-time-slots button.selected,.public-slot-grid button[aria-pressed="true"]){outline:2px solid var(--nt-accent)!important;outline-offset:2px;} body[data-web-design] :is(.booking-option-art,.pick-art,.booth-visual,.booth-modal-art,.hero-art,.hero-upload-photo,.gallery-image-wrap){border-color:var(--nt-line);} body[data-web-design] :is(.admin-notice-item,.notification-item,.admin-actions-cell,.admin-data-table td,.booking-table td,.booking-item,.booking-line-items,.booking-total-breakdown,.price-confirm-breakdown,.price-review-values div){border-color:var(--nt-line)!important;} body[data-web-design] :is(.booth-modal,.price-confirm-modal,.admin-form-modal,.admin-password-modal,.contact-choice-modal,.frame-gallery-modal,.dashboard-slot-modal,.booth-photo-zoom){z-index:1200;} body[data-web-design] :is(.booth-modal-backdrop,.price-confirm-backdrop,.admin-form-modal-backdrop,.admin-password-backdrop,.contact-choice-backdrop,.frame-gallery-backdrop,.dashboard-slot-backdrop,.booth-photo-zoom-backdrop){background:rgba(0,0,0,.72);} /* Secondary pages receive per-theme art direction too, not just the landing page. */ body[data-web-design="maximalism"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#ffcf52;border:3px solid #32162f;border-radius:26px;box-shadow:8px 8px 0 #32162f;padding:clamp(22px,3vw,38px);} body[data-web-design="maximalism"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:3px solid #32162f;box-shadow:5px 6px 0 #f02f78;} body[data-web-design="playful-editorial"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:transparent;border:0;border-bottom:1px solid #cfc4b4;border-radius:0;box-shadow:none;padding:22px 0;} body[data-web-design="playful-editorial"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:0;border-top:2px solid #b94732;border-radius:0;box-shadow:none;} body[data-web-design="playful-editorial"] :is(.admin-top h1,.booking-header h1,.dashboard-hero h1,.welcome-panel h1,.profile-wrap h1,.auth-copy h1){font-family:Georgia,"Times New Roman",serif;font-weight:400;} body[data-web-design="korean-pop"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:linear-gradient(135deg,#ffe3f0,#e9e6ff 58%,#e6f8f1);border:1px solid #f2d7e9;border-radius:30px;box-shadow:0 14px 34px #a956921e;padding:clamp(22px,3vw,36px);} body[data-web-design="korean-pop"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px solid #f2d7e9;border-radius:26px;box-shadow:0 12px 30px #a956921c;} body[data-web-design="maximalist-pop"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#00d9c7;border:4px solid #19152d;border-radius:0;box-shadow:8px 8px 0 #19152d;padding:clamp(22px,3vw,38px);} body[data-web-design="maximalist-pop"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:3px solid #19152d;border-radius:0;box-shadow:6px 6px 0 #19152d;} body[data-web-design="retro-y2k"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:linear-gradient(120deg,#ded5ff,#ffc8e8,#c5f7ff);border:1px solid #fff;border-radius:26px;box-shadow:0 12px 32px #8772cc33;padding:clamp(22px,3vw,38px);} body[data-web-design="retro-y2k"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px solid #cdbbff;border-radius:22px;box-shadow:0 12px 30px #8772cc24;} body[data-web-design="scrapbook-chic"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#e6d7bd;border:2px dashed #80654f;border-radius:6px;box-shadow:5px 6px 0 #bca88c;padding:clamp(22px,3vw,36px);} body[data-web-design="scrapbook-chic"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px dashed #9f8266;border-radius:4px;box-shadow:4px 5px 0 #8d745327;} body[data-web-design="neubrutalism"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#d7ff00;border:3px solid #111;border-radius:0;box-shadow:7px 7px 0 #111;padding:clamp(22px,3vw,38px);} body[data-web-design="neubrutalism"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:3px solid #111;border-radius:0;box-shadow:5px 5px 0 #111;} body[data-web-design="minimalist-editorial"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:transparent;border:0;border-bottom:1px solid #d8d0c5;border-radius:0;box-shadow:none;padding:28px 0;} body[data-web-design="minimalist-editorial"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px solid #e1d9cf;border-radius:2px;box-shadow:none;} body[data-web-design="minimalist-editorial"] :is(.admin-top h1,.booking-header h1,.dashboard-hero h1,.welcome-panel h1,.profile-wrap h1,.auth-copy h1){font-family:Georgia,"Times New Roman",serif;font-weight:400;} body[data-web-design="soft-pastel"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:linear-gradient(135deg,#ffe3f0,#f0eaff 58%,#e5f4e2);border:1px solid #f3dce9;border-radius:30px;box-shadow:0 14px 35px #c99bb51f;padding:clamp(22px,3vw,38px);} body[data-web-design="soft-pastel"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px solid #f0d8e7;border-radius:25px;box-shadow:0 12px 30px #c99bb51b;} body[data-web-design="earthy-neutral"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#e8ddcc;border:1px solid #c8b69f;border-radius:18px 18px 5px 18px;box-shadow:0 10px 26px #54412b12;padding:clamp(22px,3vw,38px);} body[data-web-design="earthy-neutral"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px solid #d8c8b5;border-radius:14px 14px 5px 14px;box-shadow:0 10px 24px #54412b10;} body[data-web-design="bold-dark"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#191a22;border:1px solid #353640;border-radius:12px;box-shadow:inset 4px 0 #c4ff3b;padding:clamp(22px,3vw,38px);} body[data-web-design="bold-dark"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){background:#191a22;border:1px solid #353640;border-radius:9px;box-shadow:0 18px 45px #0008;} body[data-web-design="luxury-black-gold"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#000;color:#d4af37;border:1px solid #d4af37;border-radius:0;box-shadow:none;padding:clamp(22px,3vw,38px);} body[data-web-design="luxury-black-gold"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){background:#000;color:#d4af37;border:1px solid #d4af37;border-radius:0;box-shadow:none;} body[data-web-design="cartoon"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#ffe66d;border:3px solid #29213b;border-radius:18px;box-shadow:7px 7px 0 #29213b;padding:clamp(22px,3vw,38px);} body[data-web-design="cartoon"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:3px solid #29213b;border-radius:14px;box-shadow:5px 5px 0 #29213b;} body[data-web-design="portfolio-grid"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#f3f3ef;border:0;border-bottom:1px solid #d8dcd6;border-radius:0;box-shadow:none;padding:28px 0;} body[data-web-design="portfolio-grid"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){border:1px solid #d8dcd6;border-radius:0;box-shadow:none;} body[data-web-design="modern-gradient-glass"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:linear-gradient(135deg,#ffffffb5,#ffffff66);border:1px solid #ffffffd9;border-radius:28px;backdrop-filter:blur(18px);box-shadow:0 20px 50px #6b5ed521;padding:clamp(22px,3vw,38px);} body[data-web-design="modern-gradient-glass"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){background:linear-gradient(135deg,#ffffffc7,#ffffff80);border:1px solid #ffffffdf;border-radius:24px;backdrop-filter:blur(18px);box-shadow:0 18px 48px #5f58a51e;} body[data-web-design="ransom-magazine-editorial"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){background:#f4d54f;border:2px solid #171717;border-radius:0;box-shadow:6px 6px 0 #171717;padding:clamp(22px,3vw,38px);} body[data-web-design="ransom-magazine-editorial"] :is(.admin-panel,.settings-form,.wizard-card,.booking-summary,.profile-card,.dashboard-calendar-card){background:#fffdf8;border:2px solid #171717;border-radius:0;box-shadow:5px 5px 0 #171717;} /* Luxury theme strict two-ink rule includes pseudo-elements and UI marks; user photos are untouched. */ body[data-web-design="luxury-black-gold"]::before,body[data-web-design="luxury-black-gold"]::after, body[data-web-design="luxury-black-gold"] *::before,body[data-web-design="luxury-black-gold"] *::after{background-color:#000!important;background-image:none!important;border-color:#d4af37;box-shadow:none;color:#d4af37;} body[data-web-design="luxury-black-gold"] :where(.button-dark,.button-primary,.nav-cta,.booking-calendar-selected,.booking-option-card[aria-pressed="true"],.booking-time-slots button.selected,.public-slot-grid button[aria-pressed="true"]){background:#d4af37;color:#000;border-color:#d4af37;} body[data-web-design="luxury-black-gold"] :where(img,video,source,picture,canvas,iframe){filter:none;mix-blend-mode:normal;opacity:1;} @media(max-width:760px){ body[data-web-design] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){padding:20px!important;} body[data-web-design="playful-editorial"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel),body[data-web-design="minimalist-editorial"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel),body[data-web-design="portfolio-grid"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){padding:22px 0!important;} body[data-web-design="maximalism"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel),body[data-web-design="maximalist-pop"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel),body[data-web-design="neubrutalism"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel),body[data-web-design="cartoon"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel),body[data-web-design="ransom-magazine-editorial"] :is(.admin-top,.booking-header,.dashboard-hero,.welcome-panel){padding:20px!important;} } @media(prefers-reduced-motion:reduce){body[data-web-design] *,body[data-web-design] *::before,body[data-web-design] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}} /* Floating Photo Collage — Landing page gallery only. Photos remain unfiltered and untouched. */ /* Balanced compositions for small albums so one or two photos never look lost. */ /* Keep each theme's own graphic language while sharing the collage geometry. */ /* v16 — CINEMATIC 3D COVERFLOW: gallery intentionally has its own visual treatment, independent of site theme. */ .gallery-section { position: relative; isolation: isolate; width: 100%; max-width: none; margin: clamp(28px, 5vw, 72px) 0; padding: clamp(62px, 7.5vw, 112px) max(5.5vw, calc((100vw - 1160px) / 2)); overflow: hidden; color: #f5f2ed; background: radial-gradient(ellipse at 50% 42%, #1a1d26 0%, #0b0d12 56%, #06070a 100%); } .gallery-section::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5; background: radial-gradient(ellipse at 50% 42%, transparent 10%, rgba(0,0,0,.28) 72%, rgba(0,0,0,.72) 100%), repeating-linear-gradient(0deg, rgba(255,255,255,.016) 0, rgba(255,255,255,.016) 1px, transparent 1px, transparent 4px); } .gallery-section .section-heading { position: relative; z-index: 1; margin-bottom: 30px; } .gallery-section .section-heading .eyebrow, .gallery-section .gallery-album-heading .eyebrow { color: #c7ab7c !important; } .gallery-section .section-heading h2 { color: #f5f2ed !important; } .gallery-section .section-heading h2 em { color: #d4bc95 !important; } .gallery-section .section-heading > p { color: #a8a9b0 !important; } .gallery-section .gallery-album-nav { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 35px; } .gallery-section .gallery-album-nav button { border: 1px solid rgba(220,220,230,.22) !important; background: rgba(255,255,255,.035) !important; color: #d9d8d4 !important; border-radius: 999px !important; backdrop-filter: blur(9px); } .gallery-section .gallery-album-nav button.active { color: #111216 !important; background: #d4bc95 !important; border-color: #d4bc95 !important; } .gallery-section .gallery-album-nav button span { background: rgba(0,0,0,.12) !important; color: inherit !important; } .gallery-section .gallery-album { position: relative; margin: 18px 0 0; } .gallery-section .gallery-album-heading { align-items: baseline; gap: 12px 18px; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 15px; margin-bottom: 8px; } .gallery-section .gallery-album-heading h3 { color: #f1eee8; font: 500 clamp(22px, 2.7vw, 32px)/1.2 'Playfair Display', Georgia, serif; letter-spacing: -.02em; } .gallery-section .gallery-album-heading p { color: #a8a9b0 !important; } .gallery-section .gallery-coverflow { --coverflow-accent: #d4bc95; position: relative; width: 100%; max-width: 1120px; margin: 0 auto; outline: none; } .gallery-section .gallery-coverflow:focus-visible { outline: 1px solid rgba(212,188,149,.75); outline-offset: 7px; border-radius: 10px; } .gallery-section .coverflow-stage { position: relative; width: 100%; height: clamp(380px, 43vw, 540px); perspective: 1450px; perspective-origin: 50% 43%; transform-style: preserve-3d; overflow: visible; touch-action: pan-y; user-select: none; } body[data-web-design] .gallery-section .coverflow-stage .coverflow-slide, .gallery-section .coverflow-stage .coverflow-slide { position: absolute; top: 50%; left: 50%; display: block; width: clamp(240px, 34vw, 420px); height: min(470px, 40vw); min-height: 320px; margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.19) !important; border-radius: 11px !important; background: #0c0e13 !important; box-shadow: 0 36px 90px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.08) inset !important; transform-style: preserve-3d; transform-origin: center center; backface-visibility: hidden; transition: transform 680ms cubic-bezier(.2,.72,.2,1), opacity 520ms ease, filter 520ms ease, box-shadow 520ms ease; will-change: transform, opacity; cursor: pointer; animation: none !important; rotate: none !important; } .gallery-section .coverflow-stage .coverflow-slide.is-current { box-shadow: 0 38px 105px rgba(0,0,0,.68), 0 0 0 1px rgba(212,188,149,.38) !important; } .gallery-section .coverflow-stage .coverflow-slide > img { display: block; width: 100%; height: 100%; min-height: 0; margin: 0; object-fit: cover; object-position: center; transform: scale(1.002); transition: transform 850ms cubic-bezier(.2,.72,.2,1), filter 500ms ease; } .gallery-section .coverflow-stage .coverflow-slide.is-current > img { transform: scale(1.035); } .gallery-section .coverflow-stage .coverflow-slide::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(4,5,8,.04) 34%, rgba(4,5,8,.16) 51%, rgba(4,5,8,.91) 100%); } .gallery-section .coverflow-stage .coverflow-slide > figcaption { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 6px; min-height: 0; max-height: none; padding: 65px 24px 24px; border: 0 !important; border-radius: 0 !important; background: linear-gradient(180deg, transparent, rgba(5,6,9,.88)) !important; color: #f8f5ef !important; text-align: left; } .gallery-section .coverflow-stage .coverflow-slide > figcaption .coverflow-caption-kicker { display: block; color: #d4bc95 !important; font: 700 9px/1.4 'DM Sans', sans-serif; letter-spacing: .2em; } .gallery-section .coverflow-stage .coverflow-slide > figcaption b { display: block; color: #faf7f1 !important; font: 500 clamp(21px, 2.1vw, 29px)/1.08 'Playfair Display', Georgia, serif; letter-spacing: -.02em; text-wrap: balance; } .gallery-section .coverflow-stage .coverflow-slide > figcaption > span:not(.coverflow-caption-kicker) { color: rgba(245,242,237,.78) !important; font-size: 11px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .gallery-section .coverflow-controls { display: grid; grid-template-columns: 46px minmax(100px, 260px) 46px; align-items: center; justify-content: center; gap: clamp(18px, 3vw, 42px); margin: 12px auto 0; } .gallery-section .coverflow-arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; background: rgba(255,255,255,.045); color: #f5f2ed; font-size: 21px; line-height: 1; cursor: pointer; transition: background 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease; } .gallery-section .coverflow-arrow:hover:not(:disabled) { background: #d4bc95; border-color: #d4bc95; color: #111216; transform: scale(1.055); } .gallery-section .coverflow-arrow:disabled { opacity: .28; cursor: default; } .gallery-section .coverflow-arrow:focus-visible { outline: 2px solid #d4bc95; outline-offset: 4px; } .gallery-section .coverflow-progress-wrap { display: grid; gap: 10px; min-width: 0; } .gallery-section .coverflow-counter { display: block; text-align: center; color: #eee8df; font: 500 11px/1 'DM Sans', sans-serif; letter-spacing: .2em; font-variant-numeric: tabular-nums; } .gallery-section .coverflow-progress-track { display: block; width: 100%; height: 2px; border-radius: 5px; background: rgba(255,255,255,.17); overflow: hidden; } .gallery-section .coverflow-progress-track > span { display: block; width: 0; height: 100%; background: #d4bc95; transition: width 380ms ease; } .gallery-section .coverflow-hint { margin: 19px 0 0; color: #8e919b !important; font-size: 10px; letter-spacing: .035em; text-align: center; } .gallery-section .gallery-empty { color: #f5f2ed; } .gallery-section .gallery-empty p { color: #a8a9b0; } @media (max-width: 760px) { .gallery-section { padding: 58px 18px 68px; margin-block: 26px; } .gallery-section .section-heading { align-items: flex-start; flex-direction: column; gap: 15px; margin-bottom: 26px; } .gallery-section .section-heading > p { max-width: 100%; } .gallery-section .gallery-album-nav { flex-wrap: nowrap; overflow-x: auto; padding: 0 0 7px; margin-bottom: 27px; scrollbar-width: thin; } .gallery-section .gallery-album-nav button { flex: 0 0 auto; } .gallery-section .gallery-album-heading { align-items: flex-start; flex-direction: column; gap: 4px; } .gallery-section .coverflow-stage { height: 380px; perspective: 1050px; } body[data-web-design] .gallery-section .coverflow-stage .coverflow-slide, .gallery-section .coverflow-stage .coverflow-slide { width: min(67vw, 305px); height: 340px; min-height: 280px; } .gallery-section .coverflow-stage .coverflow-slide > figcaption { padding: 48px 16px 18px; } .gallery-section .coverflow-stage .coverflow-slide > figcaption b { font-size: clamp(19px, 5.2vw, 25px); } .gallery-section .coverflow-stage .coverflow-slide > figcaption > span:not(.coverflow-caption-kicker) { font-size: 10px; } .gallery-section .coverflow-controls { grid-template-columns: 42px minmax(75px, 190px) 42px; gap: clamp(12px, 4vw, 24px); margin-top: 1px; } .gallery-section .coverflow-arrow { width: 40px; height: 40px; } .gallery-section .coverflow-hint { max-width: 310px; margin: 15px auto 0; line-height: 1.6; } } @media (max-width: 380px) { .gallery-section .coverflow-stage { height: 340px; } body[data-web-design] .gallery-section .coverflow-stage .coverflow-slide, .gallery-section .coverflow-stage .coverflow-slide { width: 70vw; height: 300px; } .gallery-section .coverflow-stage .coverflow-slide > figcaption { padding-inline: 13px; } } @media (prefers-reduced-motion: reduce) { .gallery-section .coverflow-stage .coverflow-slide, .gallery-section .coverflow-stage .coverflow-slide > img, .gallery-section .coverflow-arrow, .gallery-section .coverflow-progress-track > span { transition: none !important; } .gallery-section .coverflow-hint { display: none; } } /* v17 — Theme-aware gallery section. The gallery follows the selected website theme; photo pixels remain original. */ .gallery-section { color: var(--gallery-ink, var(--ink, #25212a)) !important; background: var(--gallery-background, var(--gallery-paper, #fffaf4)) !important; border: var(--gallery-section-border, 0) !important; border-radius: var(--gallery-section-radius, 0) !important; box-shadow: var(--gallery-section-shadow, none) !important; color-scheme: light; } .gallery-section::before { background: var(--gallery-atmosphere, none) !important; opacity: 1 !important; } .gallery-section .section-heading .eyebrow, .gallery-section .gallery-album-heading .eyebrow { color: var(--gallery-accent, #db563b) !important; } .gallery-section .section-heading h2, .gallery-section .gallery-album-heading h3, .gallery-section .gallery-empty h3 { color: var(--gallery-ink, #25212a) !important; } .gallery-section .section-heading h2 em { color: var(--gallery-accent, #db563b) !important; background: none !important; -webkit-text-fill-color: currentColor !important; } .gallery-section .section-heading > p, .gallery-section .gallery-album-heading p, .gallery-section .gallery-empty p { color: var(--gallery-muted, #71665f) !important; } .gallery-section .gallery-album-nav button { border: var(--gallery-chip-border, 1px solid var(--gallery-line, #d9cec2)) !important; background: var(--gallery-surface, #fffdf9) !important; color: var(--gallery-ink, #25212a) !important; border-radius: var(--gallery-chip-radius, 999px) !important; box-shadow: var(--gallery-chip-shadow, none) !important; backdrop-filter: var(--gallery-glass, none); } .gallery-section .gallery-album-nav button.active { background: var(--gallery-accent, #db563b) !important; color: var(--gallery-accent-ink, #fffdf9) !important; border-color: var(--gallery-accent, #db563b) !important; } .gallery-section .gallery-album-nav button span { background: transparent !important; color: inherit !important; } .gallery-section .gallery-album-heading { border-bottom-color: var(--gallery-line, #d9cec2) !important; } .gallery-section .gallery-album-heading h3 { font-family: var(--gallery-heading-font, inherit) !important; } .gallery-section .gallery-coverflow { --coverflow-accent: var(--gallery-accent, #db563b); } body[data-web-design] .gallery-section .coverflow-stage .coverflow-slide, .gallery-section .coverflow-stage .coverflow-slide { border: var(--gallery-card-border, 1px solid var(--gallery-line, #d9cec2)) !important; border-radius: var(--gallery-card-radius, 12px) !important; background: var(--gallery-surface, #fffdf9) !important; box-shadow: var(--gallery-card-shadow, 0 28px 60px rgba(0,0,0,.24)) !important; } .gallery-section .coverflow-stage .coverflow-slide.is-current { box-shadow: var(--gallery-card-active-shadow, 0 34px 78px rgba(0,0,0,.28)) !important; } .gallery-section .coverflow-stage .coverflow-slide::after { background: var(--gallery-photo-overlay, linear-gradient(180deg, transparent 30%, rgba(0,0,0,.84) 100%)) !important; } .gallery-section .coverflow-stage .coverflow-slide > figcaption { background: var(--gallery-caption-background, linear-gradient(180deg, transparent, rgba(0,0,0,.86))) !important; color: var(--gallery-caption-ink, #fffaf4) !important; } .gallery-section .coverflow-stage .coverflow-slide > figcaption .coverflow-caption-kicker { color: var(--gallery-caption-accent, var(--gallery-accent, #db563b)) !important; } .gallery-section .coverflow-stage .coverflow-slide > figcaption b { color: var(--gallery-caption-ink, #fffaf4) !important; font-family: var(--gallery-heading-font, inherit) !important; } .gallery-section .coverflow-stage .coverflow-slide > figcaption > span:not(.coverflow-caption-kicker) { color: var(--gallery-caption-muted, rgba(255,250,244,.8)) !important; } .gallery-section .coverflow-controls { grid-template-columns: 44px 40px minmax(100px,260px) 44px !important; gap: clamp(10px, 2vw, 20px) !important; } .gallery-section .coverflow-arrow, .gallery-section .coverflow-toggle { display: grid; place-items: center; width: 42px; height: 42px; border: var(--gallery-control-border, 1px solid var(--gallery-line, #d9cec2)) !important; border-radius: var(--gallery-control-radius, 50%) !important; background: var(--gallery-control-background, var(--gallery-surface, #fffdf9)) !important; color: var(--gallery-ink, #25212a) !important; box-shadow: var(--gallery-control-shadow, none) !important; font: inherit; font-weight: 700; font-size: 16px; line-height: 1; cursor: pointer; transition: transform 180ms ease, background 180ms ease, color 180ms ease; } .gallery-section .coverflow-arrow:hover:not(:disabled), .gallery-section .coverflow-toggle:hover { background: var(--gallery-accent, #db563b) !important; color: var(--gallery-accent-ink, #fffdf9) !important; border-color: var(--gallery-accent, #db563b) !important; transform: translateY(-2px); } .gallery-section .coverflow-arrow:disabled { opacity: .3; } .gallery-section .coverflow-arrow:focus-visible, .gallery-section .coverflow-toggle:focus-visible { outline: 2px solid var(--gallery-accent, #db563b); outline-offset: 4px; } .gallery-section .coverflow-progress-wrap { min-width: 0; } .gallery-section .coverflow-counter { color: var(--gallery-muted, #71665f) !important; } .gallery-section .coverflow-progress-track { background: var(--gallery-line, #d9cec2) !important; } .gallery-section .coverflow-progress-track > span { background: var(--gallery-accent, #db563b) !important; } .gallery-section .coverflow-hint { color: var(--gallery-muted, #71665f) !important; } .gallery-section .gallery-empty { color: var(--gallery-ink, #25212a) !important; } /* 1 Maximalism: peach paper, expressive pink and marigold accents. */ body[data-web-design="maximalism"] .gallery-section { --gallery-ink:#27152f; --gallery-muted:#68536c; --gallery-accent:#f34b8b; --gallery-accent-ink:#fffaf4; --gallery-line:#e5b7ce; --gallery-surface:#fffaf4; --gallery-paper:#fff4ed; --gallery-background:radial-gradient(ellipse at 7% 8%,#ffc85736,transparent 29%),radial-gradient(ellipse at 93% 78%,#f34b8b22,transparent 34%),linear-gradient(140deg,#fff4ed,#fff9f3 58%,#f9e8f2); --gallery-atmosphere:radial-gradient(circle at 96% 13%,#ffc85730 0 95px,transparent 98px),radial-gradient(circle at 4% 88%,#f34b8b1c 0 125px,transparent 128px); --gallery-card-border:3px solid #27152f; --gallery-card-radius:22px; --gallery-card-shadow:8px 9px 0 #27152f22,0 24px 56px #27152f24; --gallery-card-active-shadow:9px 10px 0 #27152f30,0 34px 72px #27152f33; --gallery-section-border:0; --gallery-chip-radius:18px; --gallery-chip-shadow:3px 3px 0 #27152f18; } /* 2 Playful Editorial: restrained warm paper, ink and vermilion. */ body[data-web-design="playful-editorial"] .gallery-section { --gallery-ink:#29252a; --gallery-muted:#71665f; --gallery-accent:#db563b; --gallery-accent-ink:#fffdf9; --gallery-line:#d9cec2; --gallery-surface:#fffdf9; --gallery-paper:#fbf8f2; --gallery-background:linear-gradient(90deg,#e7ddce18 1px,transparent 1px),linear-gradient(180deg,#fbf8f2,#f4eee4); --gallery-atmosphere:linear-gradient(90deg,transparent 0 8%,#d9cec230 8.05% 8.12%,transparent 8.2% 91.8%,#d9cec230 91.9% 92%,transparent 92.1%); --gallery-card-border:1px solid #29252a; --gallery-card-radius:0; --gallery-card-shadow:10px 10px 0 #e8d8bb; --gallery-card-active-shadow:12px 12px 0 #db563b35,10px 10px 0 #e8d8bb; --gallery-section-border:1px solid #d9cec2; --gallery-heading-font:Georgia,"Times New Roman",serif; --gallery-chip-radius:0; --gallery-control-radius:0; --gallery-control-border:1px solid #29252a; --gallery-control-shadow:3px 3px 0 #29252a18; } /* 3 Korean Pop Aesthetic: luminous blush, lilac and rounded glass-like chips. */ body[data-web-design="korean-pop"] .gallery-section { --gallery-ink:#33273c; --gallery-muted:#786b7d; --gallery-accent:#f38dbb; --gallery-accent-ink:#33273c; --gallery-line:#f0cde1; --gallery-surface:#fffefe; --gallery-paper:#fff8fc; --gallery-background:radial-gradient(ellipse at 10% 5%,#ffd7e866,transparent 30%),radial-gradient(ellipse at 90% 40%,#dedcff86,transparent 34%),linear-gradient(160deg,#fff8fc,#fffafd 55%,#f4f0ff); --gallery-atmosphere:radial-gradient(circle at 93% 12%,#b8b6ff35 0 92px,transparent 94px),radial-gradient(circle at 5% 89%,#f38dbb30 0 120px,transparent 122px); --gallery-card-border:4px solid #fff; --gallery-card-radius:28px; --gallery-card-shadow:0 20px 55px #b982b83a; --gallery-card-active-shadow:0 26px 65px #b982b84f; --gallery-section-border:1px solid #f0cde1; --gallery-section-radius:32px; --gallery-chip-radius:999px; --gallery-glass:blur(10px); } /* 4 Maximalist Pop: loud turquoise, pop-pink and warm yellow. */ body[data-web-design="maximalist-pop"] .gallery-section { --gallery-ink:#211a38; --gallery-muted:#625777; --gallery-accent:#ff477e; --gallery-accent-ink:#fffef7; --gallery-line:#211a38; --gallery-surface:#fffef7; --gallery-paper:#fff9e8; --gallery-background:radial-gradient(circle at 6% 12%,#00d5c02c 0 105px,transparent 108px),radial-gradient(circle at 95% 80%,#ff477e25 0 140px,transparent 143px),linear-gradient(125deg,#fff9e8,#fff5cc); --gallery-atmosphere:radial-gradient(circle at 93% 12%,#00d5c03a 0 90px,transparent 93px),radial-gradient(circle at 5% 90%,#ff477e25 0 115px,transparent 118px); --gallery-card-border:4px solid #211a38; --gallery-card-radius:10px; --gallery-card-shadow:8px 8px 0 #00d5c0; --gallery-card-active-shadow:9px 9px 0 #ff477e,8px 8px 0 #00d5c0; --gallery-section-border:3px solid #211a38; --gallery-chip-radius:2px; --gallery-chip-shadow:3px 3px 0 #211a38; } /* 5 Retro Y2K: lavender chrome mood with ultraviolet and candy-pink highlights. */ body[data-web-design="retro-y2k"] .gallery-section { --gallery-ink:#242052; --gallery-muted:#68618c; --gallery-accent:#8d5cff; --gallery-accent-ink:#fffaff; --gallery-line:#d4c8f4; --gallery-surface:#fffaff; --gallery-paper:#f6f2ff; --gallery-background:radial-gradient(ellipse at 12% 8%,#ff9fd75a,transparent 32%),radial-gradient(ellipse at 89% 28%,#8d5cff38,transparent 33%),linear-gradient(135deg,#f6f2ff,#e9e1ff 52%,#fcecff); --gallery-atmosphere:repeating-linear-gradient(135deg,#8d5cff0b 0 2px,transparent 2px 13px); --gallery-card-border:2px solid #fffaff; --gallery-card-radius:20px; --gallery-card-shadow:0 22px 58px #7760be30; --gallery-card-active-shadow:0 28px 68px #8d5cff4a; --gallery-section-border:1px solid #d4c8f4; --gallery-section-radius:24px; --gallery-chip-radius:999px; --gallery-control-border:1px solid #bca7f0; } /* 6 Scrapbook Chic: tactile parchment, terracotta and kraft-paper edges. */ body[data-web-design="scrapbook-chic"] .gallery-section { --gallery-ink:#40352c; --gallery-muted:#7a6b5e; --gallery-accent:#b76d4c; --gallery-accent-ink:#fffdf5; --gallery-line:#d8c49d; --gallery-surface:#fffdf5; --gallery-paper:#fff9ed; --gallery-background:radial-gradient(ellipse at 95% 5%,#d8c49d45,transparent 32%),linear-gradient(135deg,#fff9ed,#f0e4ce); --gallery-atmosphere:repeating-linear-gradient(0deg,#80654f09 0 1px,transparent 1px 5px); --gallery-card-border:2px dashed #9f8266; --gallery-card-radius:4px; --gallery-card-shadow:7px 8px 0 #bca88c65; --gallery-card-active-shadow:9px 10px 0 #b76d4c36,7px 8px 0 #bca88c65; --gallery-section-border:2px dashed #bca88c; --gallery-chip-radius:4px; --gallery-chip-shadow:3px 3px 0 #8d745325; --gallery-heading-font:Georgia,"Times New Roman",serif; } /* 7 Neubrutalism: high contrast paper, acid lime and hard ink edges. */ body[data-web-design="neubrutalism"] .gallery-section { --gallery-ink:#111; --gallery-muted:#333; --gallery-accent:#d7ff00; --gallery-accent-ink:#111; --gallery-line:#111; --gallery-surface:#fff; --gallery-paper:#fff; --gallery-background:linear-gradient(135deg,#fff,#f7f7f2); --gallery-atmosphere:linear-gradient(135deg,#d7ff0010 0 24%,transparent 24% 100%),radial-gradient(circle at 94% 12%,#ff6b351c 0 82px,transparent 84px); --gallery-card-border:3px solid #111; --gallery-card-radius:0; --gallery-card-shadow:8px 8px 0 #111; --gallery-card-active-shadow:10px 10px 0 #d7ff00,8px 8px 0 #111; --gallery-section-border:3px solid #111; --gallery-chip-radius:0; --gallery-chip-border:2px solid #111; --gallery-chip-shadow:3px 3px 0 #111; --gallery-control-radius:0; --gallery-control-border:2px solid #111; --gallery-control-shadow:3px 3px 0 #111; } /* 8 Minimalist Editorial: uncoated white, charcoal typography, quiet lines. */ body[data-web-design="minimalist-editorial"] .gallery-section { --gallery-ink:#242424; --gallery-muted:#6d6b67; --gallery-accent:#292929; --gallery-accent-ink:#fff; --gallery-line:#dedbd5; --gallery-surface:#fff; --gallery-paper:#faf9f6; --gallery-background:linear-gradient(180deg,#faf9f6,#fff 68%,#f4f2ed); --gallery-atmosphere:linear-gradient(90deg,transparent 0 6%,#dedbd544 6.04% 6.1%,transparent 6.14% 93.8%,#dedbd544 93.9% 93.96%,transparent 94%); --gallery-card-border:1px solid #dedbd5; --gallery-card-radius:2px; --gallery-card-shadow:0 16px 42px #24242412; --gallery-card-active-shadow:0 22px 50px #24242420; --gallery-section-border:0; --gallery-chip-radius:2px; --gallery-control-radius:2px; --gallery-control-border:1px solid #242424; --gallery-heading-font:Georgia,"Times New Roman",serif; } /* 9 Soft Pastel: airy pink, lavender and mint. */ body[data-web-design="soft-pastel"] .gallery-section { --gallery-ink:#51445e; --gallery-muted:#86758e; --gallery-accent:#c47ca7; --gallery-accent-ink:#fff; --gallery-line:#eed9e8; --gallery-surface:#fffdfd; --gallery-paper:#fff5fa; --gallery-background:radial-gradient(ellipse at 8% 12%,#f6cce455,transparent 32%),radial-gradient(ellipse at 92% 85%,#cae9d955,transparent 34%),linear-gradient(135deg,#fff5fa,#f3efff 58%,#eef8f0); --gallery-atmosphere:radial-gradient(circle at 95% 14%,#e5d5ff7a 0 90px,transparent 94px),radial-gradient(circle at 4% 90%,#f6cce455 0 110px,transparent 114px); --gallery-card-border:2px solid #fff; --gallery-card-radius:26px; --gallery-card-shadow:0 20px 55px #bd93b52b; --gallery-card-active-shadow:0 27px 65px #bd93b53d; --gallery-section-border:1px solid #eed9e8; --gallery-section-radius:32px; --gallery-chip-radius:999px; --gallery-control-radius:18px; } /* 10 Earthy Neutral / Warm Organic: sand, clay and muted olive. */ body[data-web-design="earthy-neutral"] .gallery-section { --gallery-ink:#3d392f; --gallery-muted:#777064; --gallery-accent:#747b4a; --gallery-accent-ink:#fffaf0; --gallery-line:#d1c3ad; --gallery-surface:#fffaf0; --gallery-paper:#f3ecdf; --gallery-background:radial-gradient(ellipse at 100% 0%,#b9b08e55,transparent 32%),linear-gradient(135deg,#f3ecdf,#e6dac7 56%,#f5efe4); --gallery-atmosphere:radial-gradient(ellipse at 0% 100%,#b76d4c1b 0 24%,transparent 25%),repeating-linear-gradient(45deg,#766b4b08 0 1px,transparent 1px 8px); --gallery-card-border:2px solid #d1c3ad; --gallery-card-radius:16px 16px 4px 16px; --gallery-card-shadow:0 20px 48px #594c351a; --gallery-card-active-shadow:0 27px 60px #594c352b; --gallery-section-border:1px solid #d1c3ad; --gallery-section-radius:18px 18px 5px 18px; --gallery-chip-radius:14px 14px 3px 14px; } /* 11 Bold Dark Mode: charcoal surfaces with acid-lime highlights. */ body[data-web-design="bold-dark"] .gallery-section { --gallery-ink:#f4f4f8; --gallery-muted:#a8a9b7; --gallery-accent:#c4ff3b; --gallery-accent-ink:#111217; --gallery-line:#353640; --gallery-surface:#191a22; --gallery-paper:#101116; --gallery-background:radial-gradient(ellipse at 78% 0%,#c4ff3b0d,transparent 34%),linear-gradient(145deg,#101116,#171821 60%,#0d0e13); --gallery-atmosphere:radial-gradient(circle at 94% 12%,#c4ff3b12 0 115px,transparent 118px); --gallery-card-border:1px solid #353640; --gallery-card-radius:12px; --gallery-card-shadow:0 30px 68px #0009; --gallery-card-active-shadow:0 34px 78px #000b,0 0 0 1px #c4ff3b70; --gallery-section-border:1px solid #353640; --gallery-chip-radius:8px; --gallery-control-background:#191a22; } /* 12 Luxury Black & Gold: all gallery UI is strictly black and gold; only photographs retain their native colors. */ body[data-web-design="luxury-black-gold"] .gallery-section { --gallery-ink:#d4af37; --gallery-muted:#d4af37; --gallery-accent:#d4af37; --gallery-accent-ink:#000; --gallery-line:#d4af37; --gallery-surface:#000; --gallery-paper:#000; --gallery-background:#000; --gallery-atmosphere:none; --gallery-card-border:1px solid #d4af37; --gallery-card-radius:0; --gallery-card-shadow:none; --gallery-card-active-shadow:0 0 0 1px #d4af37; --gallery-section-border:1px solid #d4af37; --gallery-chip-radius:0; --gallery-chip-border:1px solid #d4af37; --gallery-chip-shadow:none; --gallery-control-radius:0; --gallery-control-border:1px solid #d4af37; --gallery-control-background:#000; --gallery-control-shadow:none; --gallery-caption-ink:#d4af37; --gallery-caption-muted:#d4af37; --gallery-caption-accent:#d4af37; --gallery-caption-background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.96) 100%); --gallery-photo-overlay:linear-gradient(180deg,rgba(0,0,0,0) 26%,rgba(0,0,0,.97) 100%); } body[data-web-design="luxury-black-gold"] .gallery-section :is(.section-heading h2,.gallery-album-heading h3,.gallery-empty h3,.section-heading h2 em,.section-heading .eyebrow,.gallery-album-heading .eyebrow,.section-heading > p,.gallery-album-heading p,.gallery-empty p,.gallery-album-nav button,.gallery-counter,.coverflow-hint,.coverflow-counter) { color:#d4af37; } body[data-web-design="luxury-black-gold"] .gallery-section :is(.gallery-album-nav button,.coverflow-arrow,.coverflow-toggle,.coverflow-stage .coverflow-slide) { background:#000; color:#d4af37; border-color:#d4af37; box-shadow:none; } body[data-web-design="luxury-black-gold"] .gallery-section .gallery-album-nav button.active { background:#d4af37; color:#000; } body[data-web-design="luxury-black-gold"] .gallery-section .coverflow-stage .coverflow-slide > figcaption, body[data-web-design="luxury-black-gold"] .gallery-section .coverflow-stage .coverflow-slide > figcaption b, body[data-web-design="luxury-black-gold"] .gallery-section .coverflow-stage .coverflow-slide > figcaption span { color:#d4af37; } body[data-web-design="luxury-black-gold"] .gallery-section .coverflow-progress-track { background:#000 !important; border:1px solid #d4af37; } body[data-web-design="luxury-black-gold"] .gallery-section .coverflow-progress-track > span { background:#d4af37; } /* 13 Cartoon: sunny yellow panels, bold purple ink and comic-style edging. */ body[data-web-design="cartoon"] .gallery-section { --gallery-ink:#29213b; --gallery-muted:#534b67; --gallery-accent:#ed4e84; --gallery-accent-ink:#fff; --gallery-line:#29213b; --gallery-surface:#fff8e9; --gallery-paper:#ffe66d; --gallery-background:radial-gradient(circle at 8% 12%,#76d7ff42 0 90px,transparent 93px),radial-gradient(circle at 95% 78%,#ed4e842b 0 115px,transparent 118px),linear-gradient(135deg,#fff8e9,#ffe66d55); --gallery-atmosphere:radial-gradient(circle at 93% 12%,#76d7ff5c 0 76px,transparent 79px); --gallery-card-border:4px solid #29213b; --gallery-card-radius:18px; --gallery-card-shadow:8px 8px 0 #29213b; --gallery-card-active-shadow:10px 10px 0 #ed4e84,8px 8px 0 #29213b; --gallery-section-border:3px solid #29213b; --gallery-chip-radius:12px; --gallery-chip-border:2px solid #29213b; --gallery-chip-shadow:3px 3px 0 #29213b; --gallery-control-radius:12px; --gallery-control-shadow:3px 3px 0 #29213b; } /* 14 Portfolio Grid / Masonry: gallery-as-exhibition, neutral paper and chartreuse marker. */ body[data-web-design="portfolio-grid"] .gallery-section { --gallery-ink:#171917; --gallery-muted:#595d57; --gallery-accent:#171917; --gallery-accent-ink:#dfff48; --gallery-line:#d8dcd6; --gallery-surface:#f9faf6; --gallery-paper:#f3f3ef; --gallery-background:linear-gradient(180deg,#f3f3ef,#e8ebe5 65%,#f3f3ef); --gallery-atmosphere:linear-gradient(90deg,transparent 0 7%,#d8dcd677 7.04% 7.1%,transparent 7.14% 92.8%,#d8dcd677 92.9% 92.96%,transparent 93%); --gallery-card-border:1px solid #d8dcd6; --gallery-card-radius:0; --gallery-card-shadow:0 18px 38px #17191713; --gallery-card-active-shadow:0 24px 48px #17191724; --gallery-section-border:0; --gallery-chip-radius:0; --gallery-control-radius:0; --gallery-control-border:1px solid #171917; --gallery-heading-font:Arial,Helvetica,sans-serif; } body[data-web-design="portfolio-grid"] .gallery-section .gallery-album-nav button.active { background:#171917; color:#dfff48; } /* 15 Modern Gradient & Glassmorphism: frosted lilac surfaces and luminous teal gradients. */ body[data-web-design="modern-gradient-glass"] .gallery-section { --gallery-ink:#242044; --gallery-muted:#6e6a8e; --gallery-accent:#7664e8; --gallery-accent-ink:#fff; --gallery-line:#ffffffd6; --gallery-surface:#ffffffa8; --gallery-paper:#f4f1ff; --gallery-background:radial-gradient(ellipse at 5% 8%,#f4c8ffcc,transparent 36%),radial-gradient(ellipse at 95% 16%,#9df4e6b8,transparent 33%),linear-gradient(135deg,#f8f4ffb8,#e6f7ffcc 52%,#f8e9ffc7); --gallery-atmosphere:radial-gradient(ellipse at 50% 0%,#8876ff1b,transparent 54%); --gallery-card-border:1px solid #ffffffdf; --gallery-card-radius:28px; --gallery-card-shadow:0 22px 58px #5f58a52b; --gallery-card-active-shadow:0 28px 72px #5f58a53c; --gallery-section-border:1px solid #ffffffdf; --gallery-section-radius:30px; --gallery-chip-radius:999px; --gallery-glass:blur(16px); --gallery-control-background:#ffffffa8; --gallery-control-radius:18px; } /* 16 Ransom Note + Magazine Cut-Out + Playful Editorial: clipped yellow paper, red accents and rough black outlines. */ body[data-web-design="ransom-magazine-editorial"] .gallery-section { --gallery-ink:#171717; --gallery-muted:#4d453b; --gallery-accent:#e63f37; --gallery-accent-ink:#fffdf8; --gallery-line:#171717; --gallery-surface:#fffdf8; --gallery-paper:#f4d54f; --gallery-background:radial-gradient(circle at 92% 7%,#e63f3728 0 105px,transparent 108px),linear-gradient(135deg,#f4d54f,#fff0a0 50%,#fffdf8); --gallery-atmosphere:repeating-linear-gradient(135deg,#17171709 0 2px,transparent 2px 10px); --gallery-card-border:3px solid #171717; --gallery-card-radius:0; --gallery-card-shadow:8px 8px 0 #171717; --gallery-card-active-shadow:10px 10px 0 #e63f37,8px 8px 0 #171717; --gallery-section-border:3px solid #171717; --gallery-chip-radius:0; --gallery-chip-border:2px solid #171717; --gallery-chip-shadow:3px 3px 0 #171717; --gallery-control-radius:0; --gallery-control-shadow:3px 3px 0 #171717; --gallery-heading-font:"Courier New",monospace; } body[data-web-design="ransom-magazine-editorial"] .gallery-section .section-heading h2, body[data-web-design="ransom-magazine-editorial"] .gallery-section .gallery-album-heading h3 { text-transform:uppercase; letter-spacing:-.055em; } @media (max-width:760px) { .gallery-section .coverflow-controls { grid-template-columns:40px 36px minmax(70px,190px) 40px !important; gap:8px !important; } .gallery-section .coverflow-arrow,.gallery-section .coverflow-toggle { width:38px; height:38px; } } @media (max-width:390px) { .gallery-section .coverflow-controls { grid-template-columns:34px 32px minmax(58px,1fr) 34px !important; gap:6px !important; } .gallery-section .coverflow-arrow,.gallery-section .coverflow-toggle { width:32px; height:32px; font-size:13px; } .gallery-section .coverflow-counter { font-size:9px; } } @media (prefers-reduced-motion: reduce) { .gallery-section .coverflow-stage .coverflow-slide, .gallery-section .coverflow-stage .coverflow-slide > img, .gallery-section .coverflow-arrow,.gallery-section .coverflow-toggle, .gallery-section .coverflow-progress-track > span { transition:none !important; } .gallery-section .coverflow-hint { display:block; } } /* ====================================================================== THEME CORRECTIONS v15 — kontras dan identitas tema (lapisan terakhir) Setiap blok hanya memperbaiki hal yang tidak sesuai nama tema. ====================================================================== */ /* Maximalism — teks di atas blob pink harus tetap terbaca */ body[data-web-design="maximalism"] .hero .eyebrow{color:#27152f;background:#fff4d6;border:2px solid #27152f;border-radius:999px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px} body[data-web-design="maximalism"] .hero-copy>p{color:#27152f;font-weight:600} body[data-web-design="maximalism"] .hero h1 em{color:#fff4d6} /* Maximalist Pop — teks di atas halftone diberi panel solid */ body[data-web-design="maximalist-pop"] .hero .eyebrow{color:#211a38;background:#ffe14d;border:3px solid #211a38;padding:5px 12px;display:inline-flex;align-items:center;gap:8px;box-shadow:3px 3px 0 #211a38} body[data-web-design="maximalist-pop"] .hero-copy>p{color:#211a38;background:#fffef7;border:3px solid #211a38;padding:12px 16px;box-shadow:4px 4px 0 #211a38;font-weight:600;max-width:34em} body[data-web-design="maximalist-pop"] .hero-actions .text-link{color:#211a38;background:#fffef7;border:2px solid #211a38;padding:6px 10px} /* Neubrutalism — kata sorot tidak boleh sewarna latar (oranye di atas oranye) */ body[data-web-design="neubrutalism"] .hero h1 em{color:#fff;text-shadow:3px 3px 0 #111;-webkit-text-stroke:0;text-decoration:none} body[data-web-design="neubrutalism"] .hero .eyebrow{color:#111;background:#d7ff00;border:3px solid #111;padding:5px 10px;display:inline-flex;align-items:center;gap:8px;box-shadow:3px 3px 0 #111} body[data-web-design="neubrutalism"] .hero-copy>p{color:#111;font-weight:600} /* Bold Dark Mode — tombol, tautan, kalender, dan panel wajib terbaca di latar charcoal */ body[data-web-design="bold-dark"]{--bd-bg:#0f1014;--bd-panel:#1a1b22;--bd-panel-2:#22232c;--bd-line:#353640;--bd-text:#f4f4f8;--bd-muted:#a9abb8;--bd-lime:#c6ff3d;--bd-violet:#8b5cf6} body[data-web-design="bold-dark"] .topbar nav a{color:var(--bd-muted)} body[data-web-design="bold-dark"] .topbar nav a:hover,body[data-web-design="bold-dark"] .topbar nav a:focus-visible{color:var(--bd-lime)} body[data-web-design="bold-dark"] :is(.button-dark,.button-primary,.nav-cta,button[type="submit"]){background:var(--bd-lime)!important;color:#0f1014!important;border:2px solid var(--bd-lime)!important;box-shadow:none;font-weight:800} body[data-web-design="bold-dark"] :is(.button-dark,.button-primary,.nav-cta,button[type="submit"]):hover{background:#fff!important;border-color:#fff!important;color:#0f1014!important} body[data-web-design="bold-dark"] .button-light{background:transparent;color:var(--bd-text);border:2px solid var(--bd-line)} body[data-web-design="bold-dark"] .button-light:hover{border-color:var(--bd-violet);color:#fff} body[data-web-design="bold-dark"] :is(.landing-calendar-card,.schedule-calendar-card) :is(label,.eyebrow,small,p){color:var(--bd-muted)} body[data-web-design="bold-dark"] .landing-calendar-top :is(label,.schedule-calendar-summary){background:var(--bd-panel-2);color:var(--bd-text);border:1px solid var(--bd-line);border-radius:14px;padding:14px} body[data-web-design="bold-dark"] .landing-calendar-top .eyebrow{color:var(--bd-lime)} body[data-web-design="bold-dark"] .landing-calendar-top strong{color:var(--bd-text)} body[data-web-design="bold-dark"] .landing-calendar-top select{background:var(--bd-bg);color:var(--bd-text);border:1px solid var(--bd-line)} body[data-web-design="bold-dark"] .calendar-day{background:var(--bd-panel-2);color:var(--bd-text);border:1px solid var(--bd-line)} body[data-web-design="bold-dark"] .calendar-day span{color:var(--bd-text)} body[data-web-design="bold-dark"] .calendar-day small{color:var(--bd-muted)} body[data-web-design="bold-dark"] .calendar-day.is-empty{background:transparent;border-color:transparent} body[data-web-design="bold-dark"] .calendar-day:not(.is-empty):hover{border-color:var(--bd-lime)} body[data-web-design="bold-dark"] .calendar-weekday{background:var(--bd-bg);color:var(--bd-muted)} body[data-web-design="bold-dark"] .schedule-day-heading h2{color:var(--bd-text)} body[data-web-design="bold-dark"] .public-slot{background:var(--bd-panel-2);color:var(--bd-text);border:1px solid var(--bd-line)} body[data-web-design="bold-dark"] .public-slot.is-booked{background:#2a2b34;color:var(--bd-muted)} body[data-web-design="bold-dark"] .mini-button{background:var(--bd-panel-2);color:var(--bd-text);border:1px solid var(--bd-line)} /* Scrapbook Chic — isolasi (tape) pada foto dan kartu agar terasa seperti tempelan */ body[data-web-design="scrapbook-chic"] :is(.photo-front,.booth-card,.frame-card){position:relative} body[data-web-design="scrapbook-chic"] :is(.photo-front,.booth-card,.frame-card)::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;transform:translateX(-50%) rotate(-3deg);background:rgba(216,196,157,.78);box-shadow:0 1px 2px rgba(64,53,44,.18);z-index:4;pointer-events:none} body[data-web-design="scrapbook-chic"] :is(.booth-card,.frame-card):nth-child(even)::before{transform:translateX(-50%) rotate(4deg);background:rgba(183,109,76,.55)} /* Bold Dark Mode — area admin */ body[data-web-design="bold-dark"] .admin-top h1 em{color:var(--bd-lime);-webkit-text-fill-color:currentColor} body[data-web-design="bold-dark"] :is(.stats-grid article,.stat-action-card) strong{color:var(--bd-text)} body[data-web-design="bold-dark"] :is(.stats-grid article,.stat-action-card) :is(span,small){color:var(--bd-muted)} body[data-web-design="bold-dark"] .admin-panel :is(.panel-heading,h2,h3){color:var(--bd-text)!important;background:transparent} body[data-web-design="bold-dark"] .admin-panel .panel-heading{border-bottom:1px solid var(--bd-line)} /* ====================================================================== CONTRAST FIX v16 — teks wajib terbaca di setiap tema (rasio >= 4.5:1, >= 3:1 untuk teks besar). Dibuat dari audit otomatis 16 tema. ====================================================================== */ /* bold-dark */ body[data-web-design="bold-dark"][data-web-design] .account-top a.text-link{color:#f6f4ff;-webkit-text-fill-color:#f6f4ff} body[data-web-design="bold-dark"][data-web-design] .brand b{color:#f6f4ff;-webkit-text-fill-color:#f6f4ff} body[data-web-design="bold-dark"][data-web-design] .brand span.brand-icon{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="bold-dark"][data-web-design] .google-button span{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="bold-dark"][data-web-design] .price-intro span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="bold-dark"][data-web-design] .price-row span.price-index{color:#7f5c62;-webkit-text-fill-color:#7f5c62} body[data-web-design="bold-dark"][data-web-design] .report-export-form label{color:#f6f4ff;-webkit-text-fill-color:#f6f4ff} body[data-web-design="bold-dark"][data-web-design] .report-filters label{color:#808489;-webkit-text-fill-color:#808489} body[data-web-design="bold-dark"][data-web-design] .report-period-form label{color:#808489;-webkit-text-fill-color:#808489} body[data-web-design="bold-dark"][data-web-design] .report-results-heading h2{color:#717579;-webkit-text-fill-color:#717579} body[data-web-design="bold-dark"][data-web-design] .steps-grid h3{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="bold-dark"][data-web-design] .steps-grid p{color:#6c6b75;-webkit-text-fill-color:#6c6b75} body[data-web-design="bold-dark"][data-web-design] .wizard-card div.wizard-note{color:#65646d;-webkit-text-fill-color:#65646d} /* cartoon */ body[data-web-design="cartoon"][data-web-design] .admin-top span.eyebrow{color:#a03e5a;-webkit-text-fill-color:#a03e5a} body[data-web-design="cartoon"][data-web-design] .auth-copy span.eyebrow{color:#b84566;-webkit-text-fill-color:#b84566} body[data-web-design="cartoon"][data-web-design] .brand small{color:#9992a5;-webkit-text-fill-color:#9992a5} body[data-web-design="cartoon"][data-web-design] .brand span.brand-icon{color:#29213b;-webkit-text-fill-color:#29213b} body[data-web-design="cartoon"][data-web-design] .footer p{color:#948fa0;-webkit-text-fill-color:#948fa0} body[data-web-design="cartoon"][data-web-design] .hero-copy em{color:#c4486c;-webkit-text-fill-color:#c4486c} body[data-web-design="cartoon"][data-web-design] .hero-copy span.eyebrow{color:#a03e5a;-webkit-text-fill-color:#a03e5a} body[data-web-design="cartoon"][data-web-design] .panel-heading span.eyebrow{color:#b84566;-webkit-text-fill-color:#b84566} body[data-web-design="cartoon"][data-web-design] .price-intro span.eyebrow{color:#943a54;-webkit-text-fill-color:#943a54} body[data-web-design="cartoon"][data-web-design] .price-list div.price-note{color:#29213b;-webkit-text-fill-color:#29213b} body[data-web-design="cartoon"][data-web-design] .price-row small{color:#29213b;-webkit-text-fill-color:#29213b} body[data-web-design="cartoon"][data-web-design] .price-row span.price-index{color:#6b4f53;-webkit-text-fill-color:#6b4f53} body[data-web-design="cartoon"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="cartoon"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="cartoon"][data-web-design] .report-overview-heading span.eyebrow{color:#b84566;-webkit-text-fill-color:#b84566} body[data-web-design="cartoon"][data-web-design] .schedule-calendar-summary span.eyebrow{color:#c4496c;-webkit-text-fill-color:#c4496c} body[data-web-design="cartoon"][data-web-design] .schedule-day-heading span.eyebrow{color:#b84566;-webkit-text-fill-color:#b84566} body[data-web-design="cartoon"][data-web-design] .section-heading em{color:#cc4573;-webkit-text-fill-color:#cc4573} body[data-web-design="cartoon"][data-web-design] .section-heading span.eyebrow{color:#ab3c61;-webkit-text-fill-color:#ab3c61} body[data-web-design="cartoon"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="cartoon"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="cartoon"][data-web-design] .visit-banner p{color:#29213b;-webkit-text-fill-color:#29213b} body[data-web-design="cartoon"][data-web-design] .visit-banner span.eyebrow{color:#29213b;-webkit-text-fill-color:#29213b} body[data-web-design="cartoon"][data-web-design] .wizard-card span.eyebrow{color:#b84566;-webkit-text-fill-color:#b84566} body[data-web-design="cartoon"][data-web-design] .wizard-intro span.eyebrow{color:#b84566;-webkit-text-fill-color:#b84566} /* earthy-neutral */ body[data-web-design="earthy-neutral"][data-web-design] .admin-top span.eyebrow{color:#6f4533;-webkit-text-fill-color:#6f4533} body[data-web-design="earthy-neutral"][data-web-design] .brand small{color:#a89c92;-webkit-text-fill-color:#a89c92} body[data-web-design="earthy-neutral"][data-web-design] .footer p{color:#a89c92;-webkit-text-fill-color:#a89c92} body[data-web-design="earthy-neutral"][data-web-design] .price-intro span.eyebrow{color:#7e4e39;-webkit-text-fill-color:#7e4e39} body[data-web-design="earthy-neutral"][data-web-design] .price-list div.price-note{color:#3c3027;-webkit-text-fill-color:#3c3027} body[data-web-design="earthy-neutral"][data-web-design] .price-row small{color:#3c3027;-webkit-text-fill-color:#3c3027} body[data-web-design="earthy-neutral"][data-web-design] .price-row span.price-index{color:#3c3027;-webkit-text-fill-color:#3c3027} body[data-web-design="earthy-neutral"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="earthy-neutral"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="earthy-neutral"][data-web-design] .stats-grid small{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="earthy-neutral"][data-web-design] .stats-grid span{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="earthy-neutral"][data-web-design] .visit-banner p{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="earthy-neutral"][data-web-design] .visit-banner span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .admin-top span.eyebrow{color:#8c546d;-webkit-text-fill-color:#8c546d} body[data-web-design="korean-pop"][data-web-design] .auth-copy span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} body[data-web-design="korean-pop"][data-web-design] .brand small{color:#9a909e;-webkit-text-fill-color:#9a909e} body[data-web-design="korean-pop"][data-web-design] .brand span.brand-icon{color:#4c4a4c;-webkit-text-fill-color:#4c4a4c} body[data-web-design="korean-pop"][data-web-design] .footer p{color:#9c8fa2;-webkit-text-fill-color:#9c8fa2} body[data-web-design="korean-pop"][data-web-design] .gallery-album-heading span.eyebrow{color:#995b77;-webkit-text-fill-color:#995b77} body[data-web-design="korean-pop"][data-web-design] .hero-copy em{color:#c44886;-webkit-text-fill-color:#c44886} body[data-web-design="korean-pop"][data-web-design] .hero-copy span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} body[data-web-design="korean-pop"][data-web-design] .panel-heading span.eyebrow{color:#975a75;-webkit-text-fill-color:#975a75} body[data-web-design="korean-pop"][data-web-design] .price-intro span.eyebrow{color:#8c546d;-webkit-text-fill-color:#8c546d} body[data-web-design="korean-pop"][data-web-design] .price-list div.price-note{color:#6a6460;-webkit-text-fill-color:#6a6460} body[data-web-design="korean-pop"][data-web-design] .price-row small{color:#6a6460;-webkit-text-fill-color:#6a6460} body[data-web-design="korean-pop"][data-web-design] .price-row span.price-index{color:#7f5c62;-webkit-text-fill-color:#7f5c62} body[data-web-design="korean-pop"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="korean-pop"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="korean-pop"][data-web-design] .report-overview-heading span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} body[data-web-design="korean-pop"][data-web-design] .schedule-calendar-summary span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} body[data-web-design="korean-pop"][data-web-design] .schedule-day-heading span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} body[data-web-design="korean-pop"][data-web-design] .section-heading em{color:#af6888;-webkit-text-fill-color:#af6888} body[data-web-design="korean-pop"][data-web-design] .section-heading span.eyebrow{color:#975a75;-webkit-text-fill-color:#975a75} body[data-web-design="korean-pop"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="korean-pop"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="korean-pop"][data-web-design] .visit-banner p{color:#413944;-webkit-text-fill-color:#413944} body[data-web-design="korean-pop"][data-web-design] .visit-banner span.eyebrow{color:#33273c;-webkit-text-fill-color:#33273c} body[data-web-design="korean-pop"][data-web-design] .wizard-card span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} body[data-web-design="korean-pop"][data-web-design] .wizard-intro span.eyebrow{color:#a3607e;-webkit-text-fill-color:#a3607e} /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .brand span.brand-icon{color:#ead79b;-webkit-text-fill-color:#ead79b} body[data-web-design="luxury-black-gold"][data-web-design] .report-filters button.button.button-dark{color:#d4af37;-webkit-text-fill-color:#d4af37} /* maximalism */ body[data-web-design="maximalism"][data-web-design] .admin-top span.eyebrow{color:#a22454;-webkit-text-fill-color:#a22454} body[data-web-design="maximalism"][data-web-design] .brand small{color:#958798;-webkit-text-fill-color:#958798} body[data-web-design="maximalism"][data-web-design] .footer p{color:#9c8a99;-webkit-text-fill-color:#9c8a99} body[data-web-design="maximalism"][data-web-design] .hero-copy em{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="maximalism"][data-web-design] .hero-meta span{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="maximalism"][data-web-design] .price-intro p{color:#9c8a99;-webkit-text-fill-color:#9c8a99} body[data-web-design="maximalism"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="maximalism"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="maximalism"][data-web-design] .section-heading span.eyebrow{color:#97234f;-webkit-text-fill-color:#97234f} body[data-web-design="maximalism"][data-web-design] .stats-grid small{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="maximalism"][data-web-design] .stats-grid span{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="maximalism"][data-web-design] .visit-banner p{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="maximalism"][data-web-design] .visit-banner span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} /* maximalist-pop */ body[data-web-design="maximalist-pop"][data-web-design] .admin-top span.eyebrow{color:#88284a;-webkit-text-fill-color:#88284a} body[data-web-design="maximalist-pop"][data-web-design] .brand small{color:#9189a0;-webkit-text-fill-color:#9189a0} body[data-web-design="maximalist-pop"][data-web-design] .footer p{color:#898395;-webkit-text-fill-color:#898395} body[data-web-design="maximalist-pop"][data-web-design] .hero-meta b{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="maximalist-pop"][data-web-design] .hero-meta span{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="maximalist-pop"][data-web-design] .price-intro p{color:#211a38;-webkit-text-fill-color:#211a38} body[data-web-design="maximalist-pop"][data-web-design] .price-intro span.eyebrow{color:#211a38;-webkit-text-fill-color:#211a38} body[data-web-design="maximalist-pop"][data-web-design] .price-row span.price-index{color:#211a38;-webkit-text-fill-color:#211a38} body[data-web-design="maximalist-pop"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="maximalist-pop"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="maximalist-pop"][data-web-design] .section-heading em{color:#db3f6e;-webkit-text-fill-color:#db3f6e} body[data-web-design="maximalist-pop"][data-web-design] .section-heading span.eyebrow{color:#211a38;-webkit-text-fill-color:#211a38} body[data-web-design="maximalist-pop"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="maximalist-pop"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="maximalist-pop"][data-web-design] .visit-banner p{color:#211a38;-webkit-text-fill-color:#211a38} body[data-web-design="maximalist-pop"][data-web-design] .visit-banner span.eyebrow{color:#211a38;-webkit-text-fill-color:#211a38} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .brand span.brand-icon{color:#24221f;-webkit-text-fill-color:#24221f} body[data-web-design="minimalist-editorial"][data-web-design] .price-list div.price-note{color:#24221f;-webkit-text-fill-color:#24221f} body[data-web-design="minimalist-editorial"][data-web-design] .price-row small{color:#24221f;-webkit-text-fill-color:#24221f} body[data-web-design="minimalist-editorial"][data-web-design] .price-row span.price-index{color:#75565a;-webkit-text-fill-color:#75565a} body[data-web-design="minimalist-editorial"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="minimalist-editorial"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="minimalist-editorial"][data-web-design] .report-filters button.button.button-dark{color:#24221f;-webkit-text-fill-color:#24221f} body[data-web-design="minimalist-editorial"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="minimalist-editorial"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="minimalist-editorial"][data-web-design] .visit-banner p{color:#24221f;-webkit-text-fill-color:#24221f} body[data-web-design="minimalist-editorial"][data-web-design] .visit-banner span.eyebrow{color:#24221f;-webkit-text-fill-color:#24221f} /* modern-gradient-glass */ body[data-web-design="modern-gradient-glass"][data-web-design] .brand b{color:#242044;-webkit-text-fill-color:#242044} body[data-web-design="modern-gradient-glass"][data-web-design] .brand small{color:#938fac;-webkit-text-fill-color:#938fac} body[data-web-design="modern-gradient-glass"][data-web-design] .brand span.brand-icon{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="modern-gradient-glass"][data-web-design] .footer p{color:#928faa;-webkit-text-fill-color:#928faa} body[data-web-design="modern-gradient-glass"][data-web-design] .price-intro p{color:#242044;-webkit-text-fill-color:#242044} body[data-web-design="modern-gradient-glass"][data-web-design] .price-intro span.eyebrow{color:#242044;-webkit-text-fill-color:#242044} body[data-web-design="modern-gradient-glass"][data-web-design] .price-list div.price-note{color:#242044;-webkit-text-fill-color:#242044} body[data-web-design="modern-gradient-glass"][data-web-design] .price-row small{color:#242044;-webkit-text-fill-color:#242044} body[data-web-design="modern-gradient-glass"][data-web-design] .price-row span.price-index{color:#242044;-webkit-text-fill-color:#242044} body[data-web-design="modern-gradient-glass"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="modern-gradient-glass"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="modern-gradient-glass"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="modern-gradient-glass"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} /* neubrutalism */ body[data-web-design="neubrutalism"][data-web-design] .admin-top span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .auth-copy span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .brand small{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="neubrutalism"][data-web-design] .brand span.brand-icon{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .footer p{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="neubrutalism"][data-web-design] .gallery-album-heading span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .hero-copy em{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .panel-heading span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .price-intro span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .price-row span.price-index{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="neubrutalism"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="neubrutalism"][data-web-design] .report-overview-heading span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .schedule-calendar-summary span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .schedule-day-heading span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .section-heading em{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .section-heading span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="neubrutalism"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="neubrutalism"][data-web-design] .visit-banner span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .wizard-card span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="neubrutalism"][data-web-design] .wizard-intro span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} /* playful-editorial */ body[data-web-design="playful-editorial"][data-web-design] .brand small{color:#948c87;-webkit-text-fill-color:#948c87} body[data-web-design="playful-editorial"][data-web-design] .price-list div.price-note{color:#29252a;-webkit-text-fill-color:#29252a} body[data-web-design="playful-editorial"][data-web-design] .price-row small{color:#29252a;-webkit-text-fill-color:#29252a} body[data-web-design="playful-editorial"][data-web-design] .price-row span.price-index{color:#75565a;-webkit-text-fill-color:#75565a} body[data-web-design="playful-editorial"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="playful-editorial"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="playful-editorial"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="playful-editorial"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="playful-editorial"][data-web-design] .visit-banner p{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="playful-editorial"][data-web-design] .visit-banner span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} /* portfolio-grid */ body[data-web-design="portfolio-grid"][data-web-design] .admin-top span.eyebrow{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="portfolio-grid"][data-web-design] .brand span.brand-icon{color:#171917;-webkit-text-fill-color:#171917} body[data-web-design="portfolio-grid"][data-web-design] .price-intro span.eyebrow{color:#ffffff;-webkit-text-fill-color:#ffffff} body[data-web-design="portfolio-grid"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="portfolio-grid"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="portfolio-grid"][data-web-design] .report-filters button.button.button-dark{color:#171917;-webkit-text-fill-color:#171917} body[data-web-design="portfolio-grid"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="portfolio-grid"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} /* ransom-magazine-editorial */ body[data-web-design="ransom-magazine-editorial"][data-web-design] .account-top a.text-link{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .admin-top span.eyebrow{color:#923f4d;-webkit-text-fill-color:#923f4d} body[data-web-design="ransom-magazine-editorial"][data-web-design] .brand b{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .brand small{color:#928f8b;-webkit-text-fill-color:#928f8b} body[data-web-design="ransom-magazine-editorial"][data-web-design] .footer p{color:#928f8b;-webkit-text-fill-color:#928f8b} body[data-web-design="ransom-magazine-editorial"][data-web-design] .panel-heading span.eyebrow{color:#a74657;-webkit-text-fill-color:#a74657} body[data-web-design="ransom-magazine-editorial"][data-web-design] .price-intro p{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .price-intro span.eyebrow{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .price-list div.price-note{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .price-row small{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .price-row span.price-index{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="ransom-magazine-editorial"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="ransom-magazine-editorial"][data-web-design] .section-heading em{color:#c63831;-webkit-text-fill-color:#c63831} body[data-web-design="ransom-magazine-editorial"][data-web-design] .section-heading span.eyebrow{color:#a74657;-webkit-text-fill-color:#a74657} body[data-web-design="ransom-magazine-editorial"][data-web-design] .stats-grid small{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="ransom-magazine-editorial"][data-web-design] .stats-grid span{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="ransom-magazine-editorial"][data-web-design] .visit-banner p{color:#171717;-webkit-text-fill-color:#171717} body[data-web-design="ransom-magazine-editorial"][data-web-design] .visit-banner span.eyebrow{color:#171717;-webkit-text-fill-color:#171717} /* retro-y2k */ body[data-web-design="retro-y2k"][data-web-design] .admin-top span.eyebrow{color:#723dac;-webkit-text-fill-color:#723dac} body[data-web-design="retro-y2k"][data-web-design] .auth-form button.button.button-dark.button-full{color:#242052;-webkit-text-fill-color:#242052} body[data-web-design="retro-y2k"][data-web-design] .brand small{color:#9590ae;-webkit-text-fill-color:#9590ae} body[data-web-design="retro-y2k"][data-web-design] .button span{color:#414041;-webkit-text-fill-color:#414041} body[data-web-design="retro-y2k"][data-web-design] .footer p{color:#928eac;-webkit-text-fill-color:#928eac} body[data-web-design="retro-y2k"][data-web-design] .hero-actions a.button.button-dark{color:#000000;-webkit-text-fill-color:#000000} body[data-web-design="retro-y2k"][data-web-design] .hero-copy em{color:#ae5190;-webkit-text-fill-color:#ae5190} body[data-web-design="retro-y2k"][data-web-design] .price-intro span.eyebrow{color:#542f7c;-webkit-text-fill-color:#542f7c} body[data-web-design="retro-y2k"][data-web-design] .price-list div.price-note{color:#000000;-webkit-text-fill-color:#000000} body[data-web-design="retro-y2k"][data-web-design] .price-row small{color:#000000;-webkit-text-fill-color:#000000} body[data-web-design="retro-y2k"][data-web-design] .price-row span.price-index{color:#000000;-webkit-text-fill-color:#000000} body[data-web-design="retro-y2k"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="retro-y2k"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="retro-y2k"][data-web-design] .report-filters button.button.button-dark{color:#242052;-webkit-text-fill-color:#242052} body[data-web-design="retro-y2k"][data-web-design] .report-period-form button.button.button-dark{color:#242052;-webkit-text-fill-color:#242052} body[data-web-design="retro-y2k"][data-web-design] .section a.button.button-dark{color:#000000;-webkit-text-fill-color:#000000} body[data-web-design="retro-y2k"][data-web-design] .section-heading em{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="retro-y2k"][data-web-design] .stats-grid small{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="retro-y2k"][data-web-design] .stats-grid span{color:#35393c;-webkit-text-fill-color:#35393c} body[data-web-design="retro-y2k"][data-web-design] .topbar a.button.button-dark.nav-cta{color:#000000;-webkit-text-fill-color:#000000} body[data-web-design="retro-y2k"][data-web-design] .visit-banner span.eyebrow{color:#643694;-webkit-text-fill-color:#643694} body[data-web-design="retro-y2k"][data-web-design] .wizard-card button.button.button-dark{color:#242052;-webkit-text-fill-color:#242052} /* scrapbook-chic */ body[data-web-design="scrapbook-chic"][data-web-design] .admin-top span.eyebrow{color:#724333;-webkit-text-fill-color:#724333} body[data-web-design="scrapbook-chic"][data-web-design] .brand small{color:#afa69e;-webkit-text-fill-color:#afa69e} body[data-web-design="scrapbook-chic"][data-web-design] .footer p{color:#ab9f95;-webkit-text-fill-color:#ab9f95} body[data-web-design="scrapbook-chic"][data-web-design] .price-list div.price-note{color:#40352c;-webkit-text-fill-color:#40352c} body[data-web-design="scrapbook-chic"][data-web-design] .price-row small{color:#40352c;-webkit-text-fill-color:#40352c} body[data-web-design="scrapbook-chic"][data-web-design] .price-row span.price-index{color:#75565a;-webkit-text-fill-color:#75565a} body[data-web-design="scrapbook-chic"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="scrapbook-chic"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="scrapbook-chic"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="scrapbook-chic"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="scrapbook-chic"][data-web-design] .visit-banner em{color:#f6f5f4;-webkit-text-fill-color:#f6f5f4} body[data-web-design="scrapbook-chic"][data-web-design] .visit-banner h2{color:#f6f5f4;-webkit-text-fill-color:#f6f5f4} body[data-web-design="scrapbook-chic"][data-web-design] .visit-banner p{color:#111111;-webkit-text-fill-color:#111111} body[data-web-design="scrapbook-chic"][data-web-design] .visit-banner span.eyebrow{color:#111111;-webkit-text-fill-color:#111111} /* soft-pastel */ body[data-web-design="soft-pastel"][data-web-design] .admin-top span.eyebrow{color:#7d586a;-webkit-text-fill-color:#7d586a} body[data-web-design="soft-pastel"][data-web-design] .auth-copy span.eyebrow{color:#93667c;-webkit-text-fill-color:#93667c} body[data-web-design="soft-pastel"][data-web-design] .brand small{color:#b4a7b2;-webkit-text-fill-color:#b4a7b2} body[data-web-design="soft-pastel"][data-web-design] .brand span.brand-icon{color:#585657;-webkit-text-fill-color:#585657} body[data-web-design="soft-pastel"][data-web-design] .footer p{color:#b3a5b3;-webkit-text-fill-color:#b3a5b3} body[data-web-design="soft-pastel"][data-web-design] .gallery-album-heading span.eyebrow{color:#8e5c7a;-webkit-text-fill-color:#8e5c7a} body[data-web-design="soft-pastel"][data-web-design] .hero-copy em{color:#a26789;-webkit-text-fill-color:#a26789} body[data-web-design="soft-pastel"][data-web-design] .hero-copy span.eyebrow{color:#7d586a;-webkit-text-fill-color:#7d586a} body[data-web-design="soft-pastel"][data-web-design] .panel-heading span.eyebrow{color:#885f73;-webkit-text-fill-color:#885f73} body[data-web-design="soft-pastel"][data-web-design] .price-intro span.eyebrow{color:#7d586a;-webkit-text-fill-color:#7d586a} body[data-web-design="soft-pastel"][data-web-design] .price-list div.price-note{color:#6a6460;-webkit-text-fill-color:#6a6460} body[data-web-design="soft-pastel"][data-web-design] .price-row small{color:#6a6460;-webkit-text-fill-color:#6a6460} body[data-web-design="soft-pastel"][data-web-design] .price-row span.price-index{color:#7f5c62;-webkit-text-fill-color:#7f5c62} body[data-web-design="soft-pastel"][data-web-design] .public-slot b{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="soft-pastel"][data-web-design] .public-slot small{color:#726e6b;-webkit-text-fill-color:#726e6b} body[data-web-design="soft-pastel"][data-web-design] .report-overview-heading span.eyebrow{color:#93667c;-webkit-text-fill-color:#93667c} body[data-web-design="soft-pastel"][data-web-design] .schedule-calendar-summary span.eyebrow{color:#93667c;-webkit-text-fill-color:#93667c} body[data-web-design="soft-pastel"][data-web-design] .schedule-day-heading span.eyebrow{color:#93667c;-webkit-text-fill-color:#93667c} body[data-web-design="soft-pastel"][data-web-design] .section-heading em{color:#a06789;-webkit-text-fill-color:#a06789} body[data-web-design="soft-pastel"][data-web-design] .section-heading span.eyebrow{color:#885f73;-webkit-text-fill-color:#885f73} body[data-web-design="soft-pastel"][data-web-design] .stats-grid small{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="soft-pastel"][data-web-design] .stats-grid span{color:#3a3e42;-webkit-text-fill-color:#3a3e42} body[data-web-design="soft-pastel"][data-web-design] .visit-banner p{color:#6b5d6b;-webkit-text-fill-color:#6b5d6b} body[data-web-design="soft-pastel"][data-web-design] .visit-banner span.eyebrow{color:#7d586a;-webkit-text-fill-color:#7d586a} body[data-web-design="soft-pastel"][data-web-design] .wizard-card span.eyebrow{color:#93667c;-webkit-text-fill-color:#93667c} body[data-web-design="soft-pastel"][data-web-design] .wizard-intro span.eyebrow{color:#93667c;-webkit-text-fill-color:#93667c} /* CONTRAST FIX v16 (lanjutan) — elemen yang ditimpa aturan lama yang lebih kuat */ /* bold-dark */ /* cartoon */ body[data-web-design="cartoon"][data-web-design] .admin-top span.eyebrow{color:#c18294 !important;-webkit-text-fill-color:#c18294 !important} body[data-web-design="cartoon"][data-web-design] .brand small{color:#706b79 !important;-webkit-text-fill-color:#706b79 !important} body[data-web-design="cartoon"][data-web-design] .brand span.brand-icon{color:#dfdee2 !important;-webkit-text-fill-color:#dfdee2 !important} body[data-web-design="cartoon"][data-web-design] .section-heading em{color:#cc4573 !important;-webkit-text-fill-color:#cc4573 !important} /* earthy-neutral */ body[data-web-design="earthy-neutral"][data-web-design] .brand small{color:#6c645e !important;-webkit-text-fill-color:#6c645e !important} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .admin-top span.eyebrow{color:#b490a0 !important;-webkit-text-fill-color:#b490a0 !important} body[data-web-design="korean-pop"][data-web-design] .brand span.brand-icon{color:#dbdbdb !important;-webkit-text-fill-color:#dbdbdb !important} body[data-web-design="korean-pop"][data-web-design] .section-heading em{color:#af6888 !important;-webkit-text-fill-color:#af6888 !important} /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .report-filters button.button.button-dark{color:#111111 !important;-webkit-text-fill-color:#111111 !important} /* maximalism */ body[data-web-design="maximalism"][data-web-design] .admin-top span.eyebrow{color:#c37190 !important;-webkit-text-fill-color:#c37190 !important} /* maximalist-pop */ body[data-web-design="maximalist-pop"][data-web-design] .admin-top span.eyebrow{color:#b87e92 !important;-webkit-text-fill-color:#b87e92 !important} body[data-web-design="maximalist-pop"][data-web-design] .hero-meta span{color:#4c4c4c !important;-webkit-text-fill-color:#4c4c4c !important} body[data-web-design="maximalist-pop"][data-web-design] .section-heading em{color:#211a38 !important;-webkit-text-fill-color:#211a38 !important} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .report-filters button.button.button-dark{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* modern-gradient-glass */ body[data-web-design="modern-gradient-glass"][data-web-design] .brand b{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* neubrutalism */ body[data-web-design="neubrutalism"][data-web-design] .admin-top span.eyebrow{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} body[data-web-design="neubrutalism"][data-web-design] .brand small{color:#111111 !important;-webkit-text-fill-color:#111111 !important} body[data-web-design="neubrutalism"][data-web-design] .section-heading em{color:#111111 !important;-webkit-text-fill-color:#111111 !important} /* playful-editorial */ body[data-web-design="playful-editorial"][data-web-design] .brand small{color:#6d6764 !important;-webkit-text-fill-color:#6d6764 !important} /* portfolio-grid */ body[data-web-design="portfolio-grid"][data-web-design] .admin-top span.eyebrow{color:#171917 !important;-webkit-text-fill-color:#171917 !important} body[data-web-design="portfolio-grid"][data-web-design] .report-filters button.button.button-dark{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* ransom-magazine-editorial */ body[data-web-design="ransom-magazine-editorial"][data-web-design] .admin-top span.eyebrow{color:#b37982 !important;-webkit-text-fill-color:#b37982 !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .brand b{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .brand small{color:#6b6966 !important;-webkit-text-fill-color:#6b6966 !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .section-heading em{color:#171717 !important;-webkit-text-fill-color:#171717 !important} /* retro-y2k */ body[data-web-design="retro-y2k"][data-web-design] .admin-top span.eyebrow{color:#a381c9 !important;-webkit-text-fill-color:#a381c9 !important} body[data-web-design="retro-y2k"][data-web-design] .brand small{color:#6d6a7f !important;-webkit-text-fill-color:#6d6a7f !important} /* scrapbook-chic */ body[data-web-design="scrapbook-chic"][data-web-design] .brand small{color:#68635f !important;-webkit-text-fill-color:#68635f !important} /* soft-pastel */ body[data-web-design="soft-pastel"][data-web-design] .admin-top span.eyebrow{color:#b8a3ad !important;-webkit-text-fill-color:#b8a3ad !important} body[data-web-design="soft-pastel"][data-web-design] .brand small{color:#736b72 !important;-webkit-text-fill-color:#736b72 !important} body[data-web-design="soft-pastel"][data-web-design] .brand span.brand-icon{color:#111111 !important;-webkit-text-fill-color:#111111 !important} body[data-web-design="soft-pastel"][data-web-design] .section-heading em{color:#a06789 !important;-webkit-text-fill-color:#a06789 !important} /* CONTRAST FIX v16 — angka dan simbol pada kartu booth mengikuti warna kartu (semua tema) */ body[data-web-design] .booth-black .booth-visual :is(.booth-number,.booth-symbol){color:#fff!important;-webkit-text-fill-color:#fff!important} body[data-web-design] :is(.booth-lilac,.booth-orange,.booth-grey) .booth-visual :is(.booth-number,.booth-symbol){color:#1f1b24!important;-webkit-text-fill-color:#1f1b24!important} /* CONTRAST FIX v16 (rantai selector penuh) — untuk elemen yang ditimpa aturan lama dengan selector lebih panjang */ /* cartoon */ body[data-web-design="cartoon"][data-web-design] .account-top .brand small{color:#94909a !important;-webkit-text-fill-color:#94909a !important} body[data-web-design="cartoon"][data-web-design] .account-top .brand span.brand-icon{color:#29213b !important;-webkit-text-fill-color:#29213b !important} body[data-web-design="cartoon"][data-web-design] .admin-main .admin-top span.eyebrow{color:#835a66 !important;-webkit-text-fill-color:#835a66 !important} body[data-web-design="cartoon"][data-web-design] .admin-sidebar .brand small{color:#94909a !important;-webkit-text-fill-color:#94909a !important} body[data-web-design="cartoon"][data-web-design] .footer .brand small{color:#94909a !important;-webkit-text-fill-color:#94909a !important} body[data-web-design="cartoon"][data-web-design] .footer .brand span.brand-icon{color:#29213b !important;-webkit-text-fill-color:#29213b !important} body[data-web-design="cartoon"][data-web-design] .topbar .brand span.brand-icon{color:#29213b !important;-webkit-text-fill-color:#29213b !important} /* earthy-neutral */ body[data-web-design="earthy-neutral"][data-web-design] .account-top .brand small{color:#9f9a96 !important;-webkit-text-fill-color:#9f9a96 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-sidebar .brand small{color:#9f9a96 !important;-webkit-text-fill-color:#9f9a96 !important} body[data-web-design="earthy-neutral"][data-web-design] .footer .brand small{color:#9f9a96 !important;-webkit-text-fill-color:#9f9a96 !important} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .account-top .brand span.brand-icon{color:#4e4e4e !important;-webkit-text-fill-color:#4e4e4e !important} body[data-web-design="korean-pop"][data-web-design] .admin-main .admin-top span.eyebrow{color:#735d67 !important;-webkit-text-fill-color:#735d67 !important} body[data-web-design="korean-pop"][data-web-design] .footer .brand span.brand-icon{color:#4e4e4e !important;-webkit-text-fill-color:#4e4e4e !important} body[data-web-design="korean-pop"][data-web-design] .topbar .brand span.brand-icon{color:#4e4e4e !important;-webkit-text-fill-color:#4e4e4e !important} /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .booth-grid .booth-card .booth-visual span.booth-number{color:#d4af37 !important;-webkit-text-fill-color:#d4af37 !important} body[data-web-design="luxury-black-gold"][data-web-design] .booth-grid .booth-card .booth-visual span.booth-symbol{color:#d4af37 !important;-webkit-text-fill-color:#d4af37 !important} /* maximalism */ body[data-web-design="maximalism"][data-web-design] .admin-main .admin-top span.eyebrow{color:#7c4b5d !important;-webkit-text-fill-color:#7c4b5d !important} /* maximalist-pop */ body[data-web-design="maximalist-pop"][data-web-design] .admin-main .admin-top span.eyebrow{color:#5c424b !important;-webkit-text-fill-color:#5c424b !important} body[data-web-design="maximalist-pop"][data-web-design] .hero .hero-copy .hero-meta span{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* modern-gradient-glass */ body[data-web-design="modern-gradient-glass"][data-web-design] .admin-sidebar .brand b{color:#242044 !important;-webkit-text-fill-color:#242044 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .topbar .brand b{color:#242044 !important;-webkit-text-fill-color:#242044 !important} /* neubrutalism */ body[data-web-design="neubrutalism"][data-web-design] .account-top .brand small{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} body[data-web-design="neubrutalism"][data-web-design] .admin-main .admin-top span.eyebrow{color:#111111 !important;-webkit-text-fill-color:#111111 !important} body[data-web-design="neubrutalism"][data-web-design] .admin-sidebar .brand small{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} body[data-web-design="neubrutalism"][data-web-design] .footer .brand small{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* playful-editorial */ body[data-web-design="playful-editorial"][data-web-design] .account-top .brand small{color:#999592 !important;-webkit-text-fill-color:#999592 !important} body[data-web-design="playful-editorial"][data-web-design] .admin-sidebar .brand small{color:#999592 !important;-webkit-text-fill-color:#999592 !important} body[data-web-design="playful-editorial"][data-web-design] .footer .brand small{color:#928d8b !important;-webkit-text-fill-color:#928d8b !important} /* ransom-magazine-editorial */ body[data-web-design="ransom-magazine-editorial"][data-web-design] .account-top .brand b{color:#171717 !important;-webkit-text-fill-color:#171717 !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .admin-main .admin-top span.eyebrow{color:#724f55 !important;-webkit-text-fill-color:#724f55 !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .booth-grid .booth-card .booth-visual span.booth-number{color:#171717 !important;-webkit-text-fill-color:#171717 !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .footer .brand small{color:#908e8c !important;-webkit-text-fill-color:#908e8c !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .topbar .brand b{color:#171717 !important;-webkit-text-fill-color:#171717 !important} /* retro-y2k */ body[data-web-design="retro-y2k"][data-web-design] .account-top .brand small{color:#928f9f !important;-webkit-text-fill-color:#928f9f !important} body[data-web-design="retro-y2k"][data-web-design] .admin-main .admin-top span.eyebrow{color:#614f76 !important;-webkit-text-fill-color:#614f76 !important} body[data-web-design="retro-y2k"][data-web-design] .admin-sidebar .brand small{color:#928f9f !important;-webkit-text-fill-color:#928f9f !important} body[data-web-design="retro-y2k"][data-web-design] .booth-grid .booth-card .booth-visual span.booth-number{color:#000000 !important;-webkit-text-fill-color:#000000 !important} body[data-web-design="retro-y2k"][data-web-design] .booth-grid .booth-card .booth-visual span.booth-symbol{color:#000000 !important;-webkit-text-fill-color:#000000 !important} body[data-web-design="retro-y2k"][data-web-design] .footer .brand small{color:#928f9f !important;-webkit-text-fill-color:#928f9f !important} /* scrapbook-chic */ body[data-web-design="scrapbook-chic"][data-web-design] .account-top .brand small{color:#a4a19f !important;-webkit-text-fill-color:#a4a19f !important} body[data-web-design="scrapbook-chic"][data-web-design] .admin-sidebar .brand small{color:#a4a19f !important;-webkit-text-fill-color:#a4a19f !important} body[data-web-design="scrapbook-chic"][data-web-design] .footer .brand small{color:#a4a19f !important;-webkit-text-fill-color:#a4a19f !important} /* soft-pastel */ body[data-web-design="soft-pastel"][data-web-design] .account-top .brand small{color:#aba6aa !important;-webkit-text-fill-color:#aba6aa !important} body[data-web-design="soft-pastel"][data-web-design] .admin-main .admin-top span.eyebrow{color:#6d6167 !important;-webkit-text-fill-color:#6d6167 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-sidebar .brand small{color:#aba6aa !important;-webkit-text-fill-color:#aba6aa !important} body[data-web-design="soft-pastel"][data-web-design] .footer .brand small{color:#aba6aa !important;-webkit-text-fill-color:#aba6aa !important} /* CONTRAST FIX v16 (login dan admin) */ /* cartoon */ body[data-web-design="cartoon"][data-web-design] .auth-shell .brand span.brand-icon{color:#29213b !important;-webkit-text-fill-color:#29213b !important} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .auth-shell .brand span.brand-icon{color:#4e4e4e !important;-webkit-text-fill-color:#4e4e4e !important} /* modern-gradient-glass */ body[data-web-design="modern-gradient-glass"][data-web-design] .auth-shell .brand b{color:#242044 !important;-webkit-text-fill-color:#242044 !important} /* ransom-magazine-editorial */ body[data-web-design="ransom-magazine-editorial"][data-web-design] .auth-shell .brand b{color:#171717 !important;-webkit-text-fill-color:#171717 !important} /* CONTRAST FIX v16 — Maximalist Pop: meta hero */ body[data-web-design="maximalist-pop"] .hero .hero-copy .hero-meta span,body[data-web-design="maximalist-pop"] .hero .hero-copy .hero-meta span *{color:#fff!important;-webkit-text-fill-color:#fff!important} /* CONTRAST FIX v16 (layar kecil) */ /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .account-top .brand span.brand-icon{color:#33273c !important;-webkit-text-fill-color:#33273c !important} /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#d4af37 !important;-webkit-text-fill-color:#d4af37 !important} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#24221f !important;-webkit-text-fill-color:#24221f !important} /* portfolio-grid */ body[data-web-design="portfolio-grid"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#171917 !important;-webkit-text-fill-color:#171917 !important} /* ====================================================================== LAPORAN ADMIN — menu dan kartu laporan mengikuti palet tema ====================================================================== */ body[data-web-design] .report-section-nav>a,body[data-web-design] .report-quicklinks>a{background:var(--white,#fff);color:var(--ink);border-color:var(--line);border-radius:var(--theme-radius,8px)} body[data-web-design] .report-section-nav>a>small,body[data-web-design] .report-quicklinks>a small{color:var(--muted)} body[data-web-design] .report-section-nav>a>span:first-child,body[data-web-design] .report-quicklinks>a>span:first-child{background:color-mix(in srgb,var(--theme-accent,#007bff) 24%,var(--white,#fff));color:var(--ink)} body[data-web-design] .report-section-nav>a:hover,body[data-web-design] .report-quicklinks>a:hover{border-color:var(--theme-accent,#007bff)} body[data-web-design] .report-section-nav>a.active{border-color:var(--theme-accent,#007bff);background:color-mix(in srgb,var(--theme-accent,#007bff) 14%,var(--white,#fff));box-shadow:inset 0 0 0 1px var(--theme-accent,#007bff)} body[data-web-design] .report-results-heading h2{color:var(--ink)} body[data-web-design] .report-results-heading>span,body[data-web-design] .report-overview-footer{color:var(--muted)} /* CONTRAST FIX v16 (laporan) */ /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#111111 !important;-webkit-text-fill-color:#111111 !important} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* portfolio-grid */ body[data-web-design="portfolio-grid"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* Maximalist Pop — meta hero di atas panel gelap agar terbaca di atas teal/pink */ body[data-web-design="maximalist-pop"] .hero .hero-copy .hero-meta{background:#211a38;border:3px solid #211a38;padding:12px 16px;box-shadow:4px 4px 0 #ff3e83;max-width:34em} /* CONTRAST FIX v16 — khusus layar kecil (warna latar berbeda dari desktop) */ @media (max-width:760px){ /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#d4af37 !important;-webkit-text-fill-color:#d4af37 !important} /* maximalist-pop */ body[data-web-design="maximalist-pop"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#95848a !important;-webkit-text-fill-color:#95848a !important} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#24221f !important;-webkit-text-fill-color:#24221f !important} /* portfolio-grid */ body[data-web-design="portfolio-grid"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#171917 !important;-webkit-text-fill-color:#171917 !important} body[data-web-design="portfolio-grid"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} } /* CONTRAST FIX v16 — admin pada layar kecil */ @media (max-width:760px){ /* cartoon */ body[data-web-design="cartoon"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#a88c94 !important;-webkit-text-fill-color:#a88c94 !important} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#a4969c !important;-webkit-text-fill-color:#a4969c !important} /* luxury-black-gold */ body[data-web-design="luxury-black-gold"][data-web-design] .admin-main .admin-panel .report-filters button.button.button-dark{color:#111111 !important;-webkit-text-fill-color:#111111 !important} /* maximalism */ body[data-web-design="maximalism"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#a3818e !important;-webkit-text-fill-color:#a3818e !important} /* neubrutalism */ body[data-web-design="neubrutalism"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important} /* ransom-magazine-editorial */ body[data-web-design="ransom-magazine-editorial"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#957b80 !important;-webkit-text-fill-color:#957b80 !important} /* retro-y2k */ body[data-web-design="retro-y2k"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#988da6 !important;-webkit-text-fill-color:#988da6 !important} /* soft-pastel */ body[data-web-design="soft-pastel"][data-web-design] .admin-shell .admin-main .admin-top span.eyebrow{color:#afa8ab !important;-webkit-text-fill-color:#afa8ab !important} } /* ====================================================================== KOREAN POP — hero dengan foto unggahan: ukuran foto seragam menurut jumlah foto ====================================================================== */ body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid{height:100%!important;min-height:0!important;width:100%!important;display:grid!important;grid-template-rows:none!important;grid-auto-rows:minmax(0,1fr)!important;gap:14px!important;justify-content:center;align-content:stretch!important;align-items:stretch!important;transform:none!important;padding:6px 4px} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-photo{grid-row:auto!important;grid-column:auto!important;justify-self:stretch!important;align-self:stretch!important;width:100%!important;height:100%!important;min-height:0!important;min-width:0;margin:0;overflow:hidden;border:5px solid #fff!important;border-radius:22px!important;box-shadow:0 12px 28px #d48dbd30!important;background:#fff;transform:rotate(var(--kp-tilt,0deg))!important} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-photo:nth-child(odd){--kp-tilt:-1.2deg} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-photo:nth-child(even){--kp-tilt:1.2deg} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-photo img{display:block;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover;object-position:center;border-radius:0} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid-count-1{grid-template-columns:minmax(0,340px)!important} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid-count-2{grid-template-columns:repeat(2,minmax(0,260px))!important} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid-count-3{grid-template-columns:repeat(3,minmax(0,230px))!important} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid-count-4{grid-template-columns:repeat(4,minmax(0,200px))!important} body[data-web-design="korean-pop"] .hero-art-uploaded :is(.hero-upload-grid-count-5,.hero-upload-grid-count-6){grid-template-columns:repeat(3,minmax(0,200px))!important} body[data-web-design="korean-pop"] .hero-art-uploaded :is(.hero-upload-grid-count-7,.hero-upload-grid-count-8,.hero-upload-grid-count-9){grid-template-columns:repeat(3,minmax(0,180px))!important} body[data-web-design="korean-pop"] .hero-art-uploaded :is(.hero-upload-grid-count-10,.hero-upload-grid-count-11,.hero-upload-grid-count-12){grid-template-columns:repeat(4,minmax(0,150px))!important} @media (max-width:760px){ body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid{gap:8px!important;justify-content:stretch;grid-auto-rows:minmax(110px,1fr)!important} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-grid-count-1{grid-template-columns:minmax(0,1fr)!important} body[data-web-design="korean-pop"] .hero-art-uploaded :is(.hero-upload-grid-count-2,.hero-upload-grid-count-3,.hero-upload-grid-count-4,.hero-upload-grid-count-5,.hero-upload-grid-count-6,.hero-upload-grid-count-7,.hero-upload-grid-count-8,.hero-upload-grid-count-9,.hero-upload-grid-count-10,.hero-upload-grid-count-11,.hero-upload-grid-count-12){grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-web-design="korean-pop"] .hero-art-uploaded .hero-upload-photo{border-width:4px!important;border-radius:16px!important} } /* ====================================================================== DASHBOARD PELANGGAN — welcome-panel mengikuti palet tema ====================================================================== */ body[data-web-design] .welcome-panel h1 em{color:var(--theme-accent,#a65f50)} body[data-web-design] .welcome-panel p{color:inherit;opacity:.82} body[data-web-design] .welcome-panel .welcome-stamp{background:color-mix(in srgb,var(--white,#fff) 72%,transparent);color:var(--ink);border-color:var(--line)} /* CONTRAST FIX v17 (dashboard pelanggan) */ /* cartoon */ body[data-web-design="cartoon"][data-web-design] .dashboard-wrap .dash-heading span.eyebrow{color:#b84566 !important;-webkit-text-fill-color:#b84566 !important} body[data-web-design="cartoon"][data-web-design] .dashboard-wrap .welcome-panel em{color:#c4496c !important;-webkit-text-fill-color:#c4496c !important} body[data-web-design="cartoon"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#a03e5a !important;-webkit-text-fill-color:#a03e5a !important} /* earthy-neutral */ body[data-web-design="earthy-neutral"][data-web-design] .dashboard-wrap .welcome-panel em{color:#9f6042 !important;-webkit-text-fill-color:#9f6042 !important} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .dashboard-wrap .dash-heading span.eyebrow{color:#975a75 !important;-webkit-text-fill-color:#975a75 !important} body[data-web-design="korean-pop"][data-web-design] .dashboard-wrap .welcome-panel em{color:#a46280 !important;-webkit-text-fill-color:#a46280 !important} body[data-web-design="korean-pop"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#8c546d !important;-webkit-text-fill-color:#8c546d !important} /* maximalism */ body[data-web-design="maximalism"][data-web-design] .dashboard-wrap .welcome-panel em{color:#af3a66 !important;-webkit-text-fill-color:#af3a66 !important} body[data-web-design="maximalism"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#a22454 !important;-webkit-text-fill-color:#a22454 !important} /* maximalist-pop */ body[data-web-design="maximalist-pop"][data-web-design] .dashboard-wrap .welcome-panel em{color:#a03152 !important;-webkit-text-fill-color:#a03152 !important} body[data-web-design="maximalist-pop"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#88284a !important;-webkit-text-fill-color:#88284a !important} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .dashboard-wrap .welcome-panel em{color:#997957 !important;-webkit-text-fill-color:#997957 !important} /* neubrutalism */ body[data-web-design="neubrutalism"][data-web-design] .dashboard-wrap .dash-heading span.eyebrow{color:#111111 !important;-webkit-text-fill-color:#111111 !important} body[data-web-design="neubrutalism"][data-web-design] .dashboard-wrap .welcome-panel em{color:#111111 !important;-webkit-text-fill-color:#111111 !important} body[data-web-design="neubrutalism"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#111111 !important;-webkit-text-fill-color:#111111 !important} /* portfolio-grid */ body[data-web-design="portfolio-grid"][data-web-design] .dashboard-wrap .welcome-panel em{color:#171917 !important;-webkit-text-fill-color:#171917 !important} /* ransom-magazine-editorial */ body[data-web-design="ransom-magazine-editorial"][data-web-design] .dashboard-wrap .welcome-panel em{color:#b83c2c !important;-webkit-text-fill-color:#b83c2c !important} body[data-web-design="ransom-magazine-editorial"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#923f4d !important;-webkit-text-fill-color:#923f4d !important} /* retro-y2k */ body[data-web-design="retro-y2k"][data-web-design] .dashboard-wrap .empty-bookings a.button.button-dark{color:#242052 !important;-webkit-text-fill-color:#242052 !important} body[data-web-design="retro-y2k"][data-web-design] .dashboard-wrap .welcome-panel a.button.button-dark{color:#242052 !important;-webkit-text-fill-color:#242052 !important} body[data-web-design="retro-y2k"][data-web-design] .dashboard-wrap .welcome-panel em{color:#7a51db !important;-webkit-text-fill-color:#7a51db !important} body[data-web-design="retro-y2k"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#723dac !important;-webkit-text-fill-color:#723dac !important} /* scrapbook-chic */ body[data-web-design="scrapbook-chic"][data-web-design] .dashboard-wrap .welcome-panel em{color:#965b40 !important;-webkit-text-fill-color:#965b40 !important} /* soft-pastel */ body[data-web-design="soft-pastel"][data-web-design] .dashboard-wrap .dash-heading span.eyebrow{color:#885f73 !important;-webkit-text-fill-color:#885f73 !important} body[data-web-design="soft-pastel"][data-web-design] .dashboard-wrap .welcome-panel em{color:#463548 !important;-webkit-text-fill-color:#463548 !important} body[data-web-design="soft-pastel"][data-web-design] .dashboard-wrap .welcome-panel span.eyebrow{color:#7d586a !important;-webkit-text-fill-color:#7d586a !important} /* ====================================================================== DASHBOARD ADMIN — panel analytics mengikuti palet tema ====================================================================== */ body[data-web-design] :is(.weekly-chart,.revenue-chart,.hourly-chart){border-bottom-color:var(--n-line,var(--line,#e8ded4))} body[data-web-design] :is(.weekly-bar,.hourly-bar){background:linear-gradient(180deg,var(--theme-accent-2,#e8b6c1),var(--theme-accent,#9474bf));box-shadow:0 3px 8px color-mix(in srgb,var(--theme-accent,#9474bf) 22%,transparent)} body[data-web-design] .revenue-bar{background:linear-gradient(180deg,var(--theme-accent,#efb6a6),var(--theme-accent-2,#b66d70));box-shadow:0 3px 10px color-mix(in srgb,var(--theme-accent,#b66d70) 24%,transparent)} body[data-web-design] .hourly-bar-wrap.is-peak .hourly-bar{background:linear-gradient(180deg,var(--theme-accent-2,#ffd67a),var(--theme-accent,#e87567));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,#e87567) 22%,transparent),0 0 20px color-mix(in srgb,var(--theme-accent,#e87567) 30%,transparent)} body[data-web-design] .hourly-bar-wrap.is-peak small{color:var(--n-ink,var(--theme-ink,#29231f))} body[data-web-design] :is(.weekly-value,.revenue-value,.hourly-bar-value){color:var(--n-ink,var(--theme-ink,#29231f))} body[data-web-design] :is(.weekly-bar-wrap small,.weekly-bar-wrap em,.revenue-bar-wrap small,.revenue-bar-wrap em,.hourly-bar-wrap small,.chart-axis-caption,.analytics-insight ul){color:var(--n-muted,#655d56)} body[data-web-design] .analytics-highlight{background:color-mix(in srgb,var(--theme-accent,#9474bf) 20%,var(--n-surface,#fff));color:var(--n-ink,var(--theme-ink,#29231f))} body[data-web-design] .admin-page .dashboard-kpi-mini>div,body[data-web-design].admin-page .dashboard-kpi-mini>div,body[data-web-design] .dashboard-kpi-mini>div{background:var(--n-surface,#fff);border-color:var(--n-line,#eee3e6)} body[data-web-design] .dashboard-kpi-mini span,body[data-web-design] .dashboard-kpi-mini small{color:var(--n-muted,#766a6a)} body[data-web-design] .dashboard-kpi-mini b{color:var(--n-ink,var(--theme-ink,#433448))} body[data-web-design] .kpi-progress{background:color-mix(in srgb,var(--theme-accent,#9474bf) 16%,var(--n-surface,#fff))} body[data-web-design] .kpi-progress span{background:linear-gradient(90deg,var(--theme-accent-2,#d991a4),var(--theme-accent,#8f70bd))} body[data-web-design] .booth-rank-number{background:color-mix(in srgb,var(--theme-accent,#8b70bc) 24%,var(--n-surface,#fff));color:var(--n-ink,var(--theme-ink,#29231f))} body[data-web-design] .booth-rank-track{background:color-mix(in srgb,var(--n-line,#f0e9e1) 70%,var(--n-surface,#fff))} body[data-web-design] .booth-rank-track span{background:var(--theme-accent,#8b70bc)} /* Luxury Black Gold — grafik analytics memakai emas agar terlihat di latar hitam */ body[data-web-design="luxury-black-gold"] :is(.weekly-bar,.hourly-bar,.revenue-bar){background:linear-gradient(180deg,#f0d77a,#b8902b);box-shadow:0 0 12px rgba(212,175,55,.25)} body[data-web-design="luxury-black-gold"] .hourly-bar-wrap.is-peak .hourly-bar{background:linear-gradient(180deg,#fff0a8,#d4af37);box-shadow:0 0 0 3px rgba(212,175,55,.3),0 0 22px rgba(212,175,55,.45)} body[data-web-design="luxury-black-gold"] :is(.kpi-progress span,.booth-rank-track span){background:linear-gradient(90deg,#b8902b,#f0d77a)} body[data-web-design="luxury-black-gold"] :is(.kpi-progress,.booth-rank-track){background:rgba(212,175,55,.18)} /* CONTRAST FIX v17 (analytics admin) */ /* earthy-neutral */ body[data-web-design="earthy-neutral"][data-web-design] .admin-analytics-grid .admin-panel .analytics-insight li{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini small{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini span{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#4f3428 !important;-webkit-text-fill-color:#4f3428 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-main .admin-analytics-grid .admin-panel p.chart-axis-caption{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-panel .hourly-chart .hourly-bar-wrap small{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap em{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap small{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap em{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} body[data-web-design="earthy-neutral"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap small{color:#413a33 !important;-webkit-text-fill-color:#413a33 !important} /* korean-pop */ body[data-web-design="korean-pop"][data-web-design] .admin-analytics-grid .admin-panel .analytics-insight li{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini small{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini span{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#543643 !important;-webkit-text-fill-color:#543643 !important} body[data-web-design="korean-pop"][data-web-design] .admin-main .admin-analytics-grid .admin-panel p.chart-axis-caption{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-panel .hourly-chart .hourly-bar-wrap small{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap em{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap small{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap em{color:#403944 !important;-webkit-text-fill-color:#403944 !important} body[data-web-design="korean-pop"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap small{color:#403944 !important;-webkit-text-fill-color:#403944 !important} /* maximalism */ body[data-web-design="maximalism"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#751e3f !important;-webkit-text-fill-color:#751e3f !important} /* maximalist-pop */ body[data-web-design="maximalist-pop"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#70233f !important;-webkit-text-fill-color:#70233f !important} /* minimalist-editorial */ body[data-web-design="minimalist-editorial"][data-web-design] .admin-analytics-grid .admin-panel .analytics-insight li{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini small{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini span{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#483b30 !important;-webkit-text-fill-color:#483b30 !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-main .admin-analytics-grid .admin-panel p.chart-axis-caption{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-panel .hourly-chart .hourly-bar-wrap small{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap em{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap small{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap em{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} body[data-web-design="minimalist-editorial"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap small{color:#3f3c3a !important;-webkit-text-fill-color:#3f3c3a !important} /* modern-gradient-glass */ body[data-web-design="modern-gradient-glass"][data-web-design] .admin-analytics-grid .admin-panel .analytics-insight li{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini small{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini span{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#3b3464 !important;-webkit-text-fill-color:#3b3464 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-main .admin-analytics-grid .admin-panel p.chart-axis-caption{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-panel .hourly-chart .hourly-bar-wrap small{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap em{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap small{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap em{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} body[data-web-design="modern-gradient-glass"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap small{color:#3b3949 !important;-webkit-text-fill-color:#3b3949 !important} /* playful-editorial */ body[data-web-design="playful-editorial"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#6b2c1f !important;-webkit-text-fill-color:#6b2c1f !important} /* retro-y2k */ body[data-web-design="retro-y2k"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#4d2c70 !important;-webkit-text-fill-color:#4d2c70 !important} /* scrapbook-chic */ body[data-web-design="scrapbook-chic"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#543428 !important;-webkit-text-fill-color:#543428 !important} /* soft-pastel */ body[data-web-design="soft-pastel"][data-web-design] .admin-analytics-grid .admin-panel .analytics-insight li{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini small{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-analytics-grid .admin-panel .dashboard-kpi-mini span{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-analytics-grid .admin-panel .panel-heading span.eyebrow{color:#4c3842 !important;-webkit-text-fill-color:#4c3842 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-main .admin-analytics-grid .admin-panel p.chart-axis-caption{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-panel .hourly-chart .hourly-bar-wrap small{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap em{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-panel .revenue-chart .revenue-bar-wrap small{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap em{color:#403840 !important;-webkit-text-fill-color:#403840 !important} body[data-web-design="soft-pastel"][data-web-design] .admin-panel .weekly-chart .weekly-bar-wrap small{color:#403840 !important;-webkit-text-fill-color:#403840 !important} /* ====================================================================== WIZARD BOOKING — bar progres 6 langkah (gaya loading) Langkah yang dicapai terisi warna tema; garis penghubung terisi bergerak dari langkah satu ke langkah berikutnya saat menekan Next. ====================================================================== */ body[data-web-design] .wizard-progress{--wp-fill:var(--n-accent,var(--theme-accent,#a55d4d));--wp-ink:var(--n-button-ink,#fff);--wp-track:color-mix(in srgb,var(--wp-fill) 16%,var(--n-surface,#fff));--wp-idle-ink:color-mix(in srgb,var(--n-ink,#29231f) 78%,var(--wp-track));display:flex;align-items:center;gap:0;padding:14px 16px} body[data-web-design] .wizard-progress>span{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:2px solid transparent;border-radius:999px;background:var(--wp-track);color:var(--wp-idle-ink);font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;transition:background-color .35s ease,color .35s ease,box-shadow .3s ease,transform .3s ease} body[data-web-design] .wizard-progress.is-forward>span{transition-delay:.4s} body[data-web-design] .wizard-progress>span small{font-size:11px;font-weight:700;color:inherit} body[data-web-design] .wizard-progress>span.active{background:var(--wp-fill);color:var(--wp-ink)} body[data-web-design] .wizard-progress>span.current{transform:scale(1.05);box-shadow:0 0 0 4px color-mix(in srgb,var(--wp-fill) 30%,transparent)} body[data-web-design] .wizard-progress>i{position:relative;flex:1 1 0;min-width:10px;height:6px;margin:0 -4px;border-radius:99px;background:var(--wp-track);overflow:hidden} body[data-web-design] .wizard-progress>i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--wp-fill);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.4,0,.2,1)} body[data-web-design] .wizard-progress>i.filled::after{transform:scaleX(1)} body[data-web-design="neubrutalism"] .wizard-progress>span,body[data-web-design="maximalism"] .wizard-progress>span,body[data-web-design="maximalist-pop"] .wizard-progress>span,body[data-web-design="cartoon"] .wizard-progress>span,body[data-web-design="ransom-magazine-editorial"] .wizard-progress>span{border-color:var(--n-ink,#111)} body[data-web-design="neubrutalism"] .wizard-progress>i,body[data-web-design="maximalism"] .wizard-progress>i,body[data-web-design="maximalist-pop"] .wizard-progress>i,body[data-web-design="cartoon"] .wizard-progress>i,body[data-web-design="ransom-magazine-editorial"] .wizard-progress>i{height:10px;border:2px solid var(--n-ink,#111)} @media (max-width:760px){ body[data-web-design] .wizard-progress{padding:12px 10px} body[data-web-design] .wizard-progress>span{padding:7px 10px;font-size:11px} body[data-web-design] .wizard-progress>span small{display:none} body[data-web-design] .wizard-progress>span.current small{display:inline} body[data-web-design] .wizard-progress>i{min-width:6px;margin:0 -3px} } @media (prefers-reduced-motion:reduce){ body[data-web-design] .wizard-progress>span,body[data-web-design] .wizard-progress>i::after{transition:none!important} } /* Wizard booking — warna teks langkah aktif diukur agar kontras >= 4,5:1 di setiap tema */ body[data-web-design="maximalism"] .wizard-progress{--wp-ink:#111111} body[data-web-design="retro-y2k"] .wizard-progress{--wp-ink:#111111} body[data-web-design="earthy-neutral"] .wizard-progress{--wp-fill:#9b5b3f;--wp-ink:#ffffff} body[data-web-design="modern-gradient-glass"] .wizard-progress{--wp-ink:#111111} body[data-web-design="ransom-magazine-editorial"] .wizard-progress{--wp-ink:#111111} /* Luxury Black Gold — aturan global latar hitam tidak boleh menutup garis dan keterangan progres */ body[data-web-design="luxury-black-gold"] .wizard-progress>i{background:rgba(212,175,55,.22)!important} body[data-web-design="luxury-black-gold"] .wizard-progress>i::after{background:#d4af37!important} body[data-web-design="luxury-black-gold"] .wizard-progress>span small{background:transparent!important} body[data-web-design="luxury-black-gold"] .wizard-progress>span.active small{color:#000!important;-webkit-text-fill-color:#000!important} body[data-web-design="luxury-black-gold"] .wizard-progress>span:not(.active) small{color:#d4af37!important;-webkit-text-fill-color:#d4af37!important} /* ====================================================================== RESPONSIVE HP — pengaman semua tema: kolom hero/harga ikut lebar layar ====================================================================== */ @media (max-width:760px){ body[data-web-design] .hero{grid-template-columns:minmax(0,1fr)!important} body[data-web-design] :is(.hero-copy,.hero-art,.price-intro,.price-list){min-width:0;max-width:100%} body[data-web-design] .price-section{grid-template-columns:minmax(0,1fr)!important} body[data-web-design] .booth-info{flex-wrap:wrap} body[data-web-design] .booth-info strong{white-space:normal;overflow-wrap:anywhere} } /* v24.1: keep the Admin account actions legible in every configured theme. Uses the existing theme tokens; does not modify theme settings or palettes. */ body.admin-page .admin-user-menu{position:relative;z-index:3200} body.admin-page .admin-user-dropdown[hidden]{display:none!important} body.admin-page .admin-user-dropdown:not([hidden]){display:block!important;z-index:5000!important;min-width:210px;max-width:min(280px,calc(100vw - 24px));padding:6px;background:var(--tr-surface,var(--white,#fff))!important;color:var(--tr-ink,var(--ink,#222))!important;border:1px solid var(--tr-line,var(--line,#ddd))!important;box-shadow:var(--tr-shadow,0 12px 35px #0002)!important} body.admin-page .admin-user-dropdown .admin-user-website-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:11px 13px!important;border-radius:8px!important;background:color-mix(in srgb,var(--tr-accent,var(--pink,#d88994)) 12%,var(--tr-surface,var(--white,#fff)))!important;color:var(--tr-ink,var(--ink,#222))!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;text-decoration:none!important;visibility:visible!important;opacity:1!important} body.admin-page .admin-user-dropdown .admin-user-website-link svg{display:block!important;flex:0 0 19px!important;width:19px!important;height:19px!important;fill:none!important;stroke:var(--tr-accent,var(--pink,#d88994))!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important} body.admin-page .admin-user-dropdown .admin-user-website-link:hover,body.admin-page .admin-user-dropdown .admin-user-website-link:focus-visible{background:color-mix(in srgb,var(--tr-accent,var(--pink,#d88994)) 20%,var(--tr-surface,var(--white,#fff)))!important;outline:2px solid var(--tr-accent,var(--pink,#d88994));outline-offset:-2px} body.admin-page .admin-user-dropdown>button,body.admin-page .admin-user-dropdown>form>button{color:var(--tr-ink,var(--ink,#222))!important;min-height:44px} @media(max-width:680px){body.admin-page .admin-user-dropdown:not([hidden]){right:0;left:auto;max-height:calc(100dvh - 90px);overflow-y:auto}} /* v24.2: Admin account dropdown consistently inherits the selected Admin theme. */ body.admin-page .admin-user-dropdown[hidden]{display:none!important} body.admin-page .admin-user-dropdown:not([hidden]){ background:var(--nt-surface,var(--tr-surface,var(--paper,#fff)))!important; color:var(--nt-ink,var(--tr-ink,var(--ink,#222)))!important; border:1px solid var(--nt-line,var(--tr-line,var(--line,#ddd)))!important; box-shadow:var(--theme-shadow,var(--tr-shadow,0 12px 30px #0002))!important; } body.admin-page .admin-user-dropdown>a, body.admin-page .admin-user-dropdown>button, body.admin-page .admin-user-dropdown>form>button{ display:flex!important;align-items:center!important;gap:10px!important; width:100%!important;min-height:46px!important;padding:11px 13px!important; background:transparent!important;color:var(--nt-ink,var(--tr-ink,var(--ink,#222)))!important; border:0!important;border-radius:7px!important;box-shadow:none!important; text-align:left!important;text-decoration:none!important;font:inherit!important; } body.admin-page .admin-user-dropdown>a:hover, body.admin-page .admin-user-dropdown>button:hover, body.admin-page .admin-user-dropdown>form>button:hover, body.admin-page .admin-user-dropdown>a:focus-visible, body.admin-page .admin-user-dropdown>button:focus-visible, body.admin-page .admin-user-dropdown>form>button:focus-visible{ background:color-mix(in srgb,var(--nt-accent,var(--tr-accent,var(--pink,#d88994))) 14%,var(--nt-surface,var(--tr-surface,var(--paper,#fff))))!important; color:var(--nt-ink,var(--tr-ink,var(--ink,#222)))!important;outline:2px solid var(--nt-accent,var(--tr-accent,var(--pink,#d88994)));outline-offset:-2px; } body.admin-page .admin-user-dropdown .admin-user-website-link svg{ width:19px!important;height:19px!important;flex:0 0 19px!important; stroke:var(--nt-accent,var(--tr-accent,var(--pink,#d88994)))!important; } body.admin-page .admin-user-dropdown .admin-user-website-link{ background:transparent!important; color:var(--nt-ink,var(--tr-ink,var(--ink,#222)))!important; } body.admin-page .admin-user-dropdown .admin-user-website-link:hover, body.admin-page .admin-user-dropdown .admin-user-website-link:focus-visible{ background:color-mix(in srgb,var(--nt-accent,var(--tr-accent,var(--pink,#d88994))) 14%,var(--nt-surface,var(--tr-surface,var(--paper,#fff))))!important; } /* v24.7.2 — one notification surface and read/unread palette on customer + admin dashboards */ body[data-web-design] .customer-notification-dropdown, body[data-web-design].admin-page .admin-notice-dropdown.customer-notification-dropdown{ background:var(--theme-paper,var(--white,#fffdf9))!important; color:var(--theme-ink,var(--ink,#29231f))!important; border:1px solid var(--theme-border,var(--line,#ddd))!important; border-radius:14px!important; box-shadow:0 18px 45px #0002!important; overflow:auto; } body[data-web-design] .customer-notification-heading, body[data-web-design].admin-page .admin-notice-heading.customer-notification-heading{ position:sticky;top:0;z-index:2; display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px; padding:13px 15px; background:var(--theme-paper,var(--white,#fffdf9))!important; color:var(--theme-ink,var(--ink,#29231f))!important; border-bottom:1px solid var(--theme-border,var(--line,#ddd))!important; } body[data-web-design] :is(.customer-notification-item,.admin-notice-item){ display:block;width:100%;padding:12px 15px;text-align:left; border:0;border-bottom:1px solid var(--theme-border,var(--line,#ddd)); border-radius:0;color:var(--theme-ink,var(--ink,#29231f)); font:inherit;cursor:pointer;text-decoration:none; } body[data-web-design] :is(.customer-notification-item,.admin-notice-item) b, body[data-web-design] :is(.customer-notification-item,.admin-notice-item) span, body[data-web-design] :is(.customer-notification-item,.admin-notice-item) small{display:block} body[data-web-design] :is(.customer-notification-item,.admin-notice-item) b{font-size:12px;margin-bottom:4px} body[data-web-design] :is(.customer-notification-item,.admin-notice-item) span{font-size:11px;line-height:1.5} body[data-web-design] :is(.customer-notification-item,.admin-notice-item) small{font-size:9px;margin-top:6px} body[data-web-design] .customer-notification-item.is-unread, body[data-web-design].admin-page .admin-notice-item.customer-notification-item.is-unread{ background:color-mix(in srgb,var(--dark,#27221f) 94%,#000)!important; color:#fff!important; border-left:4px solid var(--theme-accent,var(--pink,#d88994))!important; opacity:1!important; } body[data-web-design] .customer-notification-item.is-unread span, body[data-web-design] .customer-notification-item.is-unread small, body[data-web-design].admin-page .admin-notice-item.customer-notification-item.is-unread span, body[data-web-design].admin-page .admin-notice-item.customer-notification-item.is-unread small{color:inherit!important;opacity:.82} body[data-web-design] .customer-notification-item.is-read, body[data-web-design].admin-page .admin-notice-item.customer-notification-item.is-read{ background:var(--white,var(--theme-paper,#fffdf9))!important; color:var(--ink,var(--theme-ink,#29231f))!important; border-left:4px solid var(--theme-border,var(--line,#ddd))!important; opacity:1!important; } body[data-web-design] .customer-notification-item.is-read span, body[data-web-design] .customer-notification-item.is-read small, body[data-web-design].admin-page .admin-notice-item.customer-notification-item.is-read span, body[data-web-design].admin-page .admin-notice-item.customer-notification-item.is-read small{color:var(--muted,var(--theme-ink,#555))!important} /* v24.7.3 — identical read/unread notification appearance on customer and admin. */ body[data-web-design] .customer-notification-dropdown, body[data-web-design] .admin-notice-dropdown.customer-notification-dropdown{ background:var(--theme-paper,#fffaf4)!important;color:var(--theme-ink,#29231f)!important; border:1px solid var(--theme-border,rgba(36,32,43,.16))!important;border-radius:14px!important; box-shadow:var(--theme-shadow,0 18px 45px #0002)!important;overflow:auto!important; } body[data-web-design] .customer-notification-heading, body[data-web-design] .admin-notice-heading.customer-notification-heading{ position:sticky!important;top:0!important;z-index:3!important;display:flex!important;flex-wrap:wrap!important; align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:13px 15px!important; background:var(--theme-paper,#fffaf4)!important;color:var(--theme-ink,#29231f)!important; border-bottom:1px solid var(--theme-border,rgba(36,32,43,.16))!important; } body[data-web-design] .customer-notification-item, body[data-web-design] .admin-notice-item.customer-notification-item{ display:block!important;width:100%!important;min-width:0!important;padding:12px 15px!important;margin:0!important; border:0!important;border-bottom:1px solid var(--theme-border,rgba(36,32,43,.16))!important; border-left:4px solid transparent!important;border-radius:0!important;box-shadow:none!important; text-align:left!important;text-decoration:none!important;font:inherit!important;line-height:1.5!important; cursor:pointer!important;opacity:1!important; } body[data-web-design] .customer-notification-item b, body[data-web-design] .admin-notice-item.customer-notification-item b{display:block!important;font-size:12px!important;margin:0 0 4px!important;color:inherit!important} body[data-web-design] .customer-notification-item span, body[data-web-design] .admin-notice-item.customer-notification-item span{display:block!important;font-size:11px!important;line-height:1.5!important;color:inherit!important;opacity:.84!important} body[data-web-design] .customer-notification-item small, body[data-web-design] .admin-notice-item.customer-notification-item small{display:block!important;font-size:9px!important;line-height:1.4!important;margin-top:6px!important;color:inherit!important;opacity:.72!important} body[data-web-design] .customer-notification-item.is-unread, body[data-web-design] .admin-notice-item.customer-notification-item.is-unread{ background:color-mix(in srgb,var(--theme-ink,#29231f) 96%,#000)!important; color:var(--theme-paper,#fffaf4)!important; border-left:4px solid var(--theme-accent,#d88994)!important;opacity:1!important; } body[data-web-design] .customer-notification-item.is-read, body[data-web-design] .admin-notice-item.customer-notification-item.is-read{ background:var(--theme-paper,#fffaf4)!important;color:var(--theme-ink,#29231f)!important; border-left:4px solid var(--theme-border,rgba(36,32,43,.16))!important;opacity:1!important; } body[data-web-design] .customer-notification-item:hover, body[data-web-design] .admin-notice-item.customer-notification-item:hover, body[data-web-design] .customer-notification-item:focus-visible, body[data-web-design] .admin-notice-item.customer-notification-item:focus-visible{ outline:2px solid var(--theme-accent,#d88994)!important;outline-offset:-2px!important; }