.photo-studio{--photo-paper:#fffdfb;--photo-ink:#30252b;--photo-gold:#a17d40;--photo-berry:#853448;--photo-rule:#d9c8ca;--photo-blush:#f6ebee;--photo-teal:#275c60;--photo-shadow:0 12px 40px #30252b12;background:var(--photo-paper);color:var(--photo-ink);min-height:100vh;font-family:var(--act-practical-font);padding:36px 28px 110px}.photo-inner{max-width:1160px;margin:auto}.photo-heading{text-align:center;margin-bottom:30px}.photo-heading img{width:220px;height:auto;margin:auto}.photo-heading .photo-brand{font:30px/1.2 var(--act-heading-font);letter-spacing:.05em;color:var(--photo-berry);display:block}.photo-heading h1{font:44px/1.15 var(--act-heading-font);margin:16px 0 10px}.photo-heading p{color:var(--photo-teal);margin:0}.photo-steps{color:var(--photo-berry);flex-wrap:wrap;justify-content:center;gap:20px;margin:24px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.photo-workspace{border-top:1px solid var(--photo-rule);grid-template-columns:minmax(0,1fr) minmax(290px,360px);align-items:start;gap:40px;padding-top:28px;display:grid}.photo-preview{min-width:0;max-width:640px;position:relative}.photo-preview canvas{width:100%;height:auto;box-shadow:var(--photo-shadow);touch-action:none;cursor:grab;display:block}.photo-preview canvas:active{cursor:grabbing}.photo-preview video{display:none}.photo-countdown{pointer-events:none;font:100px var(--act-heading-font);color:var(--photo-paper);text-shadow:0 2px 20px var(--photo-ink);place-items:center;display:grid;position:absolute;inset:0}.photo-controls h2{font:25px var(--act-heading-font);margin:0 0 16px}.photo-frames{grid-template-columns:1fr 1fr;gap:12px;display:grid}.photo-studio .photo-frame{background:var(--photo-paper);height:auto;color:var(--photo-ink);border:1px solid var(--photo-rule);white-space:normal;text-align:center;flex-direction:column;gap:8px;min-height:130px;padding:8px;font-size:12px;line-height:1.4;display:flex}.photo-frame[aria-pressed=true]{outline:2px solid var(--photo-berry);outline-offset:2px}.photo-frame img{object-fit:contain;background:var(--photo-blush);width:86px;height:86px}.photo-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.photo-studio .photo-button{background:var(--photo-berry);color:var(--photo-paper);white-space:normal;border:1px solid var(--photo-berry);height:auto;min-height:44px;box-shadow:none;padding:12px 16px}.photo-studio .photo-button.secondary{background:var(--photo-paper);color:var(--photo-ink);border-color:var(--photo-rule)}.photo-studio .photo-button[aria-pressed=true]{border-color:var(--photo-berry);background:var(--photo-blush)}.photo-adjust{border-top:1px solid var(--photo-rule);margin-top:24px;padding-top:20px}.photo-adjust label{margin-top:16px;font-size:13px;display:block}.photo-adjust input{width:100%;accent-color:var(--photo-berry);min-height:36px}.photo-note{margin:18px 0 0;font-size:12px;line-height:1.7}.photo-message{color:var(--photo-berry);margin-top:16px;font-size:14px;line-height:1.6}.photo-ready{border-top:1px solid var(--photo-rule);margin-top:24px;padding-top:20px}.photo-ready h2{font-size:24px;line-height:1.35}.photo-ready p{font-size:14px}.photo-camera-mark{background:var(--act-cherry);width:28px;height:28px;color:var(--act-ivory);border:1px solid var(--act-gold);border-radius:50%;place-items:center;display:grid}.photo-camera-mark svg{width:17px;height:17px}@media (width<=760px){.photo-studio{padding:24px 18px 130px}.photo-heading h1{font-size:34px}.photo-heading img{width:190px}.photo-workspace{grid-template-columns:1fr;gap:26px}.photo-preview{width:100%;max-width:450px;margin:auto}.photo-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.photo-studio .photo-frame{min-height:116px;padding:5px;font-size:10px}.photo-frame img{width:100%;height:65px}.photo-actions>.photo-button{flex:1}}@media (prefers-reduced-motion:reduce){.photo-studio *{transition:none}}