.photos-app{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;color:#171719;overflow:hidden}.photos-app button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.photos-app header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;min-height:60px;flex-shrink:0}.photos-app h1{font-size:20px;margin:0}.photos-app header button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#8881}.photos-app.camera{background:#050505;color:white}.camera-preview{flex:1;position:relative;min-height:0;background:#151515;overflow:hidden}.camera-preview video{width:100%;height:100%;object-fit:contain}.camera-preview video.mirror{transform:scaleX(-1)}.camera-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.camera-welcome>svg{width:50px;height:50px;color:#999}.camera-welcome p{font-size:24px}.camera-welcome button{background:#fff;color:#111;border-radius:24px;padding:13px 24px}.photo-file{position:relative;color:#007aff;cursor:pointer}.photo-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.camera-mode{text-align:center;color:#ffd55a;font-size:14px;margin:15px}.camera-tools{display:flex;align-items:center;justify-content:space-around;padding:0 20px 26px;flex-shrink:0}.camera-tools>button{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;overflow:hidden}.camera-tools img{width:100%;height:100%;object-fit:cover}.camera-tools .camera-shutter{width:72px;height:72px;border-radius:50%;border:4px solid white;background:white;box-shadow:inset 0 0 0 4px #111}.photos-app button:disabled{opacity:.35}.photo-segments{display:flex;align-items:center;gap:6px;padding:6px 16px 18px}.photo-segments button{border-radius:20px;padding:10px 12px;font-size:13px}.photo-segments .active{background:#f0f0f5}.photo-segments .photo-file{margin-left:auto;font-size:14px}.photo-scroll{flex:1;overflow:auto;min-height:0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.photo-grid button{aspect-ratio:1;padding:0;overflow:hidden}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-empty{text-align:center;padding:80px 20px;color:#999}.photo-empty svg{width:44px;height:44px}.photo-empty h2{font-size:21px;color:#333}.photo-note{padding:20px;text-align:center;font-size:12px;line-height:1.6;color:#999}.photo-error{margin:0;padding:12px 18px;background:#fff1e8;color:#a23914;font-size:13px;line-height:1.5}.photo-lightbox{position:absolute;inset:0;z-index:12;background:#090909;color:white;display:flex;flex-direction:column}.photo-lightbox>img{width:100%;flex:1;min-height:0;object-fit:contain}.photo-lightbox footer{display:flex;justify-content:space-around;padding:22px 10px}.photo-lightbox a,.photo-lightbox footer button{color:#69aaff;text-decoration:none;font-size:14px}