.page-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.order-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.order-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.order-meta{color:var(--color-text-secondary);font-size:.95rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.photo-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius);border:none;padding:0;cursor:pointer;background:var(--color-border);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.photo-thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius)}.lightbox-close{position:fixed;top:1rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1;z-index:1001;opacity:.8;transition:opacity .15s}.lightbox-close:hover{opacity:1}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;font-size:2.5rem;width:3rem;height:3rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:1001}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-caption{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fffc;font-size:.875rem;text-align:center;z-index:1001}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:6rem auto}@keyframes spin{to{transform:rotate(360deg)}}.error-card{text-align:center;padding:3rem 2rem;margin-top:4rem;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.error-card h2{margin-bottom:.75rem;color:var(--color-text)}.error-card p{color:var(--color-text-secondary);max-width:400px;margin:0 auto}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.page-footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem}@media(max-width:640px){.page-container{padding:1.25rem 1rem}.order-header h1{font-size:1.35rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-secondary: #6c757d;--color-primary: #2563eb;--color-border: #e5e7eb;--color-overlay: rgba(0, 0, 0, .85);--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1), 0 4px 10px rgba(0, 0, 0, .06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}