.photo-items-section{margin:0 0 18px;padding:12px;border:1px solid #4fc3f755;border-radius:14px;background:#1a2035;color:#fff}.photo-items-section h3{font-size:14px;margin:0 0 10px}.photo-items-add{width:100%;padding:12px;border:1px solid #4fc3f7;border-radius:10px;background:#4fc3f720;color:#bceaff;font:inherit;cursor:pointer}.photo-items-section [role=status]:empty{display:none}.photo-items-section [role=status]{font-size:12px;color:#bceaff}.photo-items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.photo-items-empty{grid-column:1/-1;font-size:12px;line-height:1.6;color:#c2cadb;margin:0}.photo-item-card{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;border:1px solid #4fc3f744;border-radius:12px;padding:7px;background:#ffffff08}.photo-item-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}.photo-item-card b{font-size:12px;width:100%;overflow-wrap:anywhere;text-align:center}.photo-item-card time{font-size:10px;color:#b7c4d6}.photo-item-card button{border:0;background:transparent;color:#c8d5e8;font:inherit;font-size:11px;min-height:36px;cursor:pointer}.photo-item-editor{margin:auto;background:#1a2035;color:#fff;border:1px solid #4fc3f777;border-radius:18px;padding:18px;width:min(400px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 80px #0009;overscroll-behavior:contain}.photo-item-editor::backdrop{background:#080d1dc9}.photo-item-editor header{display:flex;align-items:center;justify-content:space-between;gap:10px}.photo-item-editor h2{font-size:18px;margin:0}.photo-item-editor button{border:1px solid #4fc3f755;border-radius:9px;background:#ffffff0a;color:#fff;min-height:44px;padding:9px 12px;font:inherit;font-size:14px;cursor:pointer}.photo-item-editor .photo-item-close{font-size:24px;padding:0;width:44px}.photo-item-pickers,.photo-item-editor footer{display:flex;gap:10px;margin:12px 0}.photo-item-pickers button,.photo-item-editor footer button{flex:1}.photo-item-editor canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px;background:repeating-conic-gradient(#ffffff15 0% 25%,#ffffff06 0% 50%) 50%/20px 20px;touch-action:none;cursor:grab;outline-offset:3px}.photo-item-editor canvas:active{cursor:grabbing}.photo-item-editor label{display:flex;flex-direction:column;gap:8px;margin-top:13px;font-size:13px}.photo-item-editor input[type=range]{width:100%;accent-color:#4fc3f7;min-height:30px}.photo-item-editor input[type=text]{box-sizing:border-box;width:100%;min-height:44px;background:#0f1527;border:1px solid #4fc3f766;border-radius:9px;color:#fff;padding:10px;font:inherit;font-size:16px}.photo-item-hint,.photo-item-privacy{font-size:12px;line-height:1.6;color:#c7d4e9}.photo-item-editor [data-status]{font-size:13px;color:#bceaff}.photo-item-editor [data-save]{background:#4fc3f7;color:#1a2035;font-weight:700}.photo-item-editor button:disabled{opacity:.45;cursor:default}.photo-item-editor :focus-visible,.photo-items-section :focus-visible{outline:2px solid #4fc3f7;outline-offset:3px}@media(max-width:360px){.photo-item-editor{padding:12px}.photo-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Simple pictograms are independent from photo cropping and journey records. */
.photo-item-editor [hidden]{display:none!important}.photo-item-editor select{width:100%;min-height:44px;border:1px solid #4fc3f766;background:#0f1527;border-radius:9px;color:#fff;padding:9px;font:inherit;font-size:16px}.photo-symbol-preview{margin:14px 0 0;display:grid;place-items:center;min-height:210px;border:1px solid #4fc3f744;border-radius:14px;background:radial-gradient(circle,#e7f7ff 0%,#c3e7f5 100%)}.photo-symbol-preview img{width:160px;height:160px;object-fit:contain}.photo-item-card img[src^="blob:"]{background:#dceff7}.photo-item-card .photo-item-edit{width:100%;padding:6px 2px;border:1px solid #4fc3f766;border-radius:7px;background:#4fc3f71c;color:#bceaff;font-size:10px;line-height:1.3;overflow-wrap:anywhere}

.photo-item-recognition{padding:10px;border:1px solid #4fc3f744;border-radius:10px;background:#4fc3f70c;font-size:12px;line-height:1.6}.photo-item-recognition p{margin:0 0 8px;color:#c6e8fa}.photo-item-recognition button{width:100%}