.jkss-stage{--jkss-botanical:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2387987b%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M82%20250%20Q52%20158%20123%2026%20M79%20195%20Q32%20151%2013%20128%20M80%20152%20Q132%20127%20162%2085%20M94%20112%20Q46%2083%2039%2046%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%238c9b82%22%3E%3Cellipse%20cx%3D%2290%22%20cy%3D%22211%22%20rx%3D%229%22%20ry%3D%2222%22%20transform%3D%22rotate%2830%2090%20211%29%22%2F%3E%3Cellipse%20cx%3D%2267%22%20cy%3D%22181%22%20rx%3D%229%22%20ry%3D%2221%22%20transform%3D%22rotate%28-48%2067%20181%29%22%2F%3E%3Cellipse%20cx%3D%2290%22%20cy%3D%22168%22%20rx%3D%228%22%20ry%3D%2224%22%20transform%3D%22rotate%2835%2090%20168%29%22%2F%3E%3Cellipse%20cx%3D%2244%22%20cy%3D%22153%22%20rx%3D%229%22%20ry%3D%2221%22%20transform%3D%22rotate%28-45%2044%20153%29%22%2F%3E%3Cellipse%20cx%3D%22110%22%20cy%3D%22135%22%20rx%3D%229%22%20ry%3D%2223%22%20transform%3D%22rotate%2855%20110%20135%29%22%2F%3E%3Cellipse%20cx%3D%22132%22%20cy%3D%22111%22%20rx%3D%228%22%20ry%3D%2222%22%20transform%3D%22rotate%2848%20132%20111%29%22%2F%3E%3Cellipse%20cx%3D%2291%22%20cy%3D%22102%22%20rx%3D%228%22%20ry%3D%2222%22%20transform%3D%22rotate%2820%2091%20102%29%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%2283%22%20rx%3D%229%22%20ry%3D%2221%22%20transform%3D%22rotate%28-42%2064%2083%29%22%2F%3E%3Cellipse%20cx%3D%22111%22%20cy%3D%2258%22%20rx%3D%228%22%20ry%3D%2222%22%20transform%3D%22rotate%2824%20111%2058%29%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f4e8df%22%20stroke%3D%22%23d7c7ba%22%20stroke-width%3D%22.7%22%3E%3Cellipse%20cx%3D%2249%22%20cy%3D%22117%22%20rx%3D%2215%22%20ry%3D%2223%22%2F%3E%3Cellipse%20cx%3D%2249%22%20cy%3D%22117%22%20rx%3D%2215%22%20ry%3D%2223%22%20transform%3D%22rotate%2860%2049%20117%29%22%2F%3E%3Cellipse%20cx%3D%2249%22%20cy%3D%22117%22%20rx%3D%2215%22%20ry%3D%2223%22%20transform%3D%22rotate%28120%2049%20117%29%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%22117%22%20r%3D%229%22%20fill%3D%22%23e7d8be%22%2F%3E%3Cellipse%20cx%3D%22122%22%20cy%3D%22179%22%20rx%3D%2212%22%20ry%3D%2218%22%2F%3E%3Cellipse%20cx%3D%22122%22%20cy%3D%22179%22%20rx%3D%2212%22%20ry%3D%2218%22%20transform%3D%22rotate%2860%20122%20179%29%22%2F%3E%3Cellipse%20cx%3D%22122%22%20cy%3D%22179%22%20rx%3D%2212%22%20ry%3D%2218%22%20transform%3D%22rotate%28120%20122%20179%29%22%2F%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%22179%22%20r%3D%227%22%20fill%3D%22%23dbc5a3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
/* Shared original portrait layouts; everything is scoped to the slideshow. */
.jkss-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#e9e4da;pointer-events:none;contain:paint}
.jkss-stage,.jkss-stage *{box-sizing:border-box}
.jkss-scene{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;overflow:hidden}
.jkss-scene.jkss-active{opacity:1;z-index:1}
.jkss-photo{position:absolute;overflow:hidden;background:#dadacb;box-shadow:0 12px 28px #212c2929}
.jkss-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.jkss-photo img[hidden]{display:none}
.jkss-active .jkss-photo img{animation:jkss-drift 6s ease-in-out both}
@keyframes jkss-drift{from{transform:scale(1)}to{transform:scale(1.07)}}
.jkss-paused .jkss-photo img{animation-play-state:paused}
.jkss-placeholder,.jkss-missing{background:radial-gradient(ellipse at 65% 27%,#fbecce 0 10%,transparent 10.5%),linear-gradient(145deg,transparent 45%,#8f9f90 45% 68%,transparent 68%),linear-gradient(35deg,#74857c 0 45%,#d4d4bf 45% 63%,#e9e4d8 63%)}
.jkss-hero{inset:0;box-shadow:none}
.jkss-film{background:radial-gradient(ellipse at 12% 10%,#b3bd9e80,transparent 48%),linear-gradient(135deg,#e5dfcc,#faf5e9 50%,#c4c6ad)}
.jkss-film .jkss-photo{border:6px solid #292720;border-top-width:15px;border-bottom-width:22px;box-shadow:0 14px 30px #302c2845}
.jkss-film-main{width:76%;height:67%;left:12%;top:17%;transform:rotate(-4deg)}
.jkss-film-left{width:55%;height:48%;left:-18%;top:1%;transform:rotate(-14deg);filter:brightness(.88)}
.jkss-film-right{width:55%;height:48%;right:-17%;bottom:0;transform:rotate(13deg);filter:brightness(.9)}
.jkss-film-label{position:absolute;bottom:0;right:0;padding:3px 6px;color:#f4e2a6;background:#292720d9;font:7px/1.2 monospace;letter-spacing:2px;white-space:nowrap}
.jkss-film-main::after{content:"";position:absolute;inset:0;border:1px solid #f3d8ac33;pointer-events:none}
.jkss-floral{background:radial-gradient(ellipse at 70% 30%,#fff 0,transparent 60%),linear-gradient(150deg,#f2eee4,#e4e8df)}
.jkss-floral .jkss-photo{border:7px solid #fffdf8;box-shadow:0 6px 22px #3b4d3630;outline:1px solid #c6bea740}
.jkss-floral-top{width:76%;height:43%;left:5%;top:4%;transform:rotate(-5deg)}
.jkss-floral-bottom{width:76%;height:43%;right:5%;bottom:4%;transform:rotate(5deg)}
.jkss-sprig{position:absolute;width:54%;height:38%;background:var(--jkss-botanical) center/contain no-repeat;z-index:3}
.jkss-sprig-a{top:-6%;right:-13%;transform:rotate(24deg)}
.jkss-sprig-b{bottom:-7%;left:-13%;transform:rotate(204deg)}
.jkss-portrait{background:radial-gradient(ellipse at 70% 20%,#fdf9ed,transparent 70%),linear-gradient(160deg,#deded2,#c2cabf)}
.jkss-arch-line{position:absolute;inset:6% 6%;border:1px solid #ae9367;border-radius:48% 48% 3px 3px;transform:rotate(5deg)}
.jkss-arch-photo{inset:9% 10%;border:7px solid #f9f4e6;outline:1px solid #b9a476;border-radius:48% 48% 3px 3px;box-shadow:0 15px 30px #35403536}
.jkss-portrait-leaf{position:absolute;left:-11%;bottom:-3%;width:52%;height:38%;z-index:3;background:var(--jkss-botanical) center/contain no-repeat;transform:rotate(190deg)}
#jkCoverSlideshow{z-index:0}
#top.jkss-empty .print-bg{display:block!important}
#top.jkss-empty::before{display:block!important}
body.jk-export-video #jkCoverSlideshow{display:none!important}
@media print{#jkCoverSlideshow{display:none!important}}
@media(prefers-reduced-motion:reduce){.jkss-active .jkss-photo img{animation:none}.jkss-scene{transition:opacity .15s}}

/* Editor: compact cards, visible selected state, real upload thumbnails. */
#coverBgModal{padding:12px}
#coverBgModal .modal-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#coverBgModal .sheet-head{position:sticky;top:-1px;z-index:8;background:#0f172a;padding:6px 0 10px;border-bottom:1px solid #28354a}
#closeCoverModal{min-width:36px;min-height:36px;flex-shrink:0}
.jkss-editor{color:#f5f5f6;font:13px/1.5 system-ui,sans-serif;min-width:0}
.jkss-editor *{box-sizing:border-box}
.jkss-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px}
.jkss-heading strong{font-size:14px;font-weight:650}
.jkss-tag{border:1px solid #6b617b;border-radius:20px;padding:2px 9px;color:#ded0ee;font-size:10px;letter-spacing:.04em}
.jkss-help{display:block;color:#aeb8cb;font-size:12px;line-height:1.5;margin:6px 0 12px}
.jkss-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 22px}
.jkss-choice{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:6px 6px 10px;border:1px solid #374151;border-radius:12px;background:#172133;color:#fff;cursor:pointer;appearance:none}
.jkss-choice[aria-pressed="true"]{border-color:#b69af7;box-shadow:0 0 0 1px #b69af7;background:#302944}
.jkss-choice:focus-visible,.jkss-small-button:focus-visible,.jkss-view:focus-visible{outline:2px solid #facc15;outline-offset:3px}
.jkss-thumb{position:relative;width:100%;max-width:104px;aspect-ratio:9/16;overflow:hidden;border-radius:7px;margin:0 auto 8px}
.jkss-thumb .jkss-film .jkss-photo{border-width:3px;border-top-width:7px;border-bottom-width:10px}
.jkss-thumb .jkss-floral .jkss-photo,.jkss-thumb .jkss-arch-photo{border-width:3px}
.jkss-thumb .jkss-film-label{font-size:5px;letter-spacing:1px;padding:1px 3px}
.jkss-choice strong{font-size:12px;font-weight:650;margin:0 3px;line-height:1.4}
.jkss-choice-desc{font-size:10px;line-height:1.4;color:#b9c2d4;margin:4px 3px 0}
.jkss-chosen{display:none;position:absolute;right:6px;top:6px;z-index:4;width:23px;height:23px;border-radius:50%;background:#7954b4;color:#fff;text-align:center;line-height:23px;font-weight:bold}
.jkss-choice[aria-pressed="true"] .jkss-chosen{display:block}
.jkss-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jkss-count{font-size:12px;color:#b9c2d4}
.jkss-upload-slot{min-width:0;border:1px solid #374151;border-radius:10px;overflow:hidden;background:#172133}
.jkss-upload-label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;cursor:pointer;overflow:hidden}
.jkss-upload-label img{display:block;width:100%;height:110px;object-fit:cover}
.jkss-upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.jkss-upload-label:focus-within{outline:2px solid #facc15;outline-offset:-3px}
.jkss-plus{font-size:28px;font-weight:300;color:#c2aeeb;line-height:1.4}
.jkss-upload-title{display:block;font-size:11px;text-align:center;padding:6px;color:#d7ddec}
.jkss-photo-actions{display:flex;gap:4px;padding:5px;flex-wrap:wrap;border-top:1px solid #374151}
.jkss-small-button{flex:1;min-height:34px;min-width:28px;padding:4px;border:0;border-radius:6px;background:#28354a;color:#f3f4f6;font:11px system-ui,sans-serif;cursor:pointer}
.jkss-editor button:disabled{opacity:.45;cursor:default}
.jkss-status{color:#a7f3d0;font-size:12px;line-height:1.4;margin:10px 0;min-height:17px}
.jkss-status.jkss-error{color:#fca5a5}
.jkss-view{display:block;width:100%;min-height:44px;border:0;border-radius:9px;background:#eab308;color:#111827;font:650 13px system-ui,sans-serif;cursor:pointer;margin:8px 0}
