@charset "utf-8";

/* 포토카드 12종의 색상·프레임·확대 장식. 기본 갤러리 레이아웃과 분리해 디자인 변경 범위를 좁힌다. */
/* 12종은 사진 ID에서 고정 배정된다. 작은 카드에는 글자를 넣지 않고 색·프레임만 사용한다. */
.photo-card-style-mist,
.photo-card-modal-card[data-photo-card-style="mist"] {
    --pc-card-background: linear-gradient(150deg, #c8bed8, #867895);
    --pc-image-filter: saturate(1.02) brightness(1.04);
}

.photo-card-style-holo,
.photo-card-modal-card[data-photo-card-style="holo"] {
    --pc-card-background: linear-gradient(135deg, #c9ced3, #f5f2ee 40%, #c8b9dc 72%, #d7eced);
    --pc-image-filter: saturate(1.04) brightness(1.05);
    --pc-photo-overlay: linear-gradient(130deg, rgba(147, 238, 255, 0.18), transparent 38%, rgba(255, 174, 236, 0.24) 62%, transparent);
    --pc-photo-pattern: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.26) 48%, transparent 66%);
}

.photo-card-style-archive,
.photo-card-modal-card[data-photo-card-style="archive"] {
    --pc-card-background: linear-gradient(145deg, #d4dac5, #f0ebdc);
    --pc-border-color: rgba(241, 239, 220, 0.9);
    --pc-inner-border-color: rgba(79, 92, 72, 0.5);
    --pc-image-filter: saturate(0.98) sepia(0.02) brightness(1.04);
    --pc-photo-overlay: linear-gradient(180deg, rgba(91, 105, 78, 0.03), transparent 58%, rgba(54, 66, 48, 0.18));
    --pc-text-color: #394235;
}

.photo-card-style-ribbon,
.photo-card-modal-card[data-photo-card-style="ribbon"] {
    --pc-card-background: linear-gradient(145deg, #d9a99c, #f0d6c8);
    --pc-border-color: rgba(255, 236, 230, 0.92);
    --pc-inner-border-color: rgba(255, 248, 244, 0.74);
    --pc-image-filter: saturate(1) sepia(0.01) brightness(1.05);
    --pc-photo-overlay: linear-gradient(180deg, rgba(151, 83, 91, 0.03), transparent 56%, rgba(91, 48, 61, 0.22));
    --pc-photo-pattern: radial-gradient(circle at 8% 8%, rgba(255, 255, 255, 0.72) 0 1px, transparent 1.5px);
}

.photo-card-style-midnight,
.photo-card-modal-card[data-photo-card-style="midnight"] {
    --pc-card-background: radial-gradient(circle at 70% 25%, #403e62, #151522 72%);
    --pc-border-color: rgba(196, 192, 238, 0.68);
    --pc-image-filter: saturate(0.94) hue-rotate(2deg) brightness(1.01) contrast(1.02);
    --pc-photo-overlay: linear-gradient(180deg, rgba(27, 19, 58, 0.08), rgba(13, 12, 35, 0.38));
    --pc-photo-pattern: radial-gradient(circle at 74% 18%, rgba(235, 230, 255, 0.82) 0 1px, transparent 1.5px);
}

.photo-card-style-botanical,
.photo-card-modal-card[data-photo-card-style="botanical"] {
    --pc-card-background: linear-gradient(145deg, #d9dfcf, #f4f0df);
    --pc-border-color: rgba(246, 246, 226, 0.94);
    --pc-inner-border-color: rgba(93, 111, 79, 0.56);
    --pc-image-filter: saturate(0.96) sepia(0.02) brightness(1.05);
    --pc-photo-overlay: linear-gradient(160deg, rgba(166, 186, 139, 0.08), transparent 54%, rgba(67, 86, 56, 0.16));
    --pc-photo-pattern: radial-gradient(ellipse at 12% 82%, rgba(96, 125, 79, 0.32) 0 7%, transparent 7.5%);
    --pc-text-color: #3f4d3a;
}

.photo-card-style-chrome,
.photo-card-modal-card[data-photo-card-style="chrome"] {
    --pc-card-background: linear-gradient(135deg, #f7f7f7, #777e88 28%, #e8d8ed 52%, #535861 74%, #ffffff);
    --pc-border-color: rgba(255, 255, 255, 0.96);
    --pc-image-filter: saturate(0.92) contrast(1.03) brightness(1.03);
    --pc-photo-overlay: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 40%, rgba(38, 43, 51, 0.22));
    --pc-photo-pattern: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 7px);
}

.photo-card-style-ticket,
.photo-card-modal-card[data-photo-card-style="ticket"] {
    --pc-card-background: linear-gradient(145deg, #e1b9a7, #f1dccf);
    --pc-border-color: rgba(248, 224, 211, 0.96);
    --pc-inner-border-color: rgba(117, 69, 59, 0.62);
    --pc-mini-inset: 2px 2px 2px 7px;
    --pc-modal-inset: 14px 12px 14px 48px;
    --pc-image-filter: saturate(0.98) sepia(0.02) brightness(1.03);
    --pc-photo-overlay: linear-gradient(180deg, rgba(145, 83, 69, 0.03), transparent 56%, rgba(93, 53, 45, 0.2));
    --pc-photo-pattern: none;
    --pc-text-color: #593b35;
}

.photo-card-style-moon,
.photo-card-modal-card[data-photo-card-style="moon"] {
    --pc-card-background: linear-gradient(160deg, #272844, #11121f);
    --pc-border-color: rgba(215, 211, 255, 0.58);
    --pc-mini-radius: 50% 50% 3px 3px;
    --pc-modal-radius: 48% 48% 16px 16px;
    --pc-image-filter: saturate(0.92) hue-rotate(2deg) brightness(1);
    --pc-photo-overlay: linear-gradient(180deg, rgba(114, 106, 166, 0.08), transparent 52%, rgba(10, 12, 31, 0.36));
    --pc-photo-pattern: radial-gradient(circle at 82% 14%, rgba(224, 221, 255, 0.72) 0 5%, transparent 5.5%);
}

.photo-card-style-candy,
.photo-card-modal-card[data-photo-card-style="candy"] {
    --pc-card-background: linear-gradient(155deg, #f4b8cb, #c2bff0 52%, #b9e6db);
    --pc-border-color: rgba(255, 255, 255, 0.92);
    --pc-mini-radius: 45% 45% 5px 5px;
    --pc-modal-radius: 44% 44% 18px 18px;
    --pc-image-filter: saturate(1.05) brightness(1.06);
    --pc-photo-overlay: linear-gradient(180deg, rgba(255, 235, 159, 0.05), transparent 50%, rgba(91, 67, 128, 0.18));
    --pc-photo-pattern: radial-gradient(circle at 85% 18%, rgba(255, 229, 126, 0.48) 0 12%, transparent 12.5%);
}

.photo-card-style-magazine,
.photo-card-modal-card[data-photo-card-style="magazine"] {
    --pc-card-background: #706a67;
    --pc-border-color: rgba(232, 226, 219, 0.82);
    --pc-image-filter: saturate(0.94) contrast(1.02) brightness(1.01);
    --pc-photo-overlay: linear-gradient(90deg, rgba(25, 20, 19, 0.28), transparent 62%);
    --pc-photo-pattern: linear-gradient(180deg, transparent 70%, rgba(255, 255, 255, 0.08));
}

.photo-card-style-minimal,
.photo-card-modal-card[data-photo-card-style="minimal"] {
    --pc-card-background: #f6f4ef;
    --pc-border-color: rgba(35, 35, 35, 0.78);
    --pc-inner-border-color: rgba(35, 35, 35, 0.5);
    --pc-mini-inset: 3px 2px 7px 8px;
    --pc-modal-inset: 28px 16px 72px 58px;
    --pc-image-filter: saturate(0.92) contrast(1.02) brightness(1.04);
    --pc-photo-overlay: linear-gradient(180deg, transparent 76%, rgba(20, 20, 20, 0.1));
    --pc-photo-pattern: linear-gradient(90deg, rgba(20, 20, 20, 0.14) 0 1px, transparent 1px);
    --pc-text-color: #232323;
}

/* 확대 카드는 샘플 12종의 고유한 레이아웃과 장식을 복원한다. */
.photo-card-modal-ornament {
    position: absolute;
    z-index: 4;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.photo-card-modal-ornament > span {
    position: absolute;
    display: none;
}

/* 서정적인 프레임은 대표 문구만 Georgia로 부드럽게 강조한다. */
.photo-card-modal-card:is(
    [data-photo-card-style="mist"],
    [data-photo-card-style="archive"],
    [data-photo-card-style="ribbon"],
    [data-photo-card-style="midnight"],
    [data-photo-card-style="botanical"]
) .photo-card-modal-caption {
    font-family: Georgia, serif;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.photo-card-modal-card[data-photo-card-style="holo"] .photo-card-modal-ornament-a {
    display: grid;
    inset: 0;
    place-items: center;
    color: rgba(255, 255, 255, 0.72);
    font-size: 19px;
    letter-spacing: 28px;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.84);
    transform: rotate(-18deg) translateY(-24px);
    mix-blend-mode: screen;
}

.photo-card-modal-card[data-photo-card-style="holo"] .photo-card-modal-ornament-a::before {
    content: "✦  ˚  ✧  ⋆";
}

.photo-card-modal-card[data-photo-card-style="archive"] {
    overflow: hidden;
    border: 1px solid rgba(48, 57, 43, 0.35);
    border-radius: 8px;
    box-shadow: 10px 12px 0 #7d8875, 0 30px 55px rgba(57, 61, 51, 0.28);
    --pc-modal-inset: 48px 18px 102px 52px;
    --pc-modal-radius: 2px;
    --pc-inner-border-color: rgba(51, 57, 46, 0.34);
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-topline {
    display: none;
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-ornament-a {
    top: 20px;
    bottom: 102px;
    left: 14px;
    display: block;
    color: #4f584a;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 0.12em;
    writing-mode: vertical-rl;
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-ornament-a::before {
    content: "STAR ARCHIVE";
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-ornament-b {
    bottom: 104px;
    left: 15px;
    display: block;
    color: #6e7767;
    font: 18px Georgia, serif;
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-ornament-b::before {
    content: "08";
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-ornament-c {
    right: 18px;
    bottom: 58px;
    left: 18px;
    display: block;
    height: 1px;
    background: rgba(49, 57, 44, 0.3);
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-caption {
    right: 18px;
    bottom: 22px;
    left: 18px;
    color: #394235;
    text-shadow: none;
}

.photo-card-modal-card[data-photo-card-style="archive"] .photo-card-modal-date {
    right: 18px;
    bottom: 68px;
    color: #5f675a;
    text-shadow: none;
}

.photo-card-modal-card[data-photo-card-style="ribbon"] {
    border: 7px solid #f7eee9;
    background: #c899a2;
    box-shadow: 0 30px 70px rgba(99, 57, 69, 0.34);
    --pc-modal-inset: 9px;
    --pc-modal-radius: 13px;
    --pc-inner-border-color: rgba(255, 244, 239, 0.72);
}

.photo-card-modal-card[data-photo-card-style="ribbon"]::before {
    border-style: dotted;
}

.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-topline {
    display: none;
}

.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-a {
    top: 22px;
    left: 50%;
    display: block;
    min-width: 178px;
    padding: 7px 14px;
    color: #8e5967;
    background: rgba(255, 246, 241, 0.93);
    box-shadow: 0 8px 20px rgba(91, 53, 63, 0.2);
    font: 8px Georgia, serif;
    letter-spacing: 0.12em;
    text-align: center;
    transform: translateX(-50%);
}

.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-a::before {
    content: "MY DEAREST MOMENT";
}

.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-b,
.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-c {
    top: 45%;
    display: block;
    color: rgba(255, 236, 232, 0.82);
    font: 34px Georgia, serif;
}

.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-b { left: 12px; transform: rotate(-90deg); }
.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-c { right: 12px; transform: rotate(90deg); }
.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-b::before,
.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-ornament-c::before { content: "⌁"; }

.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-caption { right: 22px; bottom: 24px; left: 22px; }
.photo-card-modal-card[data-photo-card-style="ribbon"] .photo-card-modal-date { right: auto; bottom: 44px; left: 22px; }

.photo-card-modal-card[data-photo-card-style="midnight"] {
    border: 1px solid rgba(202, 183, 255, 0.58);
    background: #131322;
    box-shadow: 0 30px 76px rgba(0, 0, 13, 0.66), 0 0 36px rgba(151, 120, 213, 0.24);
}

.photo-card-modal-card[data-photo-card-style="midnight"] .photo-card-modal-ornament-a,
.photo-card-modal-card[data-photo-card-style="midnight"] .photo-card-modal-ornament-b {
    display: block;
    height: 6px;
    background:
        radial-gradient(circle at 2px 50%, #f4ebff 0 2px, transparent 2.5px),
        radial-gradient(circle at 50% 50%, #f4ebff 0 2px, transparent 2.5px),
        radial-gradient(circle at calc(100% - 2px) 50%, #f4ebff 0 2px, transparent 2.5px),
        linear-gradient(transparent 2.5px, rgba(226, 213, 255, 0.62) 2.5px 3.5px, transparent 3.5px);
    filter: drop-shadow(0 0 5px rgba(214, 188, 255, 0.72));
}

.photo-card-modal-card[data-photo-card-style="midnight"] .photo-card-modal-ornament-a {
    top: 27%;
    left: 12%;
    width: 96px;
    transform: rotate(24deg);
}

.photo-card-modal-card[data-photo-card-style="midnight"] .photo-card-modal-ornament-b {
    top: 19%;
    right: 8%;
    width: 66px;
    transform: rotate(-38deg);
}

.photo-card-modal-card[data-photo-card-style="botanical"] {
    border: 1px solid rgba(70, 88, 65, 0.3);
    border-radius: 7px;
    background: rgba(250, 248, 236, 0.96);
    box-shadow: 10px 12px 0 rgba(91, 109, 80, 0.34), 0 28px 55px rgba(69, 82, 63, 0.24);
    --pc-modal-inset: 60px 20px 80px;
    --pc-modal-radius: 2px;
    --pc-inner-border-color: rgba(76, 95, 69, 0.36);
}

.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-topline { display: none; }
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-a,
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-b {
    display: block;
    color: #7f9075;
    font: 56px Georgia, serif;
    opacity: 0.72;
}
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-a { bottom: 58px; left: -16px; transform: rotate(24deg); }
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-b { top: 46px; right: -17px; transform: rotate(205deg); }
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-a::before,
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-b::before { content: "❧"; }
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-c {
    top: 22px;
    right: 21px;
    left: 21px;
    display: block;
    color: #4c5848;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.12em;
}
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-ornament-c::before { content: "BOTANICAL MEMORY"; }
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-caption { right: 21px; bottom: 24px; left: 21px; color: #4c5848; text-shadow: none; }
.photo-card-modal-card[data-photo-card-style="botanical"] .photo-card-modal-date { right: 21px; bottom: 61px; color: #697264; text-shadow: none; }

.photo-card-modal-card[data-photo-card-style="chrome"] {
    border: 5px solid transparent;
    background: linear-gradient(#777b82, #2c2f34) padding-box, linear-gradient(135deg, #ffffff, #8c94a0, #f7ddff, #727986, #ffffff) border-box;
    box-shadow: 0 30px 62px rgba(51, 54, 62, 0.42);
    --pc-modal-inset: 88px 15px 100px;
    --pc-modal-radius: 50% 50% 16px 16px;
    --pc-inner-border-color: transparent;
}
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-topline { display: none; }
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-ornament-a {
    top: 72px;
    left: 50%;
    display: block;
    width: 220px;
    height: 94px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    transform: translateX(-50%) rotate(-14deg);
}
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-ornament-b {
    top: 22px;
    left: 18px;
    display: block;
    color: #ffffff;
    font-size: 21px;
    font-weight: 900;
    line-height: 0.86;
}
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-ornament-b::before { content: "CHROME\A ORBIT"; white-space: pre; }
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-ornament-c { right: 18px; bottom: 17px; display: block; font: 7px monospace; }
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-ornament-c::before { content: "ITS-DAILY-PH"; }
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-caption { bottom: 42px; left: 18px; }
.photo-card-modal-card[data-photo-card-style="chrome"] .photo-card-modal-date { right: auto; bottom: 25px; left: 18px; }

.photo-card-modal-card[data-photo-card-style="ticket"] {
    overflow: hidden;
    border: 1px solid rgba(130, 79, 70, 0.45);
    border-radius: 12px;
    background: #f5e0d3;
    box-shadow: 0 28px 54px rgba(99, 62, 51, 0.34);
    --pc-modal-inset: 70px 15px 82px 52px;
    --pc-modal-radius: 2px;
    --pc-inner-border-color: #9f6559;
}
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-topline { display: none; }
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-a,
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-b {
    left: -9px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #d9a99c;
}
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-a { top: 31%; }
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-b { bottom: 22%; }
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-c {
    top: 20px;
    right: 15px;
    left: 52px;
    display: block;
    padding-bottom: 9px;
    border-bottom: 1px dashed #a86c61;
    color: #5b332d;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 0.1em;
}
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-c::before { content: "ADMIT ONE       08       MEMORY PASS"; }
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-ornament-d {
    right: 16px;
    bottom: 18px;
    display: block;
    width: 66px;
    height: 25px;
    background: repeating-linear-gradient(90deg, #623d36 0 2px, transparent 2px 4px, #623d36 4px 5px, transparent 5px 8px);
}
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-caption { right: 86px; bottom: 21px; left: 52px; color: #5b332d; font-size: 9px; text-shadow: none; }
.photo-card-modal-card[data-photo-card-style="ticket"] .photo-card-modal-date { right: auto; bottom: 49px; left: 52px; color: #824f46; text-shadow: none; }

.photo-card-modal-card[data-photo-card-style="moon"] {
    border: 1px solid rgba(188, 185, 240, 0.4);
    background: linear-gradient(160deg, #272844, #11121f);
    box-shadow: 0 32px 72px rgba(4, 4, 16, 0.68);
    --pc-modal-inset: 74px 22px 115px;
    --pc-modal-radius: 50% 50% 16px 16px;
    --pc-inner-border-color: rgba(215, 211, 255, 0.48);
}
.photo-card-modal-card[data-photo-card-style="moon"] .photo-card-modal-topline { display: none; }
.photo-card-modal-card[data-photo-card-style="moon"] .photo-card-modal-ornament-a {
    top: 23px;
    right: 21px;
    display: block;
    width: 72px;
    height: 12px;
    background:
        radial-gradient(circle at 6px 6px, transparent 0 4px, #d8d5ff 4.5px 5.5px, transparent 6px),
        radial-gradient(circle at 26px 6px, #d8d5ff 0 2px, transparent 2.5px 4px, #d8d5ff 4.5px 5.5px, transparent 6px),
        radial-gradient(circle at 46px 6px, #d8d5ff 0 5px, transparent 5.5px),
        radial-gradient(circle at 66px 6px, #d8d5ff 0 2px, transparent 2.5px 4px, #d8d5ff 4.5px 5.5px, transparent 6px);
}
.photo-card-modal-card[data-photo-card-style="moon"] .photo-card-modal-ornament-b { right: 21px; bottom: 72px; left: 21px; display: block; font-size: 7px; letter-spacing: 0.14em; }
.photo-card-modal-card[data-photo-card-style="moon"] .photo-card-modal-ornament-b::before { content: "DAILY RECORD 009"; }
.photo-card-modal-card[data-photo-card-style="moon"] .photo-card-modal-caption { right: 21px; bottom: 43px; left: 21px; font: 13px Georgia, serif; }
.photo-card-modal-card[data-photo-card-style="moon"] .photo-card-modal-date { right: 16px; bottom: 20px; }

.photo-card-modal-card[data-photo-card-style="candy"] {
    border: 4px solid rgba(255, 255, 255, 0.8);
    background: linear-gradient(155deg, #f4b8cb, #c2bff0 52%, #b9e6db);
    box-shadow: 0 30px 62px rgba(103, 71, 111, 0.34);
    --pc-modal-inset: 61px 26px 73px;
    --pc-modal-radius: 48% 48% 20px 20px;
    --pc-inner-border-color: rgba(255, 255, 255, 0.82);
}
.photo-card-modal-card[data-photo-card-style="candy"]::before { border-width: 4px; }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-ornament-a,
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-ornament-b { display: block; border-radius: 50%; }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-ornament-a { top: 34px; right: -16px; width: 92px; height: 92px; background: rgba(255, 225, 126, 0.72); }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-ornament-b { bottom: 28px; left: -18px; width: 78px; height: 78px; background: rgba(129, 222, 206, 0.72); }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-ornament-c { top: 30px; right: 15px; display: block; color: #ffffff; font-size: 19px; font-weight: 900; transform: rotate(8deg); text-shadow: 3px 3px 0 #b879a9; }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-ornament-c::before { content: "POP!"; }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-topline { color: #614a73; }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-caption { color: #ffffff; }
.photo-card-modal-card[data-photo-card-style="candy"] .photo-card-modal-date { color: #6a517a; text-shadow: none; }

.photo-card-modal-card[data-photo-card-style="magazine"] {
    border: 0;
    border-radius: 0;
    background: #706a67;
    box-shadow: 11px 11px 0 #312e2d, 0 32px 68px rgba(57, 49, 47, 0.36);
    --pc-modal-inset: 0;
    --pc-modal-radius: 0;
    --pc-inner-border-color: transparent;
}
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-topline { display: none; }
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-ornament-a {
    top: 64px;
    left: 14px;
    display: block;
    color: #ffffff;
    font-size: 48px;
    font-weight: 900;
    line-height: 0.74;
    letter-spacing: -0.1em;
}
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-ornament-a::before { content: "SLOW\A DAY"; white-space: pre; }
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-ornament-b { top: 18px; right: 16px; left: 16px; display: block; padding-bottom: 7px; border-bottom: 1px solid rgba(255,255,255,.66); font-size: 7px; letter-spacing: 0.12em; }
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-ornament-b::before { content: "THE DAILY STAR · ISSUE 11"; }
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-caption { right: 17px; bottom: 62px; left: 122px; max-width: 136px; font: italic 11px Georgia, serif; text-align: right; white-space: normal; }
.photo-card-modal-card[data-photo-card-style="magazine"] .photo-card-modal-date { right: 17px; bottom: 18px; }

.photo-card-modal-card[data-photo-card-style="minimal"] {
    border: 1px solid #232323;
    border-radius: 3px;
    background: #f6f4ef;
    box-shadow: 9px 9px 0 #232323, 0 30px 58px rgba(42, 40, 37, 0.28);
    --pc-modal-inset: 70px 17px 110px 61px;
    --pc-modal-radius: 2px;
    --pc-inner-border-color: #252525;
}
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-topline { display: none; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-ornament-a { top: 16px; left: 17px; display: block; color: #232323; font: 20px Georgia, serif; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-ornament-a::before { content: "12"; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-ornament-b { top: 20px; right: 17px; display: block; color: #232323; font-size: 7px; font-weight: 900; letter-spacing: 0.15em; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-ornament-b::before { content: "I THE STAR"; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-ornament-c { top: 47px; right: 17px; left: 17px; display: block; height: 1px; background: #262626; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-caption { right: 17px; bottom: 27px; left: 61px; color: #232323; font-size: 10px; text-shadow: none; }
.photo-card-modal-card[data-photo-card-style="minimal"] .photo-card-modal-date { right: auto; bottom: 26px; left: 15px; color: #232323; text-shadow: none; writing-mode: vertical-rl; transform: rotate(180deg); }