.app-image-wrapper.landscape{width:260px;height:120px}.app-image.landscape{object-fit:cover;width:100%;height:100%}h1{font-family:Arial,Helvetica,sans-serif}.app-root{display:flex;min-height:100vh;background:#fafbfc;font-family:Inter,Arial,sans-serif}.sidebar{width:260px;background:#fff;border-right:1px solid #ececec;padding:32px 24px 24px;display:flex;flex-direction:column;gap:32px}.logo-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.logo{width:150px;height:40px}.brand{font-size:1.5rem;font-weight:700;letter-spacing:-1px;color:#222}.category-list{display:flex;flex-direction:column;gap:4px}.category-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#444}.category-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:6px;cursor:pointer;transition:background .15s}.category-item:hover{background:#f3f3f3}.category-icon{font-size:1.1rem}.category-name{font-size:.8rem;color:#222}.main-content{flex:1;padding:40px 48px;display:flex;flex-direction:column;gap:5px}.app-section{background:#fff;border-radius:18px;box-shadow:0 2px 8px #1e22280f;padding:32px 32px 24px;margin-bottom:16px}.app-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.app-icon{width:64px;height:64px;border-radius:14px;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.app-info{display:flex;flex-direction:column;gap:4px;flex:1}.app-title-row{display:flex;align-items:center;gap:12px}.app-category{font-size:.75rem;font-weight:600;color:#7c6f57;background:#f6f3ed;border-radius:6px;padding:2px 10px}.app-title{font-size:1.2rem;font-weight:700;color:#222;text-decoration:none}.app-title:hover{text-decoration:underline}.app-subtitle{font-size:.85rem;color:#666}.app-developer{font-size:.8rem;color:#888}.app-images{display:flex;gap:16px;margin-top:8px;overflow-x:auto;padding-bottom:8px;max-width:100%}.app-section .app-images{max-width:1400px;width:100%}.app-image-wrapper{flex-shrink:0;width:120px;height:260px;border-radius:18px;overflow:hidden;box-shadow:0 1px 4px #1e222814;position:relative}.app-image{width:100%;height:100%;object-fit:cover}.app-video{position:relative;width:100%;height:100%}.video-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:4px}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;justify-content:center;align-items:center;cursor:zoom-out}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;overflow:hidden;touch-action:none}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .1s ease-out;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-image.dragging{cursor:grabbing;transition:none}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s;z-index:1001}.lightbox-close:hover{background:#ffffff4d}.lightbox-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:1001}.lightbox-btn{width:44px;height:44px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s}.lightbox-btn:hover{background:#ffffff4d}.lightbox-zoom-level{color:#fff;font-size:14px;display:flex;align-items:center;padding:0 12px;background:#ffffff1a;border-radius:22px}.app-image-wrapper{cursor:zoom-in}