.contact-sheet-page{--sheet-bg: #1b1a18;--sheet-panel: #232220;--sheet-line: rgba(240, 238, 232, .12);--sheet-line-strong: rgba(240, 238, 232, .26);--sheet-text: #e8e5df;--sheet-text-soft: #a8a49b}.contact-sheet-panel.variant-4{border:1px solid var(--sheet-line);background:var(--sheet-bg);padding:clamp(14px,2.5vw,26px);border-radius:var(--radius-panel)}.toolbar{display:flex;justify-content:space-between;gap:var(--s-16);flex-wrap:wrap;padding-bottom:var(--s-12);border-bottom:1px solid var(--sheet-line);margin-bottom:var(--s-12)}.toolbar-main,.toolbar-guides{display:flex;align-items:center;gap:var(--s-8);flex-wrap:wrap}.toolbar-guides{color:var(--sheet-text-soft);font-size:var(--type-caption)}.upload-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn,.guide-btn,.mark-btn{border:1px solid var(--sheet-line-strong);color:var(--sheet-text);background:#ffffff0a;font-family:var(--font-body);cursor:pointer;transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease,color var(--dur-fast) ease}.btn{min-height:38px;padding:7px 14px;font-size:var(--type-small);font-weight:500;border-radius:var(--radius-pill)}.btn-primary{background:#e8e5df;color:#1b1a18;border-color:#e8e5df;font-weight:600}.btn-primary:hover{background:#fff;border-color:#fff}.btn-secondary,.btn-ghost{background:#ffffff0a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary:hover,.btn-ghost:hover,.guide-btn:hover,.mark-btn:hover{border-color:#f0eee880;background:#ffffff17}.btn:focus-visible,.guide-btn:focus-visible,.mark-btn:focus-visible,.frame-preview-close:focus-visible{outline:2px solid rgba(240,238,232,.5);outline-offset:3px}.guide-btn{min-height:32px;padding:5px 12px;font-size:var(--type-caption);font-weight:500;border-radius:var(--radius-pill)}.guide-btn.is-active{border-color:#f0eee8b3;background:#ffffff24;color:#fff}.status-line{font-family:var(--font-mono);color:var(--sheet-text-soft);font-size:var(--type-caption);margin-bottom:var(--s-16);letter-spacing:.02em}.contact-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}.contact-thumb.variant-4{border:1px solid var(--sheet-line);background:var(--sheet-panel);padding:8px;display:grid;gap:8px;align-content:start;border-radius:var(--radius-sm)}.thumb-img-wrap{position:relative;display:block;width:100%;aspect-ratio:3 / 2;background:#0c0b0a;overflow:hidden;border:2px solid transparent;border-radius:3px;line-height:0;cursor:zoom-in;transition:border-color var(--dur-fast) ease}.contact-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}.contact-thumb.portrait-in-sheet .contact-img{object-fit:contain;transform:rotate(-90deg) scale(1.5)}.guide-layer,.mark-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-layer{z-index:2}.mark-layer{z-index:3;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.contact-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8)}.frame-number{font-family:var(--font-mono);color:var(--sheet-text-soft);letter-spacing:.06em;font-size:var(--type-caption);white-space:nowrap}.overlay-controls{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.mark-btn{min-width:32px;width:32px;height:28px;padding:0;display:inline-grid;place-content:center;font-size:.9rem;line-height:1;font-weight:500;border-radius:var(--radius-pill);color:var(--sheet-text-soft)}.mark-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.controls-divider{width:1px;height:16px;background:var(--sheet-line-strong);margin:0 2px}.mark-remove-btn{border-color:transparent;background:transparent}.mark-select-btn.is-active{border-color:#e04234cc;background:#e0423433;color:#ffd9d4}.mark-maybe-btn.is-active{border-color:#f8c94ab3;background:#f8c94a29;color:#ffedb8}.mark-reject-btn.is-active{border-color:#e04234b3;background:#e0423429;color:#ffd9d4}.mark-remove-btn:hover{border-color:#ff6e64b3;background:#ff6e6424;color:#ffc9c2}.mark-ds-btn{min-width:38px;width:auto;padding:0 9px;font-size:.68rem;letter-spacing:.04em}.mark-ds-btn.is-active{border-color:#f0eee8b3;background:#ffffff24;color:#fff}.mark-select .thumb-img-wrap{border-color:#e04234d9}.mark-maybe .thumb-img-wrap{border-color:#f8c94ad9}.mark-reject .thumb-img-wrap{border-color:#e0423499}body.contact-sheet-focus-active{overflow:hidden}.contact-sheet-panel.is-focus-mode{position:fixed;inset:0;z-index:3000;width:100vw;height:100vh;height:100dvh;max-height:100dvh;overflow:auto;margin:0;border-radius:0;padding:clamp(12px,2vw,28px);-webkit-overflow-scrolling:touch}.contact-sheet-panel.is-focus-mode .toolbar{position:sticky;top:0;z-index:5;background:#1b1a18f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:8px}.contact-sheet-panel.is-focus-mode .contact-sheet-grid{--focus-thumb-min: 300px;max-width:calc((var(--focus-thumb-min) * 6) + (14px * 5));margin-inline:auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--focus-thumb-min)),1fr))}.frame-preview-modal{position:fixed;inset:0;z-index:9000;background:#0c0b0ae6;display:grid;place-items:center;padding:clamp(18px,4vh,48px) clamp(14px,4vw,48px);min-height:100vh;min-height:100dvh;box-sizing:border-box}.frame-preview-modal[hidden]{display:none!important}.frame-preview-stage{width:min(1040px,92vw);max-height:min(78vh,78dvh);margin:auto;justify-self:center;align-self:center;display:grid;place-items:center}.frame-preview-modal .guide-layer,.frame-preview-modal .mark-layer{display:block}.frame-preview-wrap{position:relative;aspect-ratio:3 / 2;width:min(100%,calc(min(78vh,78dvh)*1.5));max-height:min(78vh,78dvh);border:0;background:#000;overflow:hidden;line-height:0}.frame-preview-wrap.is-portrait{aspect-ratio:2 / 3;width:min(56vh,56dvh,86vw);max-height:min(78vh,78dvh);margin:0 auto}#frame-preview-image{width:100%;height:100%;max-height:min(78vh,78dvh);object-fit:contain;display:block}.frame-preview-close{position:fixed;top:18px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-pill);background:#00000070;color:#fff;font-size:1rem;cursor:pointer;z-index:9010}@media(min-width:2200px){.contact-sheet-panel.is-focus-mode .contact-sheet-grid{--focus-thumb-min: 330px}}@media(max-width:1100px){.contact-sheet-panel.is-focus-mode .contact-sheet-grid{--focus-thumb-min: 280px}}@media(max-width:720px){.contact-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-sheet-panel.is-focus-mode .contact-sheet-grid{--focus-thumb-min: 260px}}@media(max-width:520px){.contact-sheet-grid{grid-template-columns:1fr}.contact-sheet-panel.is-focus-mode .contact-sheet-grid{--focus-thumb-min: 100%}.contact-footer{align-items:flex-start}.frame-preview-modal{padding:clamp(16px,5vh,32px) 12px}.frame-preview-stage{width:100%;max-height:min(76vh,76dvh)}.frame-preview-wrap{width:min(100%,calc(min(76vh,76dvh)*1.5));max-height:min(76vh,76dvh)}.frame-preview-wrap.is-portrait{width:min(82vw,54vh,54dvh);max-height:min(76vh,76dvh)}.frame-preview-close{top:10px;right:10px}}