/* 실제 PC·모바일 캡처를 함께 보여주는 최신 템플릿 컬렉션 */
.design-gallery.capture-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px;max-width:none;margin:0}
.capture-gallery .capture-card{display:block;border:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none;min-width:0}
.capture-gallery .capture-card:hover{transform:none;box-shadow:none}
.capture-pair{--capture-paper:#e9e9e5;--capture-edge:#dce5f5;position:relative;padding:30px 28px 48px;background:var(--capture-paper);border:1px solid var(--capture-edge);border-radius:18px;isolation:isolate;overflow:hidden}
.capture-pair.nuit{--capture-paper:#dce5f5;--capture-edge:#dce5f5}
.capture-pair.claire{--capture-paper:#e8eef6;--capture-edge:#d6e1ed}
.capture-pair.linen{--capture-paper:#ece7dc;--capture-edge:#dfd7c6}
.capture-pair.onyu{--capture-paper:#f7eadd;--capture-edge:#ecd9c6}
.capture-desktop{position:relative;width:85%;overflow:hidden;border-radius:7px;border:1px solid #111d221b;box-shadow:0 15px 28px -9px #202b4024;background:#fafafa;transform:translateZ(0)}
.capture-desktop>img{display:block;width:100%;height:auto;aspect-ratio:1440/2600}
.capture-browser{display:flex;align-items:center;gap:3px;height:20px;padding:0 8px;background:#fcfcf9;border-bottom:1px solid #202b4012}
.capture-browser i{width:3px;height:3px;border-radius:50%;background:#a8b7d5}
.capture-browser span{margin-left:auto;font-size:8px;line-height:1;letter-spacing:.02em;color:#64748b}
.capture-mobile{position:absolute;z-index:2;right:4.5%;bottom:5.5%;width:29%;border:5px solid #f4f6fb;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #202b4030,0 20px 40px -5px #202b4045;background:#f4f6fb;transition:transform .5s cubic-bezier(.2,.65,.3,1)}
.capture-mobile img{display:block;width:100%;height:auto;aspect-ratio:390/844;border-radius:14px}
.capture-device-note{position:absolute;left:29px;bottom:17px;font-size:.66rem;letter-spacing:.025em;color:#64748b}
.capture-gallery .design-meta{padding:22px 1px 0;gap:16px}
.capture-gallery .design-meta h3{font-size:1.5rem;font-weight:600;letter-spacing:-.03em;display:flex;align-items:baseline;gap:10px}
.capture-gallery .design-meta h3 small{font-size:.85rem;color:#92988f;letter-spacing:.02em;font-weight:400}
.capture-gallery .design-meta p{font-size:.8125rem;line-height:1.7;color:#717b76;margin-top:6px}
.capture-gallery .design-palette{display:block;font-size:.6875rem;color:#64748b;margin-bottom:5px}
.capture-gallery .design-open{width:40px;height:40px;background:#fff;border-color:#dce5f5;transition:background .2s,border-color .2s}
.capture-card:focus-visible{outline:3px solid #3180f9;outline-offset:8px;border-radius:18px}
.capture-card:hover .design-open{background:#f4f6fb;border-color:#a8b7d5}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.capture-card:hover .capture-mobile{transform:translateY(-7px)}}
.capture-studio-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:65px}
.capture-studio-layout>.capture-pair{width:100%}
.capture-studio-copy{padding-right:20px}
.capture-studio-copy h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.2;letter-spacing:-.05em;margin:18px 0}
.capture-studio-copy h2 small{display:block;font-size:1rem;font-weight:400;letter-spacing:.08em;color:#a8b7d5;margin-top:16px}
.capture-studio-copy>p{font-size:1rem;line-height:1.8;color:#64748b;word-break:keep-all}
.capture-palette{display:inline-flex;padding:7px 12px;border-radius:30px;background:#f4f6fb;font-size:.75rem;color:#64748b;margin-top:20px}
.capture-studio-copy ul{list-style:none;padding:0;display:grid;gap:14px;margin:30px 0}
.capture-studio-copy li{position:relative;padding-left:20px;font-size:.8125rem;color:#64748b;line-height:1.8;word-break:keep-all}
.capture-studio-copy li:before{content:'✓';position:absolute;left:0;color:#3180f9}
.capture-studio-copy .capture-disclaimer{font-size:.6875rem;line-height:1.8;color:#a8b7d5;margin-top:20px}
.theme-switch{flex-wrap:wrap}
.capture-choices.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.capture-choices .design-choice{display:block}
.capture-choices .design-choice>img{width:100%;height:190px;object-fit:cover;object-position:top}
.capture-choices .design-choice b{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600}
.capture-choices .design-choice b small{font-size:.68rem;margin:0;color:#a8b7d5;font-weight:400}
.capture-choices .design-choice>span>small{font-size:.8rem}
@media(max-width:1000px){.capture-studio-layout{gap:30px;grid-template-columns:1.05fr .95fr}.capture-studio-copy{padding-right:0}.capture-studio-copy h2{font-size:2.5rem}.capture-pair{padding:23px 20px 40px}.capture-device-note{left:21px;bottom:14px}.capture-mobile{border-width:4px;border-radius:16px}.capture-mobile img{border-radius:12px}.design-gallery.capture-gallery{gap:34px 22px}}
@media(max-width:700px){.design-gallery.capture-gallery{grid-template-columns:1fr;gap:38px;max-width:480px;margin-inline:auto}.capture-pair{padding:24px 20px 42px;border-radius:14px}.capture-desktop{width:85%}.capture-mobile{width:29%;right:4.5%;bottom:5.5%}.capture-gallery .design-meta{padding-top:18px}.capture-gallery .design-meta h3{font-size:1.4rem}.capture-gallery .design-meta p{font-size:.8125rem}.capture-browser{height:16px}.capture-browser span{font-size:7px}.capture-device-note{bottom:15px;font-size:.6rem}.capture-studio-layout{grid-template-columns:1fr;gap:32px}.capture-studio-layout>.capture-pair{max-width:480px;margin-inline:auto}.capture-studio-copy{padding:0 2px}.capture-studio-copy h2 small{display:inline;margin-left:12px;vertical-align:middle}.capture-studio-copy ul{margin:23px 0}.capture-studio-copy .button{width:100%}.capture-choices .design-choice>img{height:160px}.capture-choices .design-choice>span{padding:14px 10px}.capture-choices .design-choice b{font-size:1rem}.capture-choices .design-choice>span>small{font-size:.75rem}.capture-choices.choice-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.capture-mobile,.design-open{transition:none}}
.signal-live-preview{position:relative;width:100%;height:400px;overflow:hidden;border:1px solid #dce3ee;border-radius:16px;background:#f6f8fc;isolation:isolate}
.signal-live-preview iframe{display:block;width:1440px;height:1100px;border:0;transform-origin:top left;pointer-events:none;background:#fff}
.signal-live-preview[hidden],.capture-pair [hidden],#open-signal-full[hidden]{display:none!important}
.capture-pair.signal{padding:0;border:0;background:#f6f8fc}.capture-pair.signal .signal-live-preview{border-radius:16px}.capture-card.signal .design-meta{padding-top:22px}
#open-signal-full{display:block;margin-top:18px;color:#3180f9}.capture-pair.nuit{--capture-paper:#f1f3f8;--capture-edge:#dce3ee}
.capture-card:focus-visible{outline-color:#3180f9}.capture-card:hover .design-open{background:#edf1ff;border-color:#aebcff}