@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");:root{--ink:#242522;--gold:#B69144;--cream:#F4F0E7;--paper:#fffdf8;--muted:#77766f;--line:#e9e3d7;--green:#55745d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1040px;margin:0 auto;padding:28px 22px 60px}.topbar{justify-content:space-between;background:var(--ink);color:var(--cream);padding:22px 26px;border-radius:18px;margin-bottom:30px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.paw{color:var(--gold);font-size:28px}.brandname{font-family:Playfair Display,serif;font-size:21px;letter-spacing:2px}.brandtag{font-size:10px;letter-spacing:2px;color:#c9c1b3}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700}.heading{font-family:Playfair Display,serif;font-size:34px;margin:8px 0}.muted{color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 5px 24px #28251c08}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.field{display:grid;grid-gap:7px;gap:7px;margin:13px 0}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:12px;background:white;color:var(--ink);width:100%}.btn{border:0;background:var(--gold);color:#211f1a;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer}.btn.secondary{background:var(--ink);color:var(--cream)}.btn:disabled{opacity:.5;cursor:not-allowed}.status{display:inline-block;border-radius:99px;background:#efe5ce;color:#76591d;padding:7px 11px;font-size:12px;font-weight:700}.progress{height:9px;background:#e9e3d7;border-radius:20px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--gold);border-radius:20px}.steps{display:grid;grid-gap:16px;gap:16px;margin-top:22px}.step{display:flex;gap:12px;align-items:flex-start}.dot{width:24px;height:24px;border:2px solid #d9d1c3;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px}.dot.done{background:var(--green);border-color:var(--green);color:white}.dot.current{border-color:var(--gold);background:#f4ead5}.step strong{display:block;font-size:14px}.step small{color:var(--muted)}.notice{background:#f4efe4;border-radius:12px;padding:16px;line-height:1.55}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.login{max-width:440px;margin:55px auto}.error{color:#a33;font-size:13px}.order{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:12px}.footer{text-align:center;color:var(--muted);font-size:11px;letter-spacing:1.5px;margin-top:40px}@media(max-width:680px){.grid{grid-template-columns:1fr}.heading{font-size:29px}.topbar{padding:18px}.shell{padding:14px 14px 40px}.card{padding:18px}}.gallery-admin{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.customer-gallery h3,.gallery-admin h3{font-family:Playfair Display,serif;font-size:22px;margin:8px 0}.upload-label{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--cream);padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer}.upload-label input{max-width:230px;font-size:12px}.photo-admin-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.photo-admin-list span{font-size:12px;background:#f2ede3;padding:7px 10px;border-radius:8px}.customer-gallery{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:18px 0}.photo-tile{position:relative;border:2px solid transparent;padding:0;background:#eee;border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:pointer}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-tile.chosen{border-color:var(--gold);box-shadow:0 0 0 2px #b6914433}.photo-star{position:absolute;right:9px;top:9px;background:#242522d9;color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:22px}.photo-tile.chosen .photo-star{color:#f3cf7b}.gallery-bottom{margin-top:14px;flex-wrap:wrap}@media(max-width:680px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-bottom{align-items:flex-start;flex-direction:column}.upload-label{display:flex;flex-wrap:wrap}}.photo-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;min-width:0}.photo-card>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-card.final-pick{border:2px solid var(--gold);box-shadow:0 0 0 2px #b6914433}.photo-controls{padding:10px;display:grid;grid-gap:8px;gap:8px}.photo-filename{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.photo-controls label{font-size:12px;font-weight:600;display:grid;grid-gap:5px;gap:5px}.photo-controls select{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.final-toggle{border:1px solid var(--gold);background:#fffaf0;border-radius:8px;padding:9px;font-size:12px;font-weight:700;cursor:pointer}.final-toggle.active{background:var(--gold);color:#211f1a}.final-summary{background:#f4efe4;border-radius:12px;padding:16px;margin-top:16px}.final-summary p{margin:7px 0}.photo-missing{aspect-ratio:1;display:grid;place-items:center;color:var(--muted);font-size:12px}.gallery-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 12px;padding:12px;background:#f7f3eb;border:1px solid var(--line);border-radius:12px}.filter-caption{font-size:12px;font-weight:700;color:var(--muted);margin-right:3px}.filter-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #ded7ca;background:#fffdf8;color:var(--ink);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.filter-chip.selected{border-color:var(--gold);background:#f1e6ce;box-shadow:inset 0 0 0 1px var(--gold)}.filter-count{font-size:10px;color:var(--muted);background:#eee9df;border-radius:99px;padding:2px 6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-dot{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid #0002;flex:none}.empty-dot{background:linear-gradient(135deg,#fff 0 45%,#c9c4b9 46% 54%,#fff 55% 100%);border-color:#bdb6a8}.photo-image-wrap{position:relative;background:#eee}.photo-color-badge{position:absolute;top:10px;left:10px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 6px #0007}.color-red{background:#d94b45}.color-yellow{background:#e9bd35}.color-green{background:#579568}.color-blue{background:#4b83c5}.color-picker{display:grid;grid-gap:6px;gap:6px}.color-picker-label{font-size:12px;font-weight:600}.color-options{display:flex;align-items:center;gap:8px;min-height:32px}.color-choice{width:30px;height:30px;border:1px solid #d8d1c5;background:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0}.color-choice span{width:17px;height:17px;border-radius:50%;background:var(--swatch);display:block}.color-choice.active{border:2px solid var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--gold)}.color-choice:disabled,.color-clear:disabled{opacity:.45;cursor:not-allowed}.color-clear{width:28px;height:28px;border:1px solid #d8d1c5;border-radius:50%;background:#fff;color:#777;font-size:19px;line-height:1;cursor:pointer}.color-clear.active{border-color:var(--gold);color:var(--ink);background:#f1e6ce}.reset-filter{border:0;background:transparent;color:#8a692b;text-decoration:underline;font-size:12px;cursor:pointer;padding:4px 0 10px}@media(max-width:680px){.gallery-filter{gap:6px}.filter-chip{padding:6px 8px;font-size:11px}.filter-caption{width:100%}}.photo-image-wrap{aspect-ratio:2/3;display:grid;place-items:center;overflow:hidden;background:#171715}.photo-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.photo-grid{grid-template-columns:1fr}}