.mode-switch{display:flex;gap:8px;margin:0 0 18px}.mode-btn{border:1px solid var(--line);border-radius:999px;background:rgba(17,27,50,.68);color:var(--muted);padding:9px 18px;cursor:pointer}.mode-btn.active{border-color:rgba(124,156,255,.65);background:rgba(124,156,255,.18);color:var(--ink)}.hidden{display:none!important}.id-photo-view{margin-top:2px}.id-photo-panel{padding:22px}.local-pill{border:1px solid rgba(86,224,188,.35);border-radius:999px;color:var(--accent2);font-size:11px;padding:5px 10px}.id-photo-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.85fr);gap:22px;align-items:start}.photo-preview-wrap{min-height:420px;border:1px dashed rgba(164,186,232,.3);border-radius:15px;background:repeating-conic-gradient(rgba(255,255,255,.04) 0 25%,transparent 0 50%) 0/22px 22px;display:grid;place-items:center;padding:22px}.photo-empty{display:grid;justify-items:center;gap:7px;color:var(--muted);text-align:center}.photo-empty span{font-size:42px;color:var(--accent)}.photo-empty small,.photo-upload small,.photo-note{color:var(--dim);font-size:11px}.photo-canvas{display:block;max-width:100%;max-height:500px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.photo-controls{display:grid;gap:16px}.photo-upload{display:grid;gap:5px;border:1px solid rgba(124,156,255,.35);border-radius:11px;padding:13px 14px;color:#cbd7ff;cursor:pointer}.photo-upload input{display:none}.photo-upload span{font-weight:700}.color-options{display:flex;gap:13px;flex-wrap:wrap}.color-options label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;cursor:pointer}.color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px rgba(255,255,255,.22)}.color-options input{accent-color:var(--accent);margin:0}.color-dot.red{background:#c9283e}.color-dot.blue{background:#2571c8}.color-dot.white{background:#fff}.photo-note{margin:0;line-height:1.6;padding:11px 12px;border-radius:9px;background:rgba(255,255,255,.04)}@media(max-width:780px){.id-photo-grid{grid-template-columns:1fr}.photo-preview-wrap{min-height:320px}.photo-canvas{max-height:380px}}