.contact-sheet-page{max-width:var(--max-w);margin:0 auto;padding:var(--s-48) var(--gutter) var(--s-96);background:var(--bg)}.tool-header p{max-width:64ch}.contact-sheet-panel.variant-4{margin-top:var(--s-28);border:1px solid rgba(130,159,255,.28);background:linear-gradient(180deg,#121520,#0b0d14);box-shadow:0 24px 60px #0000006b;padding:clamp(14px,2.5vw,26px);border-radius:6px}.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px dashed rgba(255,255,255,.22);margin-bottom:12px}.toolbar-main,.toolbar-guides{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-guides{color:#b8bfd7;font-size:var(--type-label);letter-spacing:.04em;text-transform:uppercase}.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 rgba(255,255,255,.28);color:#f7f7f7;background:#0f0f0fb8;font-family:var(--font-body);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.btn{padding:8px 12px;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.btn-primary{background:linear-gradient(180deg,#f3f3f3,#d8d8d8);color:#111;border-color:#fff}.btn-secondary{background:#6aaaff33;border-color:#6aaaff99}.btn-ghost{background:#ffffff0f}.btn:disabled{opacity:.45;cursor:not-allowed}.guide-btn{padding:7px 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.guide-btn.is-active{border-color:#95cbf7;background:#95cbf733}.focus-mode-btn{border-color:#b4dcff80}.status-line{font-family:DM Mono,Menlo,Consolas,monospace;color:#e4e7f2;font-size:clamp(.88rem,1vw,1rem);margin-bottom:14px;letter-spacing:.035em}.contact-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}.contact-thumb.variant-4{border:1px solid rgba(130,159,255,.3);background:linear-gradient(180deg,#1a1f2d,#121722);padding:8px;display:grid;gap:10px;align-content:start}.thumb-img-wrap{position:relative;display:block;width:100%;aspect-ratio:3 / 2;background:#070707;overflow:hidden;border:3px solid rgba(255,255,255,.3);line-height:0;cursor:zoom-in}.contact-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;filter:none;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:10px}.frame-number{font-family:DM Mono,Menlo,Consolas,monospace;color:#c7d8ff;letter-spacing:.1em;font-size:.74rem;white-space:nowrap}.overlay-controls{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mark-btn{min-width:34px;width:34px;height:30px;padding:0;display:inline-grid;place-content:center;font-size:1rem;line-height:1;text-transform:none;letter-spacing:0;font-weight:760}.mark-remove-btn{font-size:1rem;border-color:#ffffff3d;background:#ffffff0a;color:#ffffffd1}.mark-remove-btn:hover{border-color:#ff5a50cc;background:#ff5a5029}.mark-select-btn{border-color:#e04234a6;color:#ffe1dcf5}.mark-maybe-btn{border-color:#ffd44d8c;color:#ffe682f5}.mark-reject-btn{border-color:#ff4a468c;color:#ffb9b4f5}.mark-select-btn.is-active{background:#e042343d;color:#fff}.mark-maybe-btn.is-active{background:#ffd44d38;color:#fff6c6}.mark-reject-btn.is-active{background:#ff4a463d;color:#fff}.mark-ds-btn{min-width:38px;width:auto;padding:0 8px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;border-color:#66c6ff8c}.mark-ds-btn.is-active{background:#66c6ff38;border-color:#66c6ffe6}.btn:hover,.guide-btn:hover,.mark-btn:hover{transform:translateY(-1px);border-color:#ffffff9e;background:#ffffff1f}.mark-select .thumb-img-wrap{border-color:#e04234e6}.mark-maybe .thumb-img-wrap{border-color:#ffd44de6}.mark-reject .thumb-img-wrap{border-color:#ff4a46d1}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:#0b0d14eb;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:#030408e0;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;box-shadow:none;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;filter:none}.frame-preview-close{position:fixed;top:18px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);background:#00000070;color:#fff;font-size:1.05rem;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}.mark-btn{min-width:32px;width:32px;font-size:.95rem}.mark-ds-btn{min-width:36px;width:auto;font-size:.62rem}}@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}}