.photos-preview-shell{background:#f0f0f0;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.pp-toolbar{-webkit-user-select:none;user-select:none;background:linear-gradient(#f7f7f7,#ebebeb);border-bottom:1px solid #c8c8c8;flex-shrink:0;justify-content:space-between;align-items:center;height:42px;min-height:42px;padding:0 14px;display:flex}.pp-trafficlights{flex-shrink:0;align-items:center;gap:7px;width:72px;display:flex}.pp-dot{cursor:pointer;color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;padding:0;transition:filter .15s;display:flex}.pp-dot:hover{filter:brightness(.88);color:#0000008c}.pp-dot-red{background:#ff5f57;box-shadow:inset 0 0 0 .5px #0000002e}.pp-dot-yellow{background:#febc2e;box-shadow:inset 0 0 0 .5px #0000002e}.pp-dot-green{background:#28c840;box-shadow:inset 0 0 0 .5px #0000002e}.pp-dot-disabled{opacity:.35;cursor:default;pointer-events:none}.pp-title{flex:1;justify-content:center;align-items:center;gap:6px;display:flex;overflow:hidden}.pp-filename{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;font-weight:700;overflow:hidden}.pp-resolution{color:#888;white-space:nowrap;font-size:11px;font-weight:500}.pp-tools{flex-shrink:0;justify-content:flex-end;align-items:center;gap:3px;width:220px;display:flex}.pp-tool-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:flex}.pp-tool-btn:hover:not(:disabled){background:#00000012}.pp-tool-btn:active:not(:disabled){background:#00000021}.pp-tool-btn:disabled{opacity:.28;cursor:default}.pp-tool-divider{background:#d0d0d0;flex-shrink:0;width:1px;height:16px;margin:0 3px}.pp-zoom-label{color:#555;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:4px;min-width:34px;padding:0;font-size:10px;font-weight:700;line-height:26px;transition:background .12s}.pp-zoom-label:hover{background:#00000012}.pp-nav-segment{background:#0000000f;border:1px solid #0000001a;border-radius:6px;align-items:center;margin-right:4px;display:flex;overflow:hidden}.pp-nav-segment .pp-tool-btn{border-radius:0;width:24px;height:24px}.pp-nav-sep{background:#0000001f;width:1px;height:16px}.pp-canvas{background:#fff;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pp-image-wrap{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pp-image{object-fit:contain;border-radius:3px;width:90%;height:90%;display:block}.pp-empty{color:#bbb;font-size:13px;font-weight:600}.pp-filmstrip{scrollbar-width:thin;background:linear-gradient(#e8e8e8,#dcdcdc);border-top:1px solid #c4c4c4;flex-shrink:0;align-items:center;gap:5px;padding:8px 10px;display:flex;overflow-x:auto}.pp-film-thumb{cursor:pointer;background:#ccc;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:52px;height:40px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.pp-film-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pp-film-thumb:hover{border-color:#007aff80;transform:scale(1.06)}.pp-film-active{border-color:#007aff;box-shadow:0 0 0 1px #007aff}